@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro.eot');
    src: url('../fonts/GothamPro.woff') format('woff'),
         url('../fonts/GothamPro.ttf') format('truetype'),
         url('../fonts/GothamPro.svg#GothamPro') format('svg'),
         url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro-Medium.eot');
    src: url('../fonts/GothamPro-Medium.woff') format('woff'),
         url('../fonts/GothamPro-Medium.ttf') format('truetype'),
         url('../fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg'),
         url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro-Bold.eot');
    src: url('../fonts/GothamPro-Bold.woff') format('woff'),
         url('../fonts/GothamPro-Bold.ttf') format('truetype'),
         url('../fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg'),
         url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

/*@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Italic.ttf')  format('truetype');
    font-weight: normal; 
    font-style: italic; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Thin.ttf')  format('truetype');
    font-weight: 100; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-ThinItalic.ttf')  format('truetype');
    font-weight: 100; 
    font-style: italic; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Light.ttf')  format('truetype');
    font-weight: 300; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-LightItalic.ttf')  format('truetype');
    font-weight: 300; 
    font-style: italic; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
         url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-MediumItalic.ttf')  format('truetype');
    font-weight: 500; 
    font-style: italic; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Bold.ttf')  format('truetype');
    font-weight: 700; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-BoldItalic.ttf')  format('truetype');
    font-weight: 700; 
    font-style: italic; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-Black.ttf')  format('truetype');
    font-weight: 900; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto-BlackItalic.ttf')  format('truetype');
    font-weight: 900; 
    font-style: italic; 
}*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?hmhsrd');
  src:  url('../fonts/icomoon.eot?hmhsrd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?hmhsrd') format('truetype'),
    url('../fonts/icomoon.woff?hmhsrd') format('woff'),
    url('../fonts/icomoon.svg?hmhsrd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "GothamPro", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ruble:before {
  content: "\e920";
}
.icon-remove:before {
  content: "\e91f";
}
.icon-masterCard .path1:before {
  content: "\e900";
  color: rgb(210, 74, 67);
}
.icon-masterCard .path2:before {
  content: "\e901";
  margin-left: -1.6669921875em;
  color: rgb(232, 164, 68);
}
.icon-masterCard .path3:before {
  content: "\e902";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path4:before {
  content: "\e903";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path5:before {
  content: "\e904";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path6:before {
  content: "\e905";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path7:before {
  content: "\e906";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path8:before {
  content: "\e907";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path9:before {
  content: "\e908";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path10:before {
  content: "\e909";
  margin-left: -1.6669921875em;
  color: rgb(0, 0, 0);
}
.icon-masterCard .path11:before {
  content: "\e90a";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path12:before {
  content: "\e90b";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path13:before {
  content: "\e90c";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path14:before {
  content: "\e90d";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path15:before {
  content: "\e90e";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path16:before {
  content: "\e90f";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path17:before {
  content: "\e910";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path18:before {
  content: "\e911";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path19:before {
  content: "\e912";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-masterCard .path20:before {
  content: "\e913";
  margin-left: -1.6669921875em;
  color: rgb(255, 255, 255);
}
.icon-visa .path1:before {
  content: "\e914";
  color: rgb(69, 96, 157);
}
.icon-visa .path2:before {
  content: "\e915";
  margin-left: -3.1298828125em;
  color: rgb(69, 96, 157);
}
.icon-visa .path3:before {
  content: "\e916";
  margin-left: -3.1298828125em;
  color: rgb(69, 96, 157);
}
.icon-visa .path4:before {
  content: "\e917";
  margin-left: -3.1298828125em;
  color: rgb(69, 96, 157);
}
.icon-visa .path5:before {
  content: "\e918";
  margin-left: -3.1298828125em;
  color: rgb(230, 158, 68);
}
.icon-icon-buy:before {
  content: "\e919";
}
.icon-icon-cart:before {
  content: "\e91a";
}
.icon-icon-close:before {
  content: "\e91b";
}
.icon-icon-menu:before {
  content: "\e91c";
}
.icon-icon-quick-person:before {
  content: "\e91d";
}
.icon-promo:before {
  content: "\e91e";
}
.icon-spinner9:before {
  content: "\e982";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-spotify:before {
  content: "\ea94";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-vk:before {
  content: "\ea98";
}
.icon-youtube:before {
  content: "\ea9d";
}

html {
    /*height: 100%;*/
    background: rgb(255, 255, 255);
    height: 100%;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "GothamPro", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    font-weight: normal;
    font-style: normal;
    min-height: 100%;
}

body * {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    box-sizing: inherit;
    font-weight: inherit;
    font-style: inherit;
}

a {
    text-decoration: none;
    transition: all .3s ease-out;
    outline: none;
}

a:hover {
    color: #ed1650;
}

body.fix {
    overflow: hidden !important;
    position: relative !important;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-top: 0;
    margin-right: 17px !important;
}

img {
    max-width: 100%;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0px auto;
}

.button {
    display: inline-block;
    padding: 8px 15px;
    background: #dedede;
    border-radius: 25px;
    font-size: 14px;
    border:  none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.button:hover {
    /*color: #ed1650;*/
    background-color: #ce0c40;
}

.button-price {
    background-color: #ed1650;
    color: #fff;
    padding: 8px 35px;
}

.button-price:hover {
    /*color: #000;*/
    background-color: #ce0c40;
}

.top {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*background-color: #fff;*/
    z-index: 10;
    box-shadow: 0px 0px 12px -4px #000
}

.top__wrapper {
    display: flex;
    flex-flow:  row nowrap;
    padding: 25px 0 0;
    font-weight: 500;
}

.top__logo {
    position: relative;
    width: 152px;
    height: auto;
    background-color: #ed1650;
    padding: 8px 27px;
    border-radius: 5px;
}

.top__logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.top__items {
    flex: 1;
    font-size: 19px;
    display: flex;
    flex-flow: row nowrap;
}

.top__item {
    display: inline-flex;
    align-items: center;
    padding-left: 65px;
    height: 100%;
}

.menu {
    font-weight: 500;
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 10;
}

/*.menu .container {
    overflow-x: hidden;
}*/

.menu-fix {
    box-shadow: 0px 6px 10px -9px #ccc;
}

.menu__wrapper {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 145px;
    z-index: 3;
}

.menu__item {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    white-space: nowrap;
    background-color: #FFFFFF;
}

.menu__item:first-child {
    margin-left: 0;
    min-width: 40px;
}

.menu__icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 0px;
}

