/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.clear,.clr{display:block;clear:both;overflow:hidden;line-height:0!important;height:0!important;font-size:0;margin:0;padding:0}.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}html{overflow-x:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}address,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-top:0}
.hr-shadow{position:relative;overflow:hidden;height:25px}.hr-shadow:after{position:absolute;content:'';z-index:1;height:20px;top:-20px;left:50%;width:100%;margin-left:-50%;-webkit-border-radius:200px/10px;-moz-border-radius:200px/10px;border-radius:200px/10px;box-shadow:0 0 30px rgba(0,0,0,.28)}


.swal2-container {width: 25rem !important;}
.swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
h2#swal2-title {font-size: 1.5rem;line-height: 1.5rem !important;}

.gridzyItem img {width: 100%;}

/* Верстка ---------------------- */
.main {max-width: 1420px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 20px;position: relative;}

.before-line {position: relative;color: var(--hcolor);padding: 0 0 0 130px;}
.before-line:before {display: inline-block;height: 2px;width: 100px;background: var(--hcolor);content: "";position:  absolute;top: 50%;transform: translateY(-50%);left: 0;}

.fw {position: relative;}
.fw:before,.fw:after {content: '';display: block;background: inherit;position: absolute;height: 100%;width: 10000px;top: 0;}
.fw:before{right: 100%;} .fw:after{left: 100%;}

.small {font-size: .85em;line-height: 1.5em;}

