@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff?86') format('woff'),
		url('../fonts/icomoon.ttf?86') format('truetype'),
		url('../fonts/icomoon.svg?86#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
[data-icon]:before, [data-icon-after]:after{ font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin:0 0.3em 0 0;}
[data-icon-after]:after {content: attr(data-icon-after); margin:0 0 0 5px;}
[data-icon-after]{white-space:nowrap; }


*{ padding:0; margin:0;}
body{ font: 12px Arial, sans-serif;  }

.clear{ clear:both;}
a { cursor:pointer;}
a img{ border:0;}
a:active, a:focus{ outline:0; }
sup{line-height:0;}

ul{ list-style:none;}
ol{ padding:0 0 0 26px;}

.loading{ opacity:0.5;}
.loading_bg.loading{ background:url(../imgs/loading_s.gif) no-repeat 0 center; opacity:1!important;}
.loading_table.loading{ background:url(../imgs/loading2.gif) no-repeat center center; opacity:1!important; display:block; height:100px; width:100px;}
.display_none{ display:none!important;}
.display_hidden{ visibility:hidden; position:absolute; left:-10000px; top:-10000px;}
.float_clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.color_green{ color:#88bb22; }
.color_blue{ color:#2be; }
.color_yellow{ color:#db0; }
.color_pink{ color:#b59; }
.color_orange{ color:#e82; }
.color_red{ color:#c54; }
.color_pink{ color:#d0C;}
.color_navy{color:#02C;}
.color_gray{color:#777;}
.color_violet{ color:#72F;}


/*photo-sample*/
.photo-sample{ position:relative; display:inline-block; text-align:center; opacity:0.999; }
.photo-sample:before{ content:""; display:block;  position:absolute; z-index:-1; top:0; left:0; bottom:0; right:0; background:#ccc url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTAsMTM5YzAsMjAgMTYsMzcgMzcsMzdzMzcsLTE2IDM3LC0zN3MtMTYsLTM3IC0zNywtMzdzLTM3LDE2IC0zNywzN3ptMTE3LC02MmwtNDAsMGMtMiwtMTEgLTUsLTIyIC0xNywtMjJsLTQ1LDBjLTExLDAgLTE0LDExIC0xNywyMmwtNDAsMGMtNiwwIC0xMSw1IC0xMSwxMWwwLDEwMmMwLDYgNSwxMSAxMSwxMWwxNjAsMGM2LDAgMTEsLTUgMTEsLTExbDAsLTEwMmMwLC02IC01LC0xMSAtMTEsLTExem0tODAsMTEzYy0yOCwwIC01MCwtMjIgLTUwLC01MGMwLC0yOCAyMiwtNTAgNTAsLTUwYzI4LDAgNTAsMjIgNTAsNTBjMCwyOCAtMjIsNTAgLTUwLDUwem04MCwtNzlsLTIyLDBsMCwtMTFsMjIsMGwwLDExeiIgb3BhY2l0eT0iMC41IiBmaWxsPSIjZmZmIi8+PC9zdmc+');/*ZmZm=MDAw*/ background-repeat:no-repeat; background-position:center center; background-size:100% 100%; background-size:contain;}
.photo-sample.photo-sample-img:before{ display:none;}

.photo-sample img{ vertical-align:middle; }
.photo-sample.uploading img{opacity:0.5; filter:alpha(opacity=50);}
.photo-sample>span{  position:absolute; z-index:1; bottom:8%; left:8%; display:block; width:80%; height:6px; padding:1px; margin:0 -2px; border:1px solid #555; background:#ccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; opacity:0.85; filter:alpha(opacity=85);}
.photo-sample>span span{ display:block; width:0; height:6px; background:#5c0; }
.photo-sample>span span {
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-ms-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;		
}
.photo-sample i{ position:absolute; right:0; top:0; background:#b00; color:#fff; border-radius:0 0 0 2px; display:none; text-align:center; line-height:16px; width:16px; font-size:16px; z-index:1; cursor:pointer;}
.photo-sample i:hover{ background:#d00;}
.photo-sample i:before{ content:"\D7";}
.photo-sample:hover i{ display:block;}
.photo-sample[fs] input[type='file']{ height:16px; width:16px; right:16px!important; top:0!important; z-index:2;}
.photo-sample[fs]:hover:after{ content:"q"; display:block; position:absolute; font:10px/16px icomoon; background:#690; color:#fff; height:16px; width:16px; right:16px; top:0; z-index:1;}


/*form_base*/
input[type="text"], input[type="password"], textarea{ font:12px Arial; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:6px 10px; border:1px solid #bbb; vertical-align:middle;}
input[size]{ width:auto; box-sizing:content-box; -moz-box-sizing:content-box; }
.inp_r{ text-align:right; }
.inp_s1[class]{ width:458px; }
dl.select_s1{ max-width:458px; }
.inp_s2[class]{ width:227px; }

.inp_cal[type]{ width:100px;  background:transparent!important; cursor:pointer;  position:relative; }
.inp_cal[show_time]{ width:140px;}
.inp_cal_ico{ display:inline-block; position:relative; }
.inp_cal_ico:before{ content:"t"; font:14px icomoon; position:absolute; top:0.6em; right:0.6em; color:#888;  }

.checkbox{ position:relative; display:inline-block; vertical-align:middle; color:#555; text-decoration:none; white-space:nowrap;}
.checkbox input{ display:none;}
.checkbox:hover{ color:#000;}
.checkbox:before{ content:""; font:12px/15px icomoon; text-align:center; color:#580; display:inline-block; width:15px; height:15px; position:relative; top:-2px; left:0; border:1px solid #a0a0a0; vertical-align:middle; border-radius:3px; -webkit-box-shadow:0px -12px 10px 0px rgba(0,0,0,0.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow:0px -12px 10px 0px rgba(0,0,0,0.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.1);  }
.checkbox:hover:before{ background:#fffaea;}
.checkbox.active:before{ content:";"; background:#9c3; color:#fff;  }
.checkbox.star:before{ content:"5"; font:17px icomoon; background:none; color:#777; top:-4px; left:0; border:0; -webkit-box-shadow:none; box-shadow:none; text-shadow:0px 0px 1px rgba(0,0,0,0.5);  }
.checkbox.star:hover:before{ color:#000;}
.checkbox.star.active:before{content:"X"; color:#FFCC00;  }
#uid_print .checkbox.star.active:before{color:#444;  }


.form_base{  } 
.form_base hr{ border:0; border-top:1px solid #ccc; margin-bottom:15px;  }
.form_base label{ display:inline-block; width:120px; vertical-align:top; font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis; line-height:normal; padding:0.6em 0 0.2em 0; }
.form_base label.chb{ width:auto; font-size:inherit; color:inherit; white-space:inherit; text-overflow:inherit; overflow:inherit; padding:0; cursor:pointer;}
.form_base label.chb2{ width:auto; font-size:inherit; color:inherit; white-space:inherit; text-overflow:inherit; overflow:inherit; margin:-10px 0 0 130px;}
.form_base label.chb2 input{ position:relative; top:-1px; margin-right:3px;}
.form_base label.rel{ width:auto!important; padding-right:7px}
.form_base label i{ color:#c00; font-style:normal; }
.form_base .suf{ vertical-align:top;  padding:0.6em 0 0.2em 0; display:inline-block;}
.form_base .pref{ position:absolute; margin:-16px 0 0 0; font-size:11px; color:#777;}
.form_base .pref_offset{ height:14px;}

.form_base .hr_label{ position:relative; overflow:hidden;  color:#999; font-weight:bold; padding:15px 0 15px 25px; }
.form_base .hr_label:after{ content:""; display:inline-block; position:absolute; top:50%; width:100%; margin:0 -100% 0 5px; border-top:1px solid #ccc; }
.form_base .hr_label:before{ content:""; display:inline-block; position:absolute; top:50%; width:20px; left:0; border-top:1px solid #ccc; }

.form_base input[type="text"], .form_base input[type="password"], .form_base textarea{  margin-bottom:15px; }
.form_base .checkbox.inp_margin{  margin:6px 0 15px 0; }
.form_base .checkbox.inp_margin2{  margin:0px 0 8px 0; }
.form_base input[readonly], .form_base textarea[readonly]{ background:#f2f2f2;}
.form_base input[type='image'], .form_base input[type='checkbox']{  width:auto; padding:0; margin:0; border:0; border-radius:0; }
.form_base .inp_h1[name]{ font-size:20px; line-height:20px; letter-spacing:-0.03em; font-weight:300;  }
.form_base .inp_ss[name]{ font-size:11px; padding:0 10px; }
.form_base input:invalid{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

.form_base .error input, .form_base .error textarea, .form_base .select.error>dd{ border-color:#c00!important;}
.form_base .error{ position:relative; display:inline-block;}
.form_base .error:after{ content:"!"; position:absolute; right:7px; margin-top:5px; color:#c00; font:16px icomoon; z-index:0; background:#fff;}
.form_base .error_s.error:after{ font-size:10px; right:4px; top:3px;}
.form_base .no_error:after{ display:none;}

.form_base .radio_group{ position:relative; display:inline-block; line-height:20px; padding:0.6em 0 0 20px;}
.form_base .radio_group label{ padding-bottom:5px;}
.form_base .radio_group input{ position:absolute; left:0; }
.form_base .radio_group.error{ outline:1px solid #c00;}
.form_base .radio_group.error:after{ right:-20px;}

.form_base .radio_line{ display:inline-block; padding-top:0.6em ; }
.form_base .radio_line label{ padding-right:10px; padding-bottom:4px; }

.form_base .block_error{ display:none; border:1px solid #c00; background:#fea; padding:10px; margin:0 10px 15px 123px; line-height:normal;}
.form_base .block_error.active{ display:block;}
.form_base .block_error.block_error_full{ margin:0 0 15px 0;}
.form_base .block_error.block_error_light{ background:#ffff0033; border-color:#00000033; color:#000000cc; }

.form_base .inp_error{color:#c00; margin:-12px 0 15px 0; display:none;}
.form_base .inp_error.show{ display:block;}
.form_base .inp_error span{ display:inline-block; font-size:11px; width:420px;}


.form_base.loading{ opacity:0.3;}
.form_base .text{ padding:0!important;}
.form_base fieldset{ border:1px solid #ddd; margin:0px -10px 20px 0; padding:6px 9px 0px 9px;}
.form_base fieldset legend{ color:#aaa; margin-left:10px; font-weight:bold;}
.form_base fieldset hr{ border:0; border-top:1px solid #ddd; margin:12px 0;}
.form_base fieldset.params .select>dd{max-width:100px;}
.form_base .line{ display:inline-block; padding-bottom:8px;}
.form_base label.full{ width:auto;}
.form_base .inp_time{ width:16px; font-size:12px; vertical-align:middle;}
.form_base .fleft{ float:left; }
.form_base .fright{ float:right; }

.form_base dl.select{ margin-bottom:15px; vertical-align:middle; }
.form_base dl.select dl dd i{ font-size:10px; line-height:8px; padding-bottom:10px; display:block;}
.form_base dl.select dl dd i:before{ content:attr(lang); }

.form_base input.s_p1{ width:24px;}
.form_base input.s_p2{ width:33px;}

.form_base dl.select-flag { margin-right:0px;}
.form_base dl.select-flag>dd { padding:0px 20px 0px 8px; border-right-width:0;}
.form_base dl.select-flag>dd:after { border-color:transparent; background: transparent;}
.form_base dl.select-flag>dd span{ display:none;}
.form_base dl.select-flag dd{ color:#777;}
.form_base dl.select-flag .flag{ display:inline-block; }
.form_base dl.select-flag .ccode{ line-height:15px; color:#000; padding-left:7px;}
.form_base dl.select-flag dl dd.selected, .form_base dl.select-flag dl dd.selected .ccode{ color:#fff;}

.form_base .link_comm{ position:relative; display:inline-block; left:20px; border-bottom:1px dashed #09c; line-height:12px; font-size:12px; margin-bottom:20px; }
.form_base .link_comm:before{ content:"+"; position:absolute; left:-18px; top:1px; font-size:18px; }
.form_base .link_comm:hover{ border-color:#c00;}

.form_base .photo{ width:275px;}
.form_base .photo .photo-sample{ width:60px; height:auto; margin-right:5px; border:1px solid #ccc; vertical-align:top; margin-top:10px;}
.form_base .photo .photo-sample img{ max-width:100%;}
.form_base .photo .photo-sample-empty{ min-height:60px;}
.form_base .photo>span .photo-sample:first-child{ width:300px; min-height:300px; }
.form_base .photo>span .photo-sample:first-child img{  max-height:500px;}
.form_base .photo>span .photo-sample-img:first-child{ min-height:0;  }
.form_base .photo .photo-first{  width:300px; min-height:300px; max-height:500px;}

.form_base .col_2_3{ box-sizing:border-box; width:70%; float:left; padding:0 0 0 20px;}
.form_base .col_1_3{ box-sizing:border-box; width:30%; float:left; }

.form_base .multi_item{ margin:-10px 0 5px 123px; }
.form_base .multi_item>span{ display:inline-block; line-height:30px; background:#ddd; padding:0 7px; margin:0 5px 5px 0; }
.form_base .multi_item>span .but_remove{ position:relative; top:2px;}

.form_base .show_password{ padding:0.5em; color:#bbb; cursor:pointer; margin-left:-2.7em; position:relative; top:-2px; display:inline-flex; align-items: center; justify-content: center;}
.form_base .show_password:hover{ color:#999;}
.form_base .show_password:before{ content:"p"; font:1.4em icomoon;}
.form_base .show_password.active:before{ content:"j";}
.form_base .error .show_password{ display:none;}

.form_base .show_loading{ position:relative; display:inline-block;}
.form_base .show_loading:before{ content:""; display:block; width:20px; height:20px; position:absolute; top:2px; left:-24px; background:#fff url(../imgs/loading_s.gif) no-repeat center center; }

.form_base .form_sep{ height:0; border-top:1px solid #ddd; margin:6px 0 4px 120px;}
.form_base .inp_flex{ display: flex; justify-content: space-between;}

.autocomplete{ position:relative; line-height:normal; margin-right:6px; }
span.autocomplete{ display:inline-block; }
.autocomplete input[readonly]{ font-weight:normal!important; background:#fff;  }
.autocomplete div{ position:absolute; z-index:2; left:0px; top:100%; margin-top:2px; background:#fff; box-shadow:1px 1px 7px 0px rgba(0,0,0,0.3); min-width:130px; text-align:left; line-height:24px; font-size:12px; overflow:auto; max-height:270px; border-radius:var(--radius);}
.autocomplete div::-webkit-scrollbar { width: 4px; background-color: transparent;}
.autocomplete div::-webkit-scrollbar-button { height:var(--radius); }
.autocomplete div::-webkit-scrollbar-thumb { background-color: #0002; border-radius:4px; }
.autocomplete div a{ display:block; padding:0px 11px; min-height:20px; color:#000; text-decoration:none; white-space:nowrap; border-bottom:1px solid #ddc;}
.autocomplete div a:hover, .autocomplete div a.active{ background:#07c; color:#fff; }
.autocomplete .but_clear, .autocomplete .but_enter{ position:absolute; top:1px; right:1px; bottom:16px; display:block; padding:0 0.3em; line-height:1.3em; text-align:center; color:#b33; font-size:1.7em; text-decoration:none; background:rgba(255,255,255,0.8); }
.autocomplete .but_clear:before{ content:"\D7"; }
.autocomplete .but_enter:before{ content:"\21b5"; color:#777; }
.autocomplete:not(.has-value) .but_clear{ display:none;}
.autocomplete .but_new{ position:absolute; top:1px; right:1px; z-index:1; display:block; width:26px; line-height:26px; text-align:center; color:#09c; font-size:18px; text-decoration:none; }
.autocomplete .but_new:before{ content:"+"; }
.autocomplete.has-value .but_new{ display:none;}
.autocomplete .but_user{ font:16px icomoon; z-index:0; position:absolute; left:1px; top:1px; color:#aaa; display:block; width:26px; line-height:26px; text-align:center; text-decoration:none; }
.autocomplete .but_user:before{  content:"u"; }
.autocomplete.set-value .but_user{ color:#09c; }
.autocomplete .but_user:hover{ color:#c00; }



.calendar{ visibility:hidden;}


/*select*/
dl.select {  display:inline-block;  line-height:26px; position:relative; height:28px; overflow:hidden; vertical-align:middle; margin-right:6px; .display:inline; zoom:1; color:#111; font-size:12px; border-color:#bbb; text-align:left;  }
dl.select dd { padding:0px 3.8em 0 0.85em; line-height:inherit; white-space:nowrap;}
dl.select>dd {position:relative; background:#fff; border-width:1px; border-style:solid; border-color:inherit; border-radius:inherit; overflow:hidden; max-width:600px;  cursor:pointer;}
dl.select>dd:after {content:"G"; font:12px icomoon; line-height:inherit; position:absolute; top:0px; bottom:0; right:0px;  display:block; width:26px; text-align:center; background:inherit; border-left-width:inherit; border-left-style:solid; border-color:inherit; color:#888; opacity:0.8; }
dl.select-active>dd:after{content:"H";}
/*
dl.select>dd:after{ content:""; position:absolute; top:50%; margin-top:-1px; right:10px; width:5px; height:5px; border:1px solid #555; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; }
dl.select-active>dd:after{ transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);  }*/
dl.select>dd.is_empty:before, dl.select>dd.is_empty:after{ display:none;}
dl.select>dd:focus{ outline: none;}
/*dl.select>dd:after {content:"";  position:absolute; top:50%; margin-top:-2px; right:10px; display:block; width:0; height:0;  border:5px solid transparent; border-top-color:#555; }
dl.select-active>dd:after{   margin-top:-7px; border-top-color:transparent; border-bottom-color:#555;  }*/
dl.select>dd::selection{ }
dl.select input{ font-size:24px;  }

dl.select dd.default { color:#999; }
dl.select dl { position:absolute; background:#fff;  border-width:1px; border-style:solid; border-color:inherit;  max-height:310px; overflow:auto; overflow-x:hidden;  }
dl.select dl::-webkit-scrollbar { width: 8px; background-color: transparent;}
dl.select dl::-webkit-scrollbar-button { height:var(--radius); }
dl.select dl::-webkit-scrollbar-thumb { background-color: #0003; border-radius:4px; }
dl.select dl dd:hover[value]{ background-color:#5cb7fe; color:#fff;  cursor:pointer; }
dl.select dl dd.hidden{ background-color:#eee; color:#777;  }
dl.select dl dd.selected{ background-color:#1c77fe; color:#fff;  }
dl.select dl dd.selected.hidden{ color:rgba(255,255,255,0.8);  }
dl.select-active { overflow:visible;   }
dl.select-active>dl {  z-index:1; box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.3); }
dl.select:hover>dd:after { z-index:1; background:transparent; }
dl.select-loading{ opacity:0.5;}

dl.select[readonly] dd{ color:#777;}
dl.select>dd[placeholder]:empty:before {content:attr(placeholder); color:#ccc;  }

dl.select dd i{ font-style:normal; color:#999;}
dl.select dl dd:hover i, dl.select dl dd.selected i{ color:#cde;  }

dl.select[name$="[]"]>dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:350px;  }
dl.select[name$="[]"] dl dd { position:relative;  }
dl.select[name$="[]"] dl dd:before { content:""; font:12px icomoon; display:inline-block; border:2px solid #ddd; width:16px; height:16px; border-radius:10px; line-height:16px; text-align:center; vertical-align:middle; color:#fff; position:relative; left:-3px; top:-1px;  }
dl.select[name$="[]"] dl dd:hover:before { background:#fff;  }
dl.select[name$="[]"] dl dd.selected:before { content:";"; background:#790;  }
dl.select[name$="[]"] dl dd.selected { background-color:#eee; color:#333;  background-position:7px -40px;  }
dl.select[name$="[]"] dl dd:hover, dl.select dl dd.hover{ background-color:#5cb7fe; color:#fff;  }
dl.select[name$="[]"] dl dd input{ position:absolute; left:5px; top:3px; display:block; width:20px; height:20px; background:#f00; cursor:pointer; opacity:0;  }
/*dl.select[name$="[]"].select-active>dd:before{ content:"\00D7"; }
dl.select[name$="[]"].select-active>dd:after{ display:none; }*/

dl.select-up dl{ bottom:30px; box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.3); }

dl.select-color{  border-color:rgba(0,0,0,0.1); color:#fff; }
dl.select-color>dd { background:#aaa; }
dl.select-color dd.default { color:#eee; }
dl.select-color>dd:after { border-color:transparent; background:transparent; color:#fff; }
dl.select-color dl dd { border:1px solid transparent; border-left-width:5px; padding-left:4px;}
dl.select-color dl dd:hover[value]{ border-color:rgba(255,255,255,0.7); position:relative; z-index:1; }

dl.select-save-icon.select-active>dd:after{ border:0; content:";"; font:14px icomoon; right:0; top:0; bottom:0; width:28px; line-height:inherit; margin:0; text-align:center; color:#555; height:auto; transform:none; -webkit-transform:none;   }
dl.select-save-icon.select-active>dd:hover:after{ color:#fff; background:#690;  }

dl.select-hovered{ border-color:transparent;  }
dl.select-hovered:hover{ border-color:#bbb;  }

dl.select-no-max-height dl{ max-height:none;}

dl.select-flag .flag{ display:inline-block; background:url(../imgs/flags.gif) no-repeat 0 100px; height:11px; width:16px; margin:0 6px 0 0; }

dl.select-nolabel:hover{ background:#eee; outline: 5px solid #eee;}
dl.select-nolabel>dd{ background:transparent; color:transparent; border-color:transparent;}
dl.select-nolabel>dd:before { border:1px solid #bbb; }

dl.select dl dd i[lang]{ font-size:10px; line-height:8px; padding-bottom:10px; display:block; font-style:normal; color:#999;}
dl.select dl dd i[lang]:before{ content:attr(lang); }
dl.select dl dd:hover i[lang], dl.select dl dd.selected i[lang]{ color:#cde;  }

dl.select .select-edit{ display:inline-block; position:absolute; right:-32px; top:1px; border:1px solid #ccc; text-align:center; line-height:24px; width:24px; background:#fff; color:#777; border-radius:50px; cursor:pointer; z-index:1; }
dl.select .select-edit:before{ content:"W"; font:11px/11px icomoon; }
dl.select .select-edit:hover{ background:#09c; color:#fff;}

dl.select dd[level="0"]{ font-weight:bold; }
dl.select dd[level="1"]{ margin-left:25px; }
dl.select dd[level="2"]{ margin-left:50px; }
dl.select dd[level="3"]{ margin-left:75px; }
dl.select dd[level="4"]{ margin-left:100px; }
dl.select dd[level="5"]{ margin-left:125px; }



/*popup*/
.popup{ display:block; visibility:hidden; height:0; overflow:hidden; position:fixed; z-index:21; top:50%; left:50%; max-height:100%; transform: translate(-50%, -50%); width:900px; background:#fff; border:1px solid #ccc; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); color:#000; margin-right: -50%; border-radius:var(--radius); __scrollbar-gutter: stable;}
.popup::-webkit-scrollbar { width: 8px; background-color: transparent;}
.popup::-webkit-scrollbar-button { height:var(--radius); }
.popup::-webkit-scrollbar-thumb { background-color: #0003; border-radius:4px; }

.popup.popup-show{ visibility:visible; height:auto; min-height:50px;  max-width:100%; overflow:auto; }
.popup-modal{display:block; background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%; backdrop-filter: blur(3px);}
.popup-target.loading{ height:200px; background:url(../imgs/loading2.gif) no-repeat center center; opacity:1;}

.popup-close{ position:sticky; z-index:31; margin:16px 16px -46px 0; float:right; clear:both; top:16px;  text-align:center; width:36px; height:36px; border-radius:8px;  white-space:nowrap; font-size:42px; color:var(--color-mid); z-index:4; font-weight:normal; border:1px solid #e3e3e3; cursor:pointer; background:#fff; }
.popup-close:before{content:"x"; font:500 12px/36px icomoon; vertical-align: top;  }
.popup-close:hover{ color:#555;  border-color:#999; background:#eee; }
.popup .form_base h1, .popup .form_base h2{ position:sticky; top:0px; margin:-30px -30px 12px -30px; padding:21px 30px 21px 30px; background:#fff; z-index:3; font-weight:500; font-size:28px; line-height:28px; }
.popup .form_base:after, .popup .form_base:before{ content:""; display:block; height:0px; box-shadow:0px -12px 12px 12px; color:#0005; position:sticky; top:70px; z-index:1; margin:0 -30px; }
.popup .form_base:after{ height:10px; color:#fff; z-index:2; position:absolute; left:0; right:0; margin:0; background:#fff; }

.popup-full{ width:1260px; }
.popup-small{ width:460px; }
.popup-mid{ width:518px; }
.popup-half{ width:670px; }
.popup-text{width:910px;}

@media screen and (max-width: 1260px){
	.popup-full{ width:auto; right:0px; left:0px; margin-left:0px!important; }	
}
@media screen and (min-width: 761px){
	.popup{ bottom:auto!important;}
}
@media screen and (max-width: 760px){
	.popup{ width:100%; left:0; right:0; height:auto; max-height:calc(100% - 100px); top:auto; bottom:0; margin:0;  box-shadow:none;  border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; transform: translateY(100%); transition: transform .2s linear, visibility .2s linear; }
	.popup.popup-show{ visibility:visible; height:auto; min-height:50px;  max-width:100%; overflow:auto; transform: translateY(0%);  }
	.popup-modal:after{ content:""; display:block; background:#fff; left:0; right:0; bottom:-100px; height:100px; position:absolute;  }/*fix for ios footer*/
}


.popup .form_base{ padding: 30px; }
.popup h2.ok{ font-size:18px; color:#790;}
.popup h2.err{ font-size:18px; color:#c00;}
.popup .mess{ line-height:20px; padding:0 0 20px 30px; font-size:16px;}

.popup .popup_icons{ position:absolute; right:55px; top:14px; z-index:3;}




img[fs]{ cursor:pointer;}
/*fs*/
.fs-block{ display:none; position:fixed;  z-index:31;  left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px;  background:#fff url(../imgs/loading.gif) no-repeat center center; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); overflow:hidden; transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); outline:20px solid transparent;}
.fs-block img, .fs-block iframe, .fs-block video{ position:absolute; top:0; left:0; transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block iframe, .fs-block video{ width:100%; height:100%; z-index:1; background:#000 url(../imgs/loading_b.gif) no-repeat center center; }
.fs-block.show{ display:block;}
.fs-block:before, .fs-block:after{ position:absolute; top:50%; margin-top:-40px; display:block; padding:30px; cursor:pointer; color:#fff; font:24px icomoon; text-shadow:0px 0px 4px rgba(0,0,0,1); opacity:0.4; z-index:2; }
.fs-block:hover:before, .fs-block:hover:after{ opacity:0.9; }
.fs-block:before{  content:"{"; left:0px;}
.fs-block:after{  content:"}"; right:0px;}
.fs-modal{display:none; background:rgba(0,0,0,0.6); position:fixed; z-index:30; top:0; left:0; width:100%; height:100%;}
.fs-modal.show{ display:block;}
.fs-close{ position:fixed; z-index:32; right:5px; top:5px; display:none; padding:7px; text-decoration:none; border:0; font-size:24px; color:#fff; cursor:pointer; text-shadow:0px 0px 3px rgba(0,0,0,1); }
.fs-close.show{ display:block;}
@media screen and (max-width: 999px){
.fs-block{ outline-width:10px;}
}
@media screen and (max-width: 767px){	
.fs-close, .fs-block:before, .fs-block:after{  font-size:36px; }

}
.fs-close:before{ font-family:'icomoon'; content:"x"; }
.fs-close:hover{ color:#c60; }

/*auth*/
.vote i:before{ content:"X"; font:16px icomoon; color:#ddd; vertical-align:middle; position:relative; top:-3px;}
.vote_1 i:nth-child(-n+1):before, .vote_2 i:nth-child(-n+2):before, .vote_3 i:nth-child(-n+3):before, .vote_4 i:nth-child(-n+4):before, .vote_5 i:nth-child(-n+5):before{ color:#FC0!important;  content:"X"!important;}
.vote_0, .vote_{ display:none;} 


/*delivery*/
.delivery_addr{ position:relative; padding:0 0 0 26px;}
.delivery_addr:before{ content:""; display:inline-block; width:20px; height:20px; position:absolute; top:50%; left:0; margin-top:-10px; background:url(../imgs/delivery5.png) no-repeat 0 0px; border-radius:3px; }
.delivery_:before {background:none;}
.delivery_00:before{ background-position:0 0px;}
.delivery_01:before{ background-position:0 -60px;}
.delivery_10:before, .delivery_11:before{ background-position:0 -20px;}
.delivery_20:before, .delivery_21:before{ background-position:0 -80px;}
.delivery_30:before, .delivery_31:before{ background-position:0 -40px;}
.delivery_40:before, .delivery_41:before{ background-position:0 -120px;}
/*.delivery_2:before{ background-position:0 -40px;}
.delivery_4:before{ background-position:0 -60px;}
.delivery_5:before{ background-position:0 -100px;}*/

#block_delivery{}
#block_delivery_self, 
#block_delivery_city, 
#block_delivery_np_branch, 
#block_delivery_branch_num, 
#block_delivery_zip, 
#block_delivery_address,
#block_delivery_address_raw,
#block_delivery_address_sep,
#block_delivery_dest_type, 
#block_delivery_place, 
#block_delivery_dest_mode, 
#block_delivery_dest_time, 
#block_delivery_dest_time_mess,
#block_name_pb,
.is_postomate_mess
	{ display:none;}
	
#block_delivery_dest_time_mess{ margin:0 0 15px 3px ; color:#690;}
	
#block_delivery.delivery_0 #block_delivery_city, 
#block_delivery.delivery_0.dest_type_0 #block_delivery_np_branch, 
#block_delivery.delivery_0.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_0.dest_type_1 #block_delivery_address_raw, 
form.pay_type_2 #block_delivery.delivery_1 #block_name_pb,
form:not(.country_ua) #block_delivery_address,
form:not(.country_ua) #block_delivery_address_raw,
form:not(.country_ua) #block_delivery_zip,
#block_delivery.delivery_0.dest_type_1 #block_name_pb,
#block_delivery.delivery_1 #block_delivery_city,
#block_delivery.delivery_1 #block_delivery_zip,
#block_delivery.delivery_1.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_1.dest_type_1 #block_delivery_address_raw,
#block_delivery.delivery_2 #block_delivery_place,  
#block_delivery.delivery_2 #block_delivery_self, 
#block_delivery.delivery_3 #block_delivery_city,
#block_delivery.delivery_3 #block_delivery_address_sep,
#block_delivery.delivery_3 #block_delivery_address_raw, 
#block_delivery.delivery_3 #block_delivery_dest_time_mess,
#block_delivery.delivery_4 #block_delivery_city,
#block_delivery.delivery_4.dest_type_0 #block_delivery_np_branch,
#block_delivery.delivery_4.dest_type_1 #block_delivery_address_sep, 
#block_delivery.delivery_4.dest_type_1 #block_delivery_address_raw,
#block_delivery.delivery_4 #block_name_pb,
#block_delivery.delivery_9 #block_delivery_address, 
#block_delivery.delivery_9 #block_delivery_address_raw,
#block_delivery_np_branch.is_postomate .is_postomate_mess
	{ display:block;}
	

#block_delivery.delivery_0 #block_delivery_dest_type, 
#block_delivery.delivery_1 #block_delivery_dest_type, 
#block_delivery.delivery_1 #block_delivery_dest_mode,
#block_delivery.delivery_3 #block_delivery_dest_time, 
#block_delivery.delivery_4 #block_delivery_dest_type
	{ display:inline-block; }

 

form:not(.country_ua) #block_delivery_type,
form:not(.country_ua) #block_delivery_np_branch,
form:not(.country_ua) #block_delivery_place,
form:not(.country_ua) #block_delivery_self,
form:not(.country_ua) #block_delivery_address_sep
	{ display:none!important;}


/*hint*/
.hint[label]{ }
.hint[label]:before{ content:attr(label); position:absolute; bottom:35px; left:0px; background:#f7f7f2; padding:10px 14px 12px 14px; width:230px; font-size:12px; font-weight:normal; color:#555; text-align:left; white-space:normal; -webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);  box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);}
.hint[label]:after{ content:""; position:absolute; bottom:30px; left:50%; margin-left:-5px; width:10px; height:10px; overflow:hidden; background:#f7f7f2; transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);  -webkit-box-shadow:2px 2px 2px -1px rgba(0,0,0,0.5);  box-shadow:2px 2px 2px -1px rgba(0,0,0,0.5); }
.hint[label]:before, .hint[label]:after{ display:block; visibility:hidden; opacity:0; max-width:0px; overflow:hidden;  transition: opacity 0.5s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.hint[label]:hover:before, .hint[label]:hover:after{ visibility:visible; opacity:1; max-width:none;  }

.hint.icon[label]{ position:relative;  font-size:10px; font-weight:bold; display:inline-block; background:#aaa; color:#fff; border-radius:5px; padding:0 3px; position:relative; top:-1px; left:2px; cursor:pointer; }
.hint.icon[label]:hover{ background:#555; z-index:1; }
.hint.icon[label]:before{  bottom:20px; left:-70px; }
.hint.icon[label]:after{  bottom:15px;  }


/*auth*/
.auth{ background:rgba(0,0,0,0.5);  backdrop-filter: blur(4px); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.auth h2{ margin:-10px 0 10px 0; padding:0; color:#555; font:24px Arial, Helvetica, sans-serif; font-weight:bold;}
.auth form{ position:absolute; left:50%; top:50%; margin:-160px 0 0 -215px; width:333px; padding:50px;  background:#fff; border:1px solid #ccc; border-radius:10px; color:#000; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.auth form span{ display:block; position:relative; }
.auth form span:before{ font:32px 'icomoon'; position:absolute; left:20px; top:14px; color:#999; }
.auth input{ padding:10px 17px 10px 60px; font-size:24px; line-height:36px; border:3px solid #690; border-radius:5px;  -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset;  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset; margin-bottom:10px;  }
.auth a{ position:relative; display:block; font-size:32px; text-align:center;  padding:10px 0px 10px 0px;  border:4px solid #bbb; border-radius:5px; -webkit-box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset;  box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset; background:#690; color:#eee;  text-decoration:none; }
.auth a:hover{ background:#7a1;  color:#fff; }
.auth a:active{  -webkit-box-shadow:none;  box-shadow:none; }
.auth a:before{ color:#ddd; }
.auth a.logout:before{ content:"z"; font:32px 'icomoon'; position:absolute; left:15px; top:8px; color:#ccc; }



/*admin*/
.admin_links{ position:absolute; top:30px; left:0; z-index:1; border-radius:0 0 4px 4px; background:#a00; padding:0px 6px 3px 6px; font-size:10px; line-height:14px; -webkit-box-shadow:box-shadow:1px 1px 1px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 1px 0px rgba(0,0,0,0.3);  color:#fff;  }
.admin_links a{ text-decoration:none; color:#fff; padding:0 6px;  }
.admin_links a:hover{ text-decoration:underline;  }
.admin_links a.count_0{ color:#ccc; }
.admin_links.mode_view{ background:#555; opacity:0.5;}

.but_add_product{ display:inline-block; width:200px; border:1px solid #bb8; background:rgba(255, 255, 250, 0.5); padding:10px; margin:0 13px 20px 0;  border-radius:5px;  -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); text-align:center; vertical-align:top;text-decoration:none;  color:#333; }
.but_add_product:hover{ background:#fff; -webkit-box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7); box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7);  }
.but_add_product  .add{ display:block; margin:48px auto; border:5px solid #ce9; border-radius:5px; color:#790; font-weight:bold; font-size:72px; width:60px; height:60px; line-height:60px; text-align:center;   }




/*nicEdit*/
/*ce*/
.ce{ font:400 16px/1.5em var(--font, Gilroy, Arial, sans-serif);  word-wrap: break-word; overflow-wrap: break-word;}
.ce img::selection {background:transparent;}
.ce .photo-sample{ width:200px; height:auto; border:0; background:#eee; -webkit-box-shadow:none; box-shadow:none;}
.ce .photo-sample-empty{ min-height:200px; }
.ce p{ padding:0 0 10px 0; }
.ce u{ color:#d00; text-decoration:none; }
.ce img[align=left]{ margin:0 10px 10px 0;}
.ce ul {  padding:0 0  0.5em 1.5em;}
.ce ul li{ position:relative; padding:0 0 0.5em 1.5em;}
.ce ul li:before{ font-family:icomoon; content:";"; position:absolute; left:0; top:0.05em;}
.ce ul ul {  margin-left:1.5em;}
.ce ul ul li{ list-style:disc; padding-left:0; }
.ce ul ul li:before{ display:none;}

.nicEdit-panelContain { position:sticky; zdisplay:none;}
.nicEdit-panelEnabled { display:block; top:0; z-index:100;}
.panel .nicEdit-panelEnabled{ top:80px; }
.nicEdit-main{ border-top:1px solid #bbb;}
.nicEdit-pane{ position:fixed; bottom:26px;}



.test_mode{ position:fixed; bottom:0; left:0; right:0; background:#e00; color:#fff; text-align:center; font:11px Arial, Helvetica, sans-serif; padding:4px 10px; z-index:1000; display:none;}

html{
	/*
	--color: {{color}|#07c};
	--hover: {{hover}|#09f};
	--color-link: {{color-link}|#000};
	--color-link-hover: {{color-link-hover}|#09f};
	--radius: {{radius}|12}px;
	--logo: url({$CDN_URL}{{logo}|../template/imgs/logo.png});
	--logo-size: {{logo-size}|140}px;
	--favicon: url({$CDN_URL}{{favicon}|../template/imgs/favicon.png});
	*/
	
	--color-text:#101828;
	--color-text2:#475467;
	--color-alert:#EC0630;
	--color-nav:#344054;
	--color-gray:#AAADB9;
	--color-border:#D0D5DD;
	--color-mid:#98A2B3;
	--color-light:#23314007;
	
	--color-bg:#f4f4f5;
	--bg:#f4f4f5;
	
	--bg-gray:#23314015;
	--color-blue:#2E6BD4;
	--bg-blue:#2E6BD415;
	--bg-blue-d:#2E6BD445;
	--color-red:#FF0800;
	--bg-red:#FF080015;
	--bg-red-d:#FF080035;
	--color-green:#079455;
	--bg-green:#07945515;
	--bg-green-d:#07945540;
	--color-yellow:#DD9900;
	--bg-yellow:#DD990020;
	--bg-yellow-d:#DD990040;
	
	--transition:cubic-bezier(0.0, 0.0, 0.2, 1.0);
	--mh-size:72px;
	--page-w:1400px;
	--wrap-offset:30px;
}



body{ background:var(--bg); color:var(--color-text); min-height:100%; }
body, .nicEdit-main{  font:400 16px var(--font);  font-display:swap;   }

.wrap{ position:relative; max-width:var(--page-w); margin:0 auto; padding:0 var(--wrap-offset);}


/*common*/
h1{ font-size:36px; backg line-height:36px; font-weight:500; margin-bottom:24px; }
h2, .h2, h6{ margin:10px 0px 10px 0; font-size:24px; line-height:24px; padding:0; font-weight:600;}
h3{ font-size:18px; font-weight:500;}
p{ padding-bottom:12px;}
em{ color:#090; font-style:normal;}
.clear{ clear:both;}
div[defer="bg"] *{ background-image:none!important;}

a{ color:var(--color-link); cursor:pointer;}
a img{ border:0;}
a:hover{ color:var(--color-link-hover, --color-link); }

ul{ list-style:none;}
ol{ padding:0 0 0 26px;}


.but { position:relative; display:inline-block; padding:12px 25px; min-width:40px; border-radius:var(--radius);  background:var(--color); color:#fff; font-size:14px; vertical-align:middle; text-decoration:none; text-align:center; font-weight:600;}
.but:hover{ background-color:var(--hover); color:#fff;}
.but_b { background-color:#09C; }
.but_b:hover{ background-color:#0ad;}
.but_o{ background-color:#e92; }
.but_o:hover{ background-color:#fa3; }
.but_r{ background-color:#c54; }
.but_r:hover{ background-color:#e65; }
.but_g { background-color:#999;  }
.but_g:hover{ background-color:#aaa;}

.but_l { padding:10px 25px; background:#fff8; color: var(--color); border:1px solid #ccc; font-size:16px; }
.but_l:before{ font-size:20px; }
.but_l:hover{ background: var(--bg-green); color: var(--color-green); }

.but[label]:after{ content:attr(label);}
.but[data-icon]:before { margin:0 10px 0 -10px; vertical-align:top; } 

.but_light { padding:11px 25px; background:#fff; color:#aaa; border:1px solid #aaa; }
.but_light:hover{ background-color:#eee; color:#aaa; }

.but_trans { padding:11px 25px; background:transparent; color:var(--color-text2); border:1px solid var(--bg-gray); font-weight:500; }
.but_trans:hover{ background-color:var(--color-light); color:var(--color-text2);  }

.but_disabled{ cursor:default; filter:grayscale(1); opacity:0.4; }


/*header --------------------------------------*/

.logo{ display:block; width:var(--logo-size); height:48px;  background-size:var(--logo-size); overflow:hidden; color:var(--color); text-decoration:none; background-image:var(--logo); background-repeat:no-repeat; background-position:0 center; cursor:default; }
.logo[href]{ cursor:pointer; }
.logo i{ display:none; }
.logo b{ display:none;}


.nav_bar{ position:sticky; top:0;  background:#f8f8f8; z-index:4; }
.nav_bar.fixed{ box-shadow:0px 1px 10px 0px rgba(0,0,0,0.2); }
.nav_bar .wrap{ height:var(--mh-size);  display:flex; align-items: center; flex-wrap: wrap; gap:0 12px; }


.nav_bar .but_nav{ display:inline-block; min-width:44px; line-height:44px; height:44px; font-size:16px; top:0; text-align:center; text-decoration:none; color:var(--color-nav); font-weight:500; border-radius:100px;  transition: filter 0.2s var(--transition); }
.nav_bar .but_nav:before{ font-family:icomoon; margin:0; font-size:20px; font-weight:500; }
.nav_bar .but_nav:hover{ filter:contrast(4) saturate(0.8); }

.nav_bar .but_info{ display:none; }
.nav_bar .but_info:before{ content:"N"; }
.nav_bar .but_info.active:before{ content:"x"; }
.nav_bar .but_search{ display:none; }
.nav_bar .but_search:before{ content:"s"; }
.nav_bar .but_phone{ display:none; color:var(--color-blue); background:var(--bg-blue); }
.nav_bar .but_phone:before{ content:"["; }
.nav_bar .but_favorite{ color:var(--color-red); background:var(--bg-red); }
.nav_bar .but_favorite:before{ content:"I"; }
.nav_bar .but_profile{ color:var(--color-blue); background:var(--bg-blue); }
.nav_bar .but_profile:before{ content:"R"; }
.nav_bar .but_cart{ color:var(--color-green); background:var(--bg-green); }
.nav_bar .but_cart:before{ content:"S"; }

.nav_bar .but_lang{ border:1px solid #ddd; box-sizing:border-box;} 
.nav_bar .but_lang:hover{ filter:none; background:#eee; }
.nav_bar .but_dd{ position:relative;} 
.nav_bar .but_dd .sub{display:none; position:absolute; z-index:2; left:0px; top:100%; background:#fff;  border-radius:var(--radius); box-shadow:1px 6px 8px 0px rgba(0,0,0,0.2); padding:10px 28px 10px 28px; line-height:32px; text-align:left; }
.nav_bar .but_dd:hover .sub{ display:block; }
.nav_bar .but_dd .sub a{display:block; color:var(--color-nav); cursor:default; text-decoration:none; }
.nav_bar .but_dd .sub a.active{ font-weight:bold; }
.nav_bar .but_dd .sub a:not(.active):hover{color:var(--hover); cursor:pointer; }
@media screen and (max-width: 999px) {/*fix logo jumping*/
body{ padding-top:var(--mh-size); box-sizing:border-box; }
.nav_bar{ position:fixed; left:0; right:0; }
}
@media screen and (max-width: 999px){	
	.nav_bar{  }
	.nav_bar .wrap{ background:inherit; padding:0 12px;  }
	.nav_bar .top_right{ margin-left:auto; position:relative; z-index:12; }
	.nav_bar .but_dd .sub{ font-size:21px; line-height:42px; }
	.nav_bar .nav, .but_nav.hide_in_mobile{ display:none;}
	.but_nav.but_info, .but_nav.but_search, .but_nav.but_phone{ display:block;}
	.but_nav.but_info{  }
	.nav_bar .logo_block{ margin-right:auto; }
}
	

.nav_bar.theme_dark{ background:#000; }
.nav_bar.theme_dark .menu>.label{ background:#FFFFFF40; }
.nav_bar.theme_dark .search form, .nav_bar.theme_dark .nav{ --color-nav:#fff;  }
.nav_bar.theme_dark .but_nav{ --color-nav:#ccc;  }
.nav_bar.theme_dark .but_favorite{ background:var(--bg-red-d); }
.nav_bar.theme_dark .but_profile{ background:var(--bg-blue-d); }
.nav_bar.theme_dark .but_cart{ background:var(--bg-green-d); }

@media screen and (min-width: 1000px) {
	.nav_bar .logo{ margin-right:28px; }
	.is_home .nav_bar.theme_dark{ margin-bottom:20px; }
	.nav_bar.theme_dark .search{  background:#FFFFFF40; }
}
@media screen and (max-width: 999px){	
}





.nav_bar.theme_color_alt{ background:var(--color-alt);   }
.nav_bar.theme_color_alt .nav{ --color-nav:#fff;  }
.nav_bar.theme_color_alt .but_nav{ --color-nav:#fff;  }
.nav_bar.theme_color_alt .but_favorite{ background:#fffc; }
.nav_bar.theme_color_alt .but_profile{ background:#fffc; }
.nav_bar.theme_color_alt .but_cart{ background:#fffc; }
.nav_bar.theme_color_alt .but_phone{ background:#fffc; }

@media screen and (min-width: 1000px) {
	.is_home .nav_bar.theme_color_alt{ margin-bottom:20px; }
}
@media screen and (max-width: 999px){	
	.nav_bar.theme_color_alt .search form{ --color-nav:#fff;  }
}


@media screen and (min-width: 1000px) {
.nav_bar.logo_mid{  top:-100px; }
.nav_bar.logo_mid:not(.fixed){ --mh-size:172px; }
.nav_bar.logo_mid.fixed{ padding-top:100px; }
.nav_bar.logo_mid:not(.fixed) .logo_block{ flex:100%; display:flex; justify-content: center; align-items:center; padding-top:10px; height:90px; }
.nav_bar.logo_mid:not(.fixed) .logo_block:after, .nav_bar.logo_mid:not(.fixed) .logo_block:before{ position:relative; content:""; display:inline-block; height:1px; width:70px; margin:0 0 0 16px; background:linear-gradient(90deg, var(--color-alt) 0%,  #fff 100%);}
.nav_bar.logo_mid:not(.fixed) .logo_block:before{ background:linear-gradient(270deg, var(--color-alt) 0%,  #fff 100%); margin:0 16px 0 0;  }
.nav_bar.logo_mid:not(.fixed) .logo_block .logo{width:calc(var(--logo-size) * 1.38); height:90px; background-size:contain; margin-right:0; }
}

/*	



.nav_bar .buts_soc{ display:block; white-space:nowrap; margin:20px 0 20px 0; padding:0; }
.nav_bar .buts_soc a{color:var(--color-link-hover);}
.nav_bar .buts_soc a:hover{color:var(--color);}


.nav .lang{ text-align:center;  }
.nav_bar .lang a{ color:var(--color); padding:0 10px; text-decoration:none;  }
.nav_bar .lang a:not([href]){ color:#aaa;  }
*/


.label_count{ position:absolute; margin:-47px 0 0 27px; display:none; background:var(--color-green); color:#fff; border-radius:100px; line-height:18px; width:18px; font-size:11px; text-align:center;}
.label_count.active{ display:block;}
.label_count.active:before{ content:""; position:absolute; right:1px; top:1px; display:block; opacity:0.6; color:#fff; border-radius:500px; width:0px; height:0px; border:7px solid #c00;  box-sizing:border-box; -moz-box-sizing:border-box; transition: height .5s ease-out, width .5s ease-out, opacity .5s ease-out, border-radius 1.5s ease-out; opacity:0;}
.label_count.clip:before{ width:500px; height:500px; opacity:0.7; transition:none; border-radius:20px;}

.fav_count{ position:absolute; margin:-47px 0 0 27px; display:block; background:var(--color-red); color:#fff; border-radius:100px; line-height:18px; width:18px; font-size:11px; text-align:center;}


/*search/
.search{ position:absolute; left:30px; width:280px; top:16px; display:inline-block; vertical-align:top; }
.search form{ position:relative; display:block; vertical-align:top;  padding:0; font-size:14px; height:36px;  border-bottom:2px solid var(--color); }
.search form:before{ position:absolute; left:0.6em; top:50%; margin:-0.55em 0 0 0; padding:0; color:#777; display:inline-block; }
.search input[type="text"]{ font-size:inherit; font-family:inherit; padding:10px 10px 10px 35px; background:transparent; border:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:20px; vertical-align:top; position:relative; z-index:1;  }
.search input[type="text"]:focus{outline: none;}
.search input[type="submit"]{ position:absolute;  right:1px; top:1px; border:0; width:1.6em; height:1.6em; font-size:inherit;  vertical-align:top; cursor:pointer; opacity:0;  }
.search .search_clear{ display:none; position:absolute; right:0px; top:0; bottom:0; width:35px; z-index:2; font-size:0px; }
.search .search_clear:before{ content:"\2715";  position:absolute; top:50%; margin-top:-0.7em; text-align:center; width:100%; color:#c00; font-size:24px; }
.search.hint .search_clear, .search.write .search_clear{ display:block;}
.search.write form:before{ display:none;}
/**/

/*search*/
.search form{ padding-right:40px; color:var(--color-nav); }
.search form:before{ position:absolute; left:0.9em; top:50%; margin:-0.45em 0 0 0; padding:0; font-size:20px; display:inline-block; color:inherit; }
.search input[type="text"]{ font:16px/20px var(--font);  padding:12px 10px 12px 50px; background:transparent; border:0; width:100%; box-sizing:border-box; vertical-align:top; position:relative; z-index:1; background:transparent;  color:inherit; }
.search input[type="text"]:focus{outline: none;}
.search button{ display:none;}
.search input[type="submit"]{ position:absolute;  right:1px; top:1px; border:0; width:1.6em; height:1.6em; font-size:inherit;  vertical-align:top; cursor:pointer; opacity:0;  }
.search .search_clear{ display:none; position:absolute; right:0px; top:0; bottom:0; width:45px; z-index:2; font-size:0px; cursor:pointer; }
.search .search_clear:before{ content:"\2715";  position:absolute; top:50%; margin-top:-0.7em; text-align:center; width:100%;  color:#222; font-size:20px; }
.search.hint, .search.focus{display:block; visibility:visible;}
.search.hint .search_clear, .search.write .search_clear{ display:block;}
/**/


.search_res{visibility:hidden; overflow:auto; position:absolute; background:#fff; min-width:100%; box-sizing:border-box; border-radius:var(--radius); padding:var(--radius); padding-right:calc(var(--radius) - 5px); z-index:3; display:flex; flex-direction:column; gap:var(--radius); margin-bottom:15px; scrollbar-gutter: stable; box-shadow:2px 2px 7px 0px rgba(0,0,0,0.3); max-height:var(--max-height);}
.search_res::-webkit-scrollbar { width: 5px; background-color: transparent;}
.search_res::-webkit-scrollbar-button { height:16px; }
.search_res::-webkit-scrollbar-thumb { background-color: #0003; border-radius:4px; }
.search.hint .search_res{ visibility:visible;}

.search_res a{ display:block; color:var(--color-nav); text-decoration:none; background:#f4f4f4; border-radius:var(--radius); padding:var(--radius); text-decoration:none; display:flex; gap:16px;  }
.search_res a:hover{ background:#e3e3e3; }
.search_res .img{ background:#fff; border-radius:var(--radius); min-width:70px; height:70px; display:flex;  justify-content: center; align-items:center; overflow:hidden; }
.search_res .img img{  max-height:70px;}
.search_res .name{ display:block; font-weight:500; }
.search_res .price{ display:block; font-weight:500; font-size:18px; padding-top:5px; }

.search_res .empty{ font-size:20px; color:#777; }
.search_res .empty:before{ content:""; display:block; background:url(../imgs/search_empty.png) no-repeat center top; max-width:520px; height:261px;}
.search_res .empty b{ display:block; padding-bottom:12px; font-weight:400; }
.search_res .empty b:before{ content:attr(empty); display:block; text-align:center; padding:0 0 30px 0; }



@media screen and (min-width: 1000px) {
	.search{ position:relative; background:#fff; z-index:1; border-radius:100px; flex:4; }
	.search form{}
	.search.hint form, .search.focus form{}
	
/*	.search.collapse{ visibility:hidden; position:absolute; left:460px; right:215px; top:0px; bottom:0; background:#fff; z-index:1; }
	.search.collapse form{ position:absolute; right:0px; top:19px; width:50px; height:auto; border-radius:0px; border:0; background:#fff; border-bottom:1px solid #e0e0e0;  box-shadow:none; transition: width 0.1s cubic-bezier(0.0, 0.0, 0.2, 1.0);}
	.search.collapse.hint form, .search.collapse.focus form{ width:460px;}
	.search.collapse .search_clear{ display:block;}
*/	
	.search.hint .search_res{ top:100%; width: max-content; max-width:600px;  }

}


@media screen and (max-width: 1120px){
	.search.hint form, .search.focus form{ width:500px;}
	.search.hint .search_res{ height:var(--max-height); }
}

	
@media screen and (max-width: 999px) {
	.search { position:absolute;  left:0; right:0; top:-100px; border:0; background:inherit;  }
	.search.focus, .search.hint { top:0; z-index: 15; }
	.search form{font-size:18px; height:var(--mh-size); width:0px; right:300px; background:inherit; border:0; border-radius:0; box-shadow:0px 0px 14px 0px rgba(0,0,0,0.3); }
	.search form:before{ font-size:24px; left:24px; top:34px;}
	.search input[type]{ position:relative; opacity:0; padding:22px 40px 22px var(--mh-size); margin:0; font-size:24px; border:none; outline:none; background:transparent; color:inherit; } 
	.search input::placeholder { color:rgba(255,255,255,0.5)}
	.search.focus form, .search.hint form{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto; z-index:2; outline:none; transition: left 0.1s cubic-bezier(0.0, 0.0, 0.2, 1.0), right 0.1s cubic-bezier(0.0, 0.0, 0.2, 1.0);} 
	.fixed .search.focus form, .fixed .search.hint form{ position:fixed; }
	.search.focus input, .search.hint input{ position:static; opacity:1;} 
	.search .search_clear:before{ content:"x"; font:20px icomoon; line-height:50px; color:var(--color-gray); top:10px; right:4px; margin-top:0;}
	.search .search_clear:hover{  background-color:rgba(255,255,255,0.3);}
	.search.focus .search_clear, .search.hint .search_clear{ display:block; width:70px;}
	
	.search_res { padding:10px; font-size:20px; }
	.search.hint .search_res{ right:0; top:var(--mh-size); border:0; z-index:1; margin:0; border-radius:0; }
	
}



.nav_bar .sub_but{ position:relative; display:inline-block; background:var(--color-alt); color:#fff; text-decoration:none; padding:0 28px 0 28px; line-height:44px;  font-size:16px; border-radius:100px; font-weight:600; cursor:pointer; margin:0 30px 0 -10px; }
.nav_bar .sub_but:hover{ background: rgb(from var(--color-alt) calc(r + 40) calc(g + 40)  calc(b + 40)) }


.menu{ height:44px; position:relative; margin:14px 28px 14px 0px;  }
.menu>.label{ position:relative; display:inline-block; background:var(--color); color:#fff; text-decoration:none; padding:0 28px 0 28px; line-height:44px;  font-size:16px; border-radius:100px; font-weight:600; cursor:pointer; }
.menu>.label:hover{ }
.menu>.label:before {content:"`"; display:inline-block; font:24px/20px icomoon; padding:0 8px 0 2px; vertical-align:middle; }
.menu>.label:after {content:""; display:block; position:absolute; top:100%; left:0; right:0; height:14px; }
.menu>div{ display:none; position:absolute; z-index:2; left:-6px; padding:0px 10px 0 6px; top:100%; margin-top:14px; overflow:auto;  }
.menu div::-webkit-scrollbar { width: 4px; background-color: transparent;}
.menu div::-webkit-scrollbar-button { height:8px; }
.menu div::-webkit-scrollbar-thumb { background-color: #0002; border-radius:4px; }
.menu:hover>div{  display:block; }
.menu:hover>.label{ background:var(--hover)!important; }
.menu>div>ul{  background:#fff; border-radius:0 0 20px 20px;  padding:8px 0 8px 0; box-shadow:1px 6px 8px 0px rgba(0,0,0,0.2); border-radius:0 0 var(--radius) var(--radius); }
.menu>div>ul>li{ list-style:none;  padding:0px 16px;  }
.menu>div>ul>li a{ display:block; white-space:nowrap; color:var(--color-nav); text-decoration:none; display:flex; align-items: center; padding:8px 0px; font-weight:500; font-size:16px;}
.menu>div>ul>li a img{ max-width:48px; max-height:48px; min-width:48px; min-height:48px; border-radius:var(--radius); margin-right:12px; vertical-align:top; }
.menu>div>ul>li:hover>a, .menu>div>ul>li>a.active, .menu>div>ul>li>div a.active{ color:var(--color-link-hover);}
.menu>div>ul>li:hover{ background:#f7f7f7;}
.menu>div>ul>li>a{ position:relative; padding-right:74px; border-top:1px solid #e4e4e4;  }
.menu>div>ul>li:first-child>a{ border-top:0;  }
.menu>div>ul>li.has_child>a:after{ content:""; position:absolute; top:30px; right:8px; width:8px; height:8px; border:1px solid #000; border-right:0; border-bottom:0; transform:rotateZ(135deg);  transform-origin: 30% 30% 0px; }
.menu>div>ul>li:hover>a:after{  border-color:var(--color-link-hover); }
.menu>div>ul>li div{ display:none; position:absolute; z-index:2; __left:100%; right:10px; top:-22px; background:#fff;  border-radius:0 var(--radius) var(--radius) 0; box-shadow:6px 6px 6px 0px rgba(0,0,0,0.2); padding:22px 0px; line-height:38px; font-size:16px; overflow:auto; }
.menu>div>ul>li:hover div{ display:block;}
.menu>div>ul>li>div a{ display:block;  padding:0px 28px;}
.menu>div>ul>li>div a:hover{ color:var(--color-link-hover);}
.menu>div>ul>li>div a:hover{ background:#f7f7f7;}
.menu>div a.hide_in_menu{display:none;}

.menu_profile, .sub_nav{ display:none;}

.menu .menu_sub_but{ display:none;} 
.menu .menu_sub_but a{ color:var(--color-alt);} 
.menu .menu_sub_but a:before{ content:"X"; color:#fff; background:var(--color-alt); font:24px icomoon; display:inline-block; margin-right:12px; border-radius:100px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; } 

@media screen and (max-width: 1180px){
	.menu>div>a{ margin-right:15px;}
}
@media screen and (max-width: 1020px){
	.menu>div{  left:20px; right:20px; }
}
@media screen and (max-width: 999px){
	
	.menu{ float:none; height:auto; margin:0;  font-size:22px; order: 20; flex: 100%; position:absolute; }
	.menu>div{ position:relative; left:0; padding:0!important;  max-height:none!important; padding-top:10px; }
	.menu>div>ul{ padding:0px 24px 18px 24px; border-radius:0; box-shadow:none; }
	.menu:hover>div{  display:none; position:relative; }
	.menu>div.open{ display:block; }
	.menu>div>ul>li{ position:relative; background:var(--color-bg); border-radius:var(--radius); margin-top:12px; }
	.menu>div>ul>li a{ white-space:normal; font-size:22px; }
	.menu>div>ul>li>a{ position:relative; right:1px; padding:16px 0px; padding-right:20px; font-weight:500; border:0;  }
	.menu>div>ul>li.has_child>a:after{ right:0; top:50%; width:12px; height:12px;  margin-top:-4px; right:-40px;  transform:rotateZ(-135deg);}
	.menu>div>ul>li.open>a:after{  transform:rotateZ(45deg); }
	.menu>div>ul>li.has_child>a{ margin-right:40px; padding-right:0;}
	.menu>div>ul>li.has_child>i{ display:inline-block; position:absolute; top:0; right:-10px; width:66px; height:80px; z-index:1; }
	.menu>div>ul>li>div{ display:none; position:relative; box-shadow:none; left:0; top:0!important; padding:0 0 10px 0px; line-height:normal;  border-radius:0;}
	.menu>div>ul>li:hover{ background:transparent;}
	.menu>div>ul>li:hover>div{ display:none;}
	.menu>div>ul>li.open>div{ display:block; position:relative; left:0; top:0; box-shadow:none;  font-size:20px; }
	.menu>div>ul>li>div a{ padding:10px 25px 10px 60px; }
	
	.menu_profile{ display:block; padding:12px 0; border-top:1px solid #ddd; padding-top:24px; margin-top:24px;  }
	.menu_profile a{ display:block;   padding:12px 24px; text-decoration:none; color:var(--color-nav); font-weight:500; background: var(--color-bg); border-radius:var(--radius); }
	.menu_profile a:first-child:before{ content:"R"; font:36px icomoon; margin-right:14px; vertical-align:middle;  }
	.menu_profile a:hover{  }
	
	
	
	.sub_nav { display:block; }
	.sub_nav a{ text-decoration:none; padding:12px 24px; display:block;  color:var(--color-nav);  background:var(--color-bg); border-radius:var(--radius); margin-bottom:12px;}
	
	.nav_bar .sub_but{ display:none; }
	
	.menu .buts_soc a:before{ font-size:36px; color:#999;} 
	.menu>.label{ display:none;}
	
	.menu .menu_sub_but { display:block;}
}
	

.nav{ font-size:16px; margin:0 auto; flex:5; text-align:center; }
.nav>ul{ list-style:none; display:inline; }
.nav>ul>li{ display:inline-block; position:relative;}
.nav>ul>li>a{ display:inline-block; text-decoration:none; padding:10px; color:var(--color-nav); font-weight:500; }
.nav>ul>li:hover>a{ color:var(--color-link-hover)!important;}
.nav>ul>li.has_child>a:after{ content:""; display:inline-block; position:relative; margin-left:7px; width:6px; height:6px; border:2px solid var(--color-nav); border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 50% 30% 0px; }
.nav>ul>li.has_child:hover>a:after{  border-color:var(--color-link-hover)!important; }
.nav>ul>li.has_child>div{ display:none; position:absolute; z-index:2; left:0px; top:100%; background:#fff;  border-radius:var(--radius); box-shadow:1px 6px 8px 0px rgba(0,0,0,0.2); padding:10px 28px 10px 28px; line-height:32px; text-align:left; }
.nav>ul>li.has_child:hover>div{ display:block; }
.nav>ul>li.has_child>div div.sub a{ display:block; white-space:nowrap;  color:#000; text-decoration:none;}
.nav>ul>li.has_child>div div.sub a:hover{ color:var(--color-link-hover);}
.nav>ul>li.has_child:last-child:hover>div{ right:0px; left:auto;}




.buts_soc{ padding:0px 20px 20px 0;}
.buts_soc a{ position:relative; display:inline-block; color:#fff; padding:0; margin:0 15px 0 0; vertical-align: top; text-decoration:none; font-size:0;}
.buts_soc a:before{ display:inline-block; content:""; font:28px icomoon; }
.buts_soc a.soc_f:before{ content:"f"; }
.buts_soc a.soc_t:before{ content:"T";}
.buts_soc a.soc_tt:before{ content:"P";}
.buts_soc a.soc_i:before{ content:"v";}
.buts_soc a.soc_y:before{ content:"Y";}



.submenu { margin:12px -7px 6px 0; font-size:14px; display:none; font-weight:500;  color:var(--color-gray); }
.submenu.visible { display:flex;}
.submenu.count_sub_0, .submenu.count_sub_1{display:none!important;}
.submenu a{ display:inline-block; padding:4px 10px; margin:0 0px 0px 0; border-radius:4px;  color:var(--color-nav);  color:inherit; text-decoration:none; }
.submenu a:hover{ color:var(--color-link-hover);}
.submenu a:before, .submenu a:after{ font-size:1.2em; vertical-align: text-top;}
.submenu a.current{ color:var(--color-text); cursor:text;  }
.submenu a.active{ color:var(--color-text); cursor:text;  }
.submenu.has_sub a.active{ __box-shadow:0 4px 10px 0px #0003; __margin:0 3px 0 8px; color:var(--color-nav);  }
.submenu i:before{ display:inline-block; content:">"; font:12px/17px icomoon; color:var(--color-gray);  text-align:center; vertical-align:text-bottom; }

.submenu .dd_block>a{ position:relative; color:var(--color-text); cursor:pointer!important; }
.submenu .dd_block>a:after{ content:""; display:inline-block; position:relative; top:8px; margin-left:12px; width:5px; height:5px; border:2px solid var(--color-gray); border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; }
.submenu .dd_block>a.active:after{ transform:rotateZ(45deg); }

.is_page_profile .submenu .submenu_sub{  margin-left:auto;}
.is_page_profile .submenu .submenu_sub a.active{ display:none;}

.submenu a.home{ padding-left:0; }
.submenu a.home:before{ display:inline-block; content:"h"; font-family:icomoon; line-height:1em; position:relative; top:1px; }


@media screen and (max-width: 999px){	
	.submenu{ font-size:16px; margin:0; padding:10px 20px 5px 20px; }
	.submenu .dd_block>a:after{ display:none;}
}


.is_lang_pl_opts_skip_in_pl, .is_lang_opts_only_in_pl{ display:none!important;}
.price_multi span.is_gift{ display:none!important; }



/*products*/
.products{ }
.products .headline{ display:flex; flex-wrap: wrap; column-gap: 24px; justify-content: space-between; padding-top:12px; align-items: baseline; font-size:16px; font-weight:500; }
.products .headline .h1{ flex:1; margin-bottom:24px; }
.products .headline .h1 h1{ font-weight:500; display:inline;}
.products .headline .h1 a{ color:#000;}
.products .headline .h1 .sub_item{ display:none;}
.products .headline .r{ display:flex; gap:16px;}
.products dl.select { font-size:14px; font-weight:400; line-height:34px; height:36px; }
.products dl.select dd { padding-right:40px; }
.products dl.select>dd { border-radius:var(--radius); color:var(--color-nav); }
.products dl.select>dd:after { border-color:transparent; }
.products dl.select dl { right:0; left:auto; margin-top:1px;  border-radius:var(--radius); box-shadow:4px 10px 16px 0px #0002;}
.products dl.select dl dd{ }

.products .grid_type{display:flex; display:none; background:#f4f4f4; border-radius:var(--radius); padding:4px; position:relative;  }
.products .grid_type a{display:flex; justify-content: center; align-items:center;  border-radius:var(--radius); padding:0 10px; height:30px; }
.products .grid_type a.active{ background:#fff; }
.products .grid_type a[data-icon="N"]:before{ font-size:0.7em; }

@media screen and (max-width: 580px){
.products .grid_type{ display:none;}
}
/*.products .but_filter{ color:#000; font-size:16px; padding-left:12px;}
.products .but_filter:after{ display:inline-block; content:"^"; font:18px icomoon; padding-left:16px; vertical-align:top; }*/


.products .filter_line { padding-bottom:20px; display:flex; gap:10px; align-items:center; flex-wrap: wrap; }
.products .filter_line a{ display:inline-block; font-size:14px; border:1px solid var(--color-gray); color:var(--color-nav); border-radius:var(--radius); padding:6px 12px; text-transform:lowercase; background:#fff;}
.products .filter_line a.elem:after{ content:"x"; font:12px icomoon; padding:0 0 0 12px; }
.products .filter_line a:hover{ color:var(--color-alert); border-color:var(--color-alert); }

@media screen and (max-width: 580px){
.products .filter_line span{ flex: 100%; order: 100; }
}

.products .desc{ position:relative; padding:0; font-size:14px; }
.products .desc .but_edit{ top:-19px;}
.products .desc .form_base{ padding:0 0 20px 0; line-height:normal;}
.products .desc .desc_text{padding:0 0 30px 0;}
.products .desc1, .products .desc1 .desc_text *{ font-size:14px!important;}
.products .desc2{ margin-top:50px;}


.but_filters{ display:none; padding:10px 30px; font-size:18px; line-height:24px; }

@media screen and (max-width: 700px){
	.products{  margin:0 12px 0 12px; }
	.products .headline{ padding-bottom:12px; padding-top:16px; margin-bottom:12px; background:var(--bg); position:sticky; top:20px; align-items:normal; z-index:3; }
	.products .headline .h1{ flex:100%; margin-bottom:20px; text-align:center; }
	.products .headline .h1 h1{ font-size:28px; margin-bottom:0px;}
	.products .headline .h1 .dd_block{ position:relative; display:inline-block; cursor:pointer;}
	.products .headline .h1 .dd_block h1 a{ color:#000;}
	.products .headline .h1 .dd_block>.dd_menu{ margin-left:-24px; font-size:18px;}
	.products .headline .h1 .dd_block h1 a:after{ content:""; display:inline-block; position:relative; top:-1px; margin-left:12px; width:10px; height:10px; border:2px solid #000; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; }
	.products .headline .h1 .dd_block h1 a.active{ color:var(--color-link-hover); }
	.products .headline .h1 .dd_block h1 a.active:after{ transform:rotateZ(45deg); border-color:var(--color-link-hover); }

	.products .desc{ padding:0 0 0px 0; font-size:16px!important; }
	.products .desc1, .products .desc1 .desc_text *{ font-size:16px!important;}
	.products .gallery h2{   padding-top:20px;   }
	
	.but_filters{ display:inline-block; }
	.products dl.select { font-size:18px;  line-height:40px; height:42px; }
}




/*dd_block*/
.dd_block{ position:relative;}
.dd_menu{ position:absolute; top:100%; margin-top:6px; left:-16px; display:none; box-shadow:2px 8px 16px 0px #0002; background:#fff; border-radius:20px; font-size:16px; text-align:left;  overflow:hidden; padding:26px; z-index:3;  min-width:250px; }
.dd_menu_r{ right:0; left:auto;}
.dd_menu.active{ display:block!important;}
.dd_menu a{  display:block; color:#000; text-decoration:none;}
.dd_menu a.active{ color:var(--color-link-hover);}
.dd_menu>a{ white-space:nowrap; display:block; padding:12px 16px 12px 16px; margin-bottom:12px; background:var(--color-bg); border-radius:calc(var(--radius) * 0.75); }
.dd_menu>a:hover, .dd_menu>a.active { background:#eee;}
.dd_menu>a:last-child{ margin-bottom:0;}
.dd_menu>a.active{ color:var(--hover);}
.dd_menu>a:before{  font-size:17px; margin-right:12px;}

.dd_block .block_chb{ }
.dd_block .block_chb>a{ white-space:nowrap;  position:relative; padding-bottom:16px; padding-right:48px; font-weight:600;}
.dd_block .block_chb>a:before{ content:"+"; display:inline-block; font:18px icomoon; vertical-align: top; position:absolute; right:0; }
.dd_block .block_chb.open>a:before{  content:"-";  }
.dd_block .block_chb>div{ display:none; overflow:auto; max-height:183px;}
.dd_block .block_chb>div::-webkit-scrollbar { width: 4px; background-color: #eee;}
.dd_block .block_chb>div::-webkit-scrollbar-button { height:0; }
.dd_block .block_chb>div::-webkit-scrollbar-thumb { background-color: #0007; border-radius:4px; }
.dd_block .block_chb.open>div{ display:block; margin-bottom:20px;}
.dd_block .block_chb>div>a{ display:block; padding:0 12px 10px 32px; position:relative;}
.dd_block .block_chb>div>a:before{ content:"("; font:22px icomoon; position:absolute; left:0; top:-1px;}
.dd_block .block_chb>div>a.active:before{ content:")";}



.block_menu { padding:0!important;}
.block_menu div{ display:flex;  flex-wrap: wrap; --columns:4; --gap:16px; gap:var(--gap); margin-bottom:40px;  }
.block_menu.count_items_3 div, .block_menu.count_items_6 div{ --columns:3; }
.block_menu.count_items_5 div, .block_menu.count_items_10 div{ --columns:5; }
.block_menu div a{ position:relative; border-radius:var(--radius); border:1px solid #ddd; background:#fff; font-size:20px; font-weight:600;  text-decoration:none; color:var(--color-text); text-align:center; overflow: hidden; box-sizing:border-box; transition: transform .2s var(--transition);  --width:calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)); width:var(--width); }
.block_menu div a:hover{ transform:scale(1.04);  transform-origin: 50% 50% 0px;}
.block_menu div a:before{ content:""; position:absolute; bottom:0; left:0; right:0; top:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.34) 80%, rgba(0, 0, 0, 0.4) 103%); z-index:1;}
.block_menu div a .hdr{ position:absolute; bottom:28px; left:0; right:0; color:#fff; z-index:2;}
.block_menu div a .img{  padding-top:87%; display:block; }
.block_menu div a img{position:absolute; top:0; left:0; right:0; max-height:460px; max-width:460px; width:100%; }

.catalog .block_menu div{  --columns:5; --gap: 12px; }

@media screen and (max-width: 999px) {
	.block_menu div{  --columns:3!important;  }
}
@media screen and (max-width: 580px) {
	.block_menu div{  --columns:2!important; --gap: 12px;}
}



.filters_pane {  box-sizing:border-box; position:sticky; top:var(--mh-size); overflow:auto;}
.filters_pane::-webkit-scrollbar { width: 8px; background-color: #eee;}
.filters_pane::-webkit-scrollbar-button { height:0; }
.filters_pane::-webkit-scrollbar-thumb { background-color: #0002; border-radius:4px; }
.filters .filters_block{background:#fff; border-radius:var(--radius); padding:12px; box-sizing:border-box; margin-bottom:12px; }
.filters .filters_block>a{ display:block;  position:relative; padding:0px 48px 16px 0; font-weight:500; color:var(--color-text);}
.filters .filters_block>a>i{ color:var(--color-mid); font-style:normal;}

.filters {position:relative;}
.filters .filters_block>a:before{ content:""; display:inline-block;  position:absolute; right:2px; top:7px; width:6px; height:6px; border:2px solid var(--color-gray); border-right:0; border-bottom:0; transform:rotateZ(45deg);  transform-origin: 30% 30% 0px; }
.filters .filters_block.hide>a:before{ transform:rotateZ(-135deg); }

.filters .filters_block>div{ overflow:auto; max-height:300px; display:block;}
.filters .filters_block>div::-webkit-scrollbar { width: 4px; background-color: #eee;}
.filters .filters_block>div::-webkit-scrollbar-button { height:0; }
.filters .filters_block>div::-webkit-scrollbar-thumb { background-color: #0005; border-radius:4px; }
.filters .filters_block.hide>div{display:none; }
.filters .filters_block>div>a{ display:block; padding:0 12px 10px 32px; position:relative; color:var(--color-nav); text-decoration:none;}
.filters .filters_block>div>a .count{ color:var(--color-mid); font-size:0.8em; padding-left:1px;}
.filters .filters_block>div>a .count:before{ content:"(";}
.filters .filters_block>div>a .count:after{ content:")";}
.filters .filters_block>div>a:before{ content:"("; font:1.2em icomoon; position:absolute; left:0; top:-1px; color:var(--color-gray);}
.filters .filters_block>div>a.active:before{ content:")";  color:var(--color);}
.filters .filters_block>div>a:hover{ background:var(--color-light);}
.filters .filters_block>div>a:before:hover{ color:var(--color-text);}
.filters .filters_block.hide>a{ padding-bottom:0; }

.filters .filters_block[type="chain"]>div{ display:flex; gap:10px; flex-wrap:wrap; }
.filters .filters_block[type="chain"]>div>a{ padding:5px; position:relative; color:var(--color-nav); border:1px solid var(--color-gray); border-radius:var(--radius); }
.filters .filters_block[type="chain"]>div>a.active{ color:#fff; background:var(--color);}
.filters .filters_block[type="chain"]>div>a.active .count{ color:#fff8;  }
.filters .filters_block[type="chain"]>div>a:before{ display:none;}

.filters input{ font-family:var(--font); font-size:inherit; line-height:2em; padding:0px 0.5em 0px 0.5em; background:transparent; border:1px solid var(--color-border);  box-sizing:border-box;  position:relative; z-index:1;  color:inherit; border-radius:calc(var(--radius) / 2); }

.filters .filters_autocomplete{ display:block; padding:0 0 10px 0; position:relative; top:-3px; font-size:inherit;}
.filters .filters_autocomplete:before{ content:"s"; font-family: icomoon;  position:absolute; left:9px; top:0px; padding:0; display:inline-block; color:var(--color-gray); line-height:2em; border:1px solid transparent; }
.filters .filters_autocomplete input{ width:100%; padding:0px 2em 0px 2em; vertical-align:top; }
.filters .filters_autocomplete input:focus{ __outline: none;}
.filters .filters_autocomplete .but_clear{ display:none; position:absolute; right:0px; top:0; bottom:0; width:2em; z-index:2; line-height:2em; cursor:pointer; text-align:center; color:var(--color-gray); border:1px solid transparent; }
.filters .filters_autocomplete .but_clear:hover{ color:var(--color-alert); }
.filters .filters_autocomplete .but_clear:before{ content:"\2715"; }
.filters .filters_autocomplete.fill .but_clear{ display:block; }
.filters .filters_block.hide  .filters_autocomplete{display:none; }

.filters .filters_block[type="price"]>div{ overflow:visible; }
.filters .filters_price_inp{ display:flex; justify-content: space-between; padding-bottom:10px; gap:16px;}
.filters .filters_price_inp  input{ width:80px;}

.filters .filters_price_drag{ position:relative; height:18px; margin:5px 0; }
.filters .filters_price_drag:before{ content:""; display:block; height:4px; position:relative; top:7px; background:var(--color-border); border-radius:var(--radius); }
.filters .filters_price_drag i{ position:absolute; top:0; left:0; display:block; height:6px; width:6px; background:#fff; border:6px solid var(--color); border-radius:100px; cursor:pointer; z-index:1; }
.filters .filters_price_drag i:last-child{ left:calc(100% - 18px);  }
.filters .filters_price_drag i:hover{ outline:4px solid rgb(from var(--color) r g b / 20%); }
.filters .filters_price_drag u{ display:block; height:4px; position:absolute; top:7px; background:var(--color); left:0; right:0; }

@media screen and (min-width: 1000px) {
	.filters_pane{  max-height: calc(100vh - var(--mh-size, 0)); }
}

@media screen and (max-width: 999px) {
	.filters_pane{ font-size:20px;}
}



.banner_filter {  position:absolute; left:0; right:0; margin-top:-170px; height:0; text-align:center; z-index:1; }
.banner_filter .mi { text-align:center; padding-bottom:20px; }
.banner_filter .mi a{ font-size:22px; font-weight:500; color:#fff; margin:0 1px; padding:5px 20px; border-bottom:3px solid #fff9; }
.banner_filter .mi a:hover{ border-color:#fff; }
.banner_filter .mi a.active{ color:#FD0; border-color:#FD0;  }
.banner_filter .block { display:none; background:#fff; border-radius:var(--radius); padding:8px 20px; }
.banner_filter .block.active { display:inline-block; }
.banner_filter .block.loading { pointer-events: none; background:#fff url(../imgs/loading_s.gif) no-repeat 3px 19px; }
.banner_filter dl.select { border-color:transparent; line-height:30px; height:30px; margin-right:20px; font-size:16px;}
.banner_filter dl.select-active>dd { border-color:#ccc; border-radius:4px;  }
.banner_filter dl.select-active>dd:after { border-color:transparent;}
.banner_filter dl.select>dd { font-weight:600; padding-right:40px;}
.banner_filter dl.select>dd.default { color:#999; }
.banner_filter dl.select dl { }

@media screen and (max-width: 999px) {
	.banner_filter {  position:relative; margin:0; height:auto; text-align:left;  }
	.banner_filter .mi{ __margin-top:-20px; padding-top:16px; padding-bottom:26px; background:var(--color-alt);}
	.banner_filter .mi a{ font-size:30px;}
	.banner_filter .block.active { padding:20px 20px; display:flex; ___flex-direction:column; flex-wrap: wrap; align-content: center; gap:20px; }
	.banner_filter .block.active>dl { flex-basis:calc(50% - 20px); margin:0;  }
	.banner_filter .block.active a.but { font-size:28px; margin:0; flex:1; flex-basis:100%; padding:16px; }
	.banner_filter dl.select { line-height:56px; height:56px;  font-size:28px;}
	.banner_filter dl.select>dd:after { font-size:18px; line-height:46px;}
}


.top_banner{ background:var(--hover); position: relative; z-index: 1;}
.top_banner .wrap{  height:36px; display:flex; align-items: center; justify-content: center; padding:8px 0; box-sizing:border-box; }
.top_banner a{ text-decoration:none;  color:#fff; cursor:text; font-weight:500; text-align:center; }
.top_banner a[href]:hover{ text-decoration:underline; cursor:pointer; }


.hline{ clear:both; dposition:relative; text-align:center; overflow:hidden; padding:30px 0 15px 0; margin:15px 0 15px 0px;  font-size:28px; line-height:36px; font-weight:600;  color:var(--color-text); }
.hline:after, .hline:before{ position:relative; top:-8px; content:""; display:inline-block; height:1px; width:70px; margin:0 0 0 16px; background:linear-gradient(90deg, #1115 0%,  #fff 100%);}
.hline:before{ background:linear-gradient(270deg, #1115 0%,  #fff 100%); margin:0 16px 0 0;  }

.product_status{ position:absolute; left:16px; top:16px; line-height:24px; padding:0 8px; font-size:12px; text-align:center; background:var(--color-alert); color:#fff; font-weight:600; border-radius:6px;}
.product_status[type="1"]{ background:#FC0;}
.product_status[type="7"]{ background:#09c;}
.product_status[type="4"]{ background:#F60;}

.pane.inload{  opacity:0.5;}
.pane.inload .filters:after { content:""; position:absolute; top:150px; left:50%; margin:-30px 0 0 -30px; display:block; border:8px solid #8886; border-top-color:var(--color); border-radius: 50%; width: 60px; height: 60px; animation: spin 1.5s linear infinite; z-index:1; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.pane{ display:grid;  grid-template-columns: repeat(5, 1fr); grid-column-gap: 12px;}
.pane .filters{ grid-column-start:1; grid-column-end:1; }

.gallery{ padding:0 0 0px 0; grid-column-start:1; grid-column-end:6;}
.is_home .gallery{ padding-bottom:30px; }
.pane .filters+.gallery{grid-column-start:2;}
.gallery{  --columns:5; --columns--:var(--columns);  --gap:12px; }
.gallery .group{ display: flex; flex-wrap: wrap; gap:var(--gap);  }
.pane .filters+.gallery .group{--columns:calc(var(--columns--) - 1);}
.gallery.hidden{ display:none!important;}
.gallery.visible{ display:block!important;}
.gallery.empty{ display:none;}
.gallery.close .group{ display:none;}
.gallery.visible .group{ display:block;}
.products .gallery h2{ margin-top:0;  padding-top:30px; scroll-margin-top:var(--mh-size);   }
.products .gallery h2 a{ text-decoration:inherit; color:inherit; }
.products .gallery h2 a:hover{ text-decoration:underline; color:var(--color-link);  }
.gallery h1 span, .gallery h2 span{ color:var(--color-text); }
.gallery h1 a{ color:inherit; text-decoration:inherit; }
.gallery.visible h1 a{ display:none;}
.gallery.close h1 a:before{  border-bottom-color:transparent;  border-top-color:#aaa; top:-1px;}
.gallery:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.gallery .item{display:flex; flex-direction:column;  position:relative; ___border:1px solid transparent; background:#fff; padding:12px;  border-radius:var(--radius); text-decoration:none;  color:var(--color-text); box-sizing:border-box;  font-size:14px; text-align:left; transition: transform .2s var(--transition); --width:calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)); width:var(--width);  min-width:var(--width); }
.gallery .item:hover{ background:#fff; box-shadow:0px 10px 30px -13px rgba(0,0,0,0.6); transform:scale(1.04);  transform-origin: 50% 50% 0px; z-index:2;  }
.gallery .item .img{ display:block; padding-top:100%; margin-bottom:3px; text-align:center; position:relative; }
.gallery .item .img img{ border-radius:6px; width:100%;  max-width:360px; max-height:360px;  vertical-align:top; top:0; left:0; position:absolute; }
.gallery .item .h{ __flex:1;  font-size:16px; margin:5px 0 auto 0;  font-weight:600; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;  }
.gallery .item .sale_per{ position:absolute; left:16px; top:16px; line-height:24px; padding:0 8px; font-size:12px; text-align:center; background:var(--color-alert); color:#fff; font-weight:600; border-radius:6px;}
.gallery .item .___units{ position:absolute; margin-top:3px; left:10px; font-size:12px; border-radius:5px; background:rgba(100, 100, 0, 0.1); display:inline-block; padding:4px 8px; }

.gallery .item .price_multi{ display:inline-block; __display:none; position:relative; font-size:12px; flex:1; padding-top:5px;  }
.gallery .item .price_multi label{ display:none;}
.gallery .item .price_multi.price_multi_hide{ display:none!important;}
.gallery .item .price_multi span{ position:relative; display:inline-block; padding:4px 6px; border-radius:6px; margin-right:4px; margin-top:4px; border:1px solid #e5e5e5; color: var(--color-text); }
/*.gallery .item .price_multi span:first-child{   border-top-left-radius:5px;  border-bottom-left-radius:5px;}
.gallery .item .price_multi span:last-child{   border-top-right-radius:5px; border-bottom-right-radius:5px; }*/
.gallery .item .price_multi span:hover{ background:#eee; color: var(--color-text); }
.gallery .item .price_multi span.active{ border-color:var(--color); color: var(--color-text); }
.gallery .item .price_multi span.hide{ display:none; }
.gallery .item .price_multi span b{ font-weight:600; }
.gallery .item .price_multi span small{ display:none; }
.gallery .item .price_multi ___span.active:after{  content:"";  position:absolute; left:50%; top:-10px; margin-left:-5px;  display:inline-block;  border:5px solid transparent; border-bottom-color:#555; border-radius:none; }
.gallery .item .price_multi span.hidden{ display:none; }
.gallery .item .price_multi span[avail="2"]{ color: var(--color-gray); background:#f5f5f5; }

.gallery .item{ --offset-bottom--:var(--offset-bottom); }
.gallery .item:hover{ margin-bottom:calc(var(--offset-bottom--) * -1); }
.gallery .item:hover .block { margin-bottom:var(--offset-bottom--); }
.gallery .item .price_multi_collapse{ display:none; position:absolute; left:0; right:0; bottom:0; padding:inherit; padding-top:0;  }
.gallery .item:hover .price_multi_collapse.inited{ display:block; }
.gallery .item .price_multi_collapse:before{ content:attr(label); display:block; padding-bottom:4px; z-index:1; position:relative; }
/*
.gallery .item .price_multi_collapse{ display:none; position:absolute; top:100%; margin:-9px 0 0 0; left:0px; right:0px; background:inherit; padding:inherit; padding-top:0px; border:inherit;  border-radius:inherit;  box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7);  }
.gallery .item:hover .price_multi_collapse{ display:block; }
.gallery .item .price_multi_collapse:before{ content:attr(label); display:block; padding-bottom:4px; z-index:1; position:relative; }
.gallery .item .price_multi_collapse:after{ content:""; display:block; position:absolute; top:-14px; left:0px; right:0px; height:28px; background:inherit; border:inherit; border-top:0; border-bottom:0; }*/

.gallery .item .price_multi.style_color label{ display:none;   }
.gallery .item .price_multi.style_color span { border-color:#ccc; padding:5px; border-radius:100px; min-width:40px; min-height:40px;  background:#fff; }
.gallery .item .price_multi.style_color span:hover{ box-shadow:0 0 6px #0008; }
.gallery .item .price_multi.style_color span.active{ border-color:var(--color-nav); }
.gallery .item .price_multi.style_color span b{ display:none;  }
.gallery .item .price_multi.style_color span img{ max-width:40px; max-height:40px; border-radius:100px; vertical-align:top; background:#ccc; }



.gallery .item .block{ text-align:left; padding:10px 0 0 0;}
.gallery .item .inf{ display:flex; flex-wrap: wrap; align-items:baseline; column-gap:12px; row-gap:4px; white-space:nowrap; overflow:hidden; width:100%; margin-right:-100px; }
.gallery .item .price{ font-size:14px; font-weight:500; }
.gallery .item .price.has_sale{ color:var(--color-alert); }
.gallery .item .price b{ font-size:20px; font-weight:600; }
.gallery .item .price_old{ display:none; padding:0; color:var(--color-text2); font-size:14px; text-decoration:line-through; font-weight:500;}
.gallery .item .price_old b{ font-weight:600;}
.gallery .item .price_old.show{ display:inline-block;}
.gallery .item .price_old span{ text-decoration:line-through; font-weight:500; }

.gallery .item_has_sale{ ___border:1px solid #ddd;}
.gallery .item .avail_name{ margin-left:auto; color:var(--color-green); font-weight:500;}
.gallery .item .avail_name.avail_2{ color:var(--color-gray);}

.gallery .item .but_edit{ right:10px; top:50px;}



.gallery .item .review_count{ position:absolute; top:3px; right:5px; display:block; line-height:30px; text-align:center; }
.gallery .item .review_count:before{ content:"/"; font:32px icomoon; display:block; color:#FC0;}
.gallery .item .review_count:after{ content:attr(label); display:block; position:absolute; top:0; right:0px; left:0; bottom:0; font-weight:bold; font-size:14px; color:#870;}

.review_stars{ display:inline-block; text-align:left; color:var(--color-link); clear:both; position:relative; top:0px; padding:0 0 0px 80px; font-size:13px; height:24px; font-weight:500;}
.review_stars:hover{ color:#e00; text-decoration:underline; cursor:pointer;}
.review_stars i { display:inline-block; text-indent:0;  color:#FCA31155; font:14px icomoon; text-decoration:none; position:absolute; left:0; top:1px; margin-right:8px;}
.review_stars i:before{ content:"XXXXX"; }
.review_stars i i{ color:#FCA311; position:absolute; left:0; top:0; overflow:hidden;  }
.review_stars.review_empty{ padding:0; text-indent:0!important; }
.review_stars.review_empty:before{ content:"/"; font:14px icomoon; color:#ccc; position:relative; top:2px; display:inline; padding:0 4px 0 0; }
.review_stars.review_empty i{ display:none;}
.product .base .review_stars{  clear:none; font-size:14px; line-height:18px; height:auto; border-radius:100px; background:#fff; padding:5px 10px 5px 10px; text-indent:80px; color:var(--color-text2);}
.product .base .review_stars>i{ left:10px; top:6px;}
.gallery .item .review_stars.review_empty{ display:none!important;}
.product .base .barcode{ display:inline-block; float:right;  line-height:18px; padding:4px 0px; color:var(--color-nav);}


.gallery .sale_timer { position:absolute; top:-1px; left:0; right:0; display:block;  clear:both; text-align:center;}
.gallery .sale_timer span{ font-size:12px; font-weight:bold; float:none; margin:0 auto; background:#c00; color:#fff; font-size:12px; padding:4px 15px; display:inline-block; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }




.gallery .item .add_to_cart { flex:100%; display:block; background:var(--color); color:#fff; border-radius:8px; padding:0px; line-height:40px; text-align:center; box-shadow:none; float:none; height:auto; width:auto; position:relative; top:0; right:auto; margin-top:10px; font-size:14px; font-weight:600; }
.gallery .item .add_to_cart:hover { background:var(--hover); color:#fff!important;}
.gallery .item .add_to_cart:after { content:attr(label);}
.gallery .item .add_to_cart:before { content:"S"; font:17px/17px icomoon; vertical-align: text-bottom; padding-right:4px; }
.add_to_cart.avail_2, .add_to_cart.avail_4, .add_to_cart.avail_13{ opacity:1;  background-color:#ddd!important; }
.gallery .add_to_cart.avail_12, .gallery .item .add_to_cart.avail_12:hover{  background:#fff!important; color:var(--color)!important; border:2px solid var(--color)!important; }




/* as on sue
.add_to_cart{ display:block; background:#adbd15; color:#fff; border-radius:0px; padding:0px; line-height:52px; text-align:center; position:relative; top:0; margin-top:10px; font-size:14px; font-weight:bold; }
.add_to_cart:hover { background:#bc0;}
.add_to_cart:after { content:attr(label);}
.add_to_cart:before { display:none;}
.add_to_cart.avail_2, .add_to_cart.avail_4{ opacity:1;  background-color:#ddd!important; cursor:default; }
.gallery .add_to_cart.avail_2:after, .gallery .add_to_cart.avail_4:after{ content:attr(title);}
*/

/*.add_to_cart{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}
.add_to_cart.avail_0{ background-color:#888; }
.add_to_cart.avail_1{ background-color:var(--color)!important; }
.add_to_cart.avail_2{ background-color:#b33; }
.add_to_cart.avail_3{ background-color:#0a9; }
.add_to_cart.avail_4{ background-color:#fff; color:#999; }
.add_to_cart.avail_5{ background-color:#09c; }
.add_to_cart.avail_6{ background-color:#63F; }*/

.gallery .item .compose, .gallery .item .expire, .gallery .item .avail, .gallery .item .content { display:none; }


.gallery .item.dragstart { background:#def; }
.gallery .item.dragstart:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; xbackground:#ff0; }
.gallery .item.dragover:before{ content:""; display:block; width:0; position:absolute; left:-11px; top:0; bottom:0;  border-right:4px solid #09c;}



.gallery .item .but_fav{ position:absolute; top:1em; right:1em; width:1.8em; height:1.8em;  border-radius:6px; border:1px solid rgba(0,0,0,0.0); color:#555; background:#f3f3f3; display:flex; align-items: center; justify-content: center;  font:500 16px icomoon; color:var(--color-gray); }
.gallery .item .but_fav:before{ content:"I";}
.gallery .item .but_fav.active{ color:var(--color-red);  }
.gallery .item .but_fav.active:before{ content:"6"; }
.gallery .item .but_fav:hover{  background:#f3f3f3; color:var(--color-red); }

.gallery .item.item_avail_2{ filter:saturate(0);}


.gallery .item_scheme_min .block { display:flex; align-items: flex-end; position:relative;  }
.gallery .item_scheme_min .avail_name { order:-1; flex:100%; }
.gallery .item_scheme_min .add_to_cart { flex:none; margin:0 0 0 auto; line-height:36px; min-width:36px; text-align:center; }
.gallery .item_scheme_min .add_to_cart:before { margin:0;}
.gallery .item_scheme_min .price{ font-size:16px;}
.gallery .item_scheme_min .price b{ font-size:24px; }
.gallery .item_scheme_min .add_to_cart:after { display:none;}


@media screen and (max-width: 1220px){
.pane{ grid-template-columns: repeat(4, 1fr); }
.gallery{ --columns:4;}
}

@media screen and (max-width: 999px){
.pane{ grid-template-columns: repeat(3, 1fr); }
.gallery{ --columns:3;}
}


@media screen and (max-width: 700px){
.pane{ display:block; }
.gallery .group{ --columns:2; }

.gallery .item:hover{ box-shadow:none;  transform:none;   }
.gallery .item:hover .price_multi_collapse{ display:none!important; }

}



.cagerory_banner { padding-bottom:20px;}
.cagerory_banner .is_img_web{ display:block; max-width:1400px;}
.cagerory_banner .is_img_mobile{ display:none; max-width:480px;}


/*pager*/
.pager {  display:flex; gap:12px; text-align:center; padding:20px 0; font-size:17px; line-height:40px; justify-content: center; flex-wrap:wrap; }
.pager a{ text-decoration:none; color:var(--color-nav); border:1px solid #0002; background:#fff; text-align:center; flex-basis:40px; border-radius:var(--radius);}
.pager a:hover{ color:var(--hover); border-color:var(--hover);  }
.pager a.active{ color:#fff; background:var(--color); cursor:text; }
.pager a.dot{ color:#000; background:transparent; border-color:transparent;   }
.pager a.dot:before{ content:"..."; font-size:18px; line-height:16px; }
.pager_more{ text-align:center; padding-top:20px;}
.pager_more a{ display:inline-block; padding:12px 24px; border:1px solid #ccc; color:var(--color-nav); background:#fff; border-radius:var(--radius); text-decoration:none; min-width:50%; box-sizing:border-box; position:relative; }
.pager_more a:hover{ color:#fff; background:var(--color);}
.pager_more a:before{ position:relative; top:2px; left:-4px;}
.pager_more a.loading:before{ animation: spin 1.5s linear infinite; }



.home_text_block .desc_text{ gap:32px; color:var(--color-text2); font-size:14px;}
.products .home_text_block .but_edit{ top:0;}
.home_text_block .desc_text h1:first-child, .home_text_block .desc_text h2:first-child{ margin-top:0; }
.home_text_block .hdr{ color:var(--hover); margin:0; padding:0 0 10px 0; font-size:14px; font-weight:400;  }
.home_text_block.col_3 .desc_text{  columns:3; }
.home_text_block.bg_act{ overflow-y: clip;  }
.home_text_block.bg_act .home_text_pane{ padding-top:30px; background:var(--color-alt); background-image: radial-gradient(circle farthest-corner at 65% 60%, #ffffff00 0%, rgb(from var(--color-alt) calc(r - 50) calc(g - 50)  calc(b - 50)) 55%); box-shadow: 0px -60px 0px 60px rgb(from var(--color-alt) calc(r - 50) calc(g - 50)  calc(b - 50));  }
.home_text_block.bg_act  .desc_text{ color:#fffc;   }
.home_text_block.bg_act a{  color:#fffa;  }
.home_text_block.bg_act .hdr{ color:#fff7;  padding-bottom:4px; font-size:12px;  }
@media screen and (max-width: 700px){
	.home_text_block .desc_text{ columns:auto!important; font-size:18px;}
	.home_text_block .desc_text img{ display:none;}
}


/*page*/
.page{  margin:10px 0 0 0; __padding:30px; __box-shadow:1px 1px 10px 1px #00000019; position:relative;}
.page h1{ padding:20px 0 0 0; }
.page_list{ list-style:none;}
.page_list li{ position:relative; font-size:12px; padding-bottom:30px; }
.page_list li>a{ color:#000; text-decoration:none; }
.page_list li i{ background:#eee; font-style:normal; padding:3px 10px; display:inline-block; font-size:11px; }
.page_list li p{ padding:8px 0 16px 0; }
.page_list li .photo{ float:left; margin:0 20px 0 0; }
.page_list li h5{ font-size:22px; font-weight:normal; }
.page_list li h5:hover{ color:var(--color); }
.page_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page .but_back{ font-size:14px; margin:0px 0 0px 0; top:-10px; display:inline-block; position:relative;}

@media screen and (max-width: 999px){
	.page h1{ padding:0px 0 0 0; }
}

.page_order_ok{ margin-bottom:20px; }
.box_go_home{ text-align:center;}
.box_go_home .but_alt{ display:none;}

@media screen and (min-width: 1000px){	
.page_order_ok{  padding:15px 40px 30px 40px; background:#fff; box-shadow: 1px 1px 10px 1px #00000019; max-width:640px; margin:20px auto 20px auto;}
}
.page_order_ok .but_pay{ margin-top:12px; }


/*.but_video{z-index:1; font:32px icomoon; text-align:center; display:inline-block; width:57px; height:60px; padding-left:3px; line-height:60px; margin:-60px 0 0 -30px; position:absolute; top:50%; left:50%;  border-radius:60px; color:#fff; background:rgba(0,0,0,0.7);}*/
.but_video{ z-index:1; font:18px icomoon; text-align:center; display:inline-block; width:40px; height:30px; padding-left:3px; line-height:28px;  position:absolute; top:125px; left:15px;  border-radius:6px; color:#fff; background:rgba(255,0,0,0.7); display:none;}
.but_video:before{ content:"P"; }
.but_video:hover{ background:#e00;}
#uid_video.popup-show { background:#000; padding:20px; border:0;}
.content iframe{ width:100%; height:500px; margin-bottom:20px; }
#uid_video iframe{ width:100%; height:500px;}
.content .iframe{ width:100%; margin-bottom:20px; padding-top: 56.25%; position:relative;}
.content .iframe iframe{ width:100%; height:100%; margin-bottom:0px; position:absolute; top:0;}


.is_charity{ display:block; position:absolute; right:5px; top:5px; width:60px; height:60px; background:url(../imgs/charity.png) no-repeat 0 0;}




/*sliding product*/
.sliding{ position:relative; }

.sliding .slider_arr span{ position:absolute; top:0; bottom:0; right:calc(var(--wrap-offset) * -1); width:var(--wrap-offset); display:block; cursor:pointer; color:#aaa; font:34px icomoon; z-index:1; -webkit-tap-highlight-color: transparent;}
.sliding .slider_arr span.hide{ display:none;}
.sliding .slider_arr span:active{ color:#999; }
.sliding .slider_arr span:before{  content:">"; display:flex; position:relative; top:50%; height:var(--wrap-offset); margin-top:calc(var(--wrap-offset) * -1); justify-content: center; align-items: center; }
.sliding .slider_arr span:first-child{ left:calc(var(--wrap-offset) * -1); right:auto;}
.sliding .slider_arr span:first-child:before{  content:"<"; }


.sliding .slider_block{position:relative; overflow: hidden; xoverflow-x: clip; padding:10px; box-sizing:border-box; margin:-10px;  flex-wrap:nowrap; }
.sliding .slider_block:hover{ }
.sliding .slider_block.loading{ opacity:1;}
.sliding .slider_block .item{ box-shadow:none; }
.sliding .slider_block .item:hover{ box-shadow:none; }
.sliding .slider_block .item:hover .price_multi_collapse{ display:none; }

@media screen and (max-width: 999px){	
.sliding .slider_arr span{  font-size:24px; }
.sliding .slider_arr span:first-child{ }
}


/*slider banner*/
.slider{ position:relative; }
.slider .but_edit{ zleft:70px; z-index:2; top:5px;  }

.slider .slider_block{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; border-radius:var(--radius); white-space:nowrap; background:#fff; }
.slider .slider_block.loading{opacity:1!important;}
.slider .slider_block h1{ font-size:30px; line-height:30px; padding-bottom:0!important; }
.slider .slider_block .item a{ cursor:default; }
.slider .slider_block .item a[href]{ cursor:pointer; }

.slider .slider_block .item{ position:relative; display:inline-block; white-space:normal; font-size:12px; width:100%; height:100%; vertical-align:top; }
.slider .slider_block .item_{ opacity:0; position:absolute; top:0; bottom:0; left:0; width:100%; height:100%;  }
.slider .slider_block .item_{transition: opacity 1s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.slider .slider_block .item_.active{  opacity:1; z-index:1; }


.slider .slider_buts{ position:absolute; bottom:30px; z-index:1; left:0px; right:0px; text-align:center; height:0; font-size:0px;}
.slider .slider_buts span{ display:inline-block; width:24px; height:6px; border:0; margin:0 4px;  opacity:0.5; background:#fff; text-decoration:none; cursor:pointer; transition: all .3s cubic-bezier(0, 0, 0.2, 1); border-radius:var(--radius); }
.slider .slider_buts span:hover{ background:#fff;  opacity:1; }
.slider .slider_buts span.active{ background:#fff; width:80px; opacity:1; }

.slider .for_mobile{ display:none;}
.slider .for_mobile .photo img{ max-width:520px; max-height:520px;}

@media screen and (max-width: 559px) {
	.slider .slider_block{ border-radius:0; }
	.slider .for_web{ display:none;}
	.slider .for_mobile{ display:inline;}
}

.slider .slider_arr span{ position:absolute; top:0; bottom:0; right:0; width:60px; display:block; cursor:pointer; color:#fff9; font:34px icomoon; text-shadow:0px 0px 4px rgba(0,0,0,0.5); z-index:1; -webkit-tap-highlight-color: transparent;}
.slider .slider_arr span.hide{ display:none;}
.slider .slider_arr span:active{ text-shadow:0px 0px 6px rgba(0,0,0,1); background:rgba(255,255,255,0.3); }
@media screen and (min-width: 580px){ 
.slider .slider_arr span:hover{ text-shadow:0px 0px 6px rgba(0,0,0,1); background:rgba(255,255,255,0.1); }
}
.slider .slider_arr span:before{  content:">"; display:block; position:relative; top:50%; margin-top:-30px; text-align:center; }
.slider .slider_arr span:first-child{ left:0px; right:auto;}
.slider .slider_arr span:first-child:before{  content:"<"; }

.slider .slider_block .photo, .slider .slider_block .photo img{ position:relative; display:block; width:100%; height:100%; text-align:left; background-position:center top; background-size:cover; background-repeat:no-repeat; font-size:0px; }


.slider .slider_block .desc{ position:absolute; left:0; right:0; bottom:0;  display:block; font-size:12px; background:rgba(255,255,255,0.8); color:#000; padding:5px 20px 10px 20px; line-height:18px; text-decoration:none; color:#000; transition: bottom 0.4s cubic-bezier(0, 0, 0.2, 1);}
.slider .slider_block .desc h2:after{ position:absolute; right:15px; top:20px; content:"r"; font:16px icomoon; display:inline-block; padding:0 0 0 10px; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,0.3);}
.slider .slider_block .item:hover .desc{  bottom:0!important; }
.slider .slider_block .item:hover .desc h2:after{ display:none;}
.slider .slider_block .desc u{ color:#690;}

/**/
.banner_main .slider { position:relative; margin:0px auto 20px auto;  height:29.7vw; --max-height:420px; max-height:var(--max-height); max-width:var(--page-w); }
.banner_main .slider .slider_block{  }
.banner_main .slider .item i{ position:absolute; bottom:8%; right:2%; font-size:14px; display:block; text-align:center; background:#690; text-decoration:none; padding:8px 22px; color:#fff; border:3px solid #fff; font-style:normal;}
.banner_main .slider .item i:hover{  background:#8b0; }
.banner_main .slider .item i.slider_but_1, .banner_main .slider .item i.slider_but_2{ width:20%; height:14%; bottom:4%; right:20%; background:none; padding:0;  border:0; cursor:pointer; }
.banner_main .slider .item i.slider_but_1{ right:auto; left:2%; }
.banner_main .slider .photo img{width:100%; max-width:var(--page-w); max-height:var(--max-height);}

.banner_main2 .slider { margin-top:40px;  height:15.1vw; --max-height:220px; }

.public_block { }
.public_block .slider{ padding-top:77%; height:auto;  margin:0px 0 10px 0; }
.public_block .slider .slider_buts{ top:15px; bottom:auto;}

@media screen and (max-width: 999px) {
	.banner_main .slider {margin-top:0; }
	
}
@media screen and (max-width: 559px) {
	.banner_main .slider { margin:0 0px 20px 0px; padding-top:100%; max-height:none; height:0; }
	.banner_main .slider .item i{ padding:6px 20px; right:2%; }
	.banner_main .slider .item i.slider_but_1, .banner_main .slider .item i.slider_but_2{  right:auto; left:5%; bottom:7%; height:11%; width:30%;  }
	.banner_main .slider .item i.slider_but_1{ bottom:50%; }
	.banner_main .slider .photo img{max-width:520px; max-height:520px;}
	
	.banner_main2 .slider {  padding-top:87%; max-height:none; height:0; margin-top:20px; }
	.banner_main2 .slider .photo img{ max-height:452px;}
}

/*product*/
.product{ font-size:14px; margin-top:10px; }
.product.inload{  opacity:0.5;}
.product.inload:before { content:""; position:absolute; top:150px; left:50%; margin:-30px 0 0 -30px; display:block; border:8px solid #8886; border-top-color:var(--color); border-radius: 50%; width: 60px; height: 60px; animation: spin 1.5s linear infinite; z-index:1; }
.product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product h1{ display:inline-block; padding:0 40px 0 0; margin-bottom:8px; }
.product h2.sup{ display:inline-block; font-size:12px; position:absolute; margin:-3px 0 0 0px; color:#ccc;}
.product .hdr_short{ margin:-4px 0 14px 0;}
.product .base{ display:flex; position:relative; min-height:365px; padding-bottom:0px; gap:30px;}
.product .aside{ flex:1; }
.product .photo{ --width:540px; width:var(--width); position:sticky; top:var(--mh-size); }
.product .photo .img { position:relative; overflow:hidden; margin-bottom:8px; text-align:center; border-radius:var(--radius); display:flex; align-items: center; background:#fff;  max-height:800px; dheight:auto!important;    }
.product .photo .img img{ padding:0px; __box-shadow:0px 1px 6px 0px rgba(0,0,0,0.3); max-width:var(--width); vertical-align:top; }
.product .photo .img img:not[data-src]{ height: fit-content; }
.product .photo.loading{ background:url(../imgs/loading.gif) no-repeat center center;}
.product .photo.loading .img img{ opacity:0.1;}

.product .thumb{ padding:0px 0 20px 0; margin-right:-6px; display:flex; flex-wrap: wrap; gap:8px; --item-w:83px; --item-h:83px;}
.product .thumb span, .product .thumb .thumb_video{ border-radius:var(--radius); cursor:pointer; background:#fff; width:var(--item-w); height:var(--item-h); display:flex; align-items: center; justify-content: center; text-decoration:none; overflow:hidden;}
.product .thumb img, .product .thumb video{ min-width:var(--item-w); transition: transform .2s var(--transition); }
.product .thumb img[data-src], .product .thumb video{background:#ccc;}
.product .thumb span:hover img, .product .thumb video:hover{ transform:scale(1.03);  transform-origin: 50% 50% 0px;}}
.product .thumb span.active, .product .thumb video.active{ box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2); }
.product .thumb_hide{ display:none;}

.product .thumb .thumb_video:before{ content:"y"; display:inline-block; color:rgba(255,0,0,0.7); font:42px icomoon; line-height:inherit;}
.product .thumb .thumb_video:hover:before{ color:#e00;}
.product .thumb .thumb_ext{ flex-basis:75%; }

.product .base .product_status{ left:14px; top:14px; z-index:1; }

@media screen and (max-width: 580px){
.product .photo .img img{ --width:480px; }
.product .thumb { --item-w:73px; --item-h:73px; }
.product .thumb .thumb_ext{flex-basis:auto;}
.thumb_ext[label_m]{ flex-basis:auto; padding:0; border:0; height:var(--item-h);  line-height:var(--item-h); width:var(--item-w); text-align:center; }
.thumb_ext[label_m]:after{ content:attr(label_m); font-size:32px; font-weight:bold; color:#888; }
.thumb_ext[label_m]:before{ display:none; }
}


.product .img .slider{  width:100%;  }
.product .img .slider_block{ position:relative; width:100%; display:flex; }
.product .img .zoom_in { display:none; position:absolute; margin-top:-70px; left:50%; margin-left:-20px; color:#fffd; padding:16px; border-radius:var(--radius); background:#fff4;  text-shadow:2px 2px 8px rgba(0,0,0,0.8);  }
.product .img .zoom_in:before { content:"Z"; font:24px icomoon;  }
.product .img:hover .zoom_in:hover { display:block; background:#fff9; }
@media screen and (min-width: 560px) {
.product .img:hover .zoom_in { display:block; }
}
@media screen and (max-width: 559px) {
.product .img .slider_block{ width:480px; }
}

.product .content{ display:none; line-height:20px; __border:1px solid #ccc; padding:20px 0; border-radius:var(--radius);}
.product .content.active{ display:block; }

.product .product_content .content { display:block; scroll-margin-top:var(--mh-size); border: 16px solid var(--color-bg); padding: 16px; margin: 30px auto 0px auto; }
.product .product_content .content:before { content:attr(label); font-size:24px; display:block; padding-bottom:20px; }

.tabs{ display:flex; max-width:900px; font-size:16px; line-height:36px; margin:30px auto 30px auto; padding:4px; position:relative; background:var(--color-light); border:1px solid var(--bg-gray); border-radius:var(--radius); text-align:center; }
.tabs div{ display:inline-block; padding:0px 0px 0 0;  position:relative; flex:auto; }
.tabs div a{ font-weight:600; display:block; padding:0; position:relative; text-decoration:none; color:var(--color-text2); border-radius:7px; }
.tabs div a span{ display:inline-block; background:var(--color-light); border:1px solid var(--bg-gray); border-radius:100px; font-weight:500; line-height:18px; min-width:18px; font-size:14px; }
.tabs div a:hover{ color:var(--color-text);  }
.tabs div.active a{ color:var(--color-text); background:#fff; box-shadow: 0px 1px 3px 0px #0004;  }
.tabs div u{ text-decoration:none;}

.product .tabs{ margin:15px 0px 10px 0px; }

@media screen and (max-width: 580px){	
.product .tabs{ margin-left:-16px; margin-right:-16px; }
}


.product .compose{ position:relative; border-bottom:1px solid #ddd; font-size:15px; line-height:1.5; padding:14px 40px 10px 0; cursor:pointer;}
.product .compose.collapse{border-top:1px solid #ddd;}
.product .compose:first-child{ margin-top:-16px;}
.product .compose>div { overflow:hidden; max-height:0px; transition:max-height .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.product .compose.active>div {  max-height:var(--max-height);}
.product .compose .compose_hdr{ font-size:16px; color:#999; display:block; cursor:pointer; padding-bottom:4px; }
.product .compose .compose_hdr:after { content:"{"; font: 24px icomoon; position:absolute; display:block; right:20px; top:0.5em; transform: rotate(-90deg);}
.product .compose.active .compose_hdr:after { transform: rotate(90deg);}

.product .compose>div *{ font:15px/1.5 var(--font)!important;}

.product .expire {  padding:14px 0px;  font-size:16px; font-weight:bold; }
.product .expire .compose_hdr{  font-weight:normal; font-size:16px; color:#888; }

.product .block_scroll{ overflow-y:auto; max-height:240px;  margin-bottom:40px; }
.product .block_scroll::-webkit-scrollbar { width: 5px;}
.product .block_scroll::-webkit-scrollbar-thumb { background-color: #8883; border-radius: 3px;}
.product .block_scroll:hover::-webkit-scrollbar-thumb{ background-color: #8888; }
@media screen and (max-width: 580px){	
.product .block_scroll{ max-height:none; }
}

.product .block_text, .product .block_text span, .product .block_text div, .product .block_text p{ font-size: 15px!important; line-height:1.5!important; font-family:var(--font)!important; background: inherit!important;}
@media screen and (max-width: 580px){	

.product .block_text, .product .blck_text span, .product .block_text div, .product .block_text p{ font-size:19px!important; }
}


.product .label{ display:inline-block; vertical-align:top; font-size:14px; margin-right:10px; padding-bottom:10px; padding-top:2px; }
.product .label div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product .label .price{ color:#000; padding-right:3px; font-size:26px; font-weight:500; }
.product .label .price.has_sale{ color:var(--color-alert); }
.product .label .price b{ font-size:32px; font-weight:500;}
.product .label .price_old{ display:none; position:relative; color:var(--color-gray); font-size:20px; font-weight:500; margin-left:8px;}
.product .label .price_old b{ font-weight:500;}
.product .label .price_old.show{ display:inline-block;}
.product .label .price_old span{  position:relative; display:inline-block; text-decoration:line-through;}
.product .label i { font-style:normal; }
.product .label .units{ font-size:22px; }
.product .label .units.type_, .product .label .units.type_0{ display:none; }
.product .label .units:before{ content:"/ "; font-size:18px; }
.product .label label{ position:absolute; top:-14px; left:10px; font-size:12px; color:#777;}
.product .counter label{ display:none;}

.product .base .price_multi{ display:inline-block;  position:relative; margin:0 20px 10px 0; font-size:14px; border-radius:0 0 5px 5px; max-height:80px; overflow:hidden;  }
.product .base .price_multi label{ display:none;}
.product .base .price_multi label>b{ display:none;}
.product .base .price_multi b{ font-weight:600;}
.product .base .price_multi span{ position:relative; display:inline-block; border:1px solid #ddd; padding:6px 10px; border-radius:8px; cursor:pointer; margin:0 8px 8px 0; }
.product .base .price_multi span:hover{ background:#ddd;  }
.product .base .price_multi span.active{ background:#fff; border-color:var(--color); }
.product .base .price_multi span.hidden{ display:none; }
.product .base .price_multi.price_multi_hide{ display:none;}
.product .base .price_multi.show_more>i:after{ content:attr(more); position:absolute; right:0; top:40px; color:var(--color-red); font-style:normal; font-size:14px; padding:8px 14px; box-shadow:-10px 3px 15px 0px #f4f4f4; background:#f4f4f4; cursor:pointer; }
.product .base .price_multi.show_more>i:hover:after{ background:#eee;}
.product .base .price_multi.show_more.open{ max-height:none; }
.product .base .price_multi.show_more.open>i:after{ display:none; }

/*price_multi.style_color*/
.product .base .price_multi.style_color{ overflow:visible; max-height:none; }
.product .base .price_multi.style_color label{ display:block; padding-bottom:8px; font-weight:600;}
.product .base .price_multi.style_color label:before{ content:attr(key); padding-right:4px; font-weight:normal; }
.product .base .price_multi.style_color label>b{ display:inline-block;}
.product .base .price_multi.style_color span { border-color:#ccc; padding:5px; border-radius:100px; min-width:40px; min-height:40px;  background:#fff; }
.product .base .price_multi.style_color span:hover{ box-shadow:0 0 6px #0008; }
.product .base .price_multi.style_color span.active{ border-color:var(--color-nav); }
.product .base .price_multi.style_color span b{ display:none;  }
.product .base .price_multi.style_color span img{ max-width:40px; max-height:40px; border-radius:100px; vertical-align:top;  background:#ccc; }

.product .variants{}
.product .variants label{ display:block; padding-bottom:8px; font-weight:600; }
.product .variants a{ display:inline-block; border-radius:16px; background:#fafafa; border:1px solid #eee; margin:0 12px 12px 0; overflow:hidden; padding:5px; }
.product .variants a:hover{  background:var(--color-bg); }
.product .variants a.active{ border-color:#bbb; background:var(--color-bg); }
.product .variants img{ max-width:72px; max-height:90px; vertical-align:top; border-radius:14px; }


@media screen and (max-width: 580px){	
.product .base .price_multi{ font-size:18px;  }
.product .counter:not(.counter_in_mobile){ display:none;  }
}

.product .block_price{ display:flex; flex-wrap: wrap; gap:5px 20px;  align-items: flex-start; }

.product .avail{ display:inline-block; padding:5px 10px; margin-right:5px; margin-bottom:20px; font-weight:500; white-space:nowrap; line-height:18px; background:var(--bg-gray); color:var(--color-nav); border-radius:100px; }
.product .avail.avail_1{ background:var(--bg-green); color:var(--color-green); }
.product .avail.avail_3{ background:var(--bg-green); color:var(--color-green);  }
.product .avail.avail_5{ background:var(--bg-blue); color:var(--color-blue);  }

.product .avail_count{ clear:both; color:var(--color-nav); padding:0 0 10px 0;}
.product .avail_count b{ }

.product .cart{ display:inline-block; border-radius:10px; vertical-align:top; }
.product .cart label{ font-size:12px; color:#999;}
.product .cart a{ display:block; position:relative;  background:var(--color); color:#fff; text-decoration:none; padding:11px 40px 11px 40px; margin-bottom:5px; border-radius:8px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2); text-transform:none; font-size:16px; font-weight:600;}
.product .cart a:hover{   background:var(--hover); }
.product .cart a[data-icon]:before{ font-size:18px; line-height:18px; }
.product .cart a:before { content:"S"; font:20px/20px icomoon; vertical-align:text-bottom; padding-right:10px; }
.product .cart a:after{ content:attr(label);}
.product .cart a.avail_2, .product .cart a.avail_4, .product .cart a.avail_13{ background-color:#bbb; cursor:pointer;}


.product .but_fav{ display:flex; align-items: center; justify-content: center; color:#555;  width:42px; height:42px; border-radius:8px; font-size:20px; background:#fff;}
.product .but_fav:before{ content:"I"; font-family:icomoon; }
.product .but_fav.active:before{ content:"6";  }
.product .but_fav.active{ color:var(--color-red); }
.product .but_fav:hover{ }
.product .but_fav:hover{ color:var(--color-red); }

.product .base .sale_per{ position:absolute; right:0px;  margin-top:-44px; line-height:32px; padding:0 8px; font-size:14px; text-align:center; background:var(--color-alert); color:#fff; font-weight:600; border-radius:4px;}


.product .code{ font-size:10px; color:#888; line-height:5px; position:absolute; top:-20px; right:0px;}
.product .block_soc{display:inline-block; vertical-align:top; margin:0 20px 20px 0;}

.product .gallery{ display:block; }
.product .gallery h6{ margin-left:16px;}


.product .cart_info{ position:relative; display:inline-flex; gap:40px; font-size:16px; padding-bottom:20px; z-index:2; }
.product .cart_info label{ display:inline-block; font-weight:500; color:var(--color-mid); padding:0px 12px 0px 0; }
.product .cart_info dl.select{ border-radius:var(--radius); font-size:16px; height:42px; line-height:40px; }
.product .cart_info dl.select dd{ padding:0 40px 0 0;}
.product .cart_info dl.select dd img{ vertical-align:top; margin: 0px 10px 0 0px; max-width:41px; max-height:41px; width:41px; height:41px;  }
.product .cart_info dl.select>dd:after{ border:0; width:32px;}
.product .cart_info dl.select dl dd{ margin-top:1px; }
@media screen and (max-width: 580px){	
.product .cart_info>div{ flex-basis: min-content; }
.product .cart_info label{ padding-bottom:5px; }
.product .cart_info dl.select{ font-size:18px; }
}

.cart_info_select{ position:relative; display:inline-block;}
.cart_info .hint{ display:none; position:absolute; z-index:2; bottom:50px; border-radius:var(--radius); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); background:#fff; padding:10px; height:120px; width:120px; }
.cart_info .hint.show{ display:block;}
.cart_info .hint:after{ content:""; display:block; position:absolute; height:0px; width:0px; border:8px solid transparent; border-top-color:#fff; left:16px; bottom:-16px;  }
.cart_info .hint img{  border-radius:var(--radius); max-height:120px; max-width:120px;}


.product .text_expand{ margin:0px 0 40px 0; }
.product .text_expand .but_detail{ display:inline-block; font-size:14px; background:#eee; padding:8px 38px 8px 10px; border:1px solid #ddd; color:#000; position:relative; cursor:pointer; font-weight:bold; }
.product .text_expand .but_detail:after{ content:"+"; position:absolute; right:4px; top:7px; line-height:20px; border:1px solid #aaa; color:#aaa; border-radius:20px; display:inline-block; width:20px; font-size:18px; text-align:center; font-weight:normal; }
.product .text_expand .but_detail:hover{ background:#ddd; }
.product .text_expand .text_expand_block{ display:none; padding:20px 20px 0 20px;}
.product .text_expand.active .but_detail{ display:block; }
.product .text_expand.active .text_expand_block{ display:table;}
.product .text_expand.active .but_detail:after{ content:"-"; }

.form_base .product{ padding:0;}
.product .but_edit{ top:-32px;}

.product .block_pay_delivery{ display:flex; color:var(--color-text2); line-height:21px; gap:48px; }
.product .block_pay_delivery .block{ flex:1; }
.product .block_pay_delivery .block>b{ font-size:16px; display:inline-block; padding-bottom:10px; }
.product .block_pay_delivery .block:first-child{ flex:0.8; }
.product .block_pay_delivery .pay_icons{ display:block; background:url(../imgs/ico_pay2.png) no-repeat -410px 0; width:140px; height:40px; vertical-align:middle;}
.product .block_pay_delivery .delivery{ position:relative; padding:0 0 8px 48px;}
.product .block_pay_delivery .delivery:before{ content:""; display:inline-block; width:40px; height:40px; position:absolute; top:0; left:0;}
.product .block_pay_delivery .delivery_np:before{ background:url(../imgs/delivery_np.png) no-repeat 0 0px;}
.product .block_pay_delivery .delivery_up:before{ background:url(../imgs/delivery_up.png) no-repeat 0 0px;}
.product .block_pay_delivery .delivery_sm:before{ content:"a"; font:24px icomoon; text-align:center; color:#bbb; line-height:40px; }

@media screen and (max-width: 580px){	
.product .block_pay_delivery{ flex-direction: column; }
}



.product .sale_timer { display:block; margin: -2px 0 20px auto; display:none;}
.product .sale_timer b{ font-weight:normal; font-size:12px; color:#888; }
.product .sale_timer span{ display:block; font-size:24px;  margin:5px 0 0 0; background:#fa0; color:#fff; border-radius:8px; font-size:14px; padding:4px 15px; text-align:center; }
@media screen and (max-width: 1180px){
.product .sale_timer { margin:0;}
.product .sale_timer span{ display:inline-block;}
}



/*@media screen and (max-width: 1260px){	
	.product .base{ padding-left:47%; }
	.product .photo{ width:100%; margin-left:-100%; box-sizing:border-box; padding-right:30px; }
	.product .img .slider_block{ width:100%;}
}*/

@media screen and (max-width: 999px){	
	.product { padding:0;}
	.product .content{ overflow:hidden;}
	.product .base{ display:block; min-height:0;}
	.product .photo{ position:static; margin:0; width:auto; }
	.product .cart{ float:none; display:inline-block;}
	.product .cart a{ font-size:18px; }
}


.product .params_list{  display:grid; grid-template-columns: 1fr 2.5fr; gap:2px; margin-top:10px; border-radius:var(--radius); overflow:hidden;  }
.product .params_list div{ background:#fffc; padding:8px 14px; }
.product .params_list .param_name{ font-weight:bold; padding-right:28px; }
.product .params_list .param_name:after{ content:":";}
.product .params_list .param_value a{ color:var(--color-text); text-decoration:none; cursor:text; }
.product .params_list .param_value a[href]{ border-bottom:1px dotted var(--color-text); cursor:pointer; }
.product .params_list .param_value a[href]:hover{ border-color:var(--color-link-hover);  color:var(--color-link-hover);  }

.product #prod_params_block img{ width:calc(50% - 10px); height:auto; margin-left:20px;}
.product #prod_params_block img:first-child{ margin-left:0px;}
@media screen and (max-width: 580px){	
.product #prod_params_block img{ width:100%;}
.product .params_list{grid-template-columns: auto auto; }
}


/*events_block*/
.events_block{ min-height:300px;}
.events_block h1{ text-align:center;  padding:20px 50px 15px 50px;}
.events_block .photo-upload{ float:left; margin:60px 80px 80px 0; width:240px; }

.events_block .lst { margin:20px 0 0 -20px; font-size:17px; text-align:center; }
.events_block .lst:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.events_block .lst li { position:relative; display:inline-block; vertical-align:top; width:270px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 30px 30px; padding:0 20px 0px 20px; background:#fff; text-align:center;  border-radius:var(--radius); }
.events_block .lst li a span{ display:block; background:#999;  margin:0 -20px 15px -20px;  border-radius:var(--radius) var(--radius) 0 0; overflow:hidden;}
.events_block .lst li a{ color:#000;  text-decoration:none; display:block; padding-bottom:20px; font-weight:500;}
.events_block .lst li:hover {  box-shadow:1px 1px 10px 0px rgba(0,0,0,0.2); }
.events_block .lst li:hover a{   color:#a00;}
.events_block .lst li a img{ min-width:270px; min-height:200px;  max-width:270px; max-height:200px;}
.events_block .lst li a img{ min-width:270px; min-height:200px;  max-width:270px; max-height:200px;}
.events_block .lst li a img[data-src=""]{ display:none;}


.is_home .events_block .lst li {  width:370px; }
.is_home .events_block .lst li a img{ min-width:370px; min-height:268px;  max-width:370px; max-height:268px;}


.form_base { }
.form_base label{ font-size:13px; color:var(--color-nav); padding:0.6em 0 0.4em 0; }
.form_base .pay_block{ display:inline-block; position:relative;  border:1px dashed #ccc; background:#ffe; padding:10px; width:458px; margin-bottom:20px; line-height:22px; box-sizing:border-box; }

.form_base .chb_half{ width:200px; padding:0 0 0 30px; vertical-align:top; white-space:normal; text-indent:-20px;}
.form_base .chb_half:before{ top:1px; left:-2px;}
.form_base .checkbox.inp_s1{ padding:0 0 0 25px; vertical-align:top; white-space:normal; text-indent:-20px;  box-sizing:border-box; -moz-box-sizing:border-box; }
.form_base .checkbox.inp_s1:before{ top:1px; left:-5px; text-indent:0;}
.form_base input[readonly]{ }
.form_base_ok h2{ font-size:18px; color:#690;}
.form_base_error h2{ font-size:18px; color:#c00;}
.form_base .inp_a1{ width:290px;}
.form_base .inp_a2{ width:95px!important;}
.form_base .inp_a3{ width:54px!important;}
.form_base .autocomplete div{ max-width:100%; box-sizing:border-box; overflow:hidden; overflow-y:auto; }
.form_base .inp_info{ vertical-align: top; width: 160px; display: inline-block;}
.form_base .oferta{ font-size:11px; color:#999; padding-bottom:15px;}
.form_base .error{  display:inline;}
.form_base .error:after{  right:3px; border-radius:var(--radius); text-align:center; background: #fff; padding: 0.5em; display: inline-block;}

.form_base .autocomplete .but_clear, .form_base .autocomplete .but_enter{ position:absolute; top:2px; right:2px; bottom:17px; padding:0 0.3em; text-align:center; color:#b33; font-size:1.7em; text-decoration:none; background:rgba(255,255,255,0.8); display:flex; align-items:center; border-radius:var(--radius); }

.form_base h1, .form_base h2{ font-family:var(--font);}
.form_base h2{ font-size:28px; padding:0; margin:0 0 15px 0; top:-10px; position:relative;}


/*form_page*/

.form_page{ font:15px var(--font); color:#000; padding-top:1px; }
.form_page.loading:after { top:180px;}
.form_page label{ display:block; clear:both; color:var(--color-nav); font-size:13px; padding:0.4em 0 0.4em 14px; }
.form_page .but_light{ background:#fff!important; border-color:var(--color-border); color:var(--color-mid); box-shadow:none; font-size:15px!important; font-weight:500!important; margin:-3px 0; }
.form_page .but_light:hover{ background:var(--color)!important; color:#fff;}
.form_page h1{ padding:20px 0 0 0; }
.form_page h2{  font-size:16px; font-weight:500; line-height:normal; padding:0; margin:0 0 10px 0; top:0; }
.form_page .with_but{ display:flex; flex-wrap:wrap; gap:16px;}
.form_page .with_but .but{ margin:0 0 0 auto; white-space:nowrap;}
.form_page .but{ font:15px var(--font); position:relative;  }
.form_page .but[label]:before{ content:attr(label);  }
.form_page .but[label]:after{ content:"";  }
.form_page .in_edit .but[label]:before{ content:attr(label_in_edit);  }
.form_base input, .form_base textarea{  font-family:var(--font); font-size:inherit; border:1px solid var(--color-border); border-radius:var(--radius); padding:12px 14px; line-height:19px; }
.form_page input, .form_page textarea{ margin-bottom:0!important;  }
.form_page input[type="text"]:not([size]), .form_page input[type="password"]:not([size]), .form_page textarea:not([size]){ width:100%;  }
.form_page .suf{ font-size:13px; padding-top:0.5em;}
.form_page .promo_ok_mess{ display:none;}
.form_page .promo_ok .promo_ok_mess{ display:inline-block; color:var(--test); padding-left:20px;}
.form_page .promo_ok .but_promo{ display:none;}
.form_page hr{ border-top:2px dashed var(--color-border); margin:24px 0;}

.form_page .autocomplete{ display:block;}
.form_page .autocomplete .but_clear{ bottom:2px; padding:0 0.45em; }
.form_base .autocomplete div{ top:42px; line-height:40px; font-size:15px; }
.form_base .autocomplete div a{ padding:0 14px; }
.form_page .inp_ok{ color:#690; font-size:13px;}

.form_base .error{}
.form_page .inp_error{ margin:0;}
.form_page .inp_error span{ padding-top:5px; font-size:13px; width:auto;}

.form_base dl.select{   font-family:var(--font); font-size:inherit; line-height:calc(1em + 28px); height:calc(1em + 28px + 2px); border-radius:var(--radius); border-color:var(--color-border); margin-bottom:0; } 
.form_base dl.select>dd:after{ width: 40px; }  
.form_base dl.select>dl{  border-radius:var(--radius); }

.form_base .inp_phone{ display:inline-flex; font-size:15px;}
.form_base .inp_phone input{ border-bottom-left-radius:0!important; border-top-left-radius:0!important; flex:1;} 
.form_base .inp_phone dl.select{   width: 66px; border-bottom-right-radius:0!important; border-top-right-radius:0!important; }
.form_base .inp_phone dl.select>dd:{ max-width:320px; max-height:250px; }
.form_base .inp_phone dl.select dl{ max-width:320px; max-height:250px; }
.form_base .inp_phone dl.select>dd .flag{ margin:0 -6px 0 6px; }
.form_base .inp_phone.error input{ border-left-color:transparent!important;}
.form_base .inp_phone.error dl.select{ border-color: #c00; border-right-color:transparent; }
.form_page .inp_phone{ display:flex; }

.form_page .block_err{ display:none; border:1px solid #c00;  border-radius:var(--radius); background:#fea; padding:12px 14px; margin:15px 0px 15px 0px; line-height:normal;}
.form_page .block_err:before{ content:"!"; font:16px icomoon; color:#c00; margin-right:10px; vertical-align:middle; position:relative; top:-1px;}
.form_page .block_err.active{ display:block;}
.form_page .block_err.block_error_full{ margin:0 0 15px 0;}
.form_page .block_err.block_error_light{ background:#ffff0033; border-color:#00000033; color:#000000cc; }


.form_base .checkbox{ position:relative;}
.form_base .checkbox:before{ content:""; display:inline-block; background:#eee; border-radius:100px; width:48px; height:28px;  transition: all 0.2s var(--transition);  box-shadow: none; border:1px solid #ddd; }
.form_base .checkbox:after{ content:""; display:inline-block; background:#fff; border-radius:100px; width:20px; height:20px; box-shadow: 0px 1px 3px 0px #0007;  transition: all 0.2s var(--transition); position:absolute; top:3px; left:4px; }
.form_base .checkbox.active:after{ left:25px;}
.form_base .checkbox.active:before{ background:var(--color-green); }
.form_base .checkbox:hover:after{  }


@media screen and (max-width: 580px){
	
	.form_base{ line-height:normal; padding-top:10px; font-size:20px; }
	.form_base label{ display:block; width:auto; padding-bottom:5px; font-size:18px; }
	.form_base input, .form_base textarea{ font-size:22px; line-height:28px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.form_base dl.select_s1{ width:100%; }
	.form_base .inp_phone{ font-size:22px;}
	.chb_half{ width:auto;}
	input[type="radio"]{ width:auto!important; padding:0;}
	label.chb{ display:inline-block; padding:0;}
	.checkbox{ white-space:normal;}
	.form_base dl.select{ max-width:100%; font-size:24px; line-height:52px; height:54px;}
	.form_base dl.select dl{ max-width:100%; }
	.form_base dl.select-flag { font-size:16px;  }
	.form_base dl.select-flag dl{ max-width:none; }
	.form_base .autocomplete div{ top:49px;  line-height:40px; font-size:22px;}
	.form_base .autocomplete div.dbl{ line-height:44px; font-size:18px; }
	.form_base .radio_group { padding-left:30px; }
	.form_base input[size]{ width:auto; }
	.form_base .suf{ line-height:38px; }
	.form_base input.inp_s2{ width:100%; }
	.form_base input.s2{ width:100px; }
	.form_base input.s_p1{ width:50px; }
	.form_base input.s_p2{ width:60px; }
	.form_base input.chb{ width:auto; }
	.form_base .inp_info{ width:auto; position:relative; top:-8px;}
	.form_base .country_name{ display:none;}
	.form_base .but{ font-size:22px; padding:12px 26px;}
	.form_base .pay_block{ font-size:22px;  padding:12px 26px; width:100%; line-height:30px; }=
	.form_base .but[data-icon]{ line-height:30px;}
	.form_base .form_sep{ margin:18px 0 6px 0;}
	.form_base .error:after{ font-size:20px;}
}



.form_page #is_postomate_mess{ display:none;}
.form_page #is_postomate_mess.show{ display:block;}

.block_col{ position:relative; display:flex; column-gap:30px; align-items: flex-start; align-items: stretch; margin-bottom:-50px;}
.block_col:before{ content:""; position:absolute; top:0; bottom:0; right:100%; width:100%; background:#fff; }
.block_main{ background:#fff; flex:1; padding-right:30px;   }
.block_right{ flex-basis:480px;}
.form_page .block_right{ position:sticky; top:var(--mh-size); padding-top:20px; }
.form_page .block_right hr{ }
.form_page .block_right .but{ display:block;}
.form_page .block_right.inload>*{ display:none; min-height:300px; }
.form_page .block_right.inload:after { content:""; position:absolute; top:100px; left:50%; margin:-30px 0 0 -30px; display:block; border:8px solid #8886; border-top-color:var(--color); border-radius: 50%; width: 60px; height: 60px; animation: spin 1.5s linear infinite; z-index:1; }

.form_page .block_step{  padding:0px 0 30px 0;}
.form_page .block_step:not(.active){ display:none;}

.block_fl{display: grid; grid-template-columns: repeat(12, 1fr); gap:12px 20px;}
.block_fl>*{ grid-column: span 12;}
.block_fl .fl{grid-column: span 6;}
.block_fl .fl_4{grid-column: span 3;}

.form_page .block_pay{ background:#fff; padding:18px; border-radius:var(--radius); line-height: 24px; box-sizing:border-box; }
.form_page .block_pay .sum{ display:flex; align-items: center;  }
.form_page .block_pay .sum b{ font-weight:700; text-align:right; flex:1; white-space:nowrap; }
.form_page .block_pay .sum_total{ font-size:24px; }
.form_page .block_pay .but{ margin-top:16px;  }
.form_page .block_pay hr{ margin:16px 0;}

.form_page .cart_block{ font-size:inherit; }
.form_page .cart_block .items{ overflow-y:scroll; max-height:120px; min-height:120px; margin-bottom:20px; }
.form_page .cart_block .items::-webkit-scrollbar { width: 8px; }
.form_page .cart_block .items::-webkit-scrollbar-button { height:0; }
.form_page .cart_block .items::-webkit-scrollbar-thumb { background-color: #0002; border-radius:4px; }
.form_page .cart_block .items .item { padding-right:10px; border-bottom:2px dashed var(--color-border); }
@media screen and (min-width: 1000px){
.form_page .cart_block .items .item:last-child { padding-bottom:50px; border-bottom:0; }
}
.form_page .cart_block .items .item .price{ right:10px; bottom:auto; padding-top:10px;}
.form_page .cart_block .items .item .counter{ bottom:auto; padding-top:10px;}
.form_page .cart_block .items .item .counter>span{ display:none;}
.form_page .cart_block .items .item .counter:before{ content:attr(count); font-weight:400;}
.form_page .cart_block .items .item .counter:after{ content:attr(units); font-weight:400;}
.form_page .cart_block .but_delete{ display:none;}

.form_page .shipping_info{ display:none; }
.form_page .shipping_info.show{ display:block; color:var(--color-gray); }
.form_page .shipping_info .free_sh_done, .form_base .shipping_info.is_free .free_sh_need{ display:none; }
.form_page .shipping_info.is_free .free_sh_done{ display:flex; }

.form_page .choise_block{ display:grid; grid-template-columns: repeat(2, 1fr); gap:12px 20px; }
.form_page .choise_block a{ position:relative;  display:block; border:1px solid var(--color-border); padding:16px 36px 16px 58px; border-radius:var(--radius); color:var(--color-text); }
.form_page .choise_block a:hover{ color:#000; border-color:var(--color-mid);}
.form_page .choise_block a.active{ border-color:var(--color);}
.form_page .choise_block a b{ font-weight:500; display:block; }
.form_page .choise_block a span{ color:var(--color-mid); }
.form_page .choise_block a span{ text-align:right; color:#aaa; flex:1; }
.form_page .choise_block a span:before{ content:attr(label_value); }
.form_page .choise_block a span.is_free:before{ content:attr(label_free); }
.form_page .choise_block a:before{ content:""; display:flex; align-items: center; justify-content: center; width:32px; height:32px; font:22px icomoon;  position:absolute; top:16px; left:16px; border-radius:var(--radius); background-repeat:no-repeat; background-position:center center; background-size:32px 32px; }
.form_page .choise_block a:after{ content:""; position:absolute; display:block; width:15px; height:15px;  top:16px; right:16px; border:1px solid var(--color-border); border-color:inherit; border-radius:100px; }
.form_page .choise_block a.active:after{ width:6px; height:6px; border-width:5px; }

.form_page .delivery_type a:before{ content:"2"; color:#09c;} 
.form_page .delivery_type a.type_00:before, .form_page .delivery_type a.type_01:before{ content:""; border:1px solid #f1f1f1; background-size:24px 24px; border-radius:var(--radius); background-image:url(../imgs/delivery_np.png); }
.form_page .delivery_type a.type_10:before, .form_page .delivery_type a.type_11:before{ content:""; border:1px solid #f1f1f1; background-size:24px 24px; border-radius:var(--radius); background-image:url(../imgs/delivery_up.png); }
.form_page .delivery_type a.type_2:before{ content:""; background-image:url(../imgs/delivery_sm.png); background-size:32px 32px; border:0; }

.form_page .pay_type_list{  grid-template-columns: repeat(3, 1fr); }
.form_page .pay_type_list a.type_1:before{ background-image:url(../imgs/pay_type_1.png); }
.form_page .pay_type_list a.type_2:before{ background-image:url(../imgs/pay_type_2.png); }
.form_page .pay_type_list a.type_3:before{ background-image:url(../imgs/pay_type_3.png); }

.form_page .delivery_block:not(.active){ display:none;}

.form_page .block_complete{ padding:0px 0 30px 0;}
.form_page .block_complete:not(.active){ display:none;}
.form_page .block_complete h2 span:after{ content:";";  font:14px icomoon; color:#690; padding:0 0 0 10px;}

.form_page .step_error h2{ color:#c00; }
.form_page .step_error h2 span:after{ content:"!";  font:14px icomoon; color:#c00; padding:0 0 0 10px;}


.form_page .block_inf{position:relative; border:1px solid var(--color-border); background:var(--color-light); padding:16px 16px 16px 58px; border-radius:var(--radius); min-height:20px; line-height:24px;}
.form_page .block_inf:before{ content:""; display:flex; align-items: center; justify-content: center; width:32px; height:32px; font:22px icomoon; position:absolute; top:14px; left:16px; border-radius:var(--radius); background-repeat:no-repeat; background-position:center center; background-size:32px 32px; }
.form_page .block_inf>div:first-child{ font-weight:500;}
.form_page .block_inf .edit{ position:absolute; top:14px; right:16px; color:var(--color-nav); color:#777;}
.form_page .block_inf .edit:hover{ color:var(--color-link-hover);}
.form_page .block_inf:hover .edit:before{ content:attr(label); font-weight:300; font-size:14px; }
.form_page .block_inf.type_contact:before{ content:"R"; color:var(--color-mid); color:#09c; }
.form_page .block_inf.type_delivery[type^="0"]:before{background-image:url(../imgs/delivery_np.png);}
.form_page .block_inf.type_delivery[type^="1"]:before{background-image:url(../imgs/delivery_up.png);}
.form_page .block_inf.type_delivery[type^="2"]:before{background-image:url(../imgs/delivery_sm.png);}

.form_page .block_gray{position:relative; border:1px solid var(--color-border); background:var(--color-light); padding:10px 16px 16px 16px; border-radius:var(--radius); line-height:24px; width:max-content; margin-bottom:16px;}
.form_page .block_gray input{ background:#fff;}

body.is_page_order .footer.theme_{ background:var(--bg);}

@media screen and (max-width: 999px){
	
	.form_page{ padding: 0 24px; font-size:17px; background:#fff;}
	.form_page h2{ font-size:20px; }
	.block_col{ display:block; padding-bottom:80px;}
	.block_col:before{ display:none; }
	.block_main{ padding:0;}
	.form_page .block_right{ position:relative; top:auto;  border-top:2px dashed var(--color-border);}
	.block_fl .fl{grid-column: span 12; }
	.block_fl .fl_4{grid-column: span 6;}
	.form_page label{ margin:10px 0 0 0; font-size:18px; }
	.form_page .but{ font-size:20px; }
	.form_page .with_but .but{ margin:0; }
	.form_page .block_radio>div>label{ display:block;}
	.form_page .block_radio>div>label i{ display:block; font-size:0.8em; text-align:left; padding-left:28px; }
	.form_page .promo_ok .promo_ok_mess{ display:block; font-size:20px;}
	
	.form_page .choise_block{ grid-template-columns: repeat(1, 1fr);}
	.form_page .block_inf .edit:bafore{ content:"";}
	.form_page .cart_block .items{ overflow-y:visible; max-height:none!important;  }
	.form_page .cart_block .items .item .price{ right:0px;}
	.form_page .block_pay{ padding:0; }
	
	.form_page .block_gray{ width:auto; }
	.form_page .block_gray label{ padding-top:0; margin-top:0; }
	
	.page_order_ok h1{ font-size:28px;}
}


/*-------------------------------------*/


.form_subscribe  input{ font-size:20px; }

.order_list{ padding:30px;}
.order_list table{ sborder-collapse:collapse; border:0; font:12px Arial; width:100%; }
.order_list table th{ color:#aaa; font-size:10px; font-weight:normal; text-align:left;  border:0; border-bottom:2px solid #d3d3d3; padding:0px 10px 5px 10px; }
.order_list table td{ sborder-bottom:1px solid #aaa;  border:0; border-bottom:1px solid #d3d3d3; border-right:1px solid #eee; padding:5px 10px;  }
.order_list table tr td:first-child{ border-left:10px solid #ccc;}
.order_list table tr.status_0 td:first-child, .order_list table tr.status_ td:first-child{ border-left-color:#c11;}
.order_list table tr.status_1 td:first-child{ border-left-color:#EC0;}
.order_list table tr.status_2 td:first-child{ border-left-color:#09C;}
.order_list table tr.status_3 td:first-child{ border-left-color:#690;}
.order_list table tr.status_4 td:first-child{ border-left-color:#F80;}
.order_list table tr.status_9 td:first-child{ border-left-color:#000;}
.order_list table tr td:last-child{ border-right:0;}
.order_list table tr.total{ background:#f5f5f5;}

.order_list .ico{ font:20px icomoon; color:#777; padding:0 4px; cursor:pointer; }
.order_list .ico_delivery_0:before{ content:"a"; }
.order_list .ico_delivery_1:before{ content:"c"; }
.order_list .ico_delivery_2:before{ content:"2"; }
.order_list .ico_pay_0:before{ content:"%"; }
.order_list .ico_pay_1:before{ content:"$"; }

.order_list table a{ text-decoration:underline;}
.order_list table small{ display:inline-block; font-size:11px; color:#777; padding:5px 0 0 0;}
.order_list table .but_delete{ color:#aaa; text-decoration:none; font-size:16px; display:inline-block; padding:4px; margin:0 -6px;}
.order_list table .but_delete:hover{ color:#b30;}
.order_list table .but_delete:before{ content:"d"; font-family: 'icomoon';}

.order_list table tr.hide{ display:none;}
.order_list table tr.blank table{ width:auto;}
.order_list table tr.blank table td:last-child{ display:none;}
.order_list table tr.blank .buts{ display:none;}
.order_list table tr.blank textarea{ width:100%; height:34px; font:12px Arial;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:10px 0;}
.order_list table tr.blank div>p{ border-left:10px solid #690; padding:0 0 0 10px; margin:15px 0 5px 0;}



/*review*/
.review{ position:relative; smargin-top:40px; background:#fff; padding:20px!important; border-radius:var(--radius);}
.product .review{  background:transparent; padding:10px 0!important;}
.review .h1, .review h1{ font-size:18px; padding:10px 0 30px 0; margin:0 0 0px 0; font-weight:500; }
.review .h1 span{ color:var(--colo-text2); background:var(--color-light); border-radius:4px; padding:3px 7px;}
.review .but_top{ float:right; }
.review .but_bot{ margin-top:5px; }
.review li{ position:relative; border-top:1px solid var(--bg-gray); padding:20px 0 0px 0; margin-bottom:20px; word-wrap: break-word; overflow-wrap: break-word;}
.review li:hover{ }
.review li .date{ position:absolute; right:0; font-size:12px; color:#777;}
.review li.child{ margin-left:80px; border:1px solid var(--bg-gray); padding:16px; background:var(--color-light); border-radius:var(--radius);}
.review li.child:before{ content:""; border:1px solid var(--bg-gray); border-top:0; border-right:0; display:block; width:32px; height:32px; position:absolute; left:-50px; top:0; border-radius:0 0 0 20px; }
.review li.child .date{ right:16px; }
.review li.child .product_info{ display:none;}
.review li.is_manager{  }
.review li.is_manager b:before{ content:""; display:inline-block; position:relative; top:4px; height:18px; width:18px; background:var(--favicon) no-repeat 0 0; background-size:contain; border-radius:100px; margin-right:6px;}
.review li b{ padding:0 10px 0 0; font-size:16px; }
.review li.has_product{ padding-left:120px;}
.review li img{ float:left; margin-left:-120px; max-width:100px; max-height:100px; border-radius:var(--radius);}
.review li p{ margin:10px 0 0 0; color:var(--color-text2);}
.review li .product_info{ font-size:0.8em;}
.review li .product_info a{ cursor:text;}
.review li .product_info a[href]{ cursor:pointer;}
.review li .but_answer{ position:absolute; display:none; right:20px; bottom:10px; color:#ff6200; border-bottom:1px dashed #ff6200; text-decoration:none; font-size:12px; line-height:15px;}
.review li .but_answer:after{ content:"w"; font:15px icomoon; position:absolute; right:-20px; top:-2px;}
.review li:hover .but_answer{ display:block;}
.review li.child:hover .but_answer{ display:none;}

.review .has_quarantee{ color:#790; display:inline-block; font-size:12px; padding: 2px 0 0 20px; vertical-align:top;}
.review .has_quarantee:before{ content:"~"; font:16px icomoon; margin-right:6px;  vertical-align:top;}
.review li.is_manager .has_quarantee{ display:none;}

.review .pager{ text-align:center; margin:30px 0;}


.review_form{ }
.review_form h6, .review_form h5{font-size:26px; font-weight:normal;  border:0; padding:0; margin-bottom:12px; font-size:22px;}
.review_form input, .review_form textarea{ width:100%; box-sizing:border-box; border-radius: var(--radius); margin-bottom:20px; }
.review_form .error{ display:block;}
.review_form span.inp{ position:relative; display:inline-block; float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin:0; }
.review_form span.inp input{ padding:12px 14px; padding-left: 40px;  }
.review_form span.inp:before{ content:"R"; font:16px icomoon; position:absolute; top:14px; left:14px; color:#999; }
.review_form span.inp:nth-of-type(2){ padding:0 0 0 20px; }
.review_form span.inp:nth-of-type(2):before{ content:"@"; left:32px; }

.review_form .vote, .review_form .vote_{ display:block; padding-bottom:10px;  }
.review_form .vote i{ position:relative; display:inline-block; font-size:10px;  color:#777; font-style:normal; padding:40px 0 10px 0; width:70px;  text-align:center; cursor:pointer; }
.review_form .vote i:after{ content:attr(title);}
.review_form .vote i:hover:after{ color:#333}
.review_form .vote i:before{ position:absolute; top:0px; left:0; right:0px; display:block; content:"5"; font:42px icomoon; color:#777; text-align:center;}
.review_form .vote .vote_err{ display:none; color:#c00; margin-left:10px;}
.review_form .vote .vote_err:before{ content:"l"; font:12px icomoon; margin-right:6px;}
.review_form .vote .vote_err.show{ display:inline-block;}

.review_form .photo-sample { min-width:100px; border:1px solid #aaa; }
.review_form .photo-sample-empty{ min-height:70px;}

.review_form.is_child .vote{ display:none;}

@media screen and (max-width: 580px){
.review_form span.inp{ display:block; float:none; width:auto; box-sizing:border-box; margin:0; padding:0!important; }
.review_form span.inp input{ padding-left: 50px; }
.review_form span.inp input, .review_form textarea{  margin-bottom:30px;}
.review_form .vote{  margin-bottom:20px;}
.review_form span.inp:before{ font-size:24px;  top:12px;  left:12px!important; }
}


.form_comment{ padding:20px; border:1px dashed transparent; margin-bottom:10px;}
.form_comment textarea{width:100%; height:49px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:5px;}
.form_comment textarea:hover{ border:1px solid #07F;}
.form_comment input{ display:none; font-size:12px; width:250px; margin-bottom:0;}
.form_comment .but{ display:none; float:right; font-size:12px; line-height:14px; }
.form_comment.edit{ background:#ffe; border-color:#999; }
.form_comment.edit input, .form_comment.edit .but{ display:inline-block; }

.comment_item{ position:relative; padding:10px 20px; border-top:1px solid #ccc; font-size:12px;}
.comment_item i{ font-size:10px; color: #999; padding:0 10px; font-style:normal;}
.comment_item div{ line-height:15px; padding:4px 0 0 0;}
.comment_item .but_delete{ vertical-align:middle; color:#c00; font-size:16px;}
.comment_item .but_delete:before{ content:"\D7";}

.comment_all{ padding:10px;}
.comment_all h1{ margin-bottom:10px;}
.comment_all .comment_item{ margin:0 0 10px 0; position:relative; border:1px solid #b0b4b8; background:#f0f4f8; border-radius:10px; padding:10px 10px 10px 80px; min-height:45px; font-size:10px;}
.comment_all .comment_item div{ font-size:12px;}
.comment_all .comment_item span{ color:#888;}
.comment_all .comment_item i{ color:#000; padding:0;}
.comment_all img{ position:absolute; left:10px; top:10px; border-radius:10px 0 0 10px;}
.comment_all .to_site{position:absolute; left:20px; top:10px; border-radius:10px 0 0 10px; font:36px icomoon;}

#prod_similar{}
#prod_similar .but_add_product{ display:none;}
#prod_similar .item{ position:relative; display:inline-block; width:180px; border:1px solid #bbb; background:rgba(255, 255, 250, 0.5); padding:1px; border-radius:5px; margin:0;  text-align:center; vertical-align:top;text-decoration:none; color:#333;  }
#prod_similar .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#prod_similar .item .img img{ width:180px; height:135px; margin-bottom:3px; border-radius:5px;}
#prod_similar .item .h{ font-size:12px; color:#111; padding:0 0 10px 0; }
#prod_similar .item .units{ position:relative; top:-1px; float:left; font-size:12px; border-radius:5px; background:rgba(100, 100, 0, 0.1); display:inline-block; padding:2px 5px; margin-left:10px;  }
#prod_similar .item .price{ float:right;  margin-right:10px; }
#prod_similar .item .price b{ font-size:18px; }
#prod_similar .item .compose, #prod_similar .item .expire, #prod_similar .item .avail, #prod_similar .item .content, #prod_similar .item .price_multi  { display:none; }






.share_buts{ position:absolute; right:30px; top:30px;}


.tel{ padding:0 0 0 40px; white-space:nowrap; }
.tel.ks{ background:url(../imgs/tel_ks.png) no-repeat 18px 2px; }
.tel.mts{ background:url(../imgs/tel_mts.png) no-repeat 18px 2px; }
.tel.life{ background:url(../imgs/tel_lifecell.png) no-repeat 18px 2px; }


.map-canvas{width:100%; height:250px; background:#ebe6dc url(../imgs/loading.gif) no-repeat center center;}
.map-canvas img{ max-width:none;}

a.to_top{ position:fixed; z-index:1; right:4px; bottom:6px; display:inline-block; text-align:center; width:22px; height:22px; background:#690; border:1px solid #690; border-radius:5px;  }
a.to_top:hover{ background:#fff; }
a.to_top:before{ content:""; display:inline-block;  border: 6px solid transparent; border-bottom-color:#fff; position:relative; top:-3px; }
a.to_top:hover:before{ border-bottom-color:#690; }


/*admin*/


/*photo-sample*/
.photo-sample{ position:relative; display:inline-block; text-align:center;}
.photo-sample:before{ content:"i"; font:48px/1.4em icomoon; position:absolute; z-index:-1; top:0; left:0; bottom:0; right:0; background:#eee; display:block; color:#fff; text-align:center;}
.photo-sample img{ vertical-align:middle; }
.photo-sample.uploading img{opacity:0.5; filter:alpha(opacity=50);}
.photo-sample>span{  position:absolute; z-index:1; bottom:8%; left:8%; display:block; width:80%; height:6px; padding:1px; margin:0 -2px; border:1px solid #555; background:#ccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; opacity:0.85; filter:alpha(opacity=85);}
.photo-sample>span span{ display:block; width:0; height:6px; background:#5c0; }
.photo-sample>span span {
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-ms-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;		
}
.photo-sample i{ position:absolute; right:0; top:0; background:#c00; color:#fff; border-radius:3px; display:none; text-align:center; line-height:12px; width:12px; font-size:12px; z-index:1;}
.photo-sample i:before{ content:"\D7";}
.photo-sample:hover i{ display:block;}
.photo-sample i:last-child{ display:none;}


.form_product label{ width:auto; padding-right:10px;}
.form_product .photo{ float:left; width:400px;}
.form_product .photo-sample{ width:360px; height:270px; line-height:270px; border:5px solid #ccc;}
.form_product .photo-sample:before{ font-size:180px; }
.form_product .thumb { display:inline-block; margin:10px 0 ; }
.form_product .thumb .photo-sample{ font-size:40px; width:80px; border:0; height:60px; line-height:60px; margin:0 16px 0 0;}
.form_product .thumb .photo-sample:before{ font-size:32px; }
.form_product  input, .form_product textarea{  swidth:365px; }


.form_product .but_add_price{ display:none; border:1px solid #999; border-radius:16px; font-size:20px; font-weight:bold; width:26px; line-height:26px; text-align:center; text-decoration:none; margin-left:10px; vertical-align:top; position:relative; top:1px;}
.form_product #price_multi>div:first-child .but_add_price{ display:inline-block; }
.form_product .but_del_price{ display:inline-block; border:1px solid #999; border-radius:16px; font-size:20px; font-weight:bold; width:26px; line-height:26px; text-align:center; text-decoration:none; margin-left:10px; vertical-align:top; position:relative; top:1px; color:#f00;}
.form_product #price_multi>div:first-child .but_del_price{ display:none; }

.popup h2[data-icon=";"] {color:#690;}
.popup .but_pay {background:#690; color:#fff; font-size:16px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.3);}
.popup .but_pay:hover{background:#7a1; }
.popup .but_pay:active{ position:relative; top:1px; left:1px; }


.nicEdit-main .photo-sample{ width:200px; height:auto; border:0; background:#eee; -webkit-box-shadow:none; box-shadow:none;}
.nicEdit-main img::selection {background:transparent;}



.but_add_product{ display:inline-block; width:200px; border:1px solid #bb8; background:rgba(255, 255, 250, 0.5); padding:10px; margin:0 13px 20px 0;  border-radius:5px;  -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3); text-align:center; vertical-align:top;text-decoration:none;  color:#333; }
.but_add_product:hover{ background:#fff; -webkit-box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7); box-shadow:0px 2px 14px 0px rgba(0,0,0,0.7);  }
.but_add_product  .add{ display:block; margin:48px auto; border:5px solid #ce9; border-radius:5px; color:#690; font-weight:bold; font-size:72px; width:60px; height:60px; line-height:60px; text-align:center;   }

.but_edit{ display:block; width:13px; height:13px; position:absolute; z-index:1; right:5px; top:10px; border:3px solid #fff; outline:1px solid #aaa; background:#690; cursor:pointer;}
.but_edit:hover{  background:#c60;}
.but_edit:before{ content:""; display:block; border:2px solid #fff; border-left:0; border-right:0; margin:3px 0 0 0; height:3px;}
.but_edit.photo-upload-but{ left:5px; right:auto;}
.but_edit.photo-upload-but:before{ border:0; background:#fff; margin:3px; height:7px;}
.popup .but_edit[target="#uid_page"]{ right:40px; top:10px; }


.but_remove{ color:#aaa; text-decoration:none; font-size:16px; display:inline-block; padding:4px; margin:-8px -5px;}
.but_remove:hover{ color:#b30;}
.but_remove:before{ content:"d"; font-family: 'icomoon';}

.h1_index{ position:absolute; visibility:hidden;}
.is_home .main .wrap:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.is_home .products h1{ padding:20px 0 30px 0; }
.is_home .main .gallery .item_has_sale{ border:0;}
/*.is_home .products{ width:715px; float:left; }
.is_home .public{ display:block; width:400px; height:auto; float:right; }*/


.public:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.public .public_block{display:block; width:32%; height:auto; float:left; margin-left:2%; margin-bottom:30px; }
.public .public_block:first-child{ margin-left:0; }
.public h3{ width:100%; text-align:center; overflow:hidden; white-space:nowrap; font-size:16px; font-weight:400;  padding:18px 0 18px 0; font-size:24px; line-height:28px;  }
.public h3:before, .public h3:after{ position:relative; top:-5px; content:""; display:inline-block; border-top:1px solid #bba; height:0px; width:100%; }
.public h3:after{ margin-right:-100%; left:10px; }
.public h3:before{ margin-left:-100%; right:10px; }

.public .more a{ text-align:center; line-height:48px; display:inline-block; display:block;}


.but_review{ position:relative; apadding-top:21%; margin:20px auto 40px auto; overflow:hidden; background:#fff; font-size:0px;}
.but_review .photo{ aposition:absolute; display:block; top:0; left:0; bottom:0; right:0; text-align:left; background-position:center top; background-size:cover; background-repeat:no-repeat; text-decoration:none; }
.but_review .photo img{ max-width:1180px; width:100%; }


.top_mess{ position:relative; top:-10px; display:block; padding:7px 10px; color:#000; font-size:16px; border:3px solid #FC0; background:rgba(255,200,40,0.1)}
.top_mess:before{ content:"\2715";  position:absolute; right:10px; top:-1px; color:#c00; font-size:24px; }







/*footer*/
.footer{ position:relative; font-size:15px; line-height:32px; color:var(--color-nav); background:#fff;  margin-top:50px; }
.footer .logo{ margin-bottom:20px; filter: saturate(0);  }
.footer.theme_.theme_header_dark .logo, .footer.theme_.theme_header_color_alt .logo{filter: saturate(0) invert(1); }
.footer a{ color:inherit; text-decoration:none;}
.footer a:hover{ text-decoration:underline; }
.footer .wrap{ display:flex; padding-top:56px; padding-bottom:56px; }
.footer .col{ flex-grow:1;}
.footer .hdr{ font-size:16px; font-weight:600; padding-bottom:14px; }
.footer .pay_icons{ display:inline-block; background:url(../imgs/ico_pay2.png) no-repeat -410px 0; width:140px; height:40px; vertical-align:middle;}
.footer .addr{ max-width:260px; line-height:normal; margin:16px 0 24px 0;}
.footer .addr div{ margin:8px 0;}

@media screen and (max-width: 999px){
.footer { line-height:36px; font-size:20px; }
.footer .wrap{ flex-direction:column; padding:10px 34px; }
.footer .logo{ display:none;}
.footer .col{ order:4; padding-bottom:10px; }
.footer .col:nth-child(1){ order:3; }
.footer .col:nth-child(2){ order:1; }
.footer .col:nth-child(3){ order:2; }
.footer .col2{ }
.footer .col2 div{ flex-grow:1; }
.footer .hdr{ font-size:23px; cursor:pointer; position:relative; padding:22px 0 10px 0;}
.footer .hdr.has_sub:after{ content:""; position:absolute; top:34px; right:0px; width:13px; height:13px; border:2px solid var(--color-text); border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; transition: transform .3s cubic-bezier(0, 0, 0.2, 1); }
.footer .active .hdr.has_sub:after{ transform:rotateZ(45deg);}
.footer .sub{ max-height:0px; overflow:hidden; transition: max-height .5s cubic-bezier(0, 0, 0.2, 1); line-height:50px; padding-left:10px;}
.footer .active .sub{ max-height:1000px; overflow:hidden;}

.footer .buts_soc a { margin-right:50px;}
.footer .buts_soc a:before { font: 32px icomoon;}
}

.footer.theme_dark{ background:#000; color:#D0D5DD; }
.footer.theme_dark .hdr{ color:#fff; }
.footer.theme_dark .hdr.has_sub:after{ border-color:#fffe; }



.telegram_but{ display:inline-block; line-height:2.4em; height:2.4em; vertical-align:middle; background:#ddda; font-weight:600; font-size:12px; padding:0 1.2em 0 0; color:#000!important; text-decoration:none!important;  border-radius:50px; }
.telegram_but:before{ content:"T"; font:1.4em icomoon; display:inline-block; background:#09c; line-height:1.7em; width:1.5em; padding-right:0.2em;  border-radius:50px; color:#fff; text-align:center; margin-right:0.7em; vertical-align:top; }
.telegram_but:hover{ background:#ddd; }
.top .telegram_but{ margin-left:15px; }


.p404{ padding:50px 0; }
.p404 h1{ font-size:64px; padding:20px 0;}
.p404 .mess{ font-size:28px; padding:0 0 12px 0;}

/*uid_order*/
.site_sz .block_pay_type, #uid_popup_profile_edit .block_pay_type{ display:none; }


.popup .telegram_join{ font-size:14px; line-height:1.5em; padding-left:160px;}
.popup .telegram_join h2{ height:0px;}
.popup .telegram_join .icon{ position:absolute; left:30px; color:#fff; font:60px icomoon; line-height:96px; height:96px; width:96px; background:#09c; border-radius:100px; text-align:center;}
.popup .telegram_join .icon:before{ content:"T";}
.popup .telegram_join .but{ margin:8px 0;  font-size:inherit;}
.popup .telegram_join small{ color:#888;}

@media screen and (max-width: 999px){
.popup .telegram_join{ font-size:18px; padding-left:30px;}
.popup .telegram_join h2{ height:auto;}
.popup .telegram_join .icon{ position:relative; left:auto; margin:10px auto 20px auto;}
.popup .telegram_join .but{ margin:8px 0;  font-size:inherit;}
	
}


/*auth*/
.auth{ background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.auth form{ position:absolute; left:50%; top:50%; margin:-160px 0 0 -215px; width:333px; padding:50px;  background:#fff; border:1px solid #ccc; border-radius:10px; color:#000; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.auth form span{ display:block; position:relative; }
.auth form span:before{ font:32px 'icomoon'; position:absolute; left:20px; top:14px; color:#999; }
.auth input{ padding:10px 17px 10px 60px; width:250px; font-size:24px; line-height:36px; border:3px solid #690; border-radius:5px;  -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset;  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset; margin-bottom:10px;  }
.auth a{ position:relative; display:block; font-size:32px; text-align:center;  padding:10px 0px 10px 0px;  border:4px solid #bbb; border-radius:5px; -webkit-box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset;  box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset; background:#690; color:#eee;  text-decoration:none; }
.auth a:hover{ background:#7a1;  color:#fff; }
.auth a:active{  -webkit-box-shadow:none;  box-shadow:none; }
.auth a:before{ color:#ddd; }
.auth a.logout:before{ content:"z"; font:32px 'icomoon'; position:absolute; left:15px; top:8px; color:#ccc; }





/*uid_login*/
.auth_tab{ display:none; font-size:14px;}
.auth_tab.active{ display:block;}


.auth_tab .log-column-left{ position:relative; padding-bottom:15px;}
.auth_tab .log-column-right{ white-space:nowrap;  }

.auth_tab .p-label{ display:block; width:auto; padding-left:14px;}
.auth_tab small{ font-size:0.8em; }
.auth_tab .pv-text{ position:absolute; left:-80px; top:45px; border:1px solid #ddd; border-radius:40px; width:40px; line-height:40px; text-align:center; background:#fff;}
.auth_tab .pv-text:before{ content:""; display:block; width:1px; background:#ddd; height:130px; top:-40px; left:20px; position:absolute; z-index:-1; }
.auth_tab .inp_flex{ gap:16px;}
.auth_tab .inp_phone{ display:flex;}

.auth_tab .social-btn { position:relative; display:inline-block; vertical-align:middle; margin-bottom:15px; min-height:38px;}

.auth_tab .social-btn-fb{ background:#fff; border:1px solid #dadce0; font:14px Arial, Helvetica, sans-serif; line-height:38px; padding:0 12px 0 34px; white-space:nowrap; border-radius:4px; cursor:pointer; color:#3c4043}
.auth_tab .social-btn-fb{ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30'><path fill='%23475993' d='M16.4,23.9v-8.1h2.7l0.4-3.2h-3.1v-2c0-0.9,0.3-1.5,1.6-1.5l1.7,0V6.2c-0.3,0-1.3-0.1-2.4-0.1c-2.4,0-4.1,1.5-4.1,4.2v2.3h-2.7v3.2h2.7v8.1H16.4z'/></svg>"); background-position:4px 4px; background-repeat:no-repeat;}
.auth_tab .social-btn-fb:hover{ background-color:#f7faff; }

.auth_tab .but_block{ padding-top:15px; display:flex; align-items: center; } 
.auth_tab .but_back{ margin-left:auto; font-size:16px; }
.auth_tab form.loading h2:after{ content:""; position:absolute; margin-left:10px; display:inline-block; width:32px; height:32px; background:url(../imgs/loading_b.gif) no-repeat right 0;}

@media screen and (max-width: 580px){
.auth_tab .social-btn { transform:scale(1.7); transform-origin:0 0; margin-bottom:40px; margin-top:15px; }
.auth_tab .back_but{ font-size:20px; }
}

/*profile*/
.profile .page{ }
.profile .page h1{ font-weight:400; margin-top:0px; margin-bottom:20px; font-size:28px; }
.profile .page h2{ font-weight:400; margin-top:40px; margin-bottom:20px; font-size:22px; }
.profile .side_l{ float:left; width:63%; padding-right:2%;}
.profile .side_r{ float:right; width:35%;}
.profile .page:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.show_mobile{ display:none;}

.profile .but-logout{ position:absolute; right:30px; top:0px; background:#777;}
.profile .but-logout:hover{  background:#d00;}

.profile_data .profile_data_view dt{ font-size:15px; font-weight:300; color:#777;}
.profile_data .profile_data_view dd{ font-size:18px; font-weight:400; color:#27272A;}

.profile .summary{ position:relative; display:flex; flex-direction:column; gap:12px; font-size:16px; }
.profile .summary div{ display:flex; background:#fafafa; padding:12px 16px; border-radius:var(--radius); }
.profile .summary i{ font-style:normal; color:#52525B; font-weight:300;  }
.profile .summary big{ font-size:18px; margin-left:auto; font-weight:500; }
.profile .summary div:nth-child(1) big{ color:#000;}
.profile .summary div:nth-child(2) big{ color:#c00;}
.profile .summary div:nth-child(3) { background:#f4f4f5; }
.profile .summary div:nth-child(3) big{ color:#690;}

.profile th{ font-size:16px; color:#777; font-weight:300;}
.profile th[label]:before{ content:attr(label); }
.profile td img{ vertical-align:top; margin:0;}
.profile .pager{ text-align:center; margin-top:40px;}
.profile table tr.detail{ display:none;}
.profile table tr.detail.active{ display:table-row;  background:#f2f2f2;}
.profile table tr.order:hover, .profile table tr.order.active{ background:#f2f2f2;}

.table_order{ border-collapse:collapse; border-bottom:1px solid #eee; width:100%; font-size:16px; }
.table_order tbody{ border:0!important;}
.table_order p{ padding:0!important; margin:0!important;}
.table_order th, .table_order td{ border:1px solid #eee; border-bottom:0; padding:10px 16px;}
.table_order td:not(:first-child){ border-left:0; }
.table_order th{ background:var(--color); white-space:nowrap; color:#fff; padding:10px 16px; border-color:#fff4;}
.table_order th:first-child{ border-top-left-radius:var(--radius); border-left:0;}
.table_order th:last-child{ border-top-right-radius:var(--radius);}
.table_order tr.order{ cursor:pointer;}
.table_order tr.order.is_deleted{ background:#eee!important;}
.table_order tr.order.is_deleted td{ border-color:#bbb;}
.table_order .order_id{ font-weight:400; color:#555; display:block; padding-bottom:2px;}
.table_order .order_opts{ line-height:26px; padding:0px 0 18px 0;}
.table_order .discount_value{ font-size:11px;}
.table_order .person{ position:relative; padding:0 0 0 26px; color:#444;}
.table_order .person:before{ content:"R"; font:16px icomoon; position:absolute; top:5px; left:2px; color:#555;}
.table_order .delivery_addr:before{ top:13px;}
.table_order .link_alert{ color:#e00;}
.table_order .name{ text-decoration:none;}
.table_order .gname{ border-radius:var(--radius); background:#f2f2f2; padding:6px 12px; font-size:14px; margin-top:10px; display:inline-block;}

.table_order .postpay_ico{ color:#fff;}
.table_order .ready_yes{ display:none;}
.table_order .ready_no{ font-weight:bold; font-size:14px; white-space:nowrap; color:#480; }
.table_order .ready_no span{ color:#999;}
.table_order .is_complete .ready_no{ display:none;}
.table_order .is_complete .ready_yes{ display:inline-block; text-align:center; vertical-align:middle; cursor:pointer; }
.table_order .is_complete .ready_yes:before{ content:";"; font:18px/18px icomoon; color:#690;}
.table_order .is_complete.is_ready .ready_yes{ display:none; }
.table_order .is_ready .ready_store{ display:inline-block; text-align:center; vertical-align:middle; }
.table_order .is_ready .ready_store:before{ content:"h"; font:18px/18px icomoon; color:#6fa8dc;}
.table_order .has_returns:before{ display:inline-block; content:"n"; font:18px/18px icomoon; color:#709; vertical-align:middle; cursor:pointer;}
.table_order .has_returns_ex:before{ display:inline-block; content:"q"; font:18px/18px icomoon; color:#C00; vertical-align:middle;  cursor:pointer;}

.table_order .bonus span{ color:#fff; display:inline-block; padding:2px 8px; background:#eb0;}
.table_order .bonus nobr{ color:#eb0;}

.table_order .table{ width:100%; overflow:auto;}
.table_order table{ border-collapse:collapse; border-bottom:1px solid #eee;   width:100%; margin-bottom:20px; }
.table_order table td{  background:#fff; }
.table_order table tr:last-child td:first-child{ border-bottom-left-radius:var(--radius); border-left:0;}
.table_order table tr:last-child td:last-child{ border-bottom-right-radius:var(--radius);}

.table_order .status{  border-radius:var(--radius); background:#888; color:#fff; padding:6px 12px; font-size:14px; margin:-10px 0; display:inline-block;}
.table_order .but_cart{ cursor:pointer; display:inline-block; border-radius:var(--radius); padding:6px; background:#f2f2f2;}
.table_order .but_cart:before{ position:relative; top:2px; left:2px;}
.table_order .but_cart:hover{  background:#e7e7e7;}
.table_order .but_cart.avail_2, .table_order .but_cart.avail_4{ cursor:default; color:#bbb; background:#fbfbfb;}

.profile .feedback{ border:1px solid #ccc; background:#eec; padding:20px; margin-bottom:20px;}

.profile .desc{ padding:0 0 20px 0;}


.block_ok{ position:relative; background:#f1ffea; border:1px solid #690; margin:0 0 15px 0; padding:12px 50px 12px 60px; color:#050;}
.block_ok:before{ content:";"; color:#690; font:24px icomoon; position:absolute; top:8px; left:18px;}
.block_ok .close:before{ content:"\2715";  position:absolute; top:6px; right:15px; font-size:22px; color:#7a7; }



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

.show_mobile{ display:block;}
.hide_mobile{ display:none;}
.table_order .table{ overflow:auto; max-width:365px;}

}






.add_rel_prod_to_cart{ font:400 16px var(--font);   }
.add_rel_prod_to_cart h2{ display:none;  }
.add_rel_prod_to_cart h6{ font-size:28px; font-weight:bold; margin-bottom:20px;  }
.add_rel_prod_to_cart .sliding .slider_arr span:first-child{ left:-10px; }
.add_rel_prod_to_cart .product .gallery .item{ margin:0; margin-right:20px; width:255px;}
.add_rel_prod_to_cart .product .gallery .item .block{ padding-right:10px;}
.add_rel_prod_to_cart .product .gallery img { max-width:233px;}
.add_rel_prod_to_cart .product .gallery span:last-child .item{ margin-right:0px;}
.add_rel_prod_to_cart h3 b{ font-size:1.3em; display:block; padding:15px 0 10px 0; border-top:1px solid #ccc;  }


@media screen and (max-width: 767px){ 
	.add_rel_prod_to_cart .product .gallery .item { width: 195px!important;}
	.add_rel_prod_to_cart .product .gallery img { max-width:173px;}
}



.cart_block.is_empty .add_rel_prod_to_cart{ display:none;}
.cart_block.ddr .add_rel_prod_to_cart{ min-height:340px;}
@media screen and (min-width: 700px){	.cart_block.ddr .add_rel_prod_to_cart{  min-width:460px;}}
.cart_block.ddr .add_rel_prod_to_cart .product{ position:absolute; padding:10px 40px; left:0; right:0;}
.cart_block.ddr .add_rel_prod_to_cart .product .gallery .item { width: 215px!important;}
.cart_block.ddr .add_rel_prod_to_cart .product .gallery .item .img{ min-height:150px; line-height:150px; height:150px;}
.cart_block.ddr .add_rel_prod_to_cart .product .gallery img{ max-height:150px; max-width:210px; }




/*text*/
.text{ line-height:1.5em;  word-wrap: break-word; overflow-wrap: break-word;}
.text img[align=left]{ margin:0 10px 10px 0;}
.text img, .text video{ max-width:100%; height: auto;}
.text .created_date{ font-style:italic;}
.text p{ padding:0 0 10px 0; }
.text ul {  padding:0 0  0.5em 0em;}
.text ul li{ position:relative; padding:0 0 0em 1.2em;}
.text ul li:before{ content:"\2022"; position:absolute; left:4px; font:1.2em/1.3em Arial, sans-serif; color:inherit;}
.text ul ul {  margin-left:1.5em;}
.text ul ul li{ list-style:disc; padding-left:0; }
.text ul ul li:before{ display:none;}
@media screen and (max-width: 580px){ 
.text { font-size:19px;}
}


.product .text1 h2{ color:#c00; }
.product .text2 h2{ color:#06C; }
.product .text3 h2{ color:#690; }
.product .text4 h2{ color:#690; }
.product .text5 h2{ color:#690; }
.product .text6 h2{ color:#690; }
.product .text7 h2{ color:#690; }

/*.product .text2 ul li:before{ content:"w"; font:1em/1em icomoon; }
.product .text3 ul li:before{ content:"o"; font:1em/1em icomoon; }*/


/*page_box*/
.product[info_key="BOX"] .cart, .product[info_key="BOX"] .counter{ display:none;}
.cart_block .items .item[info_key="BOX"] .counter, .cart_block .items .item[info_key="BOX"] .but_delete_{ display:none;}


/*ae*/
.page_ae form{ padding:0 0px 40px 0px;}

.ae_block{ padding:15px 30px 0px 0; margin:0 -41px 0 -11px; position:relative;}
.ae_block:hover:before{ content:":::::"; color:#555; position:absolute; left:0; right:20px; top:-2px; font-size:12px; font-weight:bold; text-align:center; cursor:ns-resize; }


.ae_add{ position:absolute; left:0; right:4px; cursor:pointer; margin-top:-27px; z-index:1; }
.ae_add span{ display:none; position:absolute; right:0; top:24px; border:1px solid #ccc; box-shadow:0 0 4px #0008; background:#eee; z-index:1; }
.ae_add a{ display:block; padding:6px 10px; color:#707070; text-decoration:none; }
.ae_add:hover span{ display:block; }
.ae_add a:hover{ background:#ddd; }
.ae_add:after{ content:"+"; position:absolute; right:0px; top:0; display:block; width:22px; line-height:22px; text-align:center; border:1px solid #ccc; background:#eee;}
.ae_add:before{ content:""; position:absolute; top:11px; left:0; right:0; height:0; border:1px solid #09F; display:none; }
.ae_add:hover:before, .ae_block.dragover .ae_add:before{ display:block; }

.ae_delete{ position:absolute; position:absolute; right:4px; top:20px; display:block; width:22px; line-height:22px; text-align:center;  border:1px solid transparent; }
.ae_delete:hover{ background:#eee;}
.ae_delete:before{ content:"\2715"; color:#f00; }

.ae_block.ae_empty .ae_delete, .ae_block.ae_empty:before{ display:none;}

input.ae_h1{ font-size:28px; font-weight:600; font-family:var(--font); }
input.ae_h2{ font-size:24px; font-weight:600;  font-family:var(--font); }
input.ae_h3{ font-size:18px;  font-weight:500; font-family:var(--font);  }
.ae_image{ display:block; margin-bottom:15px;}
.ae_image .photo-sample-empty{ min-height:300px;}
.ae_image .photo-sample{ display:block;}
.ae_image .photo-sample:before{ font-size:190px;}
.ae_image img{ max-width:1400px;}
.ae_image.img_mobile { max-width:250px;}
.ae_image.img_mobile img{ max-width:250px;}
.ae_image2 .ae_image { width:48%; float:right;}
.ae_image2 .ae_image img{ max-width:541px;}
.ae_image2 .textarea{  width:48%; float:left;}
.ae_image2_r_50 .ae_image { float:right;}
.ae_image2_r_50 .textarea{  float:left;}
.ae_image2_l_50 .ae_image { float:left;}
.ae_image2_l_50 .textarea{  float:right;}
.ae_text2>div:nth-child(1){ float:left; box-sizing:border-box;}
.ae_text2>div:nth-child(2){  float:right; box-sizing:border-box;}
.ae_text2_s_30_70>div:nth-child(1){ width:31%; }
.ae_text2_s_30_70>div:nth-child(2){  width:69%; padding-left:2%;}
.ae_text_map>div:nth-child(1){ width:50%; }
.ae_text_map>div:nth-child(2){  width:50%; padding-left:2%;}
.ae_summary{ background:#ededed; padding:20px 40px;  font-size:24px; font-weight:bold; margin-bottom:15px; }
.ae_el_prev{ text-decoration:underline; font-size:14px; padding-right:10px;}
.ae_el_prev.active, .ae_el_next{ display:none;}
.ae_el_prev.active + .ae_el_next{ display:block;}



.page_ae {}
.page_ae .text{ font-size:1em; line-height:1.5em;}
.page_ae h1{}
.page_ae .created_date{ font-style:normal;  text-align:right; font-size:18px;}
.page_ae h2, .page_ae h3, .page_ae h4{ scroll-margin-top:var(--mh-size); }
.page_ae .image{ margin:0 0px 30px 0px;}
.page_ae .image img{ max-width:100%; width:1400px; }
.page_ae .image img:last-child{ display:none; }
.page_ae .image img:first-child{ display:block; }
.page_ae .image2 .img{  width:48%; margin-bottom:30px;}
.page_ae .image2_r_50 .img{ margin-left:2%; float:right;}
.page_ae .image2_l_50{ display:flex;}
.page_ae .image2_l_50>div{ flex:1;}
.page_ae .image2_l_50 .img{ margin-right:2%; float:left; }
.page_ae .text2>div:nth-child(1){ float:left; box-sizing:border-box; padding-bottom:30px; padding-right:30px;}
.page_ae .text2>div:nth-child(2){  float:right; box-sizing:border-box; padding-bottom:30px; padding-left:30px;}
.page_ae .text2_s_30_70>div:nth-child(1){ width:30%; }
.page_ae .text2_s_30_70>div:nth-child(2){  width:70%; zzzdisplay:flex; }
.page_ae .text_map>div:nth-child(1){ width:50%; }
.page_ae .text_map>div:nth-child(2){  width:50%; }
.page_ae .text_map iframe{ width:100%; }
.page_ae .summary{ background:#ededed; padding:20px 40px; color:#09c; margin:30px 0px; line-height:1.6em;}
.page_ae .summary div{ font-size:1.5em; font-weight:bold; color:#000; padding-bottom:10px; }
.page_ae .summary a{ color:inherit; text-decoration:none; }
.page_ae .summary li:hover{ color:#690; }
.page_ae .summary ul{ padding:0; }
.page_ae .summary ul li{ padding-bottom:0; }
.page_ae .summary ul li:before{ content:"\2014"; color:inherit; font-size:1em; line-height:1.6em;}

@media screen and (max-width: 999px){	
	.page_ae { }
	.page_ae  .text{ font-size:1.2em;  }
	.page_ae .image{ margin:0 calc(var(--wrap-offset) * -1); margin-bottom:30px;}
	.page_ae .summary{ margin:30px -20px;}
	.page_ae .summary div{ font-size:1.3em; }
	.page_ae .text2>div{  width:100%!important; padding-left:0!important; padding-right:0!important;}

}

@media screen and (max-width: 580px){	
	.page_ae .image img:first-child{ display:none; }
	.page_ae .image img:last-child{ display:block; }
	.page_ae .image2 .img{  width:100%; margin-left:0; margin-right:0;}
	.page_ae .image2_l_50{ display:block; }
	.page_ae .text2_s_30_70>div:nth-child(2){ display:block; }
}



.mobile_menu jdiv, 
.dd_menu_show  jdiv, 
.dd_show  jdiv{ display:none;}

.mobile_menu .helpcrunch-iframe-wrapper, .mobile_menu [name="helpcrunch-iframe"],
.dd_menu_show  .helpcrunch-iframe-wrapper, .dd_menu_show [name="helpcrunch-iframe"], 
.dd_show  .helpcrunch-iframe-wrapper, .dd_show [name="helpcrunch-iframe"]{ visibility:hidden!important;}

.mobile_menu bwchat, 
.dd_menu_show  bwchat, 
.dd_show  bwchat{ display:none!important;}

#uid_order_ok .but{ margin:10px 0 -10px 0; padding:10px 20px; }
@media screen and (max-width: 580px){	
#uid_order label.empty{ display:none; }
#uid_order .but{ display:block; }
}





/*page_brand*/
.page_brand h1{ padding:0; }
.page_brand .items{ display:grid; grid-template-columns:repeat(6, minmax(100px, 1fr)); grid-gap: 16px; margin-bottom:40px;  }
.page_brand .items a{ display:none; position:relative; border-radius:14px; border:1px solid transparent; background:#fff; font-size:20px; font-weight:600;  text-decoration:none; color:var(--color-text); text-align:center; padding:0; }
.page_brand .items a:hover{ border:1px solid #ddd;  }
.page_brand .items a .img{ display:flex; align-items:center; justify-content: center; min-height:100%; position:relative; z-index:1; }
.page_brand .items a .img.photo-sample-img{ background:#fff;}
.page_brand .items a img{ max-height:185px; max-width:185px; width:100%; }
.page_brand .items a .name{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content: center; padding:0 10px;   }
.page_brand .items a .but_edit{ display:none; z-index:2;}
.page_brand .items a:hover .but_edit{ display:block;}
.page_brand .items a .but_top{display:none; position:absolute; right:5px; top:5px; color:#ccc; z-index:2;}
.page_brand .items a .but_top:before{ content:"X"; font:22px icomoon; }
.page_brand .items a .but_top:hover{ color:#aaa; }
.page_brand .items a .but_top.active{ color:#FC0; }
.page_brand .items a:hover .but_top{ display:block;}
.page_brand .items[letter="all"] a{ display:block;}
.page_brand .items[letter="top"] a[type="top"]{ display:block;}
.page_brand .items[letter="active"] a.active{ display:block;}
.page_brand .brand_nav{ background:rgb(from var(--color-alt) r g b / 0.05); padding:5px ; display:flex; justify-content: space-between; font-size:16px; font-weight:600; margin-bottom:10px; border-radius:8px; flex-wrap: wrap;}
.page_brand .brand_nav a{ padding:5px 5px; border-radius:8px;}
.page_brand .brand_nav a.active{ background:var(--color-alt); color:#fff;}

@media screen and (max-width: 999px) {
	.page_brand .items{ padding:0 20px; grid-template-columns:repeat(3, minmax(100px, 1fr));}
}



/*cart_block*/
.counter{ white-space:nowrap; display:inline-block; --size:40px; font-size:17px; }
.counter span{ display:inline-block; border:1px solid #aaa; border-radius:var(--radius);}
.counter input{ width:var(--size); text-align:center; font-size:inherit; height:var(--size); padding:0; line-height:var(--size); box-sizing:border-box; vertical-align:middle; color:#777; border:0; border-radius:0;}
.counter label{ padding:0 6px 0px 0; color:#888; }
.counter i{ display:inline-block; width:var(--size); position:relative; border-radius:var(--radius); color:#777; line-height:var(--size); font-size:inherit; text-align:center; font-style:normal; cursor:pointer; vertical-align:middle; height:var(--size); background:#fff; }
.counter i:first-child{ border-bottom-right-radius:0; border-top-right-radius:0; }
.counter i:last-child{ border-bottom-left-radius:0; border-top-left-radius:0; }
.counter i:before{ content:"+"; font-family:icomoon; }
.counter i:first-child:before{ content:"-";  }
.counter i{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.counter i:hover{ background:#eee; }


.cart_block { font-size:16px; min-width: 400px;}
.cart_block .cart_content{ padding: 0 25px 10px 25px;}

.cart_block table{ border-collapse:collapse; width:100%; }
.cart_block table td{ padding:7px 0 7px 20px; }
.cart_block table td:first-child{ padding-left:0; }

.cart_block .items .item{ position:relative; padding:20px 0 70px 120px; min-height:50px; border-bottom:1px solid #eee; font-weight:500; color:#000;}
.cart_block .items .item.not_avail{ opacity:0.6; filter: grayscale(100%);}
.cart_block .items .item .img{ position:absolute; left:0; top:20px; text-align:center; line-height:100px; width:100px; height:100px;}
.cart_block .items .item .img img{ vertical-align:top; max-width:100px; max-height:100px; min-width:1px; border-radius:var(--radius);}
.cart_block .items .item a.link{ color:#000; text-decoration:none; padding:4px 40px 0 0; display:inline-block; cursor:default; min-width:200px; }
.cart_block .items .item a.link[href]:hover{ color:var(--color); cursor:pointer; }
.cart_block .items .item a.link i{ background:#e5e5e5; display:inline-block; padding:6px 9px; color:var(--color-text2); font-size:0.8em; font-weight:500; font-style:normal; border-radius:var(--radius);}
.cart_block .items .item .price{ position:absolute; bottom:24px; right:0; font-weight:600;}
.cart_block .items .item .price s{ position:absolute; top:-26px; right:0; font-size:0.8em; color:#bbb; font-weight:400;}
.cart_block .items .item .counter{ position:absolute; bottom:20px; display:block; margin:0; --size:30px; }
.cart_block .items .item .cart_type{ position:absolute; bottom:24px; display:block; margin:0; background:#eee; padding:8px 30px; z-index:2; font-size:14px; }

.cart_block .item_txt{border-bottom:1px solid #eee; padding:24px 0;}

.cart_block .but_delete{ position:absolute; right:-10px; top:11px; width:40px; height:40px; line-height:40px; color:#ccc; text-decoration:none!important; display:block; text-align:center;}
.cart_block .but_delete:hover{ color:#b30;}
.cart_block .but_delete:before{ content:"x"; font-size:0.8em; font-family: 'icomoon';}

.cart_block .but_checkbox{ position:absolute; right:0px; top:20px; width:22px; height:22px; border:1px solid var(--color); display:block;}
.cart_block .but_checkbox:hover{background:#eee;}
.cart_block .but_checkbox.active:before{ content:""; display:block; width:16px; height:16px; position:absolute; top:3px; left:3px; background:var(--color); }

.cart_block .more{ display:none; font-size:11px; color:#777; padding:5px 0 0 0;}

.cart_block .total{ font-size:1.2em;  font-weight:500;}
.cart_block .total td{ border-bottom:1px solid #eee; line-height:2em;}
.cart_block .total nobr{ font-weight:700;}

.cart_block .info{ font-size:0.8em; background:var(--bg-blue); padding:6px 9px; border-radius: var(--radius); width: fit-content; margin-top:2px;  }
.cart_block .info_BOX{ color:#C06; }

.cart_block .empty{ display:none; padding:10px 30px; white-space:normal; text-align:center; font-size:20px; }
.cart_block .empty:before{ content:""; display:block; background:url(../imgs/cart_empty.png) no-repeat center top; width:423px; height:261px;}
.cart_block .empty b{ display:block; padding-bottom:12px; }
.cart_block .empty b:before{content:attr(empty); }
.cart_block .empty i{ display:block; max-width:360px; padding:0 20px; margin:0 auto;  font-size:0.8em; font-style:normal; font-weight:300;} 
.cart_block .empty i:before{content:attr(empty); }
.cart_block .empty a{ margin-top:20px; }
.cart_block.is_empty .empty{ display:block!important; }
.cart_block.is_empty .cart_content, .cart_block.ddr.is_empty .bottom, .cart_block.ddr.is_empty:after { display:none;}

.cart_block .alert{ background:#Fee; color:#a00; font-size:0.8em;}
.cart_block .alert td{ white-space:normal;}

.cart_block .has_preorder{ color:#c00; font-size:12px;}

.cart_block.ddr .bottom{ position:sticky; bottom:0px; background:#fff; z-index:3; height:90px; padding:0 20px; text-align:center; display: flex; flex-direction: column; justify-content: center; }
.cart_block.ddr .bottom .but{ display:block; font-size:inherit; line-height:1.5em;}
.cart_block.ddr:after{ content:""; display:block; height:10px; box-shadow:0px 0px 10px 0px #0007; color:#0005; position:sticky; bottom:80px; width:100%; z-index:1; margin-top:-20px; }



.is_page_cart { background:#FAFAFA;}
.page_cart { padding:40px 0; font-weight:500;}
.page_cart .cart_cols{ display:flex; column-gap:24px;}
.page_cart .cart_l{ flex:1;}
.page_cart .cart_r{ flex-basis:350px;}
.page_cart .cart_box{ background:#fff; margin-bottom:24px; padding:24px 24px 4px 24px;}
.page_cart h4{ font-size:20px; margin-bottom:16px;}
.page_cart .cart_content {  padding: 0 0px 0px 0px;}
.page_cart .items .item { min-height:80px; padding-left:100px; border:0; border-top:1px solid #eee;}
.page_cart .items .item .img{  line-height:80px; width:80px; height:80px;}
.page_cart .items .item img{ max-width:80px; max-height:80px;}
.page_cart .items .item a[href] i{ font-size:14px; padding-top:5px; padding-bottom:2px; display:inline-block;}
.page_cart .but { padding:12px 25px; line-height:150%; font-weight:600; font-size:14px;}
.page_cart .cart_order_but { display:block; margin:20px 0 0 0; font-size:0.9em;}
.page_cart .cart_order_back { display:block; margin:20px 0 20px 0; font-size:0.9em; text-align:center;}
.page_cart .cart_add { position:absolute; right:0; bottom:20px;}
.page_cart .empty{ }
.page_cart .empty:before{ background:url(../imgs/ico_cart_big.png) no-repeat center 40px; content:""; height:116px; }
.page_cart .empty b:before{ font-size:20px; line-height:150%; padding-bottom:8px; }
.page_cart .empty i:before{ font-size:14px; color:#888;	 }
.page_cart.is_empty .cart_cols { display:none;}
.page_cart .cart_gift { display:flex; gap:20px; align-items: center; border-top:1px solid #eee; padding: 16px 0px; position:relative; font-size:14px;}
.page_cart .cart_gift>span { flex:1;}
.page_cart .cart_gift small { font-weight:400; color:#888;}
.page_cart .items .item[is_gift] .counter{ display:none;}
.page_cart .items .item[is_gift]:after{ content:attr(is_gift); display:inline-block; padding: 6px 12px; background:#D28240; color:#fff; position:absolute; right:0; bottom:24px; line-height:150%; font-size:14px;}
.page_cart:not(.has_gift) .cart_gift .gift_yes, .page_cart.is_lost_gift .cart_gift>.gift_no, .page_cart.has_gift .cart_gift .gift_no, .page_cart .cart_gift .gift_lost{ display:none;}
.page_cart.is_lost_gift .cart_gift>.gift_lost{display:block; color:#e22;}
.page_cart .items .item .counter span{ border-color:#eee;	}
.page_cart .items .item .counter span input{ width:40px;	}
.page_cart .items .item .counter span i{ font-weight:normal; font-size:24px; color:var(--color);	}


.page_cart table td{ padding-top:12px; padding-bottom:12px;}
.page_cart .free_sh_hdr{ color:#000; font-size:0.8em;}
.page_cart .free_sh { font-size:0.7em;}
.page_cart .free_sh td {border-top: 1px solid #eee; }
.page_cart .total td{  line-height:1.5em;}

@media screen and (max-width: 999px){
.page_cart{ padding:0;}
.page_cart .cart_cols{ display:block;}
.page_cart .add_rel_prod_to_cart{ padding:0 24px;}
.page_cart .cart_box{ margin-bottom:0;}
}


/*free_sh*/

.block_shipment{ background:var(--color-bg); padding:6px 12px; border-radius:var(--radius); color:var(--color-nav); }
.block_shipment tr td{ padding:6px 0; }
.free_sh { font-size:0.8em; }
.free_sh div{ display:flex; }
.free_sh div:after{ content:""; border-bottom:2px dotted var(--color-border); flex:1; position:relative; left:3px; top:-3px; }
.free_sh_hdr { font-size:0.8em;  font-weight:500; }
.free_sh_hdr span:before{ content:attr(lang_1); }
.free_sh_hdr.ok span:before{ content:attr(lang_2); }
.free_sh nobr { color:var(--color); font-weight:600; }
.free_sh_ok nobr{ color:var(--color);}
.free_sh div{ }

.but_dashed{ border-bottom:1px dashed var(--color); font-size:13px; line-height: 17px; float: right; margin-top: 10px; }

.cart_charity{ background:#f4ddd4;}
.cart_charity a{  font-size:12px; color:#444;  }

@media screen and (max-width: 999px){
	.cart_block{  font-size:20px;  }
	.cart_charity a{  font-size:16px;  }
}




.cart_params, .cart_params.form_base{ font:500 14px var(--font);   }
.cart_params .total{ display:flex; align-items: center; font-size:16px; padding:12px 18px; background:#F5F5F7; margin:24px 0; border-radius:var(--radius); font-weight:500;}
.cart_params .total span{ margin-left:auto; color:var(--hover); }
.cart_params .total b{font-size:20px;  font-weight:600; }
.cart_params .buts{ display:flex; justify-content: space-between; gap:12px;  }
.cart_params .buts .but{ font-size:18px; padding:14px 24px;  }
.cart_params .buts .but_light{ border-color:var(--color-mid); color:var(--color-text); }
.cart_params .name{ font-weight:500; font-size:16px;}
.cart_params .hdr{ font-weight:500; font-size:24px; color:var(--color-text2); padding:12px 0px;  text-align:center; }
.cart_params .item{ display:flex; gap:12px; padding:24px 0 0 0; }
.cart_params .item_main{ padding:0; }
.cart_params .item b{ font-weight:500; font-size:1; font-size:18px;  }
.cart_params .item>div{ flex:1;}
.cart_params .item>div .desc{ color:var(--color-mid); font-size:12px; line-height:15px; font-weight:400;}
.cart_params .item .checkbox{  margin-top: 22px;}
.cart_params .item .avail{ color:#4D9559; display:block; padding-top:8px;}
.cart_params .item .price{ font-size:20px; width:88px; text-align:center; white-space:nowrap;}
.cart_params .item input[type=text]{ width:100%; box-sizing:border-box; padding:10px 12px; margin-top:10px; border-radius:8px; font-size:14px; }
.cart_params .item input[type=text]::placeholder { color:#aaa; }
.cart_params .item:not(.active) input[type=text]{ display:none; }
.cart_params .item img{ max-width:72px; max-height:72px;  border-radius:var(--radius); min-width:1px;}
.cart_params .product_adds{ padding:24px 0; margin:12px 0; border:1px solid #E4E7EC; border-left:0; border-right:0; position:relative; }
.cart_params .product_adds .item img{ max-width:60px; max-height:60px;}
.cart_params .product_adds { padding-top:0px; padding-bottom:12px; }
.cart_params .product_adds .product_block{ display:flex; gap:12px;  }
.cart_params .product_adds .item{ position:relative; background:#F5F5F7; padding:12px; min-width:275px; flex-direction:column; border-radius:var(--radius); font-size:18px; }
.cart_params .product_adds .item>div .desc{ font-size:14px; line-height:17px; display:block; padding-top:5px;}
.cart_params .product_adds .item img{ max-width:275px; max-height:275px; }
.cart_params .product_adds .item .img{ position:relative; border-radius:var(--radius); overflow:hidden; }
.cart_params .product_adds .item .img:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 59.64%, rgba(0, 0, 0, 0.50) 85.35%, rgba(0, 0, 0, 0.50) 100%) no-repeat;}
.cart_params .product_adds .item .price{ position:absolute; top:20px; right:20px; border-radius: 8px; padding:6px 8px; width:auto; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(2px);}
.cart_params .product_adds .item input[type=text]{ margin-bottom:0;  }

.cart_params .product_adds .checkbox{ position:absolute; top:22px; left:20px; margin-top:0; z-index:1; }
.cart_params .product_adds .checkbox:before{ border-color:#fff7;}

@media screen and (max-width: 999px){
.cart_params .item input[type=text]{ width:145%; font-size:17px!important; }
.cart_params .buts{ flex-direction:column;  }
.cart_params .buts .but:first-child{ order:2;  }
}


@media screen and (min-width: 1000px){
#uid_popup_add_cart_popup{ width:1000px; }
.cart_params h6 { font-size:28px; text-align:center; }
.cart_params .name{  font-size:20px;}
.cart_params .item_main .price{ font-size:20px;}
.cart_params .item_main .price span{ font-size:30px;}

.cart_params .total{ background:#ECFDF3; color:#079455; font-size:18px; }
.cart_params .total span{ color:#079455; }
.cart_params .total b{ font-size:32px; font-weight:500; }
}


.favorite_empty{ max-width:680px; margin:0 auto; padding-top:40px; font-size:16px; text-align:center; }
.favorite_empty .txt{ content:""; display:block; background:url(../imgs/search_empty.png) no-repeat center -40px; padding-top:200px; padding-bottom:40px; font-weight:300; font-size:18px; color:#444;}
.favorite_empty b{ display:block; padding-bottom:12px; font-weight:400; }
.favorite_empty b:before{ content:attr(empty); display:block; text-align:center; padding:0 0 30px 0; }


.sep{ display:block; border-top:1px solid #bba; border-bottom:1px solid #fff; height:0px; margin:10px 0 15px 0;}

@media screen and (min-width: 1000px){
.content_contact{display:flex; gap:32px;}
.content_contact_col{flex:1;}
}

/*dd*/
body:before{content:"";  opacity:0; transition: all .2s; background:#0008; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9; visibility:hidden; backdrop-filter: blur(3px);}
body.dd_show:before{ content:"";  opacity:1; visibility:visible;}
body.dd_show { overflow:hidden; height:100%;}


.ddr{ max-width:520px;}
._ddr:before, ._ddr:after{ content:""; display:block; height:0px; box-shadow:0px -10px 10px 10px; color:#0005; position:sticky; top:70px; width:100%; z-index:1; }
._ddr:after{ height:10px; color:#fff; z-index:2; position:absolute; background:#fff; }

.ddr_hd{ display:block; position:fixed;  visibility:hidden; transform:translateX(100%); left:auto; right:0;}
.ddr.open{ visibility:visible; transform:translateX(0); z-index:11; bottom:0; top:0;  overflow-y:auto;   box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7); transition: all .2s  cubic-bezier(0.1, 0.5, 0.3, 1.0); background-color:#fff;}

.ddr .but_close{ position:absolute; right:20px; top:18px; text-align:center; width:36px; height:36px; border-radius:8px;  white-space:nowrap; font-size:42px; color:var(--color-mid); z-index:4; font-weight:normal; border:1px solid #e3e3e3; display:flex; justify-content: center; align-items:center; }
.ddr .but_close:before{content:"x"; font:500 16px icomoon; vertical-align: top;  }
.ddr .but_close:hover{ color:var(--color); background:#eee;}

.ddr .hdr{ display:none; position:sticky; top:0px; background:#fff; z-index:3; font-size:24px; font-weight:600; color:#000; height:var(--mh-size); line-height:var(--mh-size);  padding:0 100px 0 25px; box-shadow:0px 0px 10px 0px #0007; }
.ddr .hdr:before{ padding:0 10px 0 20px; font-size:36px; vertical-align:top;}
.ddr_hd .hdr{ display:block; }

@media screen and (max-width: 580px){
	.ddr_hm{ display:block; position:fixed;  visibility:hidden; transform:translateX(-100%);  left:0; right:auto;}
	.ddr_hm .hdr{ display:block; }
	.ddr_hm{ width:90%; }
}


/*mobile ------------------------------------------*/
body{ min-width:520px;  }


@media screen and (max-width: 1020px){	
	html{ --wrap-offset:20px; }
}

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

	html{ --wrap-offset:0px; }
	
	
	.telegram_but{ font-size:16px;}
	
	
	.sep{ display:none;}
	
	.dd{ display:block!important; visibility:hidden; position:fixed!important; left:-100%!important; top:0!important; bottom:0!important; right:auto!important;  overflow-y:auto; soverflow-x:hidden; max-width:90%; margin:0!important; height:auto!important; background:#fff; -webkit-box-shadow:0px 1px 15px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 15px 0px rgba(0,0,0,0.5);  z-index:11!important; transition: left .2s  cubic-bezier(0.0, 0.0, 0.2, 1.0); padding:70px 0 70px 0!important; }
	.dd{ top:var(--mh-size)!important; right:0!important; box-shadow:none; max-width:none;}
	.dd.open{ visibility:visible; left:0!important;}
	
	
	.mobile_menu_close{ position:fixed; top:0; left:0; right:0;  display:block; font-size:24px; line-height:85px; cursor:pointer; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); z-index:2; padding:0 0 0 87px; background:var(--color); color:#fff; }
	.mobile_menu_close:hover{  background:#becd25; }
	.mobile_menu_close:before{ content:"{"; font:32px icomoon; position:absolute; left:29px; top:26px; }
	.mobile_menu_close:after{ content:attr(title); white-space:nowrap;  }
	
	.mobile_menu_close_x{ top:0; left:auto; right:0;  display:block;  width:70px; height:85px; line-height:85px; cursor:pointer;  -webkit-box-shadow:none; box-shadow:none; z-index:2; padding:0; text-align:center;  }
	.mobile_menu_close_x:hover{  background-color:rgba(255,255,255,0.3); }
	.mobile_menu_close_x:before{ content:"x"!important; font-size:26px; position:static; margin:0;   }
	
	.dd .mobile_menu_close{ position:absolute;}
	

	body{   min-height:920px; }
	body.dd_menu_show:before{ content:""; position:fixed; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,0.3); z-index:3;}
		
	body.mobile_menu { background:#fff;}
	body.mobile_menu:before{ display:none;} 
	body.mobile_menu .main{ visibility:hidden; overflow:hidden; display:none;}
	body.mobile_menu .footer, body.mobile_menu .banner_main, body.mobile_menu .top_banner, body.mobile_menu .nav{ display:none;}
	

	.top_right{ padding-right:16px;}

	/*.popup[mobile="yes"]{  top:0; width:auto; left:0; margin:0px; transform:none;  border:0; border-radius:0; height:0; max-height:100%; box-shadow:none;}
	.popup-modal[mobile="yes"]{ }	
	.popup.popup-show[mobile="yes"]{ position:static; height:auto; overflow:visible!important;  box-sizing:border-box;}
	.popup.popup-show[mobile="yes"]{ position:relative; }
	.popup[mobile="yes"] .popup-close{ position:fixed; margin:0; top:18px; right:18px; padding:0;  z-index:3; text-align:center; }
	.popup[mobile="yes"] h2{ position:fixed; top:0; left:0; right:0; margin:0;  display:block; font-size:24px; font-weight:400; line-height:var(--mh-size); cursor:pointer;   box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); background:#fff; color:#000!important; padding:0 0 0 25px; z-index:2; white-space:nowrap;  }
	.popup[mobile="yes"] h2:before{ display:none;}
	.popup[mobile="yes"] .form_base{ padding:20px 30px 30px 30px!important;}  
	.popup[mobile="yes"] .mess{ padding:10px 0 20px 0;}
	*/
	
	.popup .form_base .but_submit{ display:flex; justify-self: center; }
	
	
	.page{ margin:0px; padding:20px 0; box-shadow:none; }
	
	#uid_product{  padding:10px 20px; }
	
	.is_page_profile .but-logout{ display:none;}
	
	.tel_block{ display:block;}
	
	.public .public_block{display:block; width:48%; height:auto; float:left; margin-left:2%; }

	.sliding>a{  right:-20px; font-size:22px;  padding:40px 3px;}
	.sliding>a:first-child{ left:-20px; right:auto;}
	
	.profile .side_l{ float:none; width:auto; padding-right:0;}
	.profile .side_r{ float:none; width:auto;}

	#jivo_top_wrap{ ddisplay:none;}
}

@media screen and (max-width: 580px){
	
	.public .public_block{display:block; width:100%; height:auto; float:none; margin-left:0; }
	.public_block_social{ display:none;}

	.footer .col_pay{ position:relative; right:auto; text-align:left;}
	
	
	.events_block .lst  { margin:0;   }
	.events_block .lst li { width:410px; display:block; margin:0 auto 40px auto;   }
	.events_block .lst li a img{ min-width:400px; min-height:300px;  max-width:400px; max-height:300px;}
	
	
	.referal_top_banner{ display:block;}
}


.block_admin{ position:absolute; top:0; font-size:10px; left:50%; z-index:5;}
.admin_link{ background:#c00; border-radius:7px; color:#fff; padding:3px 8px; margin-right:10px; text-decoration:none;  }
.admin_link.count_0{ background:#777; }