.menu__icon img {
    width: 16px;
    height: 16px;
    max-width: 100%;
    object-fit: contain;
}

.menu__submenu .menu__icon {
    width: 16px;
    margin-right: 5px;
}

.menu__link {
    padding: 20px 0;
    display: inline-block;
    vertical-align: top;
}

.menu__submenu .menu__item {
    width: 100%;
    /*border-bottom: 1px solid #0d3356;*/
}

.menu__submenu .menu__item:last-child {
    border-bottom: none;
}

.menu__submenu .menu__link {
    display: block;
    padding: 8px 15px 8px 0;
    width: 100%;
}

.top__cabinet {
    text-align: right;
    display: flex;
    align-items: center;
}

.cart {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}

.cart__button {
    position: relative;
    margin-top: 8px;
    padding: 12px 18px;
}

.menu__logo {
    /*display: none;*/
    /*opacity: 0;*/
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
    padding: 8px 0;
    z-index: 2;
    max-width: 40px;
    /*transform: translate(-1000px, 0);*/
    transition: 0.12s ease-in;
}

.menu__logo img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border-radius: 7px;
    object-fit: contain;
    background-color: #ed1650;
}

.menu__wrapper {
    white-space: nowrap;
    padding-right: 220px;
    transition: 0.12s ease-in;
    /*transition: 0.12s cubic-bezier(0.1, -0.6, 0.2, 0);*/
}

.menu.menu-fix .menu__logo {
    /*display: block;*/
    /*opacity: 1;*/
    /*transform: translate(0, 0);*/
    z-index: 2;
}

.menu.menu-fix .menu__wrapper {
    padding-left: 55px;
    margin: 0;
    z-index: 1;
}

.menu__submenu {
    display: none;
    opacity: 0;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    padding: 10px 15px;
    border-radius: 10px;
    z-index: 7;
    background: #fff;
    box-shadow: 0px 0px 20px -5px #000;
    height: auto;
    white-space: normal;
    transition: opacity .3s ease;
}

.menu__submenu::before {
    content: '';
    position: absolute;
    top: -20px;
    left: calc(50% - 10px);
    border:  10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
}

.menu__submenu.open {
    /*display: block;*/
    opacity: 1;
}

.menu__submenu .menu__item {
    width: 100%;
    display: block;
    margin-left: 0;
    /*text-align: center;*/
}

.btr {
    /*display: none;*/
    position: relative;
    top: 0;
    left: 0;
    /*background-color: red;*/
    border:  2px solid red;
    cursor: pointer;
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
}

.btr span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background-color: red;
    border-radius: 5px;
}

.btr span::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background-color: red;
    border-radius: 5px;
}

.btr span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background-color: red;
    border-radius: 5px;
}

.menu__submenu .btr {
    display: block;
}

.mobi_top {
    display: none;
    background: #ed1650;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
}

.mobi_top__wraper {
    position: relative;
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.mobi_top__menu_btn {
    font-size: 34px;
    color: #0D3356;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.mobi_top__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 43px;
    background-color: #ed1650;
    border-radius: 5px;
    padding-right: 27px;
}

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

.mobi_top .cart {
    position: relative;
}

.mobi_top .cart__button {
    background-color: #0d3356;
    margin: 0;
    padding: 2px 8px;
    color: #ed1650;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50px;
    cursor: pointer;
}

.mobi_menu {
    display: none;
    position: fixed;
    left: -75%;
    width: 75%;
    height: 100%;
    overflow: auto;
    z-index: 100;
    background: #e6ddd8;
    text-align: left;
    background: #ed1650;
    transition: all .5s ease;
}

.mobi_menu__wrapper {
    width: 100%;
    margin-bottom: 0;
    text-align: right;
}

.mobi_menu__content {
    display: block;
    text-align: left;
    width: 100%;
    line-height: inherit;
    padding: inherit;
    margin: inherit;
    border-radius: 0;
}

.mobi_menu__list {
    width: 100%;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding: 0;
}

.mobi_menu__item {
    position: relative;
    border-top: none;
    border-bottom: 1px solid #d30f44;
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 0;
}

.mobi_menu__item--children::after {
    content: '';
    position: absolute;
    right: 21px;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACxZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMi4yLWMwNjMgNTMuMzUyNjI0LCAyMDA4LzA3LzMwLTE4OjEyOjE4ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzQgV2luZG93cyIKICAgeG1wOkNyZWF0ZURhdGU9IjIwMTctMTAtMjhUMTM6MTU6NDkrMTA6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTEwLTI4VDEzOjE1OjQ5KzEwOjAwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTEwLTI4VDEzOjE1OjQ5KzEwOjAwIgogICBkYzpmb3JtYXQ9ImFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIvPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+U51PcAAAAChJREFUeNpi/P//PwMaAAkwIgswMRABqKeIBeoGbO5CUcQ4yBwOEGAA+0cHEvhPmPcAAAAASUVORK5CYII=);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.mobi_menu__link {
    display: block;
    padding: 14px 20px 14px;
    background-color: inherit;
    border: none;
    outline: none;
    box-shadow: none;
}

.mobi_menu__link:active,
.mobi_menu__link:hover,
.mobi_menu__link:focus {
    color: #FFFFFF;
    background-color: inherit;
    border: none;
    outline: none;
    box-shadow: none;
}

.mobi_menu__icon {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    margin-right: 3px;
}

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

.mobi_menu-pattern {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
    z-index: 15;
    cursor: pointer;
}

.mobi_menu__link--phone {
    font-weight: bold;
}

.menu__item--podkat {
    font-size: 35px;
    padding: 12px 0px;
    cursor: pointer;
    color: #0D3356;
}

.cart__block {
    display: none;
    opacity: 0;
    position: fixed;
    /*width: 384px;*/
    width: 448px;
    top: 0;
    right: 0;
    bottom: 0;
    /*padding: 16px 16px 16px 32px;*/
    padding: 16px 0px 16px 32px;
    border-radius: 0px;
    z-index: 7;
    background: #fff;
    box-shadow: 0px 0px 20px -5px #000;
    height: auto;
    white-space: normal;
    font-size: 16px;
    font-weight: 500;
    transition: opacity .3s ease;
    z-index: 567;
}

.cart__background {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: default;
    transition: opacity .3s ease;
    z-index: 555;
}

.cart__block.open {
    opacity: 1;
}

.cart__background.open {
    opacity: 1;
}

.cart__block::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 32px;
    border: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
}