/* Modal ---------------------- */
    /*behavior*/
    .fon_modal {z-index: 10001;top: 0;left: 0;bottom: 0;right: 0;position: fixed;display: none;}
    .modalwrapper {-webkit-overflow-scrolling: touch;perspective: 1000px;overflow-y: scroll;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;display: none;position: fixed;}
    .modal {left: 50%;transform: translate(-50%, 0%) rotateX(50deg) scale(.6);bottom: auto;opacity: 0;z-index: 10002;box-sizing: border-box;transition: 1s;display: none;position: absolute;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
    .modal .close_modal {position: absolute;z-index: 999999;text-align: center;cursor: pointer;transition: .5s;}

    /*modal width & position*/
    .modal {width: 600px;top: 50%;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
    .modalwrapper {-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px);background: rgb(0 0 0 / 15%);}
    .modal {background: #fff;border-radius: 5px;padding: 40px;}
    .modal .close_modal {color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;right: 15px;top: 15px;}
    .modal .close_modal:hover {transform: rotate(90deg);}
    .modal h3 {font-weight: 700;font-size: 20px;text-transform: uppercase;line-height: 24px;padding: 20px 0 0;}
    .modal h3, .modal p {color: var(--textcolor)}
    .fon_image img {max-height: 200px;width: auto;display: block;margin: 0 auto;border-radius: 10px;}

/* Список - галочки  ---------------------- */
    ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
    ul.check-list li:before {color: var(--maincolor);position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}
    
/* Список кружочки  ---------------------- */
    ul.circle-list, .category-description ul, ul.bxe-list, .tabs__content ul {margin: 15px 0}
    .circle-list li, .category-description li, ul.bxe-list li, .tabs__content ul > li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before, .category-description li:before, ul.bxe-list li:before, .tabs__content ul > li:before {right: calc(100% + 10px);top: 50%;transform: translateY(-50%);border: 2px solid var(--maincolor2);width: 8px;height: 8px;border-radius: 100px;position: absolute;display: block;content: '';}
    ul.colors_ral li:before {content: none;}
/* ol li customization ---------------------- */
    ol.numbered {counter-reset: myCounter;margin: 15px 0}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 10px;position: relative;}
    ol.numbered li:before {background:var(--maincolor2);counter-increment:myCounter;content:counter(myCounter);position:absolute;left: -30px;top:-2px;color:#222;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}

/* Fancybox    ---------------------- */  
    a[data-fancybox] {position: relative;display: block;}
    a[data-fancybox]:after {background: url(/assets/images/icons/zoom.svg) 50% 50%/20px no-repeat, rgb(48 69 116 / 12%);display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
    a[data-fancybox]:hover:after {opacity: 1;}

/* Breadcrumbs    ---------------------- */    
    ul.breadcrumb {font-size: .8em;width: 100%;margin: 0;padding: 10px 0;box-sizing: border-box;margin-top: 5px;}
    .breadcrumb li {float: left;list-style-type: none;padding-left: 0 !important;margin-bottom: 0 !important;margin-left: 0 !important;margin-right: 3px;color: #464646;}
    .breadcrumb li a {color: #464646;}


/* OWL Carousel    ------------------- */

    /* arrows 1 */
    .owl-arrows1 .owl-nav button {width: 40px  !important;height: 40px  !important;line-height: 40px  !important;background: var(--maincolor2) !important;color: #fff !important;border-radius: 50px;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
    .owl-arrows1 .owl-nav .owl-prev {left: 5px;}
    .owl-arrows1 .owl-nav .owl-next {right: 5px;}
    .owl-arrows1 .owl-nav button:hover {background: var(--maincolor) !important;color: #fff !important}


/* arrows 2 */
    .owl-arrows2 {padding: 0 40px;margin: 0;box-sizing: border-box;}
    .owl-arrows2 .owl-prev, 
    .owl-arrows2 .owl-next {background: var(--maincolor2) !important;color: #fff !important;height: 30px;width: 30px;border-radius: 100px;padding: 0;box-sizing: border-box;font-size: 0;position: absolute;transition: 0.3s;top: 50%;transform: translateY(-50%);outline: none;}
    .owl-arrows2 .owl-prev {left: 0px}
    .owl-arrows2 .owl-next {right: 0px;}
    
    .owl-arrows2 .owl-next.disabled,
    .owl-arrows2 .owl-prev.disabled {background: var(--grey) !important;}


/* arrows 3 */
    .owl-arrows3 .owl-nav {top: -50px;right: 0;position: absolute;}
    .owl-arrows3 .owl-nav button {width: 40px;height: 40px;line-height: 40px !important;background: var(--maincolor2) !important;color: #222 !important;border-radius: 5px;margin-left: 10px;outline: none;}
    .owl-arrows3 .owl-nav button.disabled {background: var(--grey) !important;color: #222 !important;cursor: initial;}
    
/* dots 1 */
    .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
    .owl-dots1 .owl-dots button {border: 1px solid #c6ddfb !important;width: 8px;height: 8px;margin: 0 4px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;}
    .owl-dots1 .owl-dots button.active, 
    .owl-dots1 .owl-dots button:hover {background: var(--maincolor2) !important;border: 1px solid var(--maincolor2) !important;}

/* dots 2 */
    /*
        <div class="owl-dots2-wrapper">
            <div class="owl-dots2"></div>
        </div>
        dotsContainer: '.owl-dots2',
    */
    .owl-dots2-wrapper {text-align: center;line-height: 10px;}
    .owl-dots2 {background: #dadada;padding: 10px;border-radius: 25px;margin: 10px 0;text-align: center;display: inline-block;line-height: 0px;}
    .owl-dots2 button {background: var(--grey) !important;width: 10px;height: 10px;margin: 0 5px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;border: 0;padding: 0;}
    .owl-dots2 button.active, 
    .owl-dots2 button:hover {background: var(--maincolor) !important;}
    
/* TABLE */
.table{max-width:100%;overflow-x:auto;width: 100%;}
.table table {width: 100%}
.table::-webkit-scrollbar {width: 5px;height: 5px;background: var(--maincolor2);}
.table::-webkit-scrollbar-track {background: transparent;}
.table::-webkit-scrollbar-thumb {background-color: var(--grey);border-radius: 10px;}
.table tr {border-bottom: 1px solid #f3f4f4;text-align: center;}
.table tr:last-child {border: none;}
.table td {padding: 5px 10px;color: var(--textcolor);font-size: 1.4rem;vertical-align: middle;text-align: left;width: auto !important;height: auto !important;}
.table td:last-child, .table th:last-child {text-align: right;}
.table tr th {font-weight: 600;padding: 5px 10px;}

/*tabs*/
    .tabs__content {display: none;}
    .tabs__content.active {display: block;width: 100%;}
    .tabs__content ul.colors_ral li {list-style: none;margin-left: 0;}
    .tabs__caption {margin-bottom: 0;list-style-type: none;overflow: hidden;border-bottom: 1px solid var(--sky)}
    .tabs__caption>li {font-weight: 400;padding: 15px 0;display: inline-block;margin: 0;border-right: 1px solid var(--sky);position: relative;text-align: center;box-sizing: border-box;cursor: pointer;transition: .5s;}
    .tabs__caption>li:last-child {border-right: none;}
    .tabs__caption>li.active {background: #dae3ee;}
    .tabs__caption>li:nth-child(2) {margin-right: 0;}
    .tabs__caption>li:hover {background: #dae3ee;}
    .tabs__content {padding: 20px;box-sizing: border-box;}
    
    .colors_ral {padding: 15px 15px 0 15px;}
    .colors_ral.dop {padding: 0 15px 0 15px;}
    
     .tabs__caption {display: table;width: 100%;}
    .tabs__caption > li {display: table-cell;}
    
    .slides .owl-stage-outer, .showmore .owl-stage-outer {padding: 8px 0;}

    
/*------------------ -------------------*/
/*                COMMON                */
/*------------------ -------------------*/
:root {
    --maincolor: #333333;
    --maincolor2: #ff4500;
    --textcolor: #3B3B3B;
    --hcolor: #333333;
    --red: #ff541c;
    --blue: #93B7BE;
    --green: #048A81;
    --yellow: #fff8cc;
    --grey:  #f0f0f0;
    --sky: #DCEAFD;
    --white: #fff;
    --dark: #c3c2c2;
    --boxshadow: 0 4px 10px rgb(63 93 138 / 10%);
    --gradient: linear-gradient(0deg,#5caf5d,#9ee670);
}

.maincolor {color: var(--maincolor)}
.maincolor2 {color: var(--maincolor2)}
.textcolor {color: var(--textcolor)}
.hcolor {color: var(--hcolor)}
.red {color: var(--red)}
.blue {color: var(--blue)}
.green {color: var(--green)}
.yellow {color: var(--yellow)}
.grey {color: var(--grey)}
.sky {color: var(--sky)}
.white {color: var(--white)}
.dark {color: var(--dark)}
.bshad {box-shadow: var(--boxshadow)}


.bg-maincolor {background: var(--maincolor);}
.bg-maincolor2 {background: var(--maincolor2);}
.bg-textcolor {background: var(--textcolor);}
.bg-hcolor {background: var(--hcolor);}
.bg-red {background: var(--red);}
.bg-blue {background: var(--blue);}
.bg-green {background: var(--green);}
.bg-yellow {background: var(--yellow);}
.bg-grey {background: var(--grey);}
.bg-sky {background: var(--sky);}
.bg-white {background: var(--white);}
.bg-dark {background: var(--dark);}
.bg-maincolor2 {background: var(--maincolor2);}

body::-webkit-scrollbar {width: 6px;background: transparent;}
body::-webkit-scrollbar-track {background: transparent;}
body::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
::selection {background: var(--maincolor2);color: #fff;}

html {font-size: 10px;}
body {font-size: 1.65rem;line-height: 3rem;font-family: 'Raleway', sans-serif;font-feature-settings: "pnum" on,"lnum" on;font-weight: 400;color: var(--textcolor);transition: .5s;}
a {font-weight:400;color: var(--maincolor2);outline: none;text-decoration: none;}
p {margin-bottom: 20px;}
h1, .h1 {font-size: 5rem;line-height: 6rem;}
h2, .h2 {font-size: 3rem;line-height: 4rem;}
h3, .h3 {font-size: 2rem;line-height: 3rem;}
h4, .h4 {font-size: 2.8rem;line-height: 3.5rem;}
h5, .h5 {font-size: 2.5rem;line-height: 2.5rem;}
h6, .h6 {font-size: 2rem;line-height: 2rem;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 40px;color: var(--hcolor)}
#tovar h1, #catalog h1, #content h1 {font-size: 3.2rem;line-height: 4rem;}

/* FORM  ---------------------- */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="password"],
textarea {line-height: 50px;min-height: 50px;padding: 0 20px;font-weight: 400;color: #222222;border-radius: 5px;width: 100%;margin: 0 0 10px 0;background: var(--grey);border: 0;font: inherit;outline: none;box-sizing: border-box;display: block;transition:.5s;}
input[type="text"].error {background: #f7ebeb;}
input[type="date"], input[type="time"] {-webkit-appearance: textfield;-moz-appearance: textfield; color: #757575;}
input[type="date"]:not(.has-value):before, input[type="time"]:not(.has-value):before {color: #757575;content: attr(placeholder );margin-right: 10px;}

textarea {line-height: 30px !important;display: block;width: 100%;max-width: none !important;font-family: inherit;font-size: inherit;color: #000 !important;}
input:focus, textarea:focus {background: #e0e2e8;}
select {border: 1px solid var(--maincolor2);line-height: 35px;border-radius: 5px;outline: none;padding: 0 13px;background: #fff;display: block;font-size: 12px;font-family: inherit;width: 100%;cursor: pointer;background: url(/assets/images/icons/str.png) no-repeat 95% 10px #fff;-webkit-appearance: none;}

    
/* buttons */
    .url  {border-bottom: 1px dotted;display:inline-block;text-decoration:none;}
    .button {font-size: 15px;font-weight: 600;text-transform: uppercase;line-height: 20px;letter-spacing: 1px;color: #FFFFFF;background: var(--maincolor2);border-radius: 50px;padding: 10px 20px;width: 100%;outline: none;border: none;}
    .button:hover {background: var(--maincolor); cursor: pointer;}
    .effect{position:relative;overflow:hidden}
    .effect:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.3);box-shadow:-20px 30px 30px rgba(255,255,255,.3);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
    .effect:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}
    .slick-next {right: -5px !important;}
    .slick-prev {left: -5px !important;}
    .bigbutton.zakaz_enter {line-height: 60px;font-weight: 700;}
    
.checkbox {vertical-align: top;width: 17px;height: 17px;margin: 0 3px 0 0}
.checkbox + label {cursor: pointer}
.checkbox:not(checked) {position: absolute;opacity: 0}
.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px}
.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2)}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s}
.checkbox:checked + label:before {background: #9FD468}
.checkbox:checked + label:after {left: 26px}
.checkbox:focus + label:before {box-shadow: 0 0 0 3px rgba(255,255,0,.5)}

.bigbutton {line-height: 40px;padding: 0 50px;background: var(--maincolor2);color: #fff;font-weight: 500;white-space: nowrap;cursor: pointer;font-family: inherit;border: 0;outline: none;border-radius: 10px;display: inline-block}
.bigbutton_grey {line-height: 40px;padding: 0 50px;border: 1px solid #d2d2d2;background: var(--grey) !important;color: #222;font-weight: 500;white-space: nowrap;cursor: pointer;font-family: inherit;outline: none;border-radius: 5px;display: inline-block}
.open_button, .close_button {border-bottom: 1px dashed var(--textcolor);display: inline-block; color: var(--textcolor);}
.open_button:hover, .close_button:hover {cursor: pointer;}

.effect{position:relative;overflow:hidden}
.effect:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.3);box-shadow:-20px 30px 30px rgba(255,255,255,.3);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
.effect:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}

.maxwidth600 {margin: 0 auto;max-width: 600px;}
.maxwidth900 {margin: 0 auto;max-width: 900px;}
.maxwidth1000 {margin: 0 auto;max-width: 1000px;}
.maxwidth1200 {margin: 0 auto;max-width: 1200px;}
.bordtop1 {border-top: 1px solid #444444;}
.border {border: 1px solid var(--sky);}

/* HEADER -------------  */
    #header, #header .main {height: 85px;box-sizing:border-box;transition: .5s;background: #fff;/* border-bottom: 1px solid #edebeb; */} 
    #header {left: 0;top: 0;width: 100%;z-index: 99;position: fixed;}
    #header .logo {top: 50%;transform: translateY(-50%);left: 10px;position: absolute;}
    #header .logo img {width: 75px;transition: 1s;}
    #header .tel {top: 50%;transform: translateY(-50%);right: 30px;font-size: 2rem;position: absolute;text-align: right;text-decoration: none;color: var(--maincolor);font-weight: 700;display: inline-block;transition: 1s;}
    #header .minicart {top: 50%;transform: translateY(-50%);right: 10px;font-size: 17px;position: absolute;text-align: right;text-decoration: none;color: #fff;font-weight: 700;display: inline-block;transition: 1s;}
    body {padding-top: 150px;}
    
    #header .address  {top: 50%;transform: translateY(-50%);left: 400px;font-size: 1.4rem;line-height: 1.5rem;max-width: 300px;position: absolute;text-align: left;text-decoration: none;color: var(--maincolor);font-weight: 600;display: inline-block;transition: .5s;}
    #header .time {font-weight: 400;font-size: 1.35rem;}

/* black menu */
    .mobile-mainmenu-outer, .mobile-mainmenu-button {display: none;}  
    
    #header .black_menu {top: 50%;transform: translateY(-50%);right: 300px;position: absolute;text-decoration: none;color: #000;font-weight: 700;transition: 1s;}
    #header .black_menu li {list-style: none;display: inline-block;margin-left:30px;}
    #header .black_menu li > a {color: #222;font-size: 1.5rem;font-weight: 600;}
    #header .black_menu li > a:hover {color: var(--maincolor2)}
    
    .mainmenu {position: relative;white-space: nowrap;overflow-x: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
    .mainmenu::-webkit-scrollbar {width: 4px;height: 4px;background: transparent;}
    .mainmenu::-webkit-scrollbar-track {background: transparent;}
    .mainmenu::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}

       /* korzina */
    #main-nav .minicart {right: 20px;top: 50%;transform: translateY(-50%);position: absolute;}
    #main-nav .minicart a {position: relative;display: table;font-size: 1.65rem;color: #fff;padding: 0;}
    #main-nav .minicart a:hover {text-decoration: underline;}
    #main-nav .minicart a .cart_count {color: #fff;position: absolute;right: -8px;background: var(--maincolor);border-radius: 100px;top: -9px;width: 15px;height: 15px;text-align: center;font-size: 12px;font-weight:500;line-height: 15px;}
    #main-nav .minicart img {display: inline-block;width: 25px;}
    #main-nav .ms2_total_cost {font-size: 12px;font-weight: 500;margin-left: 5px;}
    #main-nav .currency {font-size: 10px;margin-left: 3px;}
    
    	/*fixed-menu*/
		body.fixed #header .logo img {width: 50px;}
		body.fixed #header, body.fixed #header .main {height: 50px;}
		body.fixed #main-nav {top: 50px;box-shadow: 0px 10px 5px #0000000f;}

		#header.fixed {margin-top: 50px}
		
	#main-nav {position: fixed;height: 60px;border-top: 1px solid #edebeb;border-bottom: 1px solid #edebeb;/* padding: 10px 0 0; */left: 0;top: 85px;width: 100%;background: #fff;z-index: 3;transition: .5s;}
    #main-nav .main {height: 60px;}
    
    #main-nav .mainmenu li {list-style: none;display: inline-block;margin-left: 0;}
    
    #main-nav .main .mainmenu a {display: inline-block;color: #222;font-size: 1.65rem;font-weight: 600;line-height: 60px;margin-right: 25px;}
    #main-nav .main .mainmenu li:last-child > a {margin-right: none;}
    #main-nav .main .mainmenu a:hover, main-nav .main .mainmenu a.active:hover {color: var(--maincolor2)}
    
    #msMiniCart {background: var(--maincolor2);padding: 12px 17px;border-radius: 30px;}
    
    #header .slogan {left: 120px;top: 50%;transform: translateY(-50%);position: absolute;}
    
        
    @keyframes pulse-opened {
    	0% {
    		transform: scale(0.8);
    		box-shadow: 0 0 0 0 rgba(91, 176, 91, 0.7);
    	}
    	
    	70% {
    		transform: scale(1);
    		box-shadow: 0 0 0 5px rgba(91, 176, 91, 0);
    	}
    	
    	100% {
    		transform: scale(0.8);
    		box-shadow: 0 0 0 0 rgba(91, 176, 91, 0);
    	}
    }
    
    @keyframes pulse-closed {
    	0% {
    		transform: scale(0.8);
    		box-shadow: 0 0 0 0 rgba(234, 154, 154, 0.7);
    	}
    	
    	70% {
    		transform: scale(1);
    		box-shadow: 0 0 0 5px rgba(234, 154, 154, 0);
    	}
    	
    	100% {
    		transform: scale(0.8);
    		box-shadow: 0 0 0 0 rgba(234, 154, 154, 0);
    	}
    }
    .isOpenedNow_indicator {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        vertical-align: middle;
        transform: scale(1);
        margin-right: 5px;
        margin-top: -2px;
    }
    .isOpenedNow_indicator.closed {
        background: #e06969;
        animation: pulse-closed 2s infinite;
        
    }
    .isOpenedNow_indicator.opened {
        background: #5bb05b;
        animation: pulse-opened 2s infinite;
        
    }

/*Banner  -------------  */ 

.homepage_slide {position: relative;}
.homepage_slide .homepage_slide_content {left: 100px;max-width: calc(100% - 200px);position: absolute;top: 50%;transform: translateY(-50%);}
.homepage_slide .homepage_slide_content h1 {margin-bottom: 20px;}
#homepage_slider .owl-carousel .owl-nav .owl-next, #homepage_slider .owl-carousel .owl-nav .owl-prev {opacity: 0; visibility: hidden;transition: 1s;}
#homepage_slider .owl-carousel:hover .owl-nav .owl-next, #homepage_slider .owl-carousel:hover .owl-nav .owl-prev {opacity: 1; visibility: visible;}

#popular .main {border: 4px solid var(--maincolor2);border-radius: 10px;padding: 40px;}
/*ATTENTION -------------  */    
    #attention h2 {border: 5px solid var(--maincolor);font-size: 25px;line-height: 39px;margin-top: 30px;padding: 20px;margin-bottom: 0;background: rgb(227 26 35 / 0.05);}
    #attention h2 span {font-size: 1.5em;color: var(--maincolor);margin-bottom: 15px;display: inline-block;}
   
/*MENU -------------  */
    #menu {position: relative;background: var(--maincolor);height: 100px;color: #fff;padding: 20px 0 5px;}
    #menu .menu_box {align-items: center;}
    #menu .menu_box .block30 {margin: 0;}
    #menu .menu_box img {max-height: 65px;/* margin: 0 0 0 0; */}
    #menu .menu_box h2 {margin: 0 0 5px 0;padding-left: 10px;color: #fff;font-size: 36px;}
    
    .anchor {position: relative;}
    .anchor #pizza,.anchor #cocktails,.anchor #moloch_cocktails,.anchor #burgers,.anchor #holod_nap,.anchor #pivo,.anchor #limonad,.anchor #coffee,.anchor #cof_coctails,.anchor #gor_coctails {position: absolute;top: -120px;}
    
    /* products teaser */
    .shop-teaser:hover {box-shadow: 5px 5px 20px #cecece;}
    
        /* image */
        .shop-teaser .image_box img {width: 100%;}

        /* labels */
        .shop-teaser .shop-teaser-labels {position: absolute;bottom: 0;left: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        .shop-teaser-labels .hit, 
        .shop-teaser-labels .new {font-size: .8em;line-height: 1.5em;font-weight: 700;display: inline-block;background: var(--maincolor2);color: #fff;padding: 0 10px;border-radius: 6px;}
        .shop-teaser-labels img {width: auto !important;height: 13px;margin-right: 5px;vertical-align: middle;transform: translateY(-1px);}
    
        /* price and button */
        .shop-teaser .shop-teaser-bottom {bottom: 0;width: calc(100% - 40px);position: absolute;}
        .shop-teaser .shop-teaser-button {border-radius: 10px;text-transform: none;padding: 0;line-height: 35px;background: var(--maincolor2);border: 0;color: #fff;width: 100%;font-weight: 700;white-space: nowrap;cursor: pointer;}
        .shop-teaser .shop-teaser-button.disabled {background: #dadada;color: #000;cursor: not-allowed}
        #msProduct .old_price, #msCart .old_price, .ms2_product .old_price, .old_price {font-style: normal !important;color: #222 !important;line-height: 20px;display: block;text-decoration: line-through;}
        

/* product full */
        #msProduct .flex {align-items: center;}
        #msProduct .gallery {width: 31%;}
        #msProduct .prices {position: relative; text-align: center;padding: 25px 30px;border: 2px solid var(--maincolor);border-radius: 20px;}
        #msProduct .prices p {margin-bottom: 0; padding-bottom: 5px;}
        #msProduct .prices p span {color: var(--maincolor);font-weight: 700;}
        #msProduct .quantity {margin-bottom: 15px;}
        #msProduct .quantity p {font-weight: 700; padding: 0 0 15px 0;}
        
        .count {width: 142px;line-height: 35px;border: 2px solid var(--maincolor);text-align: center;border-radius: 10px;}
        .count input {outline: none;width: 25px;text-align: center;font-size: 2rem;/* padding: 5px 0; */border: none;}
        .count input::-webkit-outer-spin-button,
        .count input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
        .count span.minus {margin-right: 10px;}
        .count span.plus {margin-left: 15px; }
        .count span.minus, .count span.plus {display:  inline-block;font-family: Verdana;width: 20px;/* line-height: 30px; */font-size: 1.4rem;font-weight: 600;outline: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;cursor: pointer;}
        .count span.minus:hover, #msProduct .count span.plus:hover {cursor: pointer;}
        
        #msProduct h1 {font-size: 32px; line-height: 40px; margin-bottom: 0;}
        #msProduct label, #msProduct  .price, #msProduct .count, #msProduct .options,
        #msProduct .input-group-append {display: inline-block; margin-bottom: 10px;}
        #msProduct .descr {margin-bottom: 10px;font-weight: 300;}
        /*#msProduct .cart_button {position:  absolute;bottom: -30px;left: 50%;transform: translateX(-50%);padding: 18px 10px 20px;width: 285px;}*/
        #msProduct .cart_button[disabled] {background: #dadada;line-height: 60px;color: #000;font-weight: 400;cursor: not-allowed;}
        #msProduct .price {font-size: 26px; margin: 10px 0;}
        
          
        .shop-full-labels .hit, 
        .shop-full-labels .new {font-size: .8em;line-height: 1.5em;font-weight: 700;display: inline-block;background: var(--maincolor2);color: #fff;padding: 0 10px;border-radius: 6px;}
        .shop-full-labels .hit img {width: auto;height: 13px;margin-right: 5px;vertical-align: middle;transform: translateY(-1px);}

        .zakaz_net {color: #222;background: #dadada;text-align: center;line-height: 40px;border-radius: 10px;cursor: not-allowed;}

        /* closed */  
        #closed {background: #fff;padding: 30px;border-radius: 8px;margin-bottom: 30px;border: 1px solid var(--maincolor2);}
        #closed img {display: block;}
        #closed h2 {color: #000 !important;}
        #closed p {margin-bottom: 0;}

        /* table */
        #msCart {/* border-radius: 8px; */background: #fff;padding: 0;}
        #msCart.empty {padding: 20px;}
        #msCart .item_row {margin-top: 50px; align-items: center;}
        #msCart .table-striped {border-spacing: 0 25px;border-collapse:separate;width: 100%;}
        #msCart .table-striped a img {max-width: 100px;}
        #msCart .table-striped td {vertical-align: middle}
        #msCart .table-striped tr.header {font-size: .9em;}
        #msCart .title a {color: #333;text-decoration: none;}
        #msCart .image {position: relative;}
        #msCart .table-striped td.title {position: relative;}
        #msCart .remove {position: absolute; top: 10px; right:10px}
        #msCart .remove_cart {border: none;outline: none;margin: 0;padding: 0;line-height: 20px;background: transparent;font-size: 22px;color: #d24141;}
        #msCart .remove_cart:hover {background: transparent;cursor: pointer;}
        
        #msCart .producttitle a {text-decoration: none; font-weight: 600;}
        #msCart .image a > img {margin-top: -15px;width: 150px;}
        #msCart .total_summ {font-size: 16px;text-align: right;font-weight: 500;}
        #msCart .clean_cart_but {text-align: right;}
        #msCart .clean_cart {display: inline-block; background: #e9e9e9; border: none; font-size: 13px; font-weight: 300; padding: 0 10px; line-height: 35px;transition: 1s;}
        #msCart .clean_cart:hover {background: #808080;}
        
        /* dop ingred*/
        #msCart .dop_ingred {font-size: 13px;line-height: 14px;text-align: left; margin: 10px 15px;}
        
        .time-comment {margin-bottom: 15px;}
        
        /* warning */
        .cart_warning {background-color: #FDF7DF;border: 1px solid #FEEC6F;color: #C9971C;font-weight: 700;padding: 10px 20px;border-radius: 10px;}
        
        /* map comment */
        .cart-map-comment {text-decoration: none;color: #fff;text-align: center;display: block;}
        .cart-map-comment span {display: inline-block;border-bottom: 1px dotted #fff;}
        .cart-map-comment.mobile {display: none;}
        
        /* payment */
        #msCart .payments, #msCart .deliveries {margin: 40px 0 20px;}
        #msCart .payments h4,
        #msCart .deliveries h4{margin-bottom: 10px;}        
        #msOrder input[type=text], textarea {font-size: 13px;line-height: 30px;border: 1px solid #d2d2d2;max-width: 300px;}
        #msOrder h4 {margin-bottom: 5px;}
        #msOrder .error {background: #ffe1e4;}
        
        /* success page */
        #msCart .success-message {text-align: center; padding: 150px 0;color: #000;}
        #msCart .success-message h2 {color: #000 !important;}
        #msCart .success-message img {max-width: 80px; display: block; margin: 25px auto 15px;}
        
        /* total */
        #msOrder {margin-top: 0 !important;}
        #total .total_price {margin-top: 35px;}
        #total .total_price h4 {display: inline-block;font-size: 26px;}
        #total .button:hover {background: var(--maincolor);color: #fff;}
        #total .button[disabled] {background: #dadada;color: #8d8d8d;cursor: not-allowed}
        
        /* cart oformlenie zakaz radio*/
            #msOrder input[type="radio"] {display: none;}
            #msOrder input[type="radio"] + label {position: relative;font-size: 14px;padding-left: 28px;display: block;cursor: pointer;}
            #msOrder input[type="radio"] + label:before {position: absolute;display: block;content: "";border: 1px solid var(--maincolor2);border-radius: 50%;width: 15px;height: 15px;left: 0;top: 6px;cursor: pointer;}
            #msOrder input[type="radio"]:checked + label:after {position: absolute;display: block;content: "";width: 7px;heighth: 5px;height: 7px;background: var(--maincolor2);border-radius: 50%;top: 11px;left: 5px;}
            
            #msOrder input[type="radio"][disabled] + label {color: #ccc;}
            #msOrder input[type="radio"][disabled] + label:before,
            #msOrder input[type="radio"][disabled] + label:after {border-color: #ccc;}
            
            #msOrder input[type="checkbox"]:hover, #msOrder input[type="checkbox"] + label:hover {cursor: pointer;}

        .suggestions-wrapper { color: #000 }
        
        #total input[type=text], textarea {width: 100%;margin-bottom: 5px;max-width: none;font-size:14px;line-height:50px;margin-bottom: 10px;width: 100%;padding:0 30px !important;border: 2px solid transparent;border-radius: 10px;outline:0;font-family:inherit;box-sizing:border-box;transition:.5s;display:block;}
        #total textarea {height: 95px; resize: vertical;line-height: 1.5em;padding: 15px;}
        #orderTime_delivery {position: relative;width: 100%; background: url(/assets/images/icons/arrow_select.png) no-repeat right #fff;background-position-x: 96%;-webkit-appearance: none;-moz-appearance: none;appearance: none;max-width: none;font-size:16px;line-height:50px;margin-bottom: 10px;padding: 0 20px;border: 2px solid transparent;border-radius: 30px;outline:0;font-family:inherit;box-sizing:border-box;transition:.5s;}

        #total .flex {justify-content: space-between}
            
            /*labels*/
              .js-label {position: relative;}
              .js-label input,
              .js-label textarea {z-index: 2;position: relative;margin-bottom: 20px;}
              .js-label .label {background: #fff;padding: 3px 5px;border-radius: 5px;color: #000;left: 20px;top: 12px;position: absolute;z-index: 3;transition: .5s;-webkit-box-sizing:order-box;-moz-box-sizing: border-box;box-sizing: border-box;}
              .js-label .label.sdacha {font-size: 13px;}
              .js-label.focused .label  {font-size: .8em;top: -10px;left: 10px;background: var(--maincolor);color: #fff;}
                    
        /* empty korzina */
        #msCart .korzina_empty .price, 
        #msCart .korzina_empty .image {width: auto !important;}

        
        /* CART 2.0 */
        #msCart.cart_2 #cart-table {padding: 20px;margin: 0;}
        .cart_2_item {background: #fff;}
        .cart_bshad {box-shadow:  0 4px 10px rgb(63 93 138 / 17%);}
        .noThanks {border-bottom: 1px dashed #5f5f5f;font-size: 15px;color: #5f5f5f;margin-left: 5px;}
        .noThanks:hover {cursor: pointer;}
        

        #msCart.cart_2 .remove {top: 5px;right: 10px;}
        #msCart.cart_2  .title {text-align: left;display: inline-block;padding-right: 20px;}
        #msCart.cart_2 .properties .title {padding-right: 0}
        #msCart.cart_2 .owl-carousel.owl-drag .owl-item {padding: 10px 0;}
        #msCart.cart_2 .intro {font-size: 13px;}
        
        #msCart.cart_2 .count, 
        #msCart.cart_2 .price, 
        #msCart.cart_2 .image {width: 100%;text-align: left;}
        
        
        #msCart.cart_2 .price_button {left: 0;bottom: 0;width: 100%;position: absolute;}
        #msCart.cart_2 .count form {width: 100%;display: flex;}
        #msCart.cart_2 .count span.minus, 
        #msCart.cart_2 .count span.plus {margin: 0 !important;background: var(--maincolor);color: #fff;text-align: center;height: 30px;line-height: 30px;box-sizing: border-box;flex-basis: 33.3333333%}
        #msCart.cart_2 .count input[type="number"] {border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;flex-basis: 33.33333}
        #msCart.cart_2 .count span.minus {border-radius: 5px 0 0 5px;}
        #msCart.cart_2 .count span.plus {border-radius: 0 5px 5px 0;}
        #msCart.cart_2 .weight {font-size: 13px;opacity: .8;}
        #msCart.cart_2  .total_summ {text-align: center;font-weight: 700;}
        
    
/*contacts*/
	.contacts-page {margin: 20px 0;}
	.contacts-text {margin-top: 26px;padding: 0 15px;color: #000;display: inline-block;}	
	.contacts-icons {display: inline-block;vertical-align: top;transform: translateY(24px);}
	.contacts-icons img {width: 45px;/* transform: translateY(-7px); */}
	.contacts-text, .contacts-text a {color: #000;font-size: 20px;line-height: 32px;border-bottom: none;text-decoration: none;}
	.contacts-text a:hover {text-decoration: underline;}

/* ---map ------*/    
    #map_box {height: 500px;position: relative;}
    #map_box .contacts {width: 300px;padding: 40px;right: 50%;top: 50%;transform: translate(-300px, -50%);box-shadow: 5px 5px 9px #00000042;position: absolute;z-index:2;}
    #map_box .contacts > img {width: 135px;/* text-align: left; */margin: 0 0 20px 0;display: block;max-width: none;}
    #map_box .contacts a {font-size: 1.5em;color: #000;margin-bottom: 10px;display: block;}
    .onMapDostavkaTitle .mobile {display: none;}
    .inst-icon > img {width: 45px;}
    .fb-icon > img {width: 45px;}
    .tiktok-icon > img {width: 45px;}
    .social-icons-row {display: flex;gap: 15px;}
/* Podval ------*/
    #footer {background: #000;color: #fff;text-align: center;font-size: 16px;padding: 45px 0 35px;}


@media all and (max-width: 1440px) {
    #header .black_menu {right: 220px;}
    #map_box .contacts {transform: translate(-150px, -50%);}
}

@media all and (max-width: 1220px) {
 .main {width: 990px;}
    
    #header .black_menu {display: none;}
    #msMiniCart {padding: 12px 12px;}
    
    /* mobile menu */
    .mobile-mainmenu-button {position: absolute;display: block;top: 50%;transform: translateY(-50%);left: 10px;right: auto;width: 30px;transition: .5s;z-index: 95;cursor: pointer;}
    .mobile-mainmenu-button img {width: 100% !important;}

     /*MOBILE MENU */
      #mainmenu {border: none;}
    /* wrapper */
        .mobile-mainmenu-outer {top: 0;width: 290px;left: -330px;transition: .5s;height: 100%;z-index: 1000;position: fixed;display: block;background: #fff;box-shadow: 5px 5px 10px #00000063;overflow-y: auto;box-sizing: border-box;}
        .mobile-mainmenu-active .mobile-mainmenu-outer {left: 0;}
        /* close */
            .mobile-mainmenu-close {width: 18px;padding: 10px; right: 0px;top: 0;cursor:  pointer;position: absolute;}
        	.mobile-mainmenu-close img {width: 100%}
        	.mobile-mainmenu-close:hover {transform:rotate(180deg); transition: .7s;}
        /* top block */
            .mobile-mainmenu-topBlock {margin-bottom: 30px;text-align: center;display: block;position: relative;}
        	.mobile-mainmenu-topBlock .logo_m {margin: 45px auto 25px; display: block;}
        	.mobile-mainmenu-topBlock a.tel_m {font-size: 2.4rem;font-weight: 700;border-bottom: 4px solid #eba58b;margin-bottom: 10px;display: inline-block;text-decoration: none;}
        	.mobile-mainmenu-topBlock .adres_m {text-decoration: none;padding: 0 15px;color: #222;display: block;}
            .mobile-mainmenu-topBlock .logo_m img {width: 140px;}
    /* Style */
        /* common */
        .mobile-mainmenu ul {margin: 0;}
        .mobile-mainmenu li {border-bottom: 1px solid #ffe7dd;margin: 0;list-style: none;}
        .mobile-mainmenu li:last-child {border: none;}
        .mobile-mainmenu li a {color: #222;padding: 12px 20px;font-size: 14px;line-height: 20px;text-decoration: none;display: block;}

            /* parent */
            .mobile-mainmenu li.parent > a {padding-right: 35px;position: relative;}
            
            
    /* header */
    #header .logo {left: 65px;}
    #header .slogan {left: 160px;}
    
    /* map */
    #map_box .contacts {transform: translate(-65px, -50%);}
    
    .count {width: 115px;line-height: 35px;}
    #msProduct .cart_button {padding: 0 30px}
    .count input {font-size: 1.8rem;}

} 

@media all and (max-width: 980px) {
    .main {width:770px;}
    
    #main-nav .minicart {right: 10px;}
    .mainmenu {transform: translateX(-10px);}
    #msMiniCart {padding: 5px 12px;}
    #map_box .contacts {transform: translate(-40px, -50%);}
    #map_box .contacts {width: 250px;padding: 20px;}
    
    #header, #header .main {height: 70px;}
    #header .logo img {width: 60px;}
    #header .slogan {left: 140px;}
    #main-nav {top: 70px;}
    #header .logo {left: 55px;}

}

@media all and (max-width: 768px) {
    .main {width: 100%;padding: 0 10px;}
    
    h1, .h1 {font-size: 4rem;line-height: 5rem;}
    h2, .h2 {font-size: 3rem;line-height: 4rem;}
    h3, .h3 {font-size: 2rem;line-height: 3rem;}
    h4, .h4 {font-size: 2rem;line-height: 3.5rem;}
    h5, .h5 {font-size: 1.85rem;line-height: 2.5rem;}
    h6, .h6 {font-size: 1.8rem;line-height: 2rem;}
    
    .mainmenu {transform: translateX(-5px);}
    #main-nav .main .mainmenu a {font-size: 1.55rem;margin-right: 13px;}
    #map_box .contacts {transform: translate(55px, -50%);}

}

@media all and (max-width: 570px) {
    .main {width: auto;padding: 0 10px;}
    h2, .h2 {font-size: 2.5rem;line-height: 3.5rem;}
    
    #header .slogan {left: auto;right:  10px;top: 52px;text-align: right;}
    #header .slogan > .h6 {margin-bottom: 0 !important;font-size: 1.5rem;line-height: 1.8rem;}
    #header .tel {top: 5px;transform: none;right: 10px;}
    #map_box .contacts {width: 100%;padding: 20px;position: relative;transform: none !important;right: auto;top: auto;box-shadow: none;}
    #map_box {height: 100%;}
    #map {height: 300px !important;}
    #map_box .contacts img {margin: 0 0 15px;display: block;max-width: none;}
    #footer {padding: 25px 0 20px;}
    
    .mainmenu {transform: none;max-width: 100%;width: 100vw;}
    #main-nav .minicart {right: 10px;position: fixed;bottom: 20px;top: auto;transform: none;}
    #msMiniCart {padding: 15px 20px;}    
    #main-nav .minicart img {width: 30px;}
    #msProduct .cart_button {padding: 0 20px;transform: translateY(-1px);}
    .count {width: 135px;line-height: 36px;}
    #main-nav:after {content: '';position: absolute;top: 0;right: 0;z-index: 1;width: 70px;height: 60px;background: linear-gradient(to left,rgb(255 255 255),rgb(0 0 0 / 0%));}
    #popular .main {padding: 10px;}
    #main-nav .mainmenu {padding-right: 20px;}

    .fixed #header .slogan {display: none;}
    .fixed #header .tel {top: 50%;transform: translateY(-50%);}

    /*ATTENTION -------------  */    
    #attention h2 {font-size: 18px;line-height: 25px;}
}