@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?56') format('truetype'),
		url('../fonts/icomoon.woff?56') format('woff'),
		url('../fonts/icomoon.svg?56#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[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;}


.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 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;}



/*nicEdit*/
.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; }


/*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_f{ width:100%; }
.inp_s1[class]{ width:460px; }
dl.select_s1{ max-width:460px; }
.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 h1{ padding-bottom:15px;}
.form_base hr{ border:0; border-top:1px solid #ccc; margin-bottom:15px;  }
.form_base .hdr{ font:300 30px/30px Roboto, Arial, sans-serif; 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 .nicEdit-main{line-height:20px; }
.form_base .nicEdit-main p{ padding:0 0 10px 0; }
.form_base .inp_h1[name]{ font-size:20px; line-height:20px; letter-spacing:-0.03em; font-weight:300;  }
.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;}
.form_base .error{ position:relative; display:inline-block;}
.form_base .error:after{ content:"!"; position:absolute; right:7px; 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 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 .block_error{ display:none; border:1px solid #c00; background:#fea; padding:10px; margin-bottom:15px; line-height:normal;}
.form_base .block_error.active{ display:block;}

.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:before { border-width:0;}
.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-empty{ min-height:60px;}
.form_base .photo>span .photo-sample:first-child{ width:300px; min-height:300px; }
.form_base .photo>span .photo-sample-img:first-child{ min-height:0;  }
.form_base .photo .photo-first{  width:300px; min-height:300px;}




.autocomplete{ position:relative; line-height:normal; }
span.autocomplete{ display:inline-block; }
.autocomplete div{ position:absolute; z-index:2; left:0px; top:30px; background:#ffe; -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5); min-width:130px; text-align:left; line-height:20px; font-size:12px;}
.autocomplete div a{ display:block; padding:0px 11px; min-height:20px; color:#000; text-decoration:none; white-space:nowrap; border-bottom:1px solid #eed;}
.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:none; 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.has-value .but_clear{ display:block;}
.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{ z-index:2; color:#09c; }
.autocomplete .but_user:hover{ color:#c00; }

.autocomplete[data-icon]:before{ position:absolute; left:8px; top:9px; color:#bbb; }
.autocomplete[data-icon] input{ padding-left:30px; }


.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;  background:#fff; }
dl.select dd { padding:0px 3.8em 0 0.85em; line-height:inherit; white-space:nowrap;}
dl.select>dd {position:relative; background:inherit; border-width:1px; border-style:solid; border-color:inherit; border-radius:inherit; overflow:hidden; max-width:600px;  cursor:pointer; }
dl.select>dd:before {content:""; position:absolute; top:0px; bottom:0; right:0px;  display:block; width:26px; font-size:24px; text-align:center; background:inherit; border-left-width:1px; border-left-style:solid; border-color:inherit; }

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; -webkit-transform:rotateZ(-135deg); -webkit-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: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.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; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);  }
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; z-index:1;   }
dl.select:hover>dd:before { z-index:1; background:transparent; }
dl.select-loading{ opacity:0.5;}

dl.select[readonly] dd{ color:#777;}

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:before { display:none; }
dl.select-color>dd:after { border-color:#eee; }
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 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;  }



/*popup*/
.popup{ display:block; visibility:hidden; height:0; overflow:hidden; position:absolute; z-index:21; top:0px; left:50%; margin-left:-50%; width:900px;   background:#fff; border:1px solid #ccc; color:#000;  -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); }

.popup.popup-show{ visibility:visible; height:auto; overflow:visible;  min-height:50px;}
.popup-modal{display:block; background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.popup-close{ position:absolute; z-index:31; right:0; top:0; display:block; padding:7px; text-decoration:none; border:0; font-size:24px; color:#777; cursor:pointer; }
.popup-close:before{ font-family:'icomoon'; content:"x"; }
.popup-close:hover{ color:#c60; }

.popup-full{ width:1260px; }
.popup-small{ width:400px; }
.popup-half{ width:650px; }
.popup-text{width:910px;}
@media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) {
	.popup-full{ width:auto; right:0px; left:0px; margin-left:0px!important; }	
}



.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;}





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; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); 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); }
.fs-block img, .fs-block iframe{ position:absolute; top:0; left:0; transition: opacity 0.3s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block iframe{ 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 only screen and (max-width: 767px), only screen and (max-device-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;} 


/*pager*/
.pager span{ display:inline-block; padding:0 40px 0 0;  line-height:28px; }
.pager span a{ display:inline-block; text-decoration:none; color:#777; border:1px solid #aaa; background:#f7f7f7; text-align:center; width:30px; margin:0 5px 0 0; border-radius:3px;}
.pager span a:hover{  background:#fff; }
.pager span a.active{ color:#fff; background:#777; }
.pager span a.dot{ color:#000; background:transparent; border-color:transparent;   }
.pager span a.dot:before{ content:"..."; font-size:18px; line-height:16px; }


/*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/delivery4.png) no-repeat 0 0px; border-radius:3px; }
.delivery_:before {background:none;}
.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_2:before{ background-position:0 -40px;}
.delivery_4:before{ background-position:0 -60px;}
.delivery_5:before{ background-position:0 -100px;}*/

#block_delivery{}
#block_delivery_city, 
#block_delivery_np_branch, 
#block_delivery_zip, 
#block_delivery_address,
#block_delivery_dest_type, 
#block_delivery_place 
	{ display:none;}
	
#block_delivery.delivery_0 #block_delivery_city, 
#block_delivery.delivery_1 #block_delivery_city,
#block_delivery.delivery_0.dest_type_0 #block_delivery_np_branch, 
#block_delivery.delivery_1.dest_type_0 #block_delivery_zip,
#block_delivery.delivery_0.dest_type_1 #block_delivery_address, 
#block_delivery.delivery_1.dest_type_1 #block_delivery_address, 
#block_delivery.delivery_2 #block_delivery_place
	{ display:block;}
	
#block_delivery.delivery_0 #block_delivery_dest_type, 
#block_delivery.delivery_1 #block_delivery_dest_type
	{ display:inline-block; }
	
#block_delivery .name_f{ display:none; }
#block_delivery.dest_type_1 .name_2{ display:none; }
#block_delivery.dest_type_1 .name_f{ display:inline-block; }



/*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); 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;  -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); 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;   }


/*ce*/
.ce{ line-height:1.5em;}
.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;}@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?33') format('truetype'),
		url('../fonts/icomoon.woff?33') format('woff'),
		url('../fonts/icomoon.svg?33#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 

[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{ /*background:#eee url(../imgs/dot1.gif) repeat center top; color:#333;*/ background: #fafafa; font-family: Gilroy, Arial, sans-serif; font-size: 12px;  /*font: 12px Arial, sans-serif; */ }

body{display: flex; flex-direction: column; height:100vh;}
.main{display: flex; flex-grow:1; padding-top: 30px; }

/*common*/
h1{ font-size:36px; line-height:36px; font-weight:300; margin-bottom:10px; font-family:"Open Sans", Arial, sans-serif;}
h2{ margin-bottom:10px; font-size:20px; line-height:24px; padding:4px 0; font-weight:300;}
h3{ font-size:16px; font-weight:300;}
p{ padding-bottom:8px;}
em{ color:#090; font-style:normal;}
.clear{ clear:both;}

a img{ border:0;}
a{ color:#790; cursor:pointer;}
a:hover{ color:#c00;  }
a:active, a:focus{ outline:0; }

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


.but { position:relative; display:inline-block; padding:7px 25px; min-width:40px; border-radius:5px;  -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); background:#790; color:#fff; font-size:12px; border:3px solid #ccc; vertical-align:middle; text-decoration:none;}
.but:hover{ background-color:#8b0; color:inherit;}
.but{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); 
}

/*select/
dl.select {  display:inline-block;  line-height:28px; position:relative; height:30px; overflow:hidden; vertical-align:middle; margin-right:6px; .display:inline; zoom:1; color:#111;  }
dl.select dd { padding:0px 40px 0 10px; line-height:inherit; white-space:nowrap; font-size:12px;}
dl.select>dd {position:relative; background:#fff; border:1px solid #999; border-radius:2px; overflow:hidden; max-width:600px;  cursor:pointer; }
dl.select>dd.default { color:#999; }
dl.select>dd:before {content:""; position:absolute; top:0px; bottom:0; right:0px;  display:block; width:28px; font-size:24px; text-align:center; background:#fff; border-left:1px solid #999; color:#555; border-left:1px solid #999; }
dl.select>dd:after {content:"";  position:absolute; top:11px; right:10px; display:block; width:0; height:0;  border:5px solid transparent; border-top-color:#555; }
dl.select dl { position:absolute; background:#fff;  border:1px solid #999;  max-height:300px; overflow:auto; overflow-x:hidden; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);  }
dl.select dl dd:hover[value]{ background-color:#5cb7fe; color:#fff;  cursor:pointer; }
dl.select dl dd.selected{ background-color:#1c77fe; color:#fff;  }
dl.select-active { overflow:visible; z-index:1;   }
dl.select-active>dd:after{  top:6px; border-top-color:transparent; border-bottom-color:#555;  }
dl.select:hover>dd:before { z-index:1; background:transparent; }
dl.select-loading{ opacity:0.5;}

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$="[]"] dl dd {  }
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.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$="[]"].select-active>dd:before{ content:"\00D7"; }
dl.select[name$="[]"].select-active>dd:after{ display:none; }
*/

/*popup/
.popup{ display:none; position:absolute;  z-index:21;  left:50%; margin-left:-50%; top:0px; width:900px;  background:#fff; border:1px solid #ccc; border-radius:10px; color:#000;  -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.popup.show{ display:block;}
.popup-modal{display:none; background:rgba(0,0,0,0.5); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.popup-modal.show{ display:block;}
.popup-close{ position:absolute; z-index:31; right:50%; top:0; display:none; padding:7px; text-decoration:none; border:0; font-size:24px; color:#777; cursor:pointer; }
.popup-close:before{ font-family:'icomoon'; content:"x"; }
.popup-close:hover{ color:#c60; }

.popup-full{ width:1260px; }
.popup-half{ width:580px; }
.popup-text{width:760px;}
@media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) {
	.popup-full{ width:auto; right:0px; left:0px; margin-left:0px!important; }	
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {	
	.popup-text{ width:auto; right:0px; left:0px; margin-left:0px!important; }
	.popup-close{  font-size:36px; }
}
@media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {
	.popup-half{ width:auto; right:0px; left:0px; margin-left:0px!important; }
}
*/

/*fs/
.fs-block{ display:none; position:fixed;  z-index:21;  left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px;  background:#fff url(../imgs/loading.gif) no-repeat center center; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); overflow:hidden; transition: all 0.2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block img{ transition: opacity 0.2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.fs-block.show{ display:block;}
.fs-modal{display:none; background:rgba(0,0,0,0.6); position:fixed; z-index:20; top:0; left:0; width:100%; height:100%;}
.fs-modal.show{ display:block;}
.fs-close{ position:fixed; z-index:31; 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 only screen and (max-width: 767px), only screen and (max-device-width: 767px) {	
.fs-close{  font-size:36px; }
}
.fs-close:before{ font-family:'icomoon'; content:"x"; }
.fs-close:hover{ color:#c60; }


/*page*/
.top{ border-bottom:1px solid #aaa; padding: 12px 0; background:#27272A; /*#575757;*/ text-align:right; }
/*.top{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); 
}*/
.nav{ line-height:28px; display:block; font-family: Gilroy, Arial, sans-serif; /*font-weight: 500;*/  font-size:15px; }
/*.nav zspan{ display:inline-block; width:0px; height:10px; vertical-align:middle; border-left:1px solid #996; border-right:1px solid #fff;}*/
.nav a{ display:inline-block; color:#FFFFFF; /*#eee;*/ padding:0; /*0 8px;*/ text-decoration:none; /* background: url(../imgs/delim.png) no-repeat 24px 12px; */}
.nav a:hover{ color:#93C530; }
.nav a.active{ background:#707070; text-decoration:none;}
.nav a b { display: inline-block; width: 1px; height: 20px; margin: 0 8px; border:0; background-color: #FFFFFF; vertical-align: middle;}
.nav a:hover b{ background-color:#93C530; }

.nav i{ display:inline-block; color:#aaa; padding:0 8px; font-style:normal;}
.nav .flag:before{ content:""; display:inline-block; width:16px; height:11px; vertical-align:middle; position:relative; top:-1px; margin:0 8px 0 0; background:url(../imgs/flag.png) no-repeat 0 0;}
.nav .flag_ru:before{ background-position:0 -11px;}
.nav .dd { display:flex; justify-content: space-between; }

.admin{ position: absolute; z-index: 4; width:100%; top: 32px; text-align: center; }
.admin_link{ /*position:absolute; left:0; z-index:4*/ background:#c00; border-radius:7px; color:#fff; padding:3px 8px; line-height:16px; margin-right:10px; text-decoration:none; }
.admin_link.count_0{ background:#777; }

.header{ /*min-height: 118px;*/ /*182px;*/ /*115px;*/ background:#FAFAFA; padding-bottom: 25px; }
.header .wrap { display: flex; justify-content: space-between; }

.logo { display:inline-block; text-decoration:none; color:#333;  background:url(../imgs/logo.png) no-repeat 0 21px; padding:22px 0 0 55px; height:53px; zfloat:left; text-align:left; font:14px "Open Sans", Arial, sans-serif;}
.logo { background:/*url(../imgs/logo3.png)*/ url(../imgs/logo_n.png) no-repeat 0 0px; padding:71px 0 0 0; height:0px; overflow:hidden; margin-top:22px; width:250px;  }
.logo b{ font-size:36px; line-height:32px; font-weight:900; letter-spacing:-2px;}
.logo b i{ color:#999; font-style:normal;}
.logo span{ display:block; font-size:11px; color:#777; padding-left:4px;}
.logo span i{ font-style:normal; color:#bbb;}


.contact{ position:absolute; top:-38px; line-height:30px; white-space: nowrap; }
/*.contact span, .contact a{ color:#555; font-size:17px; font-weight:bold; }*/
/*.contact a:before{ font-size:14px; vertical-align:middle; }*/

.h1_index{ position:absolute; visibility:hidden;}

/*search*/
/*.search{ position:relative; zfloat:right; margin:0px auto; top:40px; left:12px; display:block; width:502px; vertical-align:top; border-radius:4px; padding:0 0px 0 0;}
.search:before{ position:absolute; right:10px; top:8px; margin:0; color:#777;}
.search input[type="text"]{border:1px solid #aaa; padding:5px 10px; width:500px; background:#f9f9f9; font-size:14px; border-radius:4px; -webkit-box-shadow:box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; vertical-align:top;  }
.search input[type="submit"]{ position:absolute; right:0; top:0; width:30px; height:30px; vertical-align:top; cursor:pointer; opacity:0;   }
.search .cart_content{ border:1px solid #aaa; border-radius:4px; padding:5px 10px; left:0; right:auto; margin-top:1px; -webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.5); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.5);}
.search .cart_content table{ margin-top:0;}
.search.hint .cart_content{ visibility:visible; }
.search .cart_content table tr:first-child td{ border-top:0;}*/





/*search*/


.search{position:absolute; zfloat:right; margin:0px auto; top:58px; left:300px; display:block; width:625px; vertical-align:top; /*border-radius:4px;*/ padding:0;}
.search form{ position:relative; display:block; vertical-align:top; /*border-radius:4px;*/ border:0; padding:0; font-size:14px; /*height:30px;*/  /*border:1px solid #aaa;*/ background:#f9f9f9; /*-webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2);  box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset;*/ }
.search form:before{ position:absolute; left: 12px; top:50%; margin:-0.55em 0 0 0; padding:0; color:#A1A1AA; display:inline-block; z-index: 3; }

.search form:hover::before { color: #D4D4D8; }
.search input:hover::placeholder { color:#D4D4D8; opacity:1; }
.search.focus form:before { color: #52525B; }
.search.focus input::placeholder { color:#52525B; opacity:1; }


.search input[type="text"]{ font-size:inherit; padding:7px 10px 7px 35px; background: #F4F4F5; border:1px solid #E4E4E7; border-radius: 8px; height: 36px; width:100%; outline: none; /*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="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: 18px; top: 20px; width:3em; z-index:1;  cursor:pointer;}
.search .search_clear:before{ content:"\2715";  position:absolute; top:50%; margin-top:-0.7em; text-align:center; width:100%; color: #777777; /*#c00;*/ font-size:20px; }


.search.hint .search_clear, .search.write .search_clear{ display:block;}
.search.write form:before{ display:none;}
.search .cart_content{ border:1px solid #aaa; border-radius:4px; padding:5px 10px; left:0; right:auto; margin-top:9px; -webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.5); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.5); z-index:3;}
.search .cart_content table{ margin-top:0;}
.search.hint .cart_content{ visibility:visible; top:25px;}
.search .cart_content table tr:first-child td{ border-top:0;}
.search .cart_content .weight b{ font-weight:normal;}
.search .cart_content table nobr{ display:inline-block; white-space:nowrap;  text-overflow: ellipsis; overflow: hidden; max-width:200px;}
.search .price_multi{ display:inline-block; position:relative; margin-top:3px; }
.search .price_multi span{ position:relative; margin-right:1px; font-size:12px; background:#fafafa; color:#777;  display:inline-block; border:1px solid #ddd; padding:2px 8px; cursor:pointer; }
.search .price_multi span:hover{ background:#555; color:#fff; }
.search .price_multi span.active{ background:#e5e5e5; color:#000; }
.search .price_multi span.hidden{ display:none; }





.f_menu { position: relative; background: #fff; }

.menu{ background: #F4F4F5; border-radius: 12px; position:relative; margin:12px 0px; padding:0;  border: 0;  padding: 0 3px; z-index:2;/*3;*/ /*background-color:#790; border:1px solid rgba(255,255,255,0.6); border-radius:10px;*/  /* -webkit-box-shadow:0px 0px 3px 0px #bbb; box-shadow:0px 0px 0px 3px #bbb;*/ }
.menu table{ border-collapse:collapse; width:100%; margin:0; }
.menu table td{ height:40px; }
.menu td>div{ position:relative; }
.menu td>div>a{ display:block; font-family: Gilroy, Arial, sans-serif; font-weight: 500; font-size:14px; text-align:center; background: linear-gradient(to right, #6F9424, #94C530); border-radius: 8px; /*background: green;*/ margin: 0 3px; padding:6px 5px 6px 5px; white-space: nowrap; text-transform: uppercase; color:#FFFFFF; text-decoration:none; }
.menu td:hover>div>a{ /*background-color:#9b0;*/ /*opacity:0.7;*/ background: #CAE594; color: #4A6318; }
.menu td.active>div>a{ background:#8a0;}

.menu td>div>a span{ font-weight:normal; color:rgba(255,255,255,0.7);}

.menu td>div>div{ /*opacity:0;*/ display:none; /*transition: .4s opacity ease-in-out;*/ }
.menu td:hover>div>div{ /*opacity:1;*/ display:block; z-index:2; /*@starting-style {opacity:0;}*/ position:absolute; left: 2px; top:30px; background: #F4F4F5; border-radius: 0 0 8px 8px; -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow:3px 3px 3px 0px rgba(0,0,0,0.3); padding:5px 6px; min-width:100%;}
.menu td>div>div a{ display:block; font-family: Gilroy, Arial, sans-serif; font-weight: 500; font-size:14px; color: #A1A1AA; text-decoration: none; white-space:nowrap; line-height: 25px; border-bottom: 1px solid #E4E4E7; padding:5px 12px; text-transform:none; margin:0 0 2px 0; }
.menu td>div>div a:last-child { border:0; }
.menu td>div>div a:hover u { display:inline-block; margin-left:-8px; padding-left: 6px; /*padding-left: 8px;*/ border-left: 2px solid #7BA428; color: #7BA428; }
.menu td>div>div a.active{ background:#8a0; color:#fff;}
.menu td>div>div a span{ color: #A1A1AA; font-weight:400; font-size: 12px;}
.menu td>div>div a u{ text-decoration: none; color: #52525B; }
.menu td>div>div a:hover span, .menu td>div>div a.active span{ color: #4A6318; }




.main { }

.wrap_base { width:100%;  max-width:1540px;  margin:0 auto; }

.wrap{ position:relative; max-width: 1180px; /*1145px;*/ margin:0 auto; padding:0; /*0 20px;*/ }
.main .wrap{ /*background:#fff;*/ /*#fafafa;*/ /*border-radius:5px; box-shadow:0px 25px 35px 0px rgba(0,0,0,0.2);*/ /*padding-top:18px;*/ padding-bottom:50px; }

.left{ float:left; width:255px; margin-right:15px; padding-bottom:0px; }
.left.left_product{ width:295px; }
.content{ float:left; width:900px; /*915px;*/ position:relative;  }
.content.content_product{ width:860px; }
.right{ float:right; width:200px; padding:0px 0 0px 0; }

.page_desc{ position:relative; font-size:14px; line-height:20px; background: #F4F4F5; }
.page_desc.text { padding: 30px 0 45px 0; }
.page_desc .desc_text { font-family: Gilroy, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 128%; }
.page_desc .desc_text ul { list-style: inside; }
.page_desc .desc_text ul li:before { content: ''; }

.banner_main a.photo:not([href]){ cursor:default;}

.catalog h1{ float:left; font-family: Gilroy, Arial, sans-serif; font-size: 28px; font-weight: 500; color: #27272A; margin: -3px 0 24px 6px; }
.left .links{ height:32px; padding:13px 0 0 0;}

.page .but_edit{ top:45px;}
.but_big{ font-size:18px; line-height:2; display:block;}
 
/*breadcrumb*/
.breadcrumb { margin-bottom: 30px; line-height:22px; /*padding:0px 0 3px 3px; font-size:12px;*/ }
.breadcrumb a{ position:relative; display:inline-block; font-size: 14px; font-weight: 400; color: #A1A1AA; text-decoration:none; /*border-radius:2px; color:#777; border:1px solid #ddd;*/ /*background:#fff;*/ /*line-height:1.7em;*/ padding:0 10px; margin-right: 10px; /*margin-bottom:0.2em;*/ vertical-align:top; }
.breadcrumb a:after{ content:""; background: url(../imgs/sprite.svg#arrow-g) no-repeat; position:absolute; top:7px; right:-9px; width: 6px; height: 10px; display:inline-block; /*width:0; height:0; border:4px solid transparent; border-left:4px solid #ddd;*/ }
/*.breadcrumb a:first-of-type:after,*/ .breadcrumb a:last-of-type:after { width: 0; }
.breadcrumb a:hover{ color: #52525B;/* background:#fff; border-bottom:3px solid #8b3; margin-bottom:0;*/ }
/*.breadcrumb a:hover:after{ zborder-left-color:#8b3;}*/

.breadcrumb a.opt:hover{ border:1px solid #8b3; margin-bottom:2px;}
.breadcrumb a.opt:after{ content:"\D7"; position:static; border:0; font-size:1.5em; padding:0 6px; line-height:1.4em; vertical-align:text-top; }
.breadcrumb a.opt:hover:after{ color:#c30;}
.breadcrumb a.opt2:after{ content:none;}

.breadcrumb a:last-of-type{ color: #52525B; cursor: text; }
/*.breadcrumb .current{ color: #52525B; cursor:text; }*/

.breadcrumb .ico_home{ margin-left: 8px; padding:0 10px 0 24px; background: url(../imgs/sprite.svg#home) 0 3px no-repeat; }
/*.breadcrumb .ico_home:before{ margin:0; }*/

/*sort*/
.sort{ font-size:14px; font-weight: 400; padding:0 0 10px 0; float:right; margin:-8px 0 19px 0; }
.sort b{ font-weight: 600; color: #000000; line-height: 26px; }
.sort span{ display:inline-block; line-height:20px; margin:10px 0px 0 7px; border-radius:12px; background: #F4F4F5; padding: 4px 2px; /* -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);*/ /* font-size:0.92em; border:1px solid #ccc;*/  }
.sort a{ position:relative; display:inline-block; padding:0px 10px; line-height: 26px; margin: 0 2px; border-radius:8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); /*border: 1px solid #ccc;*/ background:#fff; color:#27272A; text-decoration:none; /*border-left:1px solid #fff; border-right:1px solid #aaa;*/ }
.sort a:hover { background:#E4E4E7; border-color:#E4E4E7; color: #27272A; }
.sort a.asc, .sort a.desc{  padding-right:20px; background:#93C530; color:#fff; }
.sort a.asc:after, .sort a.desc:after{ content:""; position:absolute; top:11px; right:6px; display:block; width:0; height:0; border:5px solid transparent; border-width:5px 4px 5px 4px;  border-top-color:#fff; }
.sort a.desc:after{  border-bottom-color:#fff; border-top-color:transparent; top:6px; }


/*group*/
.group{ margin-left:-9px; clear:both; font-size:0;}
.group h2{ clear:both; position:relative; text-align:center; overflow:hidden; white-space:nowrap; font-size:16px; letter-spacing:1px; padding:30px 0 5px 0;  }
.group h2:before, .group h2:after{ position:relative; top:-5px; content:""; display:inline-block; border-top:1px solid #bba; height:0px; width:100%; }
.group h2:after{ margin-right:-100%; left:10px; }
.group h2:before{ margin-left:-100%; right:10px; }
.group h2 a{ position:absolute; z-index:1; right:10px; display:inline-block; padding:3px 5px; height:16px; background:#f5f5f0; border:1px solid #ccc; border-radius:3px; -webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.4); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);  text-decoration:none;}
.group h2 a:hover{ background:#fff; }
.group h2 a:before{ content:""; display:inline-block;  border: 6px solid transparent; border-bottom-color:#aaa; position:relative; top:-6px; }
.gallery:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.group .item{ position:relative; display:inline-block; width:190px; border:1px solid #E4E4E7; background:#fff; padding:10px; margin:0 0 10px 14px; border-radius: 12px; font-family: Gilroy, Arial, sans-serif; -webkit-box-shadow:1px 1px 6px 0px rgba(0,0,0,0.2); box-shadow:1px 1px 6px 0px rgba(0,0,0,0.2); text-align:center; vertical-align:top; text-decoration:none; font-size:16px;   }
.group .item.hidden{ display:none; }
.group .item:hover{ background:#fff; -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); }
.group .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group .item .img{ display:block; line-height:200px; }
.group .item img{  border-radius:2px; vertical-align:middle; max-width:200px; max-height:200px;}
.group .item .name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: left; height: 55px; max-height: 55px; color: #27272A; margin: 6px 0; padding:0; /*3px 0 10px 0;*/ font-size: 15px; font-weight: 500; }
.group .item .name span{ color:#999; }
.group .item .units{ position:relative; top:3px; float:left; font-size:14px; border-radius:5px; background:rgba(100, 100, 0, 0.1); display:inline-block; padding:2px 5px; }
.group .item .price{ float:right; color: #7BA428; font-weight: 600; font-size: 14px; margin: 3px 3px 0 0; }
.group .item .price b{ /*font-size:20px;*/ font-weight: 600; }
.group .item .code{ float:left; background: #F4F4F5; display:inline-block; font-size:10px; color:#777; padding:3px 7px 5px 7px; border-radius: 6px; border: 1px solid #E4E4E7; }
.group .item .code b{ font-size:12px; color:#000; font-weight: 600; }

.group .item  .add{ display:block; margin:71px auto; border:5px solid #ce9; border-radius:5px; color:#790; font-weight:bold; font-size:72px; width:61px; height:61px; line-height:61px; text-align:center;  }

.group .item .add_to_cart{ float:right; display:block; position:relative;  background: #7BA428; /*color:#fff;*/ /*text-decoration:none;*/ width: 28px; height: 28px; /*padding:3px 5px;*/ margin:-2px 0 -2px 0px; border-radius: 6px; /* -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3);  box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); text-transform:none; font-size:16px; line-height:21px;*/ }
.group .item .add_to_cart:hover{  background:#8a0;  }
.group .item .add_to_cart:before{ display: inline-block; content: " "; width:15px; height: 15px; margin: 6px 0 0 1px; vertical-align: middle; background: url(../imgs/sprite.svg#basket) center center / 15px 15px no-repeat; }
.group .item .add_to_cart{  background-image: linear-gradient(to right, #6F9424, #94C530) }


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


.group .item .status, .photo .status{ position:absolute; left: 11px; top: 11px; padding:5px 12px; border-radius: 6px; color:#fff; font-family: Gilroy, Arial, sans-serif; font-weight: 500; font-size:14px;}
.photo .status { z-index: 2; }
.group .item .status_0, .photo .status_0{ display:none;}
.group .item .status_1, .photo .status_1{ background-color:#D92D20;}
.group .item .status_2, .photo .status_2{ background-color:#FF8800;}
.group .item .status_3, .photo .status_3{ background-color:#db0;}
.group .item .status_4, .photo .status_4{ background-color:#0EA5E9;}
.group .item .status_5, .photo .status_5{ background-color:#93C;}
.group .item .status_6, .photo .status_6{ background-color:#22C55E;}

.group_line{ white-space:nowrap; overflow:hidden; swidth:100%; margin-left:-10px; margin-top: 44px; }
.group_line .item{ white-space:normal; width: 200px; }

.group .item .cart_options{ color:#000; clear:both; display:block; text-align:left; padding:7px 0 0 0; display:none; }
.group .item .cart_options label{  display:block; }
.group .item .cart_options span b { display:inline-block; font-size: 14px; font-weight: 600; color: #52525B; padding-bottom: 10px; }
.group .item .cart_options .size{  display:inline-block; background:#7BA428; font-size: 14px; font-weight: 500; padding:4px 10px; color:#fff; margin:0 8px 8px 0; border:1px solid #A7D44D; border-radius:4px; }
.group .item .cart_options .size:hover{ background:#690c; }
.group .item .cart_options .size:active{ background:#580; }
.group .item .cart_options .size.selected{ background:#c00; }
.group .item .cart_options .size.selected:hover{ background:#c00c; }
.group .item .cart_options .size.selected:active{ background:#b00; }
.group .item .cart_options .size.disabled{ cursor:default; background:#aaa!important; }

/*sub_category*/
.sub_category h3{ font-weight:bold;}
.sub_category h1{ float:left; font-family: Gilroy, Arial, sans-serif; font-size: 28px; font-weight: 500; color: #27272A; margin: -3px 0 24px 6px; }

.new_products { position:relative; }
.new_products h5{ margin: 32px 0 16px 10px; position:relative; }
.new_products h5>a{ background: #7BA428; color:#fff; display:inline-block; font-size:22px; line-height:43px; font-weight:500; font-family: Gilroy, Arial, sans-serif; padding:0 10px; text-decoration:none; white-space:nowrap; border-radius: 10px; }
/*:root{interpolate-size:allow-keywords;}*/
.new_products h5>span { transition: all 0.4s ease-in-out; display:inline-block; z-index:2; top:0px; position:relative; overflow:hidden; white-space:normal; text-align: right; height:35px; line-height:18px; background:#fafafa; border:1px solid #fafafa; padding:11px 35px 0 0; margin: -6px 10px 0 20px; }
/*.new_products h5>span:hover { height:auto; border:1px solid #E4E4E7; background: white; border-radius: 12px; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); }*/
.new_products h5>span.hvr { height:auto; border:1px solid #E4E4E7; /*#E4E4E7;*/ background: white; border-radius: 12px; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); }
.new_products h5>span a{ position:relative; display:inline-block; margin: 0 0 12px 10px; padding: 0 10px; line-height: 29px; border:1px solid #E4E4E7; border-radius: 10px; text-decoration:none; font-family: Gilroy, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #A1A1AA; }
/*.new_products h5>span a:before{ content:""; border-left:1px solid #555; position:absolute; right:-15px; top:4px; height:12px; }*/
.new_products h5>span a:hover { background: #DCEEB8; border: 1px solid #CAE594; }
.new_products h5>span a:hover u { color: #7BA428; }
.new_products h5>span a:hover span { color: #4A6318; }
.new_products h5>span a:last-child:before{ display:none; }
.new_products h5>span a u { text-decoration:none; font-weight: 500; font-size: 14px; color: #71717A; }
/*.new_products h5>span a span{ color:#999; }*/

.new_products h5>span b { display:inline-block; position: absolute; z-index: 2; top: 21px; right: 10px; width:15px; height:8px; background: url(../imgs/sprite.svg#arrow-v) center center no-repeat; cursor: pointer; }
.new_products h5>span.hvr b { transform: rotate(180deg); }

.new_products h6{ position:absolute; display:block; font-family: Gilroy, Arial, sans-serif; font-weight: 500; /*font-style:normal;*/ text-align: left; width:100%; font-size:14px; margin:0px 0 0 10px; color: #52525B; }



.product{ position:relative; font-size:15px; clear:both;  padding:0px; margin-top:5px; }
/*.product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.product b { font-size: 16px; font-weight: 500; }
.product .photo{ position:relative; z-index:0; /*1;*/ clear:both; padding:0 24px 8px 0; width:360px; float:left; }
.product .photo>a.img{ display:block; /*border:5px solid #ddd;*/ width:360px; text-align:center;}
.product .photo>a.img span { display:inline-block; background: #fff; width: 360px; height: 360px; position:relative; border-radius: 12px; box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.2); }
.product .photo>a img{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 12px; }
.product .photo>a:hover img{ border-color:#790;}
.product .thumb{ /*display: flex;*/ /*flex-wrap: wrap;*/ /*justify-content: space-between;*/ padding: 10px 0 0 0px; /*text-align: center;*/ width: 380px; }
.product .thumb a{ display:inline-block; background: #fff; width: 80px; height: 80px; position:relative; border-radius: 12px; margin: 0 13px 12px 0; box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.2); }
.product .thumb a img { /*vertical-align:top; background:#ccc; padding:1px;*/ border-radius: 12px; }
/*.product .thumb a:hover{ border:1px solid black; border-color:#790; }*/
/*.product .thumb a.active{ border-color:#999; }*/
/*.product .thumb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.product h1{ padding:0; margin-bottom:15px; float:none; color:#000; font-size: 28px; font-weight: 500;}
.product .short{ padding-bottom:20px;}
.product .desc{ position:relative; padding-left:380px; /*min-height:220px;*/ }
.product .desc .code { display:inline-block; border:1px solid #E4E4E7; border-radius: 12px; background: #F4F4F5; font-size: 14px; font-weight: 500; color: #52525B; padding: 2px 12px 4px 12px; line-height: 20px; }
.product .desc .code b { font-size: 14px; color: #27272A; }
.product .desc .avail_state { display:inline-block; border:1px solid #EDF6DB; border-radius: 12px; background: #EDF6DB; font-size: 14px; font-weight: 500; color:#7BA428; padding: 2px 12px 4px 12px; line-height: 20px; }
.product .desc .avail_state:before { vertical-align: bottom; }

.product .tabs{ display:inline-block; font-size:14px; font-weight: 400; line-height:32px; margin:5px 0 0 0; padding: 3px; border-radius: 16px; background: #fff; /*clear:both;*/  box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.2); }
.product .tabs li{ display:inline-block; padding:0 12px; margin-right:7px; border-radius: 12px; background: #fff; color: #27272A; /*position:relative;*/ }
/*.product .tabs li:after{ content:""; position:absolute; right:-5px; top:10px; display:block; width:1px; height:10px; background:#999; }*/
.product .tabs li.active{ background: #7BA428; margin-right:0;  }
.product .tabs li a { color: #27272A; text-decoration: none; }
.product .tabs li.active a{ color:#fff; }
.product .tabs li span { font-size: 12px; color: #71717A; }
.product .tabs li.active span { color: #fff; }
/*.product .tabs li.active:after, .product .tabs li:last-child:after{ display:none; }*/

.product .text{ display:none; clear:both; margin-top: 7px; overflow: hidden; font-size: 16px; line-height:20px; padding:16px; background: #fff; border-radius: 16px; box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.2); }
.product .text.active{ display:block; }

.product .cart .price{ position:relative; display:inline-block;  margin-right:30px; font-size:12px; vertical-align:top; }
.product .cart .price label{ position:relative; display:inline-block; margin:14px 0 10px 0; padding:5px 0px; font-weight: 400; font-size: 18px; color: #52525B; /*background:#fafaca; border-radius:2px; color:#790; -webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3); box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);*/  }
/*.product .price label:before{ content:""; position:absolute; top:13px; right:-23px; display:inline-block; width:0; height:0; border:11px solid transparent; border-left:11px solid #ccc;}*/
/*.product .price label:after{ content:""; position:absolute; top:14px; right:-20px; display:inline-block; width:0; height:0; border:10px solid transparent; border-left:10px solid #fafaca;}*/
.product .cart .price label b{ font-size:32px; font-weight: 600; /*line-height: 35px;*/ vertical-align: sub; }
.product .cart .price>a{ display:block; color:#999;}
.product .cart .price>a:hover{ color:#790;}
.product .cart .price>span{ display:inline-block; margin-left:10px;}

.product .cart{ display:block; vertical-align:top; font-size:12px;  }
.product .cart label{ font-size:1em;}
.product .cart a{ display:inline-block; position:relative; margin:23px 0; padding:9px 66px 11px 66px; background:#7BA428; color:#fff; text-decoration:none; border-radius:12px; text-transform:none; font-size:14px; font-weight: 500;  /*-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3);  box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3);*/ }
.product .cart a:hover{  background:#8a0;  }
.product .cart a:before{ display: inline-block; content: " "; width: 15px; height: 15px; margin: -1px 10px 0 0; vertical-align: middle; background: url(../imgs/sprite.svg#basket) center center/ 15px 15px no-repeat; }
/*product .cart a{
	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%); 
}*/

.product .counter span { display: inline-block; border: 1px solid #E4E4E7; border-radius: 8px; line-height: 34px; background: #fff; color: #27272A; }
.product .counter input[type="text"] { padding: 0; }
.product .cart i{ display:inline-block; width:34px; position:relative; font-size: 17px; font-weight: 700; color:#27272A;  text-align:center; font-style:normal; cursor:pointer; vertical-align:middle; }
/*.product .cart i{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/
.product .cart i:hover{ /*background:#999; color:#fff;*/ }
.product .cart input{ width:45px; text-align:center; font-family: Gilroy, Arial, sans-serif; font-size:16px; font-weight: 500; border: 0; outline: none; /*margin-left:5px; padding:0.1em; vertical-align:middle;*/ }

.product .avail{ }
.product .avail:before{ display:inline-block; vertical-align:middle; font-size:14px; margin:0 4px 2px 5px; }
.product .avail_0{ color:#790; }
.product .avail_1{ color:#888; }
.product .avail_2{ color:#b33; }
.product .avail_3{ color:#e80; }
.product .avail_4{ color:#aaa; }


.product .order_options { padding:0; /*7px;*/ margin:0 0px 15px 0px; /*border:1px solid #ccc; font-size:16px;*/ }
.product .order_options div{ margin:1px; padding:2px; border:2px solid transparent;}
.product .order_options div b { color: #27272A; line-height: 36px; }
.product .order_options div.err{ border-color:#cc2211; }
.product .order_options div label{ display: inline-block; line-height: 32px; padding: 0 12px; margin: 0 10px 10px 0; cursor:pointer; background: #fff; border: 1px solid #F4F4F5; font-size: 14px; font-weight: 500; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgb(0,0,0,0.2); }
.product .order_options div label:hover{ background: #B9DD71; border-color:#B9DD71; }
.product .order_options div label input{ margin-right:3px; cursor:pointer; }
.product .order_options div label.selected{ border:1px solid #7BA428; background: #7BA428; color:#fff; }
.product .order_options div label.disabled{ color:#aaa; font-weight: 400; cursor:default; border:#fff; }
.product .order_options div label:hover.disabled { background: #fff; }
.product .order_options div label input { width:0; }
/*.product .order_options div label.disabled input{ cursor:default; }*/


.product .surname_block{ padding:15px 3px;}
.product .surname_block.err{ border-color:#e00;}
.product .surname_block .col_1{ display:inline-block; width:80%; box-sizing:border-box; margin-bottom:5px;}
.product .surname_block .col_2{ display:inline-block; width:15%; box-sizing:border-box; margin-bottom:5px;}
.product .surname_block .but_clone{ display:inline-block; padding:5px 12px; line-height:20px; color:#555; font-size:13px; border:1px solid #ccc; background:#e8e8e8; text-decoration:none; border-radius:4px; }
.product .surname_block .but_clone:hover{ background:#e0e0e0; }
.product .surname_block ol, .surname_block ul{ padding:0 0 0 25px;}
.product .surname_block li::marker{ color:#888; font-weight:bold; position:relative; top:2px;}
.product .surname_block .but_clone:before{ content:"+ "; font-size:24px; vertical-align:middle; }
.product .surname_block  .but_delete{ vertical-align:middle; color:#c00; font-size:18px;}
.product .surname_block  .but_delete:before{ content:"\D7";}
.product .surname_block  li:first-child .but_delete{ visibility:hidden;}



.product .add_to_cart:after{ content:attr(but_1);}
.product .add_to_cart[avail="3"]:after{ content:attr(but_3);}

.add_to_cart[avail="1"]{ background-color:#790!important; }
.add_to_cart[avail="5"]{ background:#ccc!important; cursor:default; }
.add_to_cart[avail="2"]{ background-color:#b33!important; }
.add_to_cart[avail="3"]{ background-color:#e80!important; }
.add_to_cart[avail="4"]{ background-color:#fff!important; color:#999!important; }

.avail_state[avail="1"]{ color:#790; }
.avail_state[avail="1"]:before{ content:"0"; }
.avail_state[avail="5"]{ color:#888!important; }
.avail_state[avail="5"]:before{ content:"4"; }
.avail_state[avail="2"]{ color:#b33; }
.avail_state[avail="2"]:before{ content:"2"; }
.avail_state[avail="3"]{ color:#e80; }
.avail_state[avail="3"]:before{ content:"3"; }
.avail_state[avail="4"]{ color:#999; }
.avail_state[avail="4"]:before{ content:"1"; }


/*right*/
.right h6, .left h6{ position:relative; font-size:16px; font-weight: 500; /*background:#eee;*/ /*margin-bottom:4px;*/ padding:4px 4px 12px 4px; /*border-bottom:1px solid #ddd;*/ }
.right .info_block{ border-top:1px solid #ccc; background:#fff; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); }

/*filter*/
.filter{  background: #fff; overflow:hidden; /*#fdfdfd;*/ margin:0 0 15px 0px; padding-bottom:3px; font-weight: 500; font-size:14px; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 12px; /*-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);*/  }
.filter h6{  padding:2px 0; }
.filter h6:before{ content:""; height:10px; border-top:1px solid #fff; border-radius:3px; position:absolute; top:0px; /*left:1px;*/ right:1px; }
.filter a{ position:relative; display:block; color:#000; text-decoration:none; padding:7px 10px 7px 35px; line-height:1.2em; font-size:14px; font-weight: 400; color: #101828; }
.filter h6 a { padding:7px 35px 2px 10px; font-weight: 600; }


.filter a:before{ content:""; position:absolute; right:10px; top:50%; margin-top:-9px; display:block; width:14px; height:14px; border:1px solid #aaa; border-radius: 4px; }
.filter a:after{ content:""; position:absolute; right:12px; top:50%; margin-top:-7px; display:block; width:12px; height:12px; border-radius: 4px; /*background: #790;*/ }
.filter h6 a:before{ margin-top:-6px; color:#790; }
.filter h6 a:after{ margin-top:-4px; background:#790; }


.filter .block a:before { left:10px; }
.filter .block a:after { left:12px; }


/*.filter a:hover{   color:#790; }*/
.filter a:hover:before{ /*border-color:#777;*/  }
.filter a:hover:after{ background:#ddd;  }
.filter a.active{ color:#790; }
.filter a.active:after{  background:#790; }

.filter .block a{  }
.filter .block a span{ color:#777;  }
.filter a.lock{  color:#aaa; cursor:default; }
.filter a.lock:after{  background:#fff; }
.filter a.lock:before{  border-color:#ddd; }
.filter .block a.lock span{ color:#ccc;  }


.filter h6 a.active:before{ color: #fff; }
.filter h6 a.active:after{ background: #fff; }
.filter h6 a:hover:before{ color: #790; }
.filter h6 a:hover:after{ background: #790; }
.filter h6 a.active:hover:before{ color: #ddd; }
.filter h6 a.active:hover:after{ background: #ddd; }



/*price*/
.filter .price{  padding:0 10px 10px 10px;}
.filter .price .interval{ position:relative; height:4px; background:#bbb; margin:25px 0 12px 0;}
.filter .price .interval span{ display:block; position:relative; left:0%; width:100%; height:4px; background:#790;}
/*.filter .price .interval b{ position:absolute; z-index:1; top:-7px; right:0; display:block; width:10px; height:15px; padding:0; display:inline-block;  border-radius:2px;  -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); background:#fff; border:1px solid #ccc; text-decoration:none; cursor:pointer;}*/
.filter .price .interval b{ position:absolute; z-index:1; top:-7px; right:0; display:block; width: 6px; height: 6px; angle: 0 deg; opacity: 1; border-radius: 12px; border: 6px solid #7BA428; background:#fff; /* #7BA428;*/ }
.filter .price .interval b:hover{ box-shadow: 0px 0px 0px 3px #dee8c9; }
.filter .price .interval b:first-child{ right:auto; left:0; }
.filter .price input{ padding:0px 0px; width:78px; text-align:center; font-family: Gilroy, Arial, sans-serif; font-weight:400; font-size:14px; color: #667085; border: 1px solid #D0D5DD; border-radius: 8px; outline: none; line-height: 29px; }

.filter_opts{ padding:0 0 10px 0;}
.filter_opts div{ padding:2px 10px;}

.filter .price_fx span:last-of-type{ padding-left:18px; }


/*products_rel*/
.products_rel{/*border-top:1px solid #ccc;*/ border-radius: 12px; background:#fff; padding: 8px; box-shadow:0 4px 6px 0px rgba(0,0,0,0.2); }
.products_rel .back { display:flex; flex-direction: column; background: #F4F4F5; border-radius: 8px; padding: 2px; }
.products_rel a.item{ position:relative; display:flex; align-items: center; border-radius: 6px; background: #fff; /*min-height:51px;*/ height: 63px; padding:0 30px 0 66px; text-decoration:none; line-height:17px; margin: 2px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
/*.products_rel a.item.active{ background:#790; color:#fff;}
.products_rel a.item.active:after{ content:""; position:absolute; top:50%; margin-top:-11px; right:-18px; display:block; width:0; height:0; border:11px solid transparent; border-left:7px solid #580;}
.products_rel a.item.active{
	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%);
}*/
.products_rel a.item img{ position:absolute; top:50%; left:8px; transform: translate(0, -50%); max-height:50px; max-width:50px; }
/*.products_rel a.item .price{ color:#000;}*/
/*.products_rel a.item.active .price{ color:#fff;}*/
.products_rel a.item u { color: #52525B; text-decoration:none; }
.products_rel a.item u b{ display:inline-block; font-weight: 400; line-height:14px; max-height: 28px; overflow: hidden; }
.products_rel a:hover { background: #7BA428; color: #EDF6DB; }
.products_rel a:hover.item u { color:#EDF6DB; }
.products_rel a.item .price { color: #7BA428; font-weight: 600; }
.products_rel a:hover.item .price{ color: #CAE594; }
.products_rel a.item i { display:inline-block; position:absolute; bottom:10px; right:10px; width:12px; height:12px; color:#7BA428; }
.products_rel a:hover.item i { color: #CAE594; }

.but_order_status {
	z-index: 2; display: block; position: absolute; right: 0; top: 20px; width: 198px; height: 34px;
	border-radius: 12px; border: 1px solid transparent;
	background-image: linear-gradient(#27272A, #27272A), linear-gradient(93.06deg, #76767F 0.07%, #525252 31.7%, #525252 71.78%, #313135 100.07%); background-origin: border-box; background-clip: padding-box, border-box;
	font-family: Gilroy, Arial, sans-serif;	font-size: 14px; line-height: 32px; text-align: center; color: #FAFAFA;
}
.but_order_status:hover{ background:#52525B; border-color:#52525B; color:#fff; }

/*cart_block*/
.cart_block{  position:absolute; right: 0; /*8px;*/ top: 62px; /*-119px;*/ /*42px;*/ bottom:0px;  display:block; font-size:11px; z-index:2;}
body.cart_block_fix .cart_block{ position:fixed; right:50%; top:-2px; margin-right:-584px; }

.cart_block .cart_but{ display:inline-block; position:absolute; right:0; z-index:3; width: 198px; background: #7BA428; color:#fff; text-align: center; text-decoration:none; font-family: Gilroy, Arial, sans-serif; font-size: 14px; height: 34px; line-height: 32px; /*padding:9px 0;*/ margin:0 0 0 10px; border:1px solid #7BA428; border-radius:12px; }
.cart_block .cart_but:hover{ background:#628320; }

/*.cart_block .cart_but[data-icon]:before{ font-size:18px; position:absolute; left:7px; top:3px;}*/
.cart_block .cart_but:before{ display: inline-block; content: " "; width:15px; height: 15px; margin: -1px 8px 0 0; vertical-align: middle; background: url(../imgs/sprite.svg#basket) center center/ 15px 15px no-repeat; }

.cart_block .cart_but b{ padding-right:27px;  }
.cart_block .cart_but b:before{ content:"";  display:inline-block; position:absolute; right:26px; top:0; height:28px; width:0; border-left:1px solid #9b4;  }
.cart_block .cart_but b:after{ content:"";  position:absolute; right:8px; top:12px;  display:inline-block;  border: 6px solid transparent; border-top-color:#dea; }

/*.cart_block.open .cart_but{ border-radius:0;}*/
/*.cart_block.open .cart_but b:after{ border:0; content:"\D7"; color:#fff; top:3px; font-size:18px;}*/



.label_count{ position:absolute; right:20px; top:3px; display:none; background:#c00; color:#fff; border-radius:17px; 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;}
.fixed .label_count.active:before{position:fixed; }
.label_count.clip:before{ width:500px; height:500px; opacity:0.7; transition:none; border-radius:20px;}
.mobile_nav .label_count{ position:absolute; right:17px; top:6px; }


.cart_content{ visibility:hidden; position:absolute; z-index:2; right:0px; top:32px;  border:3px solid #690; background:#fff; padding: 0 20px; border-radius:10px 0 10px 10px; -webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); min-width:100%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cart_content table{ sborder-collapse:collapse; border:0; font:14px Arial; margin-top:15px; width:100%; }
.cart_content table tr.tml{ display:none;}
.cart_content table th{ color:#aaa; font-size:10px; font-weight:normal; text-align:left; padding:0px 10px 5px 10px; white-space:nowrap;  border:0;}
.cart_content table td{ sborder-bottom:1px solid #aaa;  border:0; border-top:2px solid #d3d3d3; border-right:1px solid #eee; padding:7px 10px; white-space:nowrap;  }
.cart_content table tr:last-child td{ border-bottom:0;}
.cart_content table tr td:last-child, .cart_content table tr td:first-child{ border-right:0;}
.cart_content table tr.total{ background:#f5f5f5;}
.cart_content table tr.empty td{ padding:10px 0; max-width:300px; white-space:normal;}
.cart_content table tr.empty b{ display:block; }
.cart_content table tr.empty b:before{content:attr(lang); }
.cart_content table tr.empty i:before{content:attr(lang);  font-size:10px; font-style:normal;}
.cart_content table tr.not_avail{ opacity:0.6; filter: grayscale(100%);}
.cart_content table img{ margin:-5px -5px -5px -10px ; vertical-align:top; border-radius:10px;}
.cart_content table .items a{ font-size:16px; text-decoration:underline;}
.cart_content table small{ display:inline-block; font-size:11px; color:#777; padding:5px 0 0 0;}
.cart_content table  input{ width:32px; text-align:right; padding:0 5px; }
.cart_content table .items input{ width:24px; text-align:center; font-size:14px; line-height:18px; }
.cart_content table .but_delete{ color:#aaa; text-decoration:none!important; font-size:16px; display:inline-block; padding:4px; margin:0 -6px;}
.cart_content table .but_delete:hover{ color:#b30;}
.cart_content table .but_delete:before{ content:"d"; font-family: 'icomoon';}

/*.cart_block.active, .cart_block.open{  height:100%; }*/
.cart_block.active .cart_content, .cart_block.open .cart_content{ visibility:visible; }
.cart_block.active.overflow .cart_content, .cart_block.open.overflow .cart_content{ overflow:auto; }
.cart_block.active .cart_but{ border-radius:0;}
.cart_block.active .cart_but b:after{ border:0; content:"\D7"; color:#fff; top:3px; font-size:18px;}

.cart_block .buts{ text-align:right; padding-bottom:20px;}
.cart_block .cart_order_but { position:relative; display:inline-block!important; padding:8px 10px 8px 40px;  border-radius:5px;  -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); background:#690; color:#fff; font-size:16px; font-weight:bold; sborder:1px solid #c60; margin:15px 0 0px 0; border:1px solid #fff; text-decoration:none; }
.cart_block .cart_order_but[data-icon]:before{ font-size:18px; position:absolute; left:10px; top:8px;}
.cart_block .cart_order_but:after{ content:attr(lang);}
.cart_block .cart_order_but:hover{ background-color:#8b0;}
.cart_block .cart_order_but{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); 
}

.cart_block .cart_back_but{ display:inline-block; color:#07c; text-decoration:underline; font-size:12px; margin:30px 20px 0 0;}
.cart_block .cart_back_but:before{ margin-right:7px; position:relative; top:1px;}
.cart_block .cart_back_but:after{ content:attr(lang);}

.cart_block .empty{ display:none;}
.cart_block.is_empty .empty{ display:table-row!important;}
.cart_block.is_empty  .cart_order_but{ background-color:#ccc!important;}

.cart_block .item_info{ font-size:12px; color:#03a; }


/*cart_block/
.cart_block{  position:absolute; right:8px; top:-88px; bottom:0px;  display:block; font-size:11px; z-index:2;}
body.cart_block_fix .cart_block{ position:fixed; right:50%; top:-2px; margin-right:-584px; }
.cart_block .cart_but{ display:inline-block; position:absolute; right:0; z-index:3;  background:#790; color:#fff; text-decoration:none; padding:7px 10px 7px 32px; margin:0 0 5px 10px; border:2px solid rgba(255,255,255,0.9); border-radius:4px;  -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3);  box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); text-transform:none; white-space:nowrap;}
.cart_block .cart_but:hover{  background:#8a0;  }
.cart_block .cart_but[data-icon]:before{ font-size:18px; position:absolute; left:7px; top:3px;}
.cart_block .cart_but b{ padding-right:27px;  }
.cart_block .cart_but b:before{ content:"";  display:inline-block; position:absolute; right:26px; top:0; height:28px; width:0; border-left:1px solid #9b4;  }
.cart_block .cart_but b:after{ content:"";  position:absolute; right:8px; top:12px;  display:inline-block;  border: 6px solid transparent; border-top-color:#dea; }

/*cart_content/
.cart_content{ visibility:hidden; position:absolute; z-index:2; right:0px; top:28px;  border:3px solid #790; background:#fff; padding: 0 20px; border-radius:3px 0 3px 3px; -webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); min-width:100%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cart_content table{ sborder-collapse:collapse; border:0; font:14px Arial; margin-top:15px; width:100%; }
.cart_content table tr.tml{ display:none;}
.cart_content table th{ color:#aaa; font-size:10px; font-weight:normal; text-align:left; padding:0px 10px 5px 10px; white-space:nowrap;  border:0;}
.cart_content table td{ sborder-bottom:1px solid #aaa;  border:0; border-top:2px solid #d3d3d3; border-right:1px solid #eee; padding:7px 10px; white-space:nowrap;  }
.cart_content table tr:last-child td{ border-bottom:0;}
.cart_content table tr td:last-child, .cart_content table tr td:first-child{ border-right:0;}
.cart_content table tr.total{ background:#f5f5f5;}
.cart_content table tr.empty td{ padding:10px 0; max-width:300px; white-space:normal;}
.cart_content table tr.empty b{ display:block; }
.cart_content table tr.empty b:before{content:attr(lang); }
.cart_content table tr.empty i:before{content:attr(lang);  font-size:10px; font-style:normal;}
.cart_content table img{ margin:-5px -5px -5px -10px ; vertical-align:top; border-radius:10px;}
.cart_content table a{display:inline-block;  font-size:16px; text-decoration:underline; padding:0 0 5px 0;}
.cart_content table input{ width:24px; text-align:center;  }
.cart_content table small{ display:inline-block; font-size:11px; color:#777;}
.cart_content table nobr{ display:inline-block; white-space:nowrap;  text-overflow: ellipsis; overflow: hidden; max-width:200px;}
.cart_content table .but_delete{ color:#aaa; text-decoration:none; font-size:16px; display:inline-block; padding:4px; margin:0 -6px;}
.cart_content table .but_delete:hover{ color:#b30;}
.cart_content table .but_delete:before{ content:"d"; font-family: 'icomoon';}
.cart_block.active .cart_content{ overflow:auto; visibility:visible; max-height:95%;}
.cart_block.active .cart_but{ border-radius:0;}
.cart_block.active .cart_but b:after{ border:0; content:"\D7"; color:#fff; top:3px; font-size:18px;}

.cart_block .buts{ text-align:right; white-space:nowrap; padding-bottom:20px;}
.cart_block .cart_order_but { position:relative; display:inline-block!important; padding:8px 10px 8px 40px;  border-radius:5px;  -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5); background:#790; color:#fff; font-size:16px; font-weight:bold; sborder:1px solid #c60; margin:15px 0 0px 0; border:1px solid #fff; text-decoration:none; }
.cart_block .cart_order_but[data-icon]:before{ font-size:18px; position:absolute; left:10px; top:8px;}
.cart_block .cart_order_but:after{ content:attr(lang);}
.cart_block .cart_order_but:hover{ background-color:#8b0;}
.cart_block .cart_order_but{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); 
}

.cart_block .cart_back_but{ display:inline-block; color:#07c; text-decoration:underline; font-size:12px; margin:30px 20px 0 0;}
.cart_block .cart_back_but:before{ margin-right:7px; position:relative; top:1px;}
.cart_block .cart_back_but:after{ content:attr(lang);}
*/




/*
.form_base{ padding: 30px; line-height:32px;}
.form_base h1{ padding-bottom:15px;}
.form_base label{ display:inline-block; width:130px; vertical-align:top; font-size:14px; color:#777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.form_base label i{ color:#c00; font-style:normal; }
.form_base input, .form_base textarea{ font:14px Arial; width:365px; padding:6px 10px; margin-bottom:15px; border:1px solid #999; border-radius:2px; vertical-align:middle;}
.form_base textarea{ font-size:14px; height:50px; }
.form_base textarea[nicedit]{ height:100px; }
.form_base .s{ width:160px; }
.form_base .s2{ width:60px; }
.form_base .inp{ display:inline-block; margin-bottom:15px;}
.form_base .suf{ vertical-align:top;}
.form_base input[readonly]{ font-weight:bold; font-size:16px;}
.form_base input:invalid{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.form_base .error input, .form_base .select.error>dd{ border-color:#c00;}
.form_base .error{ position:relative; display:inline-block;}
.form_base .error:after{ content:"!"; position:absolute; right:7px; top:5px; color:#c00; font:16px icomoon; z-index:0; background:#fff;}

.form_base .but {  font-size:16px; font-weight:bold; padding:3px 15px; border:1px solid #fff; }
.form_base .but[data-icon] { padding:8px 45px 8px 15px;}
.form_base .but[data-icon]:before{ font-size:18px; position:absolute; right:5px; top:8px; }
.form_base .but_del{ display:inline-block; color:#c55; font-size:12px; line-height:normal; margin-right:30px; border-bottom:1px dashed #c55;}

.form_base.loading{ opacity:0.3;}
.form_base .text{ padding:0!important;}

.form_base dl.select{ margin-bottom:15px; vertical-align:middle; }
.form_base dl.select dl dd i{ font-size:11px; line-height:8px; padding-bottom:10px; display:block; color:#c33;}
.form_base dl.select dl dd:hover i, .form_base dl.select dl dd.selected i{ color:#def;  }
.form_base dl.select dl dd i:before{ content:attr(lang); }
*/




#uid_order { font-size:12px;}
#uid_order .pay_block{ display:inline-block; position:relative;  border:1px dashed #ccc; background:#ffe; padding:10px; width:300px; margin-bottom:20px; line-height:22px; }
#uid_order .chb_half{ width:200px; padding:0 0 0 30px; vertical-align:top; white-space:normal; text-indent:-20px;}
#uid_order .chb_half:before{ top:1px; left:-2px;}
#uid_order .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; }
#uid_order .checkbox.inp_s1:before{ top:1px; left:-5px; text-indent:0;}
#uid_order input[readonly]{ font-weight:bold; font-size:16px;}
#uid_order_ok h2{ font-size:18px; color:#690;}
#uid_order_error h2{ font-size:18px; color:#c00;}
#uid_order .inp_a1{ width:290px;}
#uid_order .inp_a2{ width:95px!important;}
#uid_order .inp_a3{ width:54px!important;}



.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; white-space:nowrap;}
.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:#790;}
.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 .ico_pay_2:before{ content:"0"; }

.order_list table a{ display:inline-block; text-decoration:underline; padding:0 0 5px 0;}
.order_list table small{ display:inline-block; font-size:11px; color:#777;}
.order_list table nobr{ display:inline-block; white-space:nowrap;  text-overflow: ellipsis; overflow: hidden; max-width:350px;}
.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 .count{ 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;}


.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";}


#prod_relative{}
#prod_relative .but_add_product{ display:none;}
/*#prod_relative .item{ position:relative; display:inline-block; width:120px; border:1px solid #bbb; background:rgba(255, 255, 250, 0.5); padding:1px; border-radius:2px; margin:0 16px 20px 0;  text-align:center; vertical-align:top;text-decoration:none; color:#333;  }
#prod_relative .item:hover{ background:#eee;  }
#prod_relative .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#prod_relative .item img{ width:auto; height:120px; margin-bottom:3px; border-radius:5px;}
#prod_relative .item .name{ font-size:12px; color:#111; padding:0 0 10px 0; }
#prod_relative .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_relative .item .price{ float:right;  margin-right:10px; }
#prod_relative .item .price b{ font-size:18px; }
#prod_relative .item .compose, #prod_relative .item .expire , #prod_relative .item .content, #prod_relative .item .add_to_cart, */
#prod_relative .item .but_edit { display:none; }

/*
.product_info{ padding:13px 17px; background:#7BA428; border-radius: 16px; margin:20px 0px; line-height:20px; }
.product_info p b{ color:#fff; font-size: 20px; font-weight: 600; }
.product_info li { position: relative; margin: 0 0 0 40px; height: 36px; width: auto; border: 4px solid #CAE594; background: white; }
.product_info li::before { display: inline-block; content: " "; left: 0; width: 36px; height: 36px; border: 4px solid #CAE594; background: white; border-top-left-radius: 8px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 8px; }
*/

.product_info { display: block; padding:12px; background:#7BA428; width: auto; border-radius: 16px; margin:20px 0px; }
.product_info label{ display: block; color:#fff; font-size: 20px; font-weight: 600; margin-bottom: 12px; padding-left: 5px; }

.product_info div { margin-top: 4px; display: flex; justify-content: space-between; }
.product_info .mark { min-height: 28px; width: 28px; border: 4px solid #CAE594; border-top-left-radius: 8px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 8px; }
.product_info .cont { display:flex; align-items: center; min-height: 34px; width: 100%; line-height: 15px; margin-left: 4px; background: #CAE594; padding: 0 9px 2px 9px; border-radius: 4px; color: #52525B; font-size: 14px; }
.product_info div:first-of-type .cont { border-top-right-radius: 8px; }
.product_info div:last-of-type .cont { border-bottom-right-radius: 8px; }

.product_info .i-payments { background: url(../imgs/sprite.svg#payment) center center/ 16px 16px no-repeat; }
.product_info .i-delivery { background: url(../imgs/sprite.svg#delivery) center center/ 16px 16px no-repeat; }
.product_info .i-address { background: url(../imgs/sprite.svg#adress) center center / 16px 16px  no-repeat; }
.product_info .i-phones { background: url(../imgs/sprite.svg#phone) center center/ 16px 16px no-repeat; }

/*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;}
.photo-sample i:before{ content:"\D7";}
.photo-sample:hover i{ display:block;}
.photo-sample i:last-child{ display:none;}


.form_product .photo{ float:left; width:350px;}
.form_product .aside{ float:left; width:480px;}
.form_product .photo-sample{ width:300px; height:300px; line-height:300px; border:5px solid #ccc;}
.form_product .photo-sample:before{ font-size:190px; }
.form_product .thumb { display:inline-block; margin:10px 0 ; }
.form_product .thumb .photo-sample{ width:50px; height:50px; line-height:normal; border:1px solid #ccc; margin:0 13px 0 0;}
.form_product .thumb .photo-sample:before{ font-size:32px; }
.form_product label{ width:105px; }
.form_product  input, .form_product textarea{  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; }
.form_product .block textarea{ width:350px; }
.form_product .block{ padding:0px 10px 0 10px; }
.form_product .block_border{ padding:15px 10px 0 10px; margin:0 0px 15px 0px; border:1px solid #ccc;}


.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:#790; 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:5px; border:3px solid #fff; outline:1px solid #aaa; background:#790; 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{ right:40px; top:10px; }

#uid_order{  }

#uid_product label{ width:150px; }


.text{ padding:10px; font-size:14px; line-height:1.3em;}
.text ul li{ position:relative; padding:0 0 0.5em 1.5em;}
.text ul li:before{ font-family:icomoon; content:";"; position:absolute; left:0; top:0.05em;}

.popup .text{ padding:30px;}

/*.tel{ display:inline-block; padding:0 4px 0 35px; line-height:18px; position:relative; text-decoration:none;}*/
/*.tel.city{ background:none; }
.tel.city:before{ content:"["; font:14px icomoon; position:absolute; left:14px; top:2px; }
.tel.ks{ background:url(../imgs/tel_ks.png) no-repeat 13px 1px; }
.tel.mts{ background:url(../imgs/tel_mts.png) no-repeat 13px 1px; }
.tel.life{ background:url(../imgs/tel_life.png) no-repeat 8px 1px;  padding-left:40px;}*/

.search .contact .tel { display:inline-block; padding:0; line-height:18px; position:relative; text-decoration:none; font-family: Gilroy, Arial, sans-serif; font-size: 14px; color: #27272A; margin-right: 12px; }
.search .contact .tel:hover { color:#A1A1AA; }
.search .contact .tel:hover>span { color:#27272A; }

.phone { display: inline-block; height: 22px; border: 1px solid #E4E4E7; border-radius: 8px; padding: 0 5px 0 25px; line-height: 20px; margin-right: 6px; }
.phone.kyivstar { background:url(../imgs/phone_kyivstar.png) no-repeat 6px 4px #F4F4F5; }
.phone.lifecell { background:url(../imgs/phone_lifecell.png) no-repeat 6px 4px #F4F4F5; }
.phone.vodafone { background:url(../imgs/phone_vodafone.png) no-repeat 6px 4px #F4F4F5; }

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

.p404{ padding:50px 0; font-size:24px; text-align:center; }
.p404 h1{ font-size:64px; padding:20px 0;}

.home{ padding:0px 0 0 0;}

.slider{ z-index: 0; position:relative; height:460px; /*300px;*/ margin-bottom:10px; overflow:hidden; /*border:5px solid #fff; border-radius:3px;*/ background:#fff; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); }
.slider h1{ font-size:30px; line-height:30px; padding-bottom:0!important; }
.slider .item{ opacity:0; position:absolute; top:0; bottom:0; left:0; width:100%; }
.slider .item{transition: opacity 1s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.slider .item.active{  opacity:1; z-index:1; }
.slider .photo{ position:relative; display:block; width:100%; text-align:right;   display:flex; justify-content: flex-end; }
.slider .photo-sample:before{ font-size:150px; }
.slider img{ position:relative; vertical-align:top;}
.slider .desc{ position:absolute; left:0; top:0; bottom:0; width:260px; background:rgba(0,0,0,0.65); color:#fff; padding:30px; line-height:18px;}
.slider_buts{ position:absolute; bottom:35px; z-index:1; height:0; left:0; right:0; text-align:center;}
.slider_buts a{ display:inline-block; width:12px; height:12px; margin:0 5px; border:3px solid rgba(0,0,0,0.8); opacity:0.9; background:#fff; }
.slider_buts a:hover{  background:#c60; }
.slider_buts a.active{  background:#790; }
.slider .form_base{ position:relative; z-index:1; background:#fff; color:#000; margin:-30px; min-height:290px; padding:10px 19px 0 19px; line-height:inherit; }
.slider .form_base .nicEdit-main{ max-height:200px; }
.slider .but{ margin-top:10px; }
.slider .but_edit.photo-upload-but{ right:5px; left:auto;}


@media only screen and (max-width: 580px), only screen and (max-device-width: 580px) {
	
.slider{ position:relative; height: 155px; /*400px;*/ border:0;    margin-top: 80px; }
.slider .desc{ position:relative; width:100%; height:230px; box-sizing:border-box;  }
.slider img{ width:100%; /*min-width:645px;*/ /*height:auto;*/ height:155px; }
}



.events_block{ min-height:300px; clear:both;}
.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; }
.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 20px; padding:0 20px 20px 20px; background:#fff; text-align:center }
.events_block .lst li a span{ display:block; background:#999;  margin:0 -20px 15px -20px;}
.events_block .lst li a{ color:#000;  text-decoration:none;}
.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;}




.brands{ margin-top:30px; }
.brands a{ }
.brands .group{ white-space:normal; }
.brands .item{ padding:10px; }
.brands .item .name{ position:absolute; width:100%; top:35px; left:0; z-index:0; }
.brands .item .img{ line-height:70px; }
.brands .item img{ zvertical-align:top; }
.brands .item img[src^="http"]{position:relative; z-index:1;  background:#fff;}
.brands .but_edit{ z-index:2; }


a.to_top{ position:fixed; z-index:1; right:4px; bottom:6px; display:inline-block; text-align:center; width:24px; height:24px; background:#790; border:1px solid #790; border-radius:3px;  }
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:1px; }
a.to_top:hover:before{ border-bottom-color:#790; }



/*footer*/
.footer{ background: #18181B; padding: 34px 0; line-height:28px; font-family: Gilroy, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #D4D4D8; /*#71717A;*/ }
.footer .wrap{ display: flex; justify-content: space-between; }
.footer .logo_inv { display:inline-block; text-decoration:none; color:#333;  background:url(../imgs/logo_inv.png) no-repeat 0 4px; height:80px; width:250px; /*padding:180px 0 0 55px;*/  }
/*.footer a{ color:#fff; }*/
.footer .copy{ text-align:left; color: #FFFFFF; position:absolute; left:0; bottom: 0; }
.footer .addr{}
.footer .addr span{ color:#fff;}
/*.footer .sitemaker{ text-align:left; position:absolute; right:20px; top:20px; text-decoration:none; color:#aaa;}
.footer .sitemaker u{ color:#eee;}*/
.footer label {font-weight: 600; font-size: 16px; color: #93C530; }

.footer .nav{ line-height:28px; display:block; border: 0; }
.footer .nav a{ display:inline-block; color:#FFFFFF; padding:0; text-decoration:none; font-size:14px; color: #FFFFFF; border: 0; }
.footer .nav a:hover{ color:#93C530;; }
.footer .nav a.active{ background:#707070; text-decoration:none; }
.footer .nav .dd_f { display:flex; flex-direction: column; }

.footer .contacts span { color: #FFFFFF; }

/*subfooter*/
.subfooter { background: #131316; line-height: 50px; font-family: Gilroy, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #D4D4D8; }
.subfooter .wrap { display: flex; justify-content: space-between; }
.subfooter .copy{ text-align:left; font-weight: 300;  /*position:absolute; left:0; bottom: 0;*/ }
.subfooter .sitemaker { text-align:right; padding-right: 100px; background: url(../imgs/logo_aima.png) center right no-repeat; }

/*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:-90px 0 0 -200px; width:300px; padding:50px;  background:#fff; border:1px solid #ccc; border-radius:10px; color:#000;  -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.auth form:before, .auth a:before{ content:"z"; font:32px 'icomoon'; position:absolute; left:70px; top:62px; color:#bbb; }
.auth input{ padding:10px 17px 10px 62px; width:215px; font-size: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;  }
.auth a{ 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;  }
.auth a:hover{ background:#7a1; }
.auth a:active{ -webkit-box-shadow:none; box-shadow:none; }
.auth a:before{ color:#ddd; }








/*----------------MOBILE--------------------*/

body{ min-width:520px;  }


.mobile_nav{ display:none; position:fixed; z-index:3; right:0; top:0px; left:0; margin:0; background:#f9f9f9;  -webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); padding:10px; border-top:1px solid #ccc;}
.fixed .mobile_nav{ position:fixed; top:0; }

/*
.mobile_nav a, .mobile_but{ display:inline-block; margin:0 0px 0 7px; border-radius:3px;  -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); background:#eee;  text-decoration:none; text-align:center; min-width:28px; padding:0 10px; line-height:48px; qheight:48px; color:#333; float:right;}
.mobile_nav a, .mobile_but{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); 
}
.mobile_nav a:hover, .mobile_but:hover{ color:#370;}
.mobile_nav a:hover, .mobile_but:hover{
	background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
 	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); 
}
.mobile_nav a.active, .mobile_but.active{color:#fff; background-color:#690;}
.mobile_nav a.active, .mobile_but.active{
	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%); 
}
.mobile_nav a:before, .mobile_but:before{ margin:0; font-size:24px; vertical-align:middle; position:relative; top:-2px; }
*/

.mobile_nav a, .mobile_but{ display:inline-block; margin:10px 0 10px 15px; border-radius:8px; background:#7BA428; text-decoration:none; text-align:center; padding:0 6px; line-height:20px; color:#fff; float:right;}
.mobile_nav a:hover, .mobile_but:hover{ background:#628320; }
.mobile_nav a.active, .mobile_but.active{ background:#628320; }

.mobile_nav a:before, .mobile_but:before{ content:" "; display:inline-block; margin-top: 6px; width:20px; height:20px; }

.but_cart:before { background: url(../imgs/sprite.svg#cart) center center/ 20px 20px no-repeat; }
.but_search:before { background: url(../imgs/sprite.svg#search) center center/ 20px 20px no-repeat; }
.but_info:before { background: url(../imgs/sprite.svg#info) center center/ 20px 20px no-repeat }
.but_menu:before { background: url(../imgs/sprite.svg#menu) center center/ 20px 20px no-repeat }

.mobile_nav a.but_menu_{ float:left;}
.mobile_nav a.but_home{ float:left; display:none;}
.mobile_nav .kind{ display:none; position:absolute; left:50%; margin-left:-30px; text-align:center; width:150px; font:13px arial; line-height:20px; padding-top:5px; font-weight:bold;}
.nav_bar.fixed .mobile_nav a.but_home, .nav_bar.fixed .mobile_nav .kind{ display:inline-block; }
.nav_bar.fixed .mobile_nav .kind{ display:none; }

.mobile_but.but_filter {display:none; float:left; clear:left; font-size:20px; margin:0 0 15px 0;}

.mobile_frame.mf_cart{ position:absolute;z-index:3; }

.mobile_menu_close{ display:none; }



@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	.wrap{ max-width:940px; /*915px;*/ }
	.content{  width:685px; }
	
	body.cart_block_fix .cart_block{ margin-right:-470px; }
	.product .photo{ float:none;}
	.product .desc{ padding-left:0;}
	
	.search{ left:230px; /*290px;*/ }
	
	.popup-full{ width:auto; right:0px; left:0px; margin-left:0px!important; }	
	.menu>div>a{ margin-right:15px;}
}
@media only screen and (max-width: 1020px), only screen and (max-device-width: 1020px) {
	.wrap{ padding:0 20px; }
	.menu>div{  left:20px; right:20px; }
}



@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {

	.wrap{ max-width:none;}
	.content{  width:685px; }

	.slider { margin-top: 80px; }

	.top{ height:0px; }
	
	.header{ position:absolute; padding-bottom: 0; }
	.logo{ position:fixed;  z-index:3; top:5px; left:10px; margin:0; width:170px; /*200px;*/ background-size:contain;}
	.logo b, .logo span{ display:none;}
	
	.nav_bar{ position:static!important; height:0; margin:0px 0 70px 0;}
	.mobile_nav{ display:block;}
	.but_info{ display:block;}
	.nav_bar .but_profile, .nav_bar .but_favorite{ display:none; }
	.top .but_profile{ display:block; }
	
	.search .contact{ display:none;}
	.search input[type="text"]{ font-size:inherit; padding:7px 10px 7px 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;  }


	/*.main .wrap{ padding-top:80px; }*/



	
	.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:80px 0 70px 0!important;}
	.dd.open, .dd2.open{ visibility:visible; left:0!important;}
	
	.mobile_menu_close{ position:fixed; top:0; left:0; right:0;  display:block; font-size:24px; line-height:70px; cursor:pointer;  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); z-index:2; padding:0 0 0 80px; background:#f5f5f5; color:#333; }
	.mobile_menu_close:hover{ color:#fff; background:#444; }
	.mobile_menu_close:before{ content:"L"; font:32px icomoon; position:absolute; left:20px; top:16px; }
	.mobile_menu_close:after{ content:attr(title); white-space:nowrap;  }
	
	.dd .mobile_menu_close, .dd2 .mobile_menu_close{ display:none; position:absolute;}
	.dd.open .mobile_menu_close, .dd2.open .mobile_menu_close{ display:block;}
	

	body.mobile_menu { background:#fff;}
	body.mobile_menu .wrap_base{ display:none;}
	body.mobile_menu .main{ visibility:hidden; overflow:hidden; display:none;}
	body.mobile_menu .page_desc{ visibility:hidden; overflow:hidden; display:none;}
	body.mobile_menu .header{ position:relative;}
	body.mobile_menu .footer{ display:none;}
	body.mobile_menu .subfooter{ display:none;}
	body.mobile_menu .wrap{ padding: 35px 0 0 0;}
	body.mobile_menu_all .top{ display:none;}
	body.mobile_menu_all .mobile_nav{ display:none;}
	

	.mobile_frame{ display:none!important; z-index:11!important; position:relative!important; padding-top:0px!important; box-sizing:border-box;  min-width:520px;}
	.mobile_frame.open{ display:block!important;}
	

	.popup{  top:0!important; width:auto!important; left:0; margin-left:0px!important; border:0; border-radius:0; height:0; max-height:100%; -webkit-box-shadow:none; box-shadow:none;}
	.popup-modal{display:none; }
	.popup.popup-show{ position:absolute;/*static;*/ height:auto; overflow:visible!important; margin-top:70px; /*0px!important;*/ }
	.popup-close{ position:fixed; margin:0!important; left:20px; top:16px!important; padding:0; color:#000; z-index:4; }
	.popup-close:before{  font-size:32px; content:"L";  }
	.popup h1, .popup.popup-show:after{ content:""; position:fixed; top:0; left:0; right:0;  display:block; font-size:24px; line-height:70px; height:70px; cursor:pointer;  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); background:#f5f5f5; padding:0 0 0 80px; z-index:3; white-space:nowrap;  }
	.popup.popup-show:after{ z-index:2;  }
	.popup .form_base{ padding:20px 30px 30px 30px!important;background: #fff;}



	.f_menu .wrap {position: absolute; top: 0; }

	.menu>a,.filters>a{ display:none;}

	.menu{ background:#fff; border:0; border-radius:0px; position:relative; -webkit-box-shadow:none; box-shadow:none; margin:0; padding:0; z-index:0;}
	.menu table{ display:block; border-top:1px solid #aaa;}
	.menu table tr{ display:block;}
	.menu table td{ display:block; border:0; border-bottom:1px solid #aaa;         height: auto;      }
	.menu td>div{ position:relative; border:0; }
	.menu td:first-child>div, .menu table td:first-child{ border-left:0;}
	.menu td>div>a{ display:block; background:#fff; font-size:24px; font-weight:bold; text-align:left; padding:12px 15px; color:#000; border-radius:0!important; text-transform: none; }
	.menu td:hover>div>a{ background:#8a0; color:#fff;}
	.menu td.active>div>a{ background:#690; color:#fff;}
	.menu td>div>a span{ font-weight:normal; color:#777;}
	.menu td:hover>div>a{ border:0; margin:0; }
	
	.menu td>div>div{ display:block; }
	.menu td:hover>div>div{ display:block; position:static; z-index:0; border:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; padding:0; min-width:100%;}
	.menu td>div>div a{ font-size:20px; white-space:normal; padding:10px 15px 10px 30px; font-weight:normal; text-transform:none; margin:0; border-top:1px solid #ddd; color:#000; border-radius:0; }
	.menu td>div>div a:hover{ background:#8a0; color:#fff;}
	.menu td>div>div a.active{ background:#690; color:#fff;}
	.menu td>div>div a u{ text-decoration:none;}

	
	
	.nav{ line-height:normal; display:block; font-size:20px; text-transform:none; color:#ccc; border-top:1px solid #aaa; text-align:left;}
	.nav a{ display:block; color:#000; padding:10px 15px; text-decoration:none; border-bottom:1px solid #aaa;     font-weight: 600; }
	.nav a:hover{ text-decoration:none; color:#fff; background:#8a0; }
	.nav a.active{ background:#8a0; text-decoration:none;}
	.nav a span{ display:none; }
	.nav b{ display:none; }
	
	.phones, .buts_soc, .but_subscribe{ position:relative; top:0; right:auto; bottom:auto; }
	.phones { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0; padding:10px 30px; line-height:20px; } 
	.phones span { display:block; margin:10px 0;} 

	
	.cart_content { position:static; max-height:none!important; }
	.cart_content table { margin:0; font-size:16px; }
	.cart_content table td{  white-space:normal;  }
	.cart_content table th{ font-size:16px;}
	.cart_content .compose{ display:none!important;}
	.cart_content .free_sh nobr{ white-space:normal; display:inline!important; font-size:16px;}
	
	.cart_block{ position:static; }
	.cart_block .cart_but{ display:none;}
	.cart_block .cart_content{ z-index:1; visibility:visible; position:absolute;  top:60px; border:0;  border-radius:0px;  -webkit-box-shadow:none; box-shadow:none;}
	.cart_block .cart_back_but{ display:none;}
	.cart_block .buts{ text-align:center; margin-top:30px;}



	.search { position:fixed;  left:0; right:0; top:-100px; z-index:4; width:auto; height:0;  }
	/*.search.focus, .search.hint { position:static; visibility:visible; height:auto; padding-top:70px; }*/
	.search form{font-size:18px; background:#fff; height:50px; width:0px; right:300px; /*border:1px solid #ccc;*/  }
	.search input[type="text"]{ position:relative; opacity:0; padding:12px 20px 12px 40px; margin:0;  border: 1px solid #000; border-radius:4px; height: auto; }
	.search.focus form, .search.hint form{ /*position:absolute;*/ top:10px; bottom:10px; left:10px; right:10px; width:auto; outline:10px solid #f9f9f9; z-index:3; 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); }
	.search.focus form, .search.hint form{ position:fixed; }
	.search.focus input, .search.hint input{ position:static; opacity:1;} 
	.search.focus .search_clear, .search.hint .search_clear{ display:block; top:25px; }
	.search{ position:absolute!important; visibility:visible!important; height:auto!important; top:70px; }

	.search.hint .cart_content{ border:0; z-index:1; margin:0; padding:10px 10px; width:100%; box-sizing:border-box; min-width:520px;}
	/*.search .cart_content td{ white-space:normal;}*/
	.search .cart_content { visibility: hidden }




	.page{ margin:80px -20px 0px -20px; box-shadow:none; }
	
	.submenu{ margin:0 -20px; padding:30px 20px 20px 20px; background:#fff;}
	
	.product { padding-top:80px; }
	.product .price{ font-size:16px;}
	.product .cart a{ font-size:22px; padding:17px 20px 17px 40px;}
	.product .cart .counter{ font-size:16px; }
	.product .cart i{ font-size:27px; }
	.product .cart input{ font-size:20px; }
	.product .content{ overflow:hidden;}
	
	.product .order_options{ font-size:16px;}
	.product p{ line-height:24px;}
	.product .tabs{ font-size:16px;}
	
	.public .public_block{display:block; width:48%; height:auto; float:left; margin-left:2%; }

	.footer .wrap{  text-align:left; padding:20px; }
	.footer .buts_soc{ text-align:left; }
	.footer .copy{ position:static; padding-bottom:17px;}

	.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;}
	
	.breadcrumb {   font-size:14px;}
	.sort{ font-size:14px; }

	.footer .wrap { flex-direction: column; }
	.footer .contacts { margin-top: 20px; }

}

@media only screen and (max-width: 950px), only screen and (max-device-width: 950px) {
	.content{ width:460px;}
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
	.mobile_but.but_filter {display:block; line-height: 30px; padding: 0 28px 0 0; font-size: 16px; }
	.dd2{ 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:80px 0 70px 0!important;}
	

	.content{ float:none; width:auto; }
	.right{ clear:both; float:none; width:auto; }
	.left{ width:auto; font-size:18px;}
	.filter{ font-size:18px;}
	
	.product .base{ padding-left:0px; min-height:0;}
	/*.product .photo{ position:static; float:none; margin:0; }*/
	.product .label{ margin-right:15px;}
	.product .cart{ float:none; display:inline-block;}
	/*.product .thumb{ position:absolute; left:320px; top:-6px; }*/

	.tel_block{ display:block;}
	
	.group { padding-top: 30px; }
	.group_line{ white-space:normal; }
	.new_products h5>span a{ font-size:16px;}
	
	.products_large .item{  width:222px; }
	.products_large .item .img{ min-height:150px; line-height:150px;  }
	.products_large .item img{  max-width:200px;  }
	
	
	.product .gallery .item{  width:215px;}
	.product .gallery .item .img{ min-height:150px; line-height:150px;}
	.product .gallery  img{ max-height:150px; max-width:200px; }
	
}

@media only screen and (max-width: 580px), only screen and (max-device-width: 580px) {

	.main { padding-top: 0; /*display: block;*/ }

	.content.content_product { width: auto; }
	
	.form_base{ line-height:normal; padding-top:10px; font-size:20px; background:#fff; }
	.form_base h1{ font-size:26px; }
	.form_base label{ display:block; width:auto; padding-bottom:5px; font-size:20px; }
	.form_base input, .form_base textarea, .form_base input:focus, .form_base textarea:focus{ padding:10px 10px; font-size:24px!important; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.form_base dl.select_s1{ width:100%; }
	.chb_half{ width:auto;}
	input[type="radio"]{ width:auto; 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:48px; height:50px;}
	.form_base dl.select dl{ max-width:100%; }
	.form_base .autocomplete div{ top:49px;  line-height:32px; font-size:22px;}
	.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:227px; }
	.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 .country_name{ display:none;}
	.form_base .but{ font-size:24px; padding:12px 26px;}
	.form_base .pay_block{ font-size:24px;  padding:12px 26px;}
	.form_base .but[data-icon]{ line-height:30px;}

	.public .public_block{display:block; width:100%; height:auto; float:none; margin-left:0; }
	.public_block_social{ display:none;}

	.footer{  font-size:16px;}
	.footer .col_pay{ position:relative; right:auto; text-align:left;}
	
	.text{  font-size:18px;}

	
	.product .compose { padding:0; margin:10px 0 30px 0;}
	.product .compose div { display:none;}
	.product .compose.active div { display:block;}
	.product .compose label { cursor:pointer; font-size:18px;}
	.product .compose label:after { content:"+"; display:inline-block; 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; margin:0 5px 0 0; }
	
	.events_block .lst  { margin:0;   }
	.events_block .lst li { width:410px; display:block; margin:0 auto 40px auto;   }
	.events_block .lst li a img{ width:400px; height:300px;}
	
	
	
	.group .item{ width:205px;  }
	.group .item img{  max-width:213px; max-height:213px;}
	
	.breadcrumb {   font-size:17px; position:sticky; top:70px; background:#fff; z-index:2; margin:-11px -10px 0 -10px; padding:11px 10px 15px 10px;}
	
	.catalog_nav{ display:block; position:sticky; top:118px; z-index:2; border-bottom:1px solid #ccc; height:59px; margin:0 -10px 10px -10px ; padding:0 10px; background:#fff; clear:both; }
	
	.sort{ font-size:17px; position:relative; top:12px; z-index:1; }
	.sort b{ border:1px solid #ddd; padding:7px 20px 7px 10px; color:#707070; cursor:pointer; }
	.sort b i{ display:none; }
	.sort b:after{ content:""; position:absolute; top:0.5em; right:6px; display:block; width:0; height:0; border:5px solid transparent; border-width:5px 4px 5px 4px;  border-top-color:#aaa; }
	.sort>span{ display:none; }
	.sort:hover>span{ display:block; position:absolute; top:18px; right:0; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.5); min-width:100%; border-radius:0!important; }
	.sort>span a{ display:block; padding:7px 10px; border-radius:0!important; border:0!important;  }
	.sort a.asc:after{  top:14px; }
	.sort a.desc:after{  top:8px; }
}

/*.add_to_cart, .product .cart{ display:none!important;}*/

#uid_order_ok{ border-radius: 12px; }
#uid_order_ok .form_base{ border-radius: 12px; background: url(../imgs/sprite.svg#order-ok) center 25px / 140px 140px no-repeat white; }
#uid_order_ok h2{ margin-top:145px; font-size:24px; font-weight: 500; color:#27272A; text-align:center; }
#uid_order_ok p{ text-align: center; font-size:16px; font-weight: 400; color: #52525B; line-height:16px; margin-top: -5px; }
#uid_order_ok .adv{   display: flex; justify-content: space-between; align-items: center;   max-width: 525px; min-height: 78px; margin: 10px auto; /*position: relative;*/ border: 1px solid #E4E4E7; border-radius: 16px; background: #f5f6f7; box-shadow: 0px 4px 4px -2px #18274B14, inset 0 0 4px white; }
#uid_order_ok .adv-c{ margin: 13px auto; text-align: center; font-weight: 600; font-size: 18px; color: #27272A; line-height: 24px; }
#uid_order_ok .adv-c a{ color: #7BA428; text-decoration: underline; }
#uid_order_ok .adv-l{ margin: 9px; width: 52px; height: 52px; border: 4px solid #E4E4E7; border-radius: 12px; background: url(../imgs/logo_ok.png) center center no-repeat #CAE594; }
#uid_order_ok .adv-r{ margin: 9px; width: 60px; height: 60px; border-radius: 12px; background: url(../imgs/sprite.svg#arrow-r) center center / 24px 24px no-repeat #7BA428; }
#uid_order_ok .mess{ padding: 0;  }
#uid_order_ok .form_base.err, #uid_order_error .form_base.err {  background: url(../imgs/info_err.png) center 70px no-repeat; }