.cart__products {
    /*height: 300px;*/
    /*overflow: auto;*/
}

.cart__content {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /*overflow: auto;*/
    /*padding-right: 16px;*/
}

.cart-product {
    position: relative;
    display: flex;
    flex-flow:  row nowrap;
    border-bottom: 1px solid #ccc;
    padding: 16px 0;
}

.cart-product:last-child {
    /*border-bottom: none;*/
}

.cart-product__image {
    margin-right: 10px;
}

.cart-product__image img {
    width: 60px;
    border-radius: 5px;
}

.cart-product__info {
    position: relative;
    width: 100%;
}

.cart-product__name {
    margin-bottom: 3px;
    padding-right: 25px;
}

.cart-product__description {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.cart-product__row {
    align-items: center;
}

.cart-sum {
    margin: 16px 0;
}

.fluid-row {
    display: flex;
    justify-content: space-between;
}

.cart-product__remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    padding: 5px;
    cursor: pointer;
    transition: all .3s ease;
}

.cart-product__remove:hover {
    color: red;
}

.cart-product__count {
    background-color: #f3f3f3;
    /*padding: 5px 20px;*/
}

.counter {
    width: 96px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0px;
    border-radius: 20px;
}

.counter span {
    display: block;
    text-align: center;
    border-radius: 100%;
    transition: all .2s ease;
}

.minus {
    width: 34px;
    cursor: pointer;
    padding: 7px 12px;
    font-size: 10px;
    line-height: 18px;
}

.plus {
    width: 34px;
    cursor: pointer;
    padding: 7px 12px;
    font-size: 10px;
    line-height: 18px;
}

.count {
    padding: 7px 4px;
}

.icon-ruble {
    font-size: 12px;
}

.cart-additional__item {
    cursor: pointer;
}

.cart-additional__content {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    width: 256px;
    height: 102px;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px 12px;
    /*min-width: 240px;*/
    margin-right: 16px;
}

.cart-additional__image {
    margin-right: 12px;
    flex: 1 0 auto;
}

.cart-additional__image img {
    display: block;
    width: 81px;
    height: 81px;
    object-fit: cover;
    border-radius: 12px;
}

.cart-additional__info {
    position: relative;
    width: 100%;
}

.cart-additional__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    user-select: none;
}

.cart-additional__price {
    position: absolute;
    right: 0;
    bottom: 4px;
}

.cart-additional__title {
    margin-bottom: 12px;
}

.cart-additional__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: red;
    border-radius: 100%;
    z-index: 2;
}

/*.cart-additional__arrow-left {
    left: -30px;
}

.cart-additional__arrow-right {
    right: -30px;
}*/

.cart-additional__list .slick-arrow {
    width: 40px;
    text-align: center;
    top: 0;
    bottom: 0;
    height: auto;
    transform: none;
    background-color: rgba(255, 255, 255, 0);
    transition: opacity .3s ease, background-color .3s ease;
    z-index: 2;
}

.cart-additional__list .slick-prev {
    /* left: -32px; */
    left: 0px;
}

.cart-additional__list .slick-next {
    /* right: -32px; */
    right: 0px;
}

.cart-additional__list .slick-prev:before {
    content: "\ea44";
    color: transparent;
    font-family: 'icomoon';
    font-size:  23px;
    transition: all .3s ease;
}

.cart-additional__list .slick-next:before {
    content: "\ea42";
    color: transparent;
    font-family: 'icomoon';
    font-size:  23px;
    transition: all .3s ease;
}

.cart-additional__list .slick-list {
    /* overflow: visible; */
}

.cart-additional__list .slick-arrow:not(.slick-disabled):hover:before {
    color: #000;
}

.cart-additional__list .slick-arrow.slick-disabled {
    cursor: default;
}

.cart-additional__row {
    margin-bottom: 12px;
}

.cart__additional {
    margin-left: -32px;
    margin-right: -32px;
    padding: 20px 32px;
    overflow: hidden;
}





.cart__value {
    /*position: relative;*/
    /*padding-left: 10px;*/
    /*margin-left: 5px;*/
}

/*.cart__value::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #fff;
}*/

.content {

}

.bottom {

}








.anchor {
    position: relative;
}

.anchor__link {
    position: absolute;
    top: -78px;
}

.body-content {
    /*padding-top: 5px;*/
}







































