/*
*{user-select:none;-webkit-user-select:none;-ms-user-select:none}
img{-webkit-user-drag:none;user-drag:none}
*/
html,body{scroll-behavior:smooth;scrollbar-gutter:stable}

a {text-decoration: none}
.lang-mob{display:none}

.fleft, .krusut img {float:left}
.fright {float:right !important}
.fixed-head {position: fixed;top: 0px;left: 0px;width: 100%;background: #fff;z-index: 9997;border-bottom: 4px solid #61b5ef;min-height: 58px}
.fixed-head, .fixed-head a{color: #222}
.header-n {max-width:1700px;margin: 0 auto;position: relative}
.m-f-floor{width: calc(100% - 220px);display: flex;align-items: center;height: 55px;gap:10px}

.ban-form{background: #f1f9ff;border-radius: 30px;padding: 20px}
.ban-form-titl{font-size:18px;font-weight: 600}.ban-form-titl span{display: block;}
.ban-form-txt{padding-top:30px}
.ban-form .wpcf7 {padding-top: 30px}
.ban-form .wpcf7 p,.odin-qo p{padding-top: 0px}
.ban-form-text{font-size: 18px;color: #555}
.form-flex{display: grid;justify-items: center;justify-content: center;gap: 20px}
.bf-na,.bf-te,.bf-adr,.bf-dat,.bf-ti,.bf-nom,.bf-dod{position: relative;border-radius: 50px;background: #fbfbfb;border: 1px solid #b3b9bd;width: 100%;max-width: 314px}
.bf-dod{border-radius: 15px}
.bf-bu,.bf-bu input{width: 100%;max-width: 316px;margin:0 auto}
.bf-na{margin-bottom:15px}
.bf-na p:nth-child(1),.bf-te p:nth-child(1),.bf-adr p:nth-child(1),.bf-dat p:nth-child(1),.bf-ti p:nth-child(1),.bf-nom p:nth-child(1),.bf-dod p:nth-child(1){display: inline;padding: 0 7px;position: absolute;top: -22px;left: 10px;font-size: 15px;z-index:2;line-height: 18px}
.bf-na input,.bf-te input,.bf-adr input,.bf-dat input,.bf-ti input,.bf-nom input{border: none;background: #fbfbfb;height: 38px;font-size: 16px;color: #555;border-radius: 50px}
.bf-dod textarea{border: none;background: #fbfbfb;height: 80px;font-size: 16px;color: #555;border-radius: 80px;    padding-left: 15px}
.inp-imp,.inp-imp input,.inp-imp.bad,.inp-imp.bad input{background:#ffeeee;color: #333}
.inp-imp.good,.inp-imp.good input{background:#e5fff4;color: #000}
.wpcf7-not-valid-tip {position: absolute;left: 17px;bottom: -24px;text-align: center;color: red}
.bf-na input,.bf-adr input,.bf-dat input,.bf-ti input,.bf-dod textarea{width: 85%}
.bf-nom input,.bf-te input{width:75%}
.bf-na input,.bf-te p:nth-child(2) span:nth-child(1),.bf-adr input,.bf-dat input,.bf-ti input,.bf-nom input{margin: 0px 0 0 16px}
.bf-bu input,.fob-bt input,.comand-bl #open{border: none;background: #1f93e5;color: #fff;transition:300ms;border-radius:25px}
.bf-bu input,.fob-bt input{height: 40px;padding: 0 29px;font-size: 16px;cursor: pointer}
.adr-form-flex{display: grid;gap: 30px;margin-top: 30px;justify-items: center}
.bf-nom-col{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;max-width: 314px}
.comand-bl #open{display:block;width:fit-content;padding:13px 38px;margin:0 auto}
.comand-bl #open:hover,.bf-bu:hover input {background: #1a7ec5}



.krusut{margin-right: auto;min-width: 150px}
.krusut p{padding-top: 0;line-height: 20px;padding-left: 10px}
.m-f-floor .mess{display:none}
.ar-right.ar-left{transform: rotate(90deg)}
.m-s-floor>li>a>span{color: red}
.ph-btn span{padding-right: 3px;padding-left: 4px}
.ph-btn{display:inline-flex;align-items:center;border:0;background:none;cursor:pointer;font-size: 16px;height: 40px}
.ph-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ph-drop{border: 2px solid #0092e1;background: #f1f9ff}
.ph-drop{position:absolute;list-style:none;display:none;min-width: 195px;padding: 8px 3px}
.ph-drop a{background: url(/wp-content/uploads/sh-phn.svg) no-repeat;display: block;padding: 11px 0px 3px 27px;background-position: 4px 13px;min-height: 35px;font-size: 17px;color: #0092E1;}
.ph-drop a:hover{color: #1f93e5}
.phmenu.open .ph-drop{display:block}
@media(hover:hover){.phmenu:hover .ph-drop{display:block}}

.mem-zakaz{line-height: 30px}
#open{padding: 2px 17px 3px 37px;font-size: 16px;cursor: pointer;border-radius: 25px;line-height: inherit;border: none;color: #fff}
#open:hover,.mem-zakaz:hover button{background:#0092E1;color:#fff}

p{padding-top:8px}
ul {padding-inline-start: 0px}


.wmid {max-width: 1400px}.wbig {max-width: 1700px}
.wbig, .wmid{width: calc(100% - 16px);margin: 0 8px 50px 8px;clear: both;display: flow-root;position: relative}


.breadcrumbs{font-size: 12px;padding-bottom: 20px}
.breadcrumbs a{color:#777;text-decoration:none}
.breadcrumbs span{color:#999}

.banner-bl.wbig{margin-bottom:15px}
.banner-bl{margin-top: 30px !important}
.ban-ul{padding-top:15px} 
.ban-ul li {font-size: min(6vw, 24px);line-height: 40px;list-style: none;display: flex;gap: 15px}
.ban-imgs{position: relative;margin-top:15px;min-height: 225px}
#new-ban{min-height: auto;}
.ban-promo{display: none;position: absolute;top: -3%;right: 50%;z-index: 1;width: 20%;max-width: 170px}
.nomo-tx900{max-height: 0;overflow: hidden}




.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex !important;justify-content:center;align-items:center;background:#1f2528a1;z-index:999999999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s}
.popup-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease}
.popup{width: 90%;background:#f2faff;padding:10px;border-radius:15px;position:relative;border: 1px solid #BCDFF7}
.close{position: absolute;top: 10px;right: 10px;font-size: 22px;cursor: pointer;color: #ffffff;font-weight: 100;background: #61b5ef;width: 30px;text-align: center;border-radius: 15px}
.close:hover{background: #326589}
*:focus-visible {outline: none !important}

/*нова модалка перебрати*/
#clearcart-success-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:99999}
#clearcart-success-modal.clearcart-is-open{display:flex}
#clearcart-success-modal .clearcart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
#clearcart-success-modal .clearcart-dialog{position:relative;max-width:720px;width:calc(100% - 20px);max-height:calc(100% - 20px);overflow:auto;border-radius:15px;padding:40px 5px 5px 5px;background: #f2faff}
#clearcart-success-modal .clearcart-close{position:absolute;right:10px;font-size: 22px;cursor: pointer;color: #ffffff;background: #61b5ef;width: 32px;border-radius: 50%;border: none;margin-left: auto;top: 10px}
#clearcart-success-modal .clearcart-title{margin:0 34px 10px 0;font-size:18px;font-weight:700}
body.clearcart-lock{overflow:hidden}
#clearcart-success-modal .odin-actions,#clearcart-success-modal .odin-slot--sum>span{display: none}
#clearcart-success-modal .odin-sum{grid-template-columns: 1fr !important;max-width:380px;margin: 0 auto}
#clearcart-success-modal .peredzakaz{grid-row: 5;margin-top: 5px}
#clearcart-success-modal .odin-actions, #clearcart-success-modal .dur-tot, #clearcart-success-modal .data-sms {grid-column: 1;min-height: 36px;margin-top: 5px;margin-bottom: 5px}
.success-txt{text-align:center}
.success-txt .h3-mul{padding-bottom:0}
#clearcart-success-modal .odin-sum{padding:10px 0}
#clearcart-success-modal .success-txt img{width:50px;height: 50px !important}
.data-yes span {font-weight:bold;padding-left: 2px}
/*нова модалка перебрати*/

.ms-peek, .ms-peek>.mslider{position:relative;margin:0 auto}
/* .ms-peek, .ms-peek>.mslider{position:relative;    margin: 0 auto 0 1%;} */ 
.ms-peek{width:100%;overflow:hidden}
.ms-peek>.mslider{width:90%;overflow:visible}
.ms-peek::before,.ms-peek::after{content:"";position:absolute;top:0;width:max(0px,(100% - 95%)/2);height:100%;z-index:2}
.ms-peek::before{left:0;background: linear-gradient(90deg,rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.3) 90%)}
.ms-peek::after{right:0;background: linear-gradient(90deg,rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.9) 100%)}

.odin-card{position: relative}
.added-text{opacity: 0;visibility: hidden;position: absolute;top: 5px;width: 100%;text-align: center;left: 0;transition:.55s}
.added-text span{background: #0090d9;color: #fff;padding: 2px 20px;border-radius: 15px}
.added-card .added-text{opacity: 1;visibility: visible;transition:.55s;cursor:pointer; }



@media only screen and (min-width: 700px) {
.ban-imgs{width:50%;position: absolute;right: 0}
.ban-ul{padding: 6% 0 0% 0}
#new-ban{position: absolute;right: 0;width: 48%;bottom: 0;}
 h1::before{padding-bottom: 50px;}
h1 span {margin-top: 20px;}
}

@media only screen and (min-width: 900px) {
#new-ban{width: 55%;}
.banner-bl.wbig {margin-bottom: 5px}
.form-flex{gap: 30px;grid-template-columns: 1fr 1fr}
.ban-form .form-flex{grid-template-columns: 1fr 1fr 1fr}
#prc-right-form.form-flex{grid-template-columns: 1fr}
.odin-qo p{grid-column: 2}
.ban-form{padding: 30px}
.ban-form-titl{font-size:30px}
.ban-form-text{font-size: 20px}
.nomo-tx900{max-height:none}
.ban-gde{width:39%;position: relative;z-index: 1;}
.ban-ul{padding: 2.5% 0 0 15px}
.m-f-floor .mess{display: flex;gap: 15px}
.lang-mob{top: 151px !important;right: 27px !important} 
.m-f-floor .mess a{height: 28px}
.ph-drop{margin-top: -40px}
}

@media only screen and (min-width: 1010px) {
.header-n{padding:0 8px}
h1{font-size: min(6vw, 40px);z-index: 1;position: relative;line-height: 40px;}
h1::before {padding-bottom: 60px;}
h1 span {font-size: min(5vw, 20px)} 
#new-ban {width: 50%;}
.ban-imgs{top: 24%;width: 57%}
.ban-promo{top:2%}
.popup{max-width: 1030px}
}

@media only screen and (min-width: 1110px) {
.logo {left: 5px}
.m-s-floor{width: 100%;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee}
.mobile-menu-head,.mobile-menu-trigger{display: none}
.m-f-floor{margin-right: 60px}
.mob-cont,.odin-online-std{display:none}
}

@media only screen and (min-width: 1200px) {
h1{max-width: 38%;}
#new-ban{top: 50px;width: 60%;}
.ban-imgs{top: 22%;width: 55%}
}

@media only screen and (min-width: 1300px) {
.ban-imgs {top: 16%}
.logo img{height:67px}
.m-f-floor {width: calc(100% - 310px);height: 75px}
.odin-cartbtn{top: 21px}
}

@media (min-width: 1111px) and (max-width: 1200px) {
#open {line-height: 14px;min-height: 40px;width: 150px}
.odin-online-fixed .btn-online{line-height: 14px;min-height: 40px;width: 150px}
}

@media (min-width:1400px){
.m-f-floor {gap: 3%}
h1{max-width: 48%;}
#new-ban{width: 50%;}
}

@media (min-width:1416px){
.ban-ul li{line-height: 45px} 

.wbig, .wmid{margin: 0 auto 70px auto}
.ms-peek{max-width: 2390px}
.ms-peek>.mslider{width:100%;max-width:1400px}
.ms-peek::before,.ms-peek::after{width:max(0px,(100% - 1400px)/2)}
}

.m-s-floor > li{display: inline-block;cursor: pointer}
.menu-main .m-s-floor > li .sub-menu{position: absolute;z-index: 9999;background-color:#e9f6ff;padding: 0px;margin-top: -2000px;opacity: 0;visibility: hidden}
.current-menu-title{visibility: hidden}
.menu-main .m-s-floor > li .sub-menu.active{margin-top: 104px}
.list-item > ul > li {list-style: none}
.list-item > ul > li a,.current{line-height: 38px;display: flex;gap: 12px}
.current{font-weight:bold;cursor: context-menu;color: #1f93e5;display: inline-flex;line-height: 23px;vertical-align: middle;align-items: center;}
.list-item img{width:35px}
.nav-ray li{display:flex;gap: 10px}
.nav-ray li span:nth-child(1){font-weight: 600}
.nav-ray li span:nth-child(3){font-size: 15px}
.nav-ray p{line-height: 22px;padding-bottom: 10px}
.nav-ray .list-item > ul > li a{line-height: 18px;display: inline}
.list-item a:hover{color:#1f93e5}
.ar-right{background: url(/wp-content/uploads/menu-drop.svg) no-repeat center 0px;width: 10px;height: 10px;display: inline-block;background-size: contain;transition: 0.3s;margin-left: 5px}
.menu-item-has-children:hover .ar-right, .ph-btn:hover .ar-right{transform: rotate(180deg);transition: 0.3s;background-position: center 0px}

@media (min-width:1111px){
.banner-bl,.cartpage {margin-top: 130px !important}
.menu-item-has-children{line-height:42px}
.menu-main .m-s-floor > li.menu-item-has-children:hover .sub-menu{margin-top: -5px;opacity: 1;visibility: visible;padding: 15px 0;background: #f9fdff;border-radius: 15px;border: 1px solid #BCDFF7}
.sub-menu ul{padding-left: 15px;padding-right: 15px}
.menu-main{position: relative;margin-bottom: 0px;padding-left: 0}
.odin-online-fixed{display:block}
.ph-drop{margin-top: 0px}
}

@media (max-width:1110px){
.menu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1099;overflow: hidden;transform: translate(100%);transition:  0.3s ease-out}
.m-f-floor{width:100%;justify-content: space-evenly}
.krusut{margin:0}
.menu.active{transform: translate(0%)}
.m-s-floor > li{width: 100%}
.m-s-floor > li > a,.current{display: block;line-height: 36px;font-size: 20px}
.ar-right{transform: rotate(-90deg)}
.mobile-menu-head{display: flex;height: 55px;justify-content: space-between;align-items: center;z-index: 5012;position: sticky;top: 0}
.mobile-menu-head .go-back{cursor: pointer;display: none;transition: all 0.3s ease}
.mobile-menu-head.active .go-back{display: block;position: absolute;top: 62px;padding:10px;background: #cfeeff;transition: all 0.5s ease;width: 100%}
.mobile-menu-close{width: 69px;height: 69px;line-height: 69px;text-align: center;font-size: 45px;cursor: pointer;color:#fff;background: #61b5ef}
.menu-main{height: 100%;overflow-x: hidden;overflow-y: auto;background: #f3faff;margin-top: 7px;padding-left: 15px;padding-top: 20px;}
.menu-main .m-s-floor > li .sub-menu,.menu-main .m-s-floor > li .sub-menu.mega-menu{opacity: 1;visibility: visible;position: absolute;top: 0;left: 0;width: 100%;box-shadow: none;overflow-x: auto;max-width: none;min-width: auto;transform: translateX(0%);display: none;height: calc(100% - 210px)}
.menu-main .m-s-floor > li .sub-menu.active{display: block}
@keyframes slideLeft{0%{opacity: 0;transform: translateX(100%)}100%{opacity: 1;transform: translateX(0%)}}
@keyframes slideRight{0%{opacity: 1;transform: translateX(0%)}100%{opacity: 0;transform: translateX(100%)}}
.menu-main .m-s-floor > li .sub-menu.mega-menu > .list-item > ul{padding-left: 15px;margin: 10px 0}
.mem-zakaz #open{min-width: 205px !important;float: left !important;margin-left: 0}
.odin-cartbtn{right: 95px;top: 16px}
.ph-btn .ar-right{transform: rotate(360deg)}
.nav-ray p{line-height: 19px;padding-top: 0}
.list-item > ul > li a,.current{align-items: center;line-height: 19px}
.odin-online-fixed{display:none}
.lang-mob {display:block !important;position: absolute;top: 91px;right: 13px;}
.lang-mob span {font-size: 17px;padding: 6px;border: 2px solid #0092e1;border-radius: 21px;margin-left: 9px;}
.lang-mob span a {color: #0092E1;}
.lang-mob span.curlang {background:none;border:none}
.nomoblang{display:none !important}
}




/*cf7*/
.wpcf7 .hidden-fields-container,.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output {display: none}
.wpcf7 form .wpcf7-response-output{margin:10px 0 0 0;padding:5px;text-align:center}
.wpcf7 form.invalid .wpcf7-response-output{background:#fff2f2;border-radius:10px}
.wpcf7 form.sent .wpcf7-response-output{background:#ccffd7;border-radius:10px}
.wpcf7 .screen-reader-response{overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}

.mslider:not(.ms-ready){opacity:0;visibility:hidden;min-height:150px}
.mslider.ms-ready{opacity:1;visibility:visible;transition:opacity 0.3s ease}