.product-list {
    /*display: flex;*/
    /*flex-flow: row wrap;*/
    font-size: 0;
}
.product {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px;
    /* margin-bottom: 45px; */
    font-size: 16px;
    /* margin: 1%; */
    /* border: 1px solid #c4c4c4; */
    /* border-radius: 10px; */
    /* padding: 10px; */
    padding-bottom: 92px;
    height: 100%;
    /* margin-bottom: 40px; */
}

.mrl {
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.product-list__block {
    /*outline: 1px solid red;*/
    /*overflow: hidden;*/
}

.footer {
    display: none;
}

#yii-debug-toolbar {
    display: none !important;
}

.product__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 8px 0;
}

.product__descr {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 8px 0;
}

.product__footer {
    display: flex;
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
}

.product__price {
    position: relative;
    flex: 1 1 auto;
    padding-right: 4px;
    font-size: 22px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 42px;
    white-space: nowrap;
}

.product__price_inline {
    position: relative;
}

.product_old_price {
    position: relative;
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 42px;
    margin-left: 10px;
}

.product__button {
    min-height: 42px;
}

@media only screen and (max-width:  1280px) {
    .product_old_price {
        position: absolute;
        left: 3px;
        font-size: 13px;
        line-height: normal;
        margin-left: 0;
        bottom: 28px;
    }
}
@media only screen and (max-width:  1024px) {
    .product_old_price {
        position: relative;
        left: 0;
        font-size: 16px;
        line-height: 42px;
        margin-left: 10px;
        bottom: 0px;
    }
}
@media only screen and (max-width:  768px) {
    .product_old_price {
        font-size: 13px;
        line-height: normal;
    }
}

.product_old_price::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: red;
    bottom: 0px;
    left: 0px;
    transform: rotate(-10deg) translate(-1px, -9px);
}

.product__photo {
    position: relative;
    text-align: center;
    padding-top: 0;
    margin: 0 auto;
    padding: 0 0 100%;
}

.product__photo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.product__group {
    /* outline: 1px solid red; */
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: 50%;
    /* margin-left: -20px; */
    /* margin-right: -20px; */
    /* display: flex; */
    /* flex-flow: row wrap; */
    /* align-items: stretch; */
    /* height: 100%; */
}

.product-list__title {
    font-weight: 500;
    font-size: 24px;
    margin: 16px 0px 19px;
}


@media (max-width: 1340px) {
    .mrl {
        margin: 0;
    }
    .product-list__title {
        padding: 0 20px;
    }
}

@media (max-width: 1024px) {
    .product__group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #main {
        margin-top: 75px;
    }
    #main.under-menu-padding {
        margin-top: 119px;
    }
    .mrl {
        margin: 0;
    }
    .wrapp-item-catalog {
        width: 100%;
        display: table;
    }
    .product-list__item {
        margin: 0;
        width: 50%;
        min-width: auto;
        border: 1px solid #ededed;
        border-left: none;
        border-bottom: none;
        display: table-cell;
        float: none;
        padding: 15px 10px 90px 15px;
        max-width: 0;
        height: 100%;
        /* position: unset; */
    }
    .product__title {
        font-size: 16px;
        line-height: normal;
        font-weight: 700;
    }
    .product__descr {
        font-size: 12px;
        color: #735645;
        line-height: 14px;
    }
    .product__footer {
        bottom: 20px;
        display: block;
    }
    .product__price {
        color: #ed1650;
        font-size: 14px;
        font-weight: 700;
        line-height: 34px;
        float: right;
    }
    .button-price {
        color: #fff;
        padding: 8px 35px;
        width: 100%;
        text-transform: uppercase;
    }
    .product-list__title {
        margin:  20px 0 10px;
    }
}

























.numput {
    display: flex;
    flex: row nowrap;
    border-radius: 100%;
    background-color: #ccc;
    border-radius: 25px;
}

.numput__button {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    /*background-color: #ccc;*/
    border-radius: 100%;
}

.numput__value {
    width: 64px;
    line-height: 42px;
    text-align: center;
    cursor: default;
    /*background-color: #ccc;*/
}

.tabs {
    display: flex;
    flex-flow: row nowrap;
}

.tabs__item {
    padding: 5px 25px;
    border-radius: 25px;
    border:  1px solid #ed1650;
    margin-right: 10px;
    cursor: pointer;
}

.tabs__item.active {
    background-color: #ed1650;
    color:  #fff;
}

input[type="text"],
input[type="email"],
input[type="phone"],
textarea {
    border: none;
    border-radius: 10px;
    background-color: #F4F4F4;
    padding: 12px 16px;
    outline: none;
    border: none;
    box-shadow: none;
    border: 1px solid transparent;
}

input[type="text"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="phone"]:hover,
input[type="phone"]:active,
input[type="phone"]:focus,
textarea:hover,
textarea:active,
textarea:focus {
    outline: none;
    border: 1px solid transparent;
    box-shadow: none;
}

textarea {
    width: 100%;
    max-width: 500px;
    resize: none;
}

input[type="text"],
input[type="email"],
input[type="phone"],
textarea {
    margin-bottom: 9px;
}

.tab-content {
    display: none;
    padding: 20px 0;
}

.tab-content.active {
    display: block;
}

.field-group {
    margin-bottom: 10px;
}

h1 {
    font-weight: 500;
    font-size: 24px;
    margin: 32px 0px;
}

.form__content {
    display: flex;
    justify-content: space-between;
}

.form__block {
    width: 100%;
}

.field-label {
    font-weight: 500;
    margin-bottom: 12px;
}

.field-radio {
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.field-radio input[type="radio"] {
    display: none;
}

.field-radio input[type="radio"]:checked + .field-radio-label {
    background-color: #ed1650;
    color: #fff;
}

.field-radio-label {
    border: 1px solid #ed1650;
    display: inline-block;
    vertical-align: top;
    padding: 6px 16px;
    border-radius: 50px;
}

.field-radio input[type="text"] {
    width: 75px;
    display: inline-block;
    vertical-align: top;
    padding: 6px 16px;
    border-radius: 50px;
}

.field-group-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
}

.field-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}

input.error {
    border: 1px solid red !important;
}

.live-search-street {
    min-width: 372px;
}

.predict {
    display: inline-block;
    position: relative;
}

.predict__result {
    display: none;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    background: #f4f4f4;
    padding: 10px 0;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 51%);
}

.predict__option {
    padding: 10px 16px;
    cursor: pointer;
    transition: .1s ease-out;
}

.predict__value:hover {
    background-color: #d7d7d7;
}

input.loading {
    background-image: url(../img/dual-ring-loader.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.506);
    background: #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    border-radius: 10px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #f4f4f4;
}

.xdsoft_time_box {
    border: 1px solid #f4f4f4;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #ed1650;
    box-shadow: #ed1650 0 1px 3px 0 inset;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #ed1650 !important;
}

.bundle-child,
.field-radio .bundle-child,
.field-radio input.bundle-child {
    display: none;
}

#bundle-time-2 {
    margin-bottom: 0px;
}

.add-modey-dop {
    margin: 0 10px;
    line-height: 28px;
}

#bundle-odd-modey {
    display: none;
}

#bundle-odd-modey input,
#bundle-odd-modey-pickup input {
    margin-bottom: 0px;
}

.cart-content {
    margin: 0 16px;
}

.xdsoft_datetimepicker .xdsoft_label {
    background-color: #F4F4F4;
}

.remodal__content {
    font-size: 18px;
    font-weight: 500;
}

.loader-background {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/dual-ring-loader-2.svg);
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.remodal {
    border-radius: 25px;
}

.remodal-confirm {
    border-radius: 25px;
}

.remodal-confirm,
.remodal-confirm:hover,
.remodal-confirm:active,
.remodal-confirm:focus {
    padding: 12px 25px;
    color: #fff;
    background: #ed1650;
}

.remodal-confirm:hover,
.remodal-confirm:active,
.remodal-confirm:focus {
    color: #FFF;
}

.remodal-confirm + .remodal-confirm {
    margin-left: 15px;
}

.order-content {
    padding: 16px;
}

.order-content h1 {
    margin: 16px 0;
}

.order-content .button {
    text-align: center;
}

.order-content tr td {
    padding: 5px 0;
}

.order-content tfoot tr td {
    font-weight: 500;
    padding: 10px 0;
}

.order-content tr td:last-child {
    text-align: right;
}

button.remodal-close {
    left: auto;
    right: 6px;
    top: 6px;
}

.remodal-confirm {
    margin-top: 20px;
}

.scroll-content {
    height: 100%;
    min-height: 100%;
}

.cart__group {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: calc(100% - 32px);
}

.cart__additional {
    flex: 1 0 auto;
}

.cart .scrollbar-track-y {
    right: 8px;
}

.scrollbar-thumb {
    cursor: pointer;
}

.cart-flash {
    position: fixed;
    bottom: 0;
    /*right: 17px;*/
    right: 0;
    /*width: 431px;*/
    width: 448px;
    background-color: #FFF;
    padding: 12px 16px;
    transform: translateY(0%);
    transition: all .1s linear;
    z-index: 569;
}

.cart-flash.unvisible {
    transform: translateY(105%);
}

.cart-flash__content {
    display: flex;
    flex-flow:  row nowrap;
    justify-content: space-between;
}

.cart__block .scrollbar-track {
    background: none;
}

.cart__block .scrollbar-thumb {
    background: rgba(31, 31, 31, .3);
}

.cart__empty {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    padding-right: 32px;
    font-size: 15px;
}

.cart__empty h2 {
    font-size: 32px;
    font-weight: 500;
}

.mobi__close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    background-color: transparent;
    opacity: 0.5;
    background-image: url(../img/back.svg);
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.cart__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -64px;
    background-color: transparent;
    width: 50px;
    height: 50px;
    background-image: url(../img/close-white.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 500ms ease 0s;
    cursor: pointer;
}

.cart__close:hover {
    transform: translateY(-50%) scale(1.1) rotate(180deg);
}

.mod__group {
    float: left;
    padding: 0 15px;
    width: calc(100%/4*1);
}

.mod__content {
    width: 100%;
    border: 1px solid #e6ddd8;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 6px;
    margin-bottom: 10px;
    position: relative;
    height: auto;
    min-height: 40px;
    padding-bottom: 6px;
}

.mod__image {
    width: 46px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    vertical-align: middle;
    display: block;
    max-width: 100%;
    float: left;
}

.mod__info {
    float: left;
    padding-left: 9px;
    text-align: left;
    width: calc(100% - 46px);
}

.mod__title {
    font-size: 12px;
    color: #735645;
    margin: 5px 0 0;
}

.mod__price {
    font-size: 14px;
    color: #735645;
}

.mod__count_block {
    display: none;
    position: absolute;
    right: 3px;
    bottom: 3px;
    text-transform: lowercase;
}

.mod__content.active .mod__count_block {
    display: block;
    z-index: 99;
}

.mod__remove {
    border-bottom: 1px dashed #1b334c;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    color: #1b334c;
}

.mod__count {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed1650;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    margin-left: 5px;
}

.clear {
    clear: both;
}

.mod-remodal {
    padding: 15px 30px;
    max-width: 900px;
}

.mod-modal__header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 90px;
    margin-bottom: 10px;
    padding: 18px 30px 0;
    text-align: left;
}

.mod-modal__header-mobile {
    display: none;
    border-bottom: 1px solid #e5e5e5;
    min-height: 90px;
    margin-bottom: 10px;
    padding: 18px 30px 0;
    text-align: left;
}

.mod-modal__header--left {
    display: inline-block;
    font-weight: 700;
}

.mod-modal__title {
    font-size: 20px;
    line-height: 26px;
}

.mod-modal__price {
    font-size: 18px;
    color: #ed1650;
}



.mod-modal__header--right {
    position: relative;
    float: right;
    top: 0;
    text-align: center;
}

.icon-constructor {
    padding: 8px 28px 8px 8px;
    font-size: 16px;
    line-height: normal;
}

.icon-constructor:before {
    color: #0D3356;
    font-size: 34px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.group-mod__title {
    margin: 0;
    line-height: normal;
    font-size: 22px;
    font-weight: 700;
    color: #1b334c;
    position: relative;
    display: block;
    padding: 0 15px;
    text-align: left;
    z-index: 100;
    margin-bottom: 10px;
}

.group-mod {
    margin-bottom: 10px;
}

.mod-modal__content {
    padding: 17px 30px 30px;
}

.mod4__group {
    padding: 0 15px 15px;
    width: calc(100%/5*1);
    cursor: -webkit-grab;
}

.mod4__body {
    text-align: center;
    width: 100%;
    border: 1px solid #e6ddd8;
    border-radius: 4px;
    cursor: pointer;
}

.mod4__image {
    border-radius: 50%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9px;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.mod4__title {
    font-size: 12px;
    color: #735645;
    line-height: 9px;
    margin: 6px 0 20px;
}

.mod4__title-z {
    margin: 6px 0 6px;
}

.mod4__price {
    font-size: 12px;
    color: #735645;
    line-height: 9px;
    margin: 6px 0 20px;
}

.mod5__group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-bottom: 10px;
}

.mod5__checkbox {
    display: none;
}

.mod5__field {
    position: relative;
    font-weight: normal;
    padding-left: 20px;
    font-size: 14px;
}

.mod5__field:before {
    color: #ed1650;
    margin-right: 7px;
}

.mod5__checkbox:checked + .mod5__field:before {
    content: "\ea52";
}

.mod5__label {
    cursor: pointer;
}

.group-mod__list {
    text-align: left;
    display: flex;
    flex-flow: row wrap;
}

.group-mod__description {
    margin: 0 0 15px;
    color: #626262;
    padding-left: 15px;
    border-left: 2px solid #ed1650;
    margin-left: 35px;
    text-align: left;
}

.mod__content:hover,
.mod4__body:hover {
    border-color: #957460;
}

.mod4__body.active,
.mod__content.active {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e6ddd8),color-stop(100%,#e1d3c7));
    background: -webkit-linear-gradient(top,#e6ddd8 0,#e1d3c7 100%);
    background: linear-gradient(to bottom,#e6ddd8 0,#e1d3c7 100%);
    border-color: transparent;
}

.mod__content,
.mod4__body,
.mod5__label,
.button {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.mobi_menu__list {
    padding-bottom: 100px;
}

.site-index {
    padding-top: 14px;
}

.cart-bottom .cart-sum div:first-child {
    padding-right: 20px;
}
.cart-bottom .cart-sum div:last-child {
    text-align: right;
}

.mod-modal__footer + .mod-modal__header-mobile {
    border-bottom: none;
}

.cart-product__old-price {
    position: relative;
    margin-right: 10px;
}

.cart-product__old-price::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: red;
    bottom: 0px;
    left: 0px;
    transform: rotate(
-10deg) translate(-1px, -9px);
}

.cart-product__prices {
    display: flex;
    flex-flow: row nowrap;
}

.promob {
    position: relative;
}

.promob__item {
    display: block;
    width: 100%;
    height: auto;
}

.promob__image {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
}

.swiper-button-disabled {
    opacity: 0.5;
}

.swiper-slider-button-next, .swiper-slider-button-prev {
    top: calc(50% - 10px);
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0);
    transition: 0.3s ease-out;
    color: #ed1650;
}

.swiper-slider-button-prev, .swiper-slider-button-prev:hover {
    left: 10px;
}

.swiper-slider-button-next, .swiper-slider-button-next:hover {
    right: 10px;
}

.swiper-slider-button-prev,
.swiper-slider-button-next {
    background-color: transparent;
}

.swiper-slider-button-prev:hover,
.swiper-slider-button-next:hover {
    background-color: rgba(255, 255, 255, .5);
}

.mobi_submenu__link {
    white-space: nowrap;
    display: inline-block;
    width: auto;
    font-weight: 600;
    line-height: 42px;
    padding: 1px 10px;
    min-height: 42px;
}

.swiper-mobile-menu {
    overflow: hidden;
    height: 0px;
}

.swiper-mobile-menu.swiper-mobile-menu-initialized {
    overflow: visible;
    height: auto;
}

.promob__item {
    width: 80%;
    height: auto;
}

.swiper-slider-desctop {
    padding: 0px;
}

.swiper-slider-mobile {
    padding: 26px 15px 1px;
}

.page {
    padding: 0px;
}























.stock {
    width: 100%;
    display: block;
}
.stock__top {
    display: flex;
    background: #ed1650;
}
.stock__info {
    width: 35%;
    display: flex;
    align-items: center;
}
.stock__info-wr {
    padding: 10%;
}
.stock__title {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.stock__description {
    font-size: 18px;
    color: #fff;
}
.stock__image {
    width: 65%;
}
.stock__image img {
    width: 100%;
    height: 100%;
}
.stock__step-number {
    width: 50px;
    height: 50px;
    background: #ed1650;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 50px;
    float: left;
    text-align: center;
    flex-shrink: 0;
}
.stock__steps {
    display: flex;
    width: 100%;
    padding: 25px 20px;
}
.stock__step {
    width: 100%;
    padding-right: 16px;
    display: flex;
    align-items: center;
}
.stock__step-text {
    font-size: 16px;
    padding-left: 16px;
    font-weight: 500;
}
.stock-after__title {
    margin: 0;
    padding: 25px;
    font-size: 24px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}
.menu-list {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #eee;
}
.menu-list__item {
    display: block;
    width: 33.33%;
}
.menu-list__image {
    position: relative;
    width: 100%;
    height: 250px;
    padding: 10px;
}
.menu-list__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    max-width: 100%;
}
.menu-list__title {
    text-align: center;
    padding: 10px 0;
    min-height: 60px;
    font-weight: 700;
    font-size: 16px;
}
.stock__after  {
    padding: 50px 0 100px;
}

@media only screen and (max-width: 1024px) {
    .stock__top {
        flex-flow: column-reverse;
    }
    .stock__info {
        width: 100%;
    }
    .stock__image {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .menu-list__item {
        width: 50%;
    }
    .stock__steps {
        flex-flow: column;
    }
    .stock__step {
        margin-bottom: 20px;
    }
}

.flash-modal {
    position: fixed;
    right: 30px;
    top: -100px;
    padding: 10px 20px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
    pointer-events: none;
    z-index: 777;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 2px 3px 6px -1px #ccc;
    transition: all 1s ease-out;
}

.flash-modal.animate {
    top: 76px;
}

@media only screen and (max-width: 768px) {
    .flash-modal {
        min-width: 300px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .flash-modal.animate {
        top: 86px;
    }
}

.gift {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.gift__info {
    display: flex;
    flex-flow: column;
    text-align: left;
}

.gift__image {
    width: 100px;
    height: 75px;
    flex-shrink: 0;
}

.gift__radio {
    flex-shrink: 0;
}

.gift__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gift__title {
    margin-bottom: 5px;
}

.gift_description {
    color: #a9a9a9;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="phone"]:disabled,
textarea:disabled {
    cursor: not-allowed;
    color: #8b8b8b;
}

.gift__radio-field {
    display: none;
}

.gift__radio-icon {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #ed1650;
}

.gift__radio-field + .gift__radio-icon::after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}

.gift__radio-field:checked + .gift__radio-icon::after {
    background-color: #ed1650;
}

.gifts__title {
    font-size: 24px;
    margin: 5px 0 20px;
}

.promocode__button:hover,
.promocode__button:active,
.promocode__button:focus {
    color: #FFFFFF;
}

.button-price:hover,
.button-price:active,
.button-price:focus {
    color: #FFFFFF;
}

.promocode {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 20px;
}

input.promocode__field {
    width: 100%;
    margin-bottom: 0;
}

.promocode__button {
    height: 31px;
    margin-left: 10px;
    flex-shrink: 0;
}

.button-price__sum {
    position: relative;
    padding-left: 22px;
}

.button-price__sum::before {
    content: "\e91a";
    display: block;
    position: absolute;
    top: -5px;
    left: -10px;
    font-size: 27px;
    width: 20px;
    height: 20px;
    font-family: 'icomoon', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "GothamPro", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;
}

.mobi-cart-sum {
    position: relative;
}

.mobi-cart-sum::before {
    /*content: "\e91a";
    display: block;
    position: absolute;
    top: -6px;
    left: -32px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    color: #0D3356;
    font-family: 'icomoon', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "GothamPro", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;*/
}

.top__auth-phone {
    font-size: 19px;
    cursor: pointer;
}

.field-group {
    width: 100%;
}

.mobi_top__submenu {
    background-color: #FFFFFF;
}

.mobi_top__submenu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0px 3px 5px -4px #000;
}

.mobi_submenu__item {
    padding: 5px 5px;
    min-height: 32px;
    display: flex;
    align-items: center;
    max-width: 130px;
    text-align: center;
    color: #999;
}

.mobi_submenu__link {
    display: block;
    font-size: 10px;
    line-height: normal;
}

.mobi_submenu__link:hover {
    color: inherit;
}

.mobi_submenu__link.active {
    color: #ed1650;
}

.flex-row {
    display: flex;
    flex-flow: row nowrap;
}

.flex11 {
    flex: 1 1;
}

.order_products {
    display: none;
}

.order {
    padding: 5px 0px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
}

.order__date {
    font-weight: 700;
    margin-bottom: 5px;
}

.order__status {
    font-size: 12px;
}

.order__price {
    background-color: #efefef;
    border-radius: 7px;
    padding: 7px 10px;
    font-weight: 700;
}

.order_params {
    cursor: pointer;
}

.order_product__image {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    margin-right: 10px;
}

.order_product {
    padding: 15px 0 10px;
}

.order_product__name {
    font-weight: 700;
    margin-bottom: 5px;
}

.order_product__mod {
    font-size: 12px;
    color: #838383;
}

.order_product__price {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: right;
}

.order_product__count {
    background-color: #efefef;
    border-radius: 7px;
    padding: 0px 7px;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
}

.profile_page {
    padding: 15px 0 30px;
}

.profile_page__wrapper {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

.profile_page__title {
    margin: 0 0 10px;
}

.profile_page__bonuses {
    position: absolute;
    top: 0px;
    right: 15px;
}

.empty_orders__image {
    display: block;
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}

.empty_orders__title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.empty_orders__subtitle {
    color: #838383;
    margin-bottom: 25px;
}

.empty_orders {
    padding-bottom: 20px;
}

.ui-selectmenu-button.ui-button {
    border: none;
    border-radius: 10px;
    background-color: #F4F4F4;
    padding: 12px 16px;
    outline: none;
    border: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.field-usersettigsform-gender {
    margin-bottom: 9px;
}

.ui-menu .ui-menu-item-wrapper {
    background-color: #f4f4f4;
    padding: 9px 17px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid transparent;
    background: #ffaf00;
    font-weight: normal;
    color: #fff;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-widget.ui-widget-content {
    border-radius: 10px;
    box-shadow: 1px 6px 9px -5px #939393;
}

#profile-form .form-group label {
    display: block;
}

.ui-selectmenu-button.ui-button {
    width: 175px;
}

#profile-form input {
    width: 100%;
}

#profile-form .ui-selectmenu-button.ui-button {
    width: 100%;
}

.field-usersettigsform-email {
    margin-bottom: 15px;
}

.who {
    width: 320px;
    height: auto;
    max-width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 1px 1px 10px -2px #000000;
    padding: 25px;
    border-radius: 10px;
}
.who__button {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.who__logo {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.who__logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.mobi_submenu__item {
    max-width: none;
}

.mobi_submenu__link {
    font-size: 15px;
    font-weight: 500;
}

.promob-mobile {
    display: none;
}

.profile__tabs {
    display: flex;
    flex-flow:  row nowrap;
}

.profile__tab {
    display: block;
    padding: 10px 15px;
    background: whitesmoke;
    margin-right: 10px;
    border-radius: 25px;
}

.profile__tab.active {
    background-color: #ffaf00;
    color: #FFFFFF;
}

.address {
    padding: 5px 0px;
    border-bottom: 1px solid #efefef;
    line-height: 35px;
    cursor: pointer;
}

.address__form {
    display: none;
}

.address__form .form-control {
    width: 100%;
}

.address__form {
    padding: 10px 30px 30px;
}

.address__info.button {
    line-height: normal;
}

.address:last-child {
    border-bottom: none;
    margin: 10px 0;
}

.cart__title {
    display: none;
    position: absolute;
    top: 6px;
    font-size: 24px;
    line-height: normal;
    left: 0;
    pointer-events: none;
    width: calc(100% - 32px);
    text-align: center;
}

.invalid-feedback {
    color: red;
    line-height: normal;
    margin-bottom: 15px;
}

.form-control.is-invalid {
    border: 1px solid red;
}

input.error + .field-radio-label{
    outline: 1px solid red;
}

.menu__item {
    position: relative;
}

ul.submenu, .submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.submenu, .submenu ul {
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    background-color: #fff;
    padding: 10px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease-out, top 0.3s ease-out;
    top: 100px;
    width: 100%;
    min-width: min-content;
    padding: 10px 15px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px -5px #000;
}

.submenu::before {
    content: '';
    position: absolute;
    top: -20px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
}

.submenu.open {
    display: block;
    opacity: 1;
    pointer-events: all;
    top: 57px;
    z-index: 9;
}

.menu__submenu .submenu.open {
    top: 30px;
}

.submenu__item a {
    display: block;
    padding: 8px 15px 8px 0;
    width: 100%;
    color: #333;
}

.submenu__item a:hover {
    color: #ebebeb;
}

.menu__submenu .submenu::before {
    top: -16px;
}

.mobi-submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobi-submenu a {
    display: block;
    padding: 14px 20px 14px 40px;
}

.mobi_menu__link {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
}

.mobi-submenu__button {
    position: relative;
    display: block;
    top: 0px;
    right: 0px;
    width: 46px;
    height: auto;
    background-color: transparent;
    background-image: url(../img/back-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    cursor: pointer;
    transform: rotate(-90deg);
    transition: all 0.3s ease-out;
}

.mobi-submenu__button::after {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    cursor: pointer;
}

.mobi-submenu__button::after {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    transform: translate(-49%, -47%);
    cursor: pointer;
}

.mobi-submenu__button.open {
    transform: rotate(90deg);
}

.mobi_top .cart__button {
    padding: 2px 6px 2px 29px;
    line-height: 24px;
}

.mobi_top .cart__button::before {
    content: "\e91a";
    display: block;
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 23px;
    width: 20px;
    height: 20px;
    color: #ff4141;
    font-family: 'icomoon', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "GothamPro", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;
}

.mobi_top .cart__button.hideicon::before {
    content: none;
}

.mobi_top .cart__button.hideicon {
    padding: 2px 6px 2px 12px;
}

.slick-prev:not(.slick-disabled):hover, .slick-prev:not(.slick-disabled):focus, .slick-next:not(.slick-disabled):hover, .slick-next:not(.slick-disabled):focus {
    background-color: rgba(255, 255, 255, 0.5);
}

.mobi_submenu__link {
    white-space: nowrap;
    display: inline-block;
    width: auto;
    font-weight: 600;
    line-height: 42px;
    padding: 1px 10px;
    min-height: 42px;
}

#verifyuser {
    display: flex;
    justify-content: center;
}

.where-city {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: all .3s ease-out;
}

.where-city:hover {
    color: #ed1650;
}

.city-address {
    font-size: 12px;
    margin-bottom: 5px;
}

select.form-control.error + .ui-selectmenu-button {
    border: 1px solid red !important;
}

.self-delivery-group .ui-selectmenu-button.ui-button {
    width: 323px;
}

.feedback {
    text-align: center;
}

.feedback__title {
    font-weight: 500;
    font-size: 24px;
    margin: 16px 0px 19px;
}

.feedback__subtitle {
    font-size: 20px;
    margin-bottom: 10px;
}

.feedback__block {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 30px;
    text-align: left;
    padding: 30px;
}

.feedback__form .form-control {
    width: 100%;
    max-width: 100%;
}

.footer__content {
    text-align: center;
    padding: 10px 10px 50px;
}

.footer__text {
    margin-bottom: 10px;
}





.stock__after {
    padding: 50px 0 100px;
}

.stock-after__title {
    margin: 0;
    padding: 25px;
    font-size: 24px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.category-page__block {
    padding: 20px 0 20px;
}

.category-page__block .category-page__title {
    margin: 0px 0px 20px;
}

.category-page__title {
    margin: 0;
    padding: 25px;
    font-size: 24px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.menu-list__image img {
    max-height: 250px;
    border-radius: 25px;
}

.order-content tr td,
.order-content tfoot tr td {
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.order-content table {
    border-collapse: collapse;
}

.order-content .order_products {
    display: block;
}

.order-content .order__info {
    cursor: initial;
}