@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?58') format('truetype'),
		url('../fonts/icomoon.woff?58') format('woff'),
		url('../fonts/icomoon.svg?58#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*/
.nicEdit-main img::selection {background:transparent;}
.nicEdit-main .photo-sample{ width:200px; height:auto; border:0; background:#eee; -webkit-box-shadow:none; box-shadow:none;}
.nicEdit-main .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_s1[class]{ width:460px; }
dl.select_s1{ max-width:460px; }
.inp_s2[class]{ width:227px; }
.inp_h1[name]{ font-size:20px; line-height:20px; letter-spacing:-0.03em; font-weight:300;  }

.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:0 0 15px 0;}
.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;}
.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 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 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 .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; font-size:12px; color:#000; min-height:16px; padding:3px 11px; 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; display:none; width:26px; line-height:26px; text-align:center; color:#b33; font-size:16px; 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; }


.calendar{ visibility:hidden;}


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

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	.popup{ width:auto!important; right:0px!important; left:0px!important; top:0!important; bottom:0!important; margin-left:0px!important; position:fixed; border-radius:0; overflow:auto!important; max-height:100%; }
	.popup-close{ position:fixed; margin:0!important; right:2px; top:2px!important;  font-size:36px; }
	
	body.popup_open{ overflow:hidden!important; height:100%!important;}
	body.popup_open .main, body.popup_open .footer{ overflow:hidden; height:0px!important;}
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {}
@media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {}


.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/delivery.png) no-repeat 0 0px; border-radius:3px; }
.delivery_:before {background:none;}
.delivery_1:before{ background-position:0 -20px;}
.delivery_2:before{ background-position:0 -40px;}
.delivery_3:before{ background-position:0 -80px;}
.delivery_4:before{ background-position:0 -60px;}
.delivery_5:before{ background-position:0 -100px;}


#block_delivery{}
#block_delivery_dest_type, 
#block_delivery_city, 
#block_delivery_np_branch, 
#block_delivery_zip, 
#block_delivery_address
	{ 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 
	{ 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.delivery_0.dest_type_1 .name_2{ display:none; }
#block_delivery.delivery_0.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;   }
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?38') format('truetype'),
		url('../fonts/icomoon.woff?38') format('woff'),
		url('../fonts/icomoon.svg?38#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 10px 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:400 14px Arial, sans-serif; min-height:100%; }


.wrap{ position:relative; padding:0 30px; max-width:1200px; margin:0 auto;}


/*common*/
h1{ font-size:36px; line-height:36px; letter-spacing:-0.03em; font-weight:300; margin-bottom:24px; }
h1 a{ color:#000; text-decoration:none;}
h1 a:hover{ color:#09c; text-decoration:underline;}
h2, h6{ margin:10px 0px 10px 0; font-size:24px; line-height:24px; padding:0; font-weight:300;}
h3{ font-size:16px; font-weight:300;}
p{ padding-bottom:12px;}
em{ color:#090; font-style:normal;}
.clear{ clear:both;}

a{ color:#09c; cursor:pointer;}
a img{ border:0;}
a:hover{  }

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


.but { position:relative; display:inline-block; padding:12px 20px; min-width:40px; background:#c20; color:#fff; font-size:12px; vertical-align:middle; text-decoration:none;}
.but:hover{ background-color:#e42;}
.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%); 
}



.block_admin{ position:absolute; top:0; font-size:10px; left:355px; display:none;}


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


.top{ height:190px; }


.nav_bar{ background:#f3f3f3; sborder-bottom:2px solid #888; height:50px; position:absolute; top:140px; left:0; right:0; z-index:4; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.4);}
.nav_bar.fixed{ position:fixed; top:0; }
#dd_cart{z-index:3;}

.top .logo_block{ text-align:center;}
.top .logo { position:relative; z-index:1; display:inline-block; background-size:cover; background:url(../imgs/logo_s2.png) no-repeat center center; width:130px; height:130px;  }
.top .logo2 {background:url(https://lh3.googleusercontent.com/-vuIscUJe3yI/Wyepbm45HnI/AAAAAAABoMU/wAgztjPRNLAV9WBfz5j2AL5T5Ddba2pvQCLcBGAs/w200/) no-repeat center center; width:200px; display:none;  }




.top .dd { position:absolute; top:7px; left:30px; right:30px; line-height:26px; font-size:14px;}
.top .buts_soc{ display:inline-block; padding:0; }

.top .nav{ float:left; }
.top .lnk { margin-bottom:20px;}
.top .lnk a{ display:inline-block; padding:0px 20px 0 0; letter-spacing:0.7; color:#000; }
.top .lnk a:hover{ color:#09c; }

.top .serv{ float:right; }
.top .serv a{ display:inline-block; padding:0px 0 0 20px; letter-spacing:0.7; color:#000; }
.top .serv a:hover{ color:#09c; }



.top .buts_soc{ text-align:center; padding:20px 20px 20px 0;}
.top .buts_soc a{ display:inline-block; font-size:30px;  text-align:center; margin:0 10px 0 0; padding:0; color:#999; vertical-align:middle;text-decoration:none;  }
.top .buts_soc a:before{ font-size:inherit; margin:0; padding:0; content:""; font-family:icomoon; text-decoration:none; }
.top .buts_soc a:hover{ color:#09c; }
.top .buts_soc a.soc_i{ background-position:-45px -55px;}
.top .buts_soc a.soc_f:before{ content:"f"; }
.top .buts_soc a.soc_i:before{ content:"]"; }
.top .buts_soc a.soc_i{ position:relative; top:-2px; font-size:20px; background:#999; color:#fff; border-radius:3px; padding:4px 4px 2px 4px; line-height:20px;}
.top .buts_soc a.soc_i:hover{  background:#09c; color:#fff;}


.main{ padding:30px 0 0 0; }


.menu{ text-align:center; }
.menu>ul{ }
.menu>ul>li{ position:relative; display:inline-block;}
.menu>ul>li>a{ display:inline-block; font-size:16px; font-weight:bold; color:#000; text-decoration:none; line-height:50px; white-space:nowrap; padding:0 15px; }
.menu>ul>li:hover>a{ background:#fff; color:#246;  }
.menu>ul>li.has_sub:hover>a{  box-shadow:2px 2px 7px 0px rgba(0,0,0,0.4); }
.menu>ul>li.has_sub:hover>a:after{ content:""; position:absolute; bottom:-2px; left:0; right:0; height:5px; background:#fff; z-index:1; }
.menu>ul>li>div.menu_sub{ display:none; position:absolute; top:52px; left:0; background:#fff; box-shadow:2px 2px 7px 0px rgba(0,0,0,0.4); padding:10px 0 10px 0; text-align:left;  }
.menu>ul>li:hover>div.menu_sub{ display:block; }
.menu>ul>li>div.menu_sub>ul{  }
.menu>ul>li>div.menu_sub>ul>li{  }
.menu>ul>li>div.menu_sub>ul>li>a{ display:block; font-size:15px; color:#000; text-decoration:none; padding:5px 15px; white-space:nowrap; }
.menu>ul>li>div.menu_sub>ul>li.has_sub{ padding-bottom:8px; }
.menu>ul>li>div.menu_sub>ul>li.has_sub>a{ font-weight:bold; }
.menu>ul>li>div.menu_sub>ul>li>a:hover{ background:#789; color:#fff; }
.menu>ul>li>div.menu_sub>ul>li a i{ font-size:12px; color:#888; font-style:normal; }
.menu>ul>li>div.menu_sub>ul>li a:hover i{ color:#ccc; }
.menu>ul>li>div.menu_sub>ul>li>ul>li>a{ display:block; font-size:14px; color:#000; text-decoration:none; padding:4px 15px 4px 30px; white-space:nowrap; }
.menu>ul>li>div.menu_sub>ul>li>ul>li>a:hover{background:#789; color:#fff; }

.menu>ul>li.wn:nth-last-child(2)>a{ color:#d20!important;}
.menu>ul>li.wn:nth-last-child(1)>a{ color:#09c!important;}


/*cart_block*/
.cart_block .cart_but{ display:inline-block; position:absolute; right:30px; top:0; z-index:3;  color:#fff; text-decoration:none; padding:8px 38px 8px 55px;  margin:0 0 5px 10px;  border:1px solid rgba(255,255,255,0.4); background:#789; text-transform:none; white-space:nowrap; font-size:10px; }
.cart_block .cart_but:hover{  background-color:#e31;  }
.cart_block .cart_but:before{ content:"c"; display:inline-block; font:30px icomoon; position:absolute; left:10px; top:7px; color:rgba(255,255,255,0.8);}
.cart_block .cart_but b{ display:block; }
.cart_block .cart_but b span{  font-size:18px; font-weight:normal; }
.cart_block .cart_but b:before{ content:"";  display:inline-block; position:absolute; right:26px; top:0; bottom:0; width:0; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(0,0,0,0.15);  }
.cart_block .cart_but b:after{ content:"";  position:absolute; right:8px; top:20px;  display:inline-block;  border: 6px solid transparent; border-top-color:rgba(255,255,255,0.6); }

.cart_block.open .cart_but{ border-radius:0;  background-color:#e31; border-color:#e31; border-bottom-color:#e31!important; box-shadow:0px 1px 10px 0px rgba(0,0,0,0.5); }
.cart_block.open .cart_but:after{ content:""; display:block; position:absolute; left:-10px; right:-1px; bottom:-16px; height:15px; background:#fff;}
.cart_block.open .cart_but b:after{ border:0; content:"\D7"; top:10px; font-size:18px; line-height:22px;}


.cart_block .cart_but .label_count{ display:none; background:#c00; color:#fff; border-radius:17px; line-height:18px; width:18px; font-size:11px; text-align:center; margin:-4px 0;}
.cart_block .cart_but .label_count.active{ display:inline-block;}
.mobile_nav .label_count{ position:absolute; right:1px; top:1px; display:none; background:#c00; color:#fff; border-radius:17px; line-height:18px; width:18px; font-size:11px; text-align:center;}
.mobile_nav .label_count.active{ display:inline-block;}

.cart_content{ visibility:hidden; position:absolute; z-index:2; right:30px; top:50px; background:#fff; padding: 0 20px; -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); smin-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.total.total_sm{ font-size:12px; background:#f8f8f8;}
.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 .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; -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); 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_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;}


/*free_sh*/

.pay_icons{ display:inline-block; background:url(../imgs/ico_pay.png) no-repeat -315px 0; width:295px; height:40px; vertical-align:middle;}
.but_dashed{ border-bottom:1px dashed #690; font-size:13px; line-height: 17px; float: right; margin-top: 10px; }

/*search*/
.search{ position:absolute; right:0px; width:280px; top:50px; display:inline-block; vertical-align:top; padding:0; font-size:14px;  border:1px solid #aaa; background:#fcfcfc;  -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; z-index:5;}
.search:before{ position:absolute; right:3px; top:3px; margin:0; padding:0; color:#777; display:inline-block; width:1.6em; height:1.6em; padding-top:0.5em; line-height:14px; text-align:center; }
.search input[type="text"]{ font-size:inherit; padding:10px; background:transparent; border:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:20px; vertical-align:top; position:relative; z-index:1;  }
.search input[type="submit"]{ position:absolute;  right:1px; top:1px; border:0; width:1.6em; height:1.6em; font-size:inherit;  vertical-align:top; cursor:pointer; opacity:0;  }
.search .search_clear{ display:none; position:absolute; right:0px; top:0; bottom:0; text-align:center; width:36px; color:#d00; font-size:30px; line-height:40px; z-index:1; }
.search .search_clear:before{ content:"\D7";  }
.search.hint .search_clear, .search.write .search_clear{ display:block;}
.search.hint:before, .search.write:before{ display:none;}
.search .cart_content{ border:1px solid #aaa; padding:5px 10px; right:0; margin-top:11px; -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.price_sale{color:#d20; }
.search .price_old{ display:block; position:relative; color:#707070; margin-left:20px; font-size:12px;}
.search .price_old:before{ content:""; display:block; width:100%; height:2px; background:#c00; position:absolute; margin-left:-3px; padding:0 3px; z-index:1; left:0; top:8px; transform:rotate(8deg); -webkit-transform:rotate(8deg); opacity:0.5;}


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



/*products*/
.products{ }

.size_item{ display:inline-block; background:#eee; border:1px solid rgba(0,0,0,0.15); padding:0 10px; line-height:26px; font-size:12px; vertical-align:middle; color:#000; white-space:nowrap;}
.size_item.not_avail{ background:#eee!important; color:#777!important; cursor:default!important; position:relative; opacity:0.7; }
.size_item.not_avail:after, .size_item.not_avail:before{ content:""; position:absolute; right:0px; top:0; left:0px; bottom:0;  opacity:0.7; }
.size_item.not_avail:before{ background: linear-gradient(to left top, transparent 49%, currentColor 49%, currentColor 51%, transparent 51%);  }
.size_item.not_avail:after{ background: linear-gradient(to right top, transparent 49%, currentColor 49%, currentColor 51%, transparent 51%);  }
.main .size_item{  margin:0 0 0 10px;  cursor:pointer; }
.main .size_item:hover{ background:#777; color:#fff; }
.main .size_item.active{ background:#3ad; color:#fff; }


.catalog{ padding:0 0 0px 0;}
.catalog h1{ padding:15px 0 0px 0px; float:left;}
.catalog h1 i{ color:#888; font-style:normal;}
.catalog .group{  margin-left:-26px; font-size:0px; clear:both; padding-top:20px;}

.catalog .item{ position:relative; display:inline-block; width:280px; padding:0 10px 10px 10px; margin:0 0 40px 26px;  zbox-shadow:0px 0px 2px 0px rgba(0,0,0,0.3); text-align:center; vertical-align:top;text-decoration:none;  color:#000; font-size:14px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.catalog .item:hover{ background:#fff;  box-shadow:0px 0px 12px 0px rgba(0,0,0,0.5); z-index:2;  }
.catalog .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.catalog .item.hidden { display:none; }
.catalog .item .img{ display:block;  margin:0 -10px; text-align:center; line-height:280px; }
.catalog .item img{ border-radius:5px; max-width:280px; max-height:280px; vertical-align:middle;  }
.catalog .item h3{ color:#111; padding:0 0 10px 0; }

.catalog .item .price{color:#000; }
.catalog .item .price b{ font-size:20px; }
.catalog .item .price.price_sale{color:#d20; }
.catalog .item .price_old{ position:relative; color:#707070; margin-left:20px; font-size:13px;}
.catalog .item .price_old:before{ content:""; display:block; width:100%; height:2px; background:#c00; position:absolute; margin-left:-3px; padding:0 3px; z-index:1; left:0; top:8px; transform:rotate(8deg); -webkit-transform:rotate(8deg); opacity:0.5;}

.catalog .item .label{ display:table; position:absolute; top:-10px; left:-10px; text-align:center; height:70px; width:70px; border-radius:70px; background:#888; color:#fff; font-size:13px;}
.catalog .item .label:before{ content:attr(lang); display:table-cell; vertical-align:middle;}
.catalog .item .label_action{ background:#d20; font-size:18px;}
.catalog .item .label_newest{ background:#2c2;}
.catalog .item .label_hit{ background:#09c;}

.catalog .item .size{position:absolute; z-index:0; text-align:left; left:0px; right:0px; top:0; padding:6px 10px 10px 10px; color:#333; font-size:12px; background:#fafafa; transition: bottom .1s cubic-bezier(0.0, 0.0, 0.2, 1.0); visibility:hidden;  }
.catalog .item .size:before{ content:""; position:absolute; height:4px; left:0px; right:0px; top:-4px; background:#fafafa;   }
.catalog .item:hover .size{ visibility:visible; top:100%; box-shadow:0px 0px 12px 0px rgba(0,0,0,0.5);}
.catalog .item .size_item{ margin:10px 10px 0 0;}


.catalog .item .but_fav{ display:none; position:absolute; top:10px; right:10px; width:44px; text-align:center; border-radius:100px; border:1px solid rgba(0,0,0,0.1); color:#555; }
.catalog .item:hover .but_fav{ display:block;}
.catalog .item .but_fav:before{ content:"I"; font-size:20px; font-family:icomoon; line-height:44px; color:#FC0;}
.catalog .item .but_fav.active{ display:block;}
.catalog .item .but_fav.active:before{ content:"-";  color:#FC0; }
.catalog .item .but_fav:hover{  background:#f3f3f3; }
.catalog .item .but_fav:hover:before{ color:#F90; }

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


.r_box{ position: relative; z-index:1; float:right; top:0px; }
.r_box b{ font-size:11px; color:#888; }
.r_box b a:before{ content:"\D7"; font-size:14px; background:#d00; color:#fff; border-radius:10px; display:inline-block; line-height:12px; width:12px; vertical-align:top; text-align:center; text-decoration:none; position:relative; top:2px; }
.r_box b a:hover:before{  background:#f00; }
.r_box>div{ float:left; margin-left:20px; margin-bottom:10px; }
.r_box>div .select{ margin:4px 0 0 0; }
.r_box>div .select>dl{ right:0; left:auto; width:auto!important; }
.r_box>div .select>dd i{ display:none; }


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



.product{ padding:10px; font-size:14px; }
.product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product h1{ display:inline-block; padding:0; margin:0 0 10px 0;}
.product h2.sup{ display:inline-block; font-size:12px; position:absolute; margin:-3px 0 0 0px; color:#ccc;}
.product .base{ padding-left:470px; position:relative; min-height:365px; padding-bottom:10px;}
.product .base:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product .content{ display:none; clear:both; line-height:20px; border:1px solid #ccc; padding:10px; border-radius:0 10px 10px 10px;}
.product .content.active{ display:block; }
.product .photo{ float:left; margin-left:-470px; }
.product .photo>img{ border:1px solid #ddd; }
.product .photo.loading{ background:url(../imgs/loading.gif) no-repeat center center;}
.product .photo.loading>img{ opacity:0.1;}

.product .thumb{ padding:6px 0 14px 0; margin-right:-6px;}
.product .thumb img{ margin:0 2px 0 0; display:inline-block; background:#ccc; border:1px solid #eee; vertical-align:top; cursor:pointer; }
.product .thumb img:hover{ border:1px solid #aaa;}
.product .thumb img.active{ border:1px solid #777;}


.product .price{ display:inline-block; color:#000; font-size:20px; padding-bottom:15px; }
.product .price b{ font-size:30px; }
.product .price.price_sale{color:#d20; }
.product .price_old{ display:inline-block; position:relative; color:#707070; margin-left:20px; font-size:16px;}
.product .price_old:before{ content:""; display:block; width:100%; height:2px; background:#c00; position:absolute; margin-left:-3px; padding:0 3px; z-index:1; left:0; top:8px; transform:rotate(8deg); -webkit-transform:rotate(8deg); opacity:0.5;}

.product .label_block{ text-indent:-65px; padding:0 0 0 65px;}
.product .label_block *{ text-indent:0;}
.product .label{ display:inline-block; min-width:65px; }
.product .size .size_item{ margin:0 10px 10px 0; vertical-align:baseline; }
.product .count{ display:none;}
.product .but_cart{ display:inline-block; margin:20px 20px 20px 0;}
.product .but_buy{ font-size:20px; }
.product .but_no{  font-size:20px; background:#ddd; color:#555; cursor:default; display:none;}
.product .but_cart.not_avail .but_buy{ display:none;}
.product .but_cart.not_avail .but_no{ display:inline-block;}

.product .but_fav{ display:inline-block; line-height:32px; padding:0 10px; border:1px solid rgba(0,0,0,0.2); color:#555; margin:0 20px 0 0;}
.product .but_fav:before{ color:#FC0; content:"I"; font:14px icomoon; padding-right:10px;  }
.product .but_fav:after{ content:attr(lang_1); }
.product .but_fav:hover{  background:#eee; color:#000;}
.product .but_fav:hover:before{ color:#F90; }
.product .but_fav.active{  background:#FC0; color:rgba(0,0,0,0.8);}
.product .but_fav.active:before{ content:"-"; color:rgba(0,0,0,0.6); }
.product .but_fav.active:after{ content:attr(lang_2); }

.product .block_soc{display:inline-block; vertical-align:middle;}

.product .color{ }
.product .color a{ display:inline-block; border:1px solid #ddd; padding:0 10px 0 21px; line-height:26px; font-size:12px; vertical-align:middle; color:#000;  margin:0 10px 10px 0; text-decoration:none; vertical-align:baseline; position:relative;}
.product .color a:hover{ background:#eee; border-color:#ccc; }
.product .color a.active{ border:3px solid #777; margin:-2px 8px 8px -2px;  }
.product .color a span{ display:inline-block; display:block; position:absolute; left:0; top:0; bottom:0; width:10px; border-right:1px solid #ddd; }

.product .compose{ position:relative; border:1px dashed #aaa; padding:14px; margin:0px 0 15px 0px; line-height:20px;}


.product .cart{ display:inline-block; border-radius:10px; margin:0 20px 20px 0; vertical-align:top; }
.product .cart input{ width:37px; text-align:center; font-size:14px; margin-left:5px; padding:1px; vertical-align:middle;}
.product .cart label{ font-size:12px; color:#999;}
.product .cart a{ display:block; position:relative;  background:#690; color:#fff; text-decoration:none; padding:10px 15px 10px 40px; margin-bottom:10px; border-radius:3px;  -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;}
.product .cart a:hover{  background:#8a0;  }
.product .cart a[data-icon]:before{ font-size:18px; position:absolute; left:11px; top:8px;}
.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 .cart a:after{ content:attr(lang);}
.product .cart a.avail_4, .product .cart a.avail_2{ background-color:#aaa;}
.product .cart a.avail_4:after, .product .cart a.avail_2:after{ content:attr(title);}
.product .cart .counter{ text-align:right; }
.product .cart i{ display:inline-block; width:18px; position:relative;  background:#eee; color:#777; font: 18px/18px Arial; text-align:center; border:1px solid #999; 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 .text ul li{ position:relative; padding:0 0 0.5em 1.5em;}
.product .text ul li:before{ font-family:icomoon; content:";"; position:absolute; left:0; top:0.05em;}

.product table{ border-collapse:collapse; width:100%!important; border:1px solid #ccc!important; border-left:0!important; border-top:0!important;}
.product table td, .product table th{ width:auto!important;  border:1px solid #ccc!important; border-right:0!important; border-bottom:0!important; font-size:12px; padding:5px 10px!important;}
.product table th{ font-size:11px; font-weight:normal; color:#777; text-align:left;}
.product table tr:first-child td, .product .text table td:first-child{ font-weight:bold!important;}


.product .gallery{ display:block; margin-left:-1px;}
.product .gallery h6{ margin-left:1px;}
.product .gallery .item{ display:inline-block!important; padding:0; margin-left:1px; padding-bottom:10px;}
.product .gallery .item .price_multi{ position:relative; left:10px;}
.product .add_to_cart{ margin-right:10px;}
.product .gallery .item .price{ font-size:12px;}
.product .gallery .item .price b{ font-size:18px;}

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


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


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

.events_block .lst { margin:20px 0 0 -20px; font-size:17px; }
.events_block .lst:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.events_block .lst li { position:relative; display:inline-block; vertical-align:top; width:270px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 30px 30px; padding:0 20px 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{ width:270px; height:200px;}

#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 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;}
#uid_order .inp_a3{ width:54px;}



/*review*/
.review{ position:relative; smargin-top:40px;}
.review h6{ font-size:26px; font-weight:normal; padding:0px 0 10px 0; margin:0 0 0px 0; }
.review h6 span{ color:#888;}
.review>.but{ position:absolute; right:0; margin-top:-10px;}
.review .review_buts a{ display:inline-block; padding:9px 18px; color:#555; font-size:14px; text-decoration:none; font-weight:bold; border:1px solid #888; margin:0 20px 0 0; cursor:pointer; }
.review .review_buts a.active{ background:#555; color:#ccc; }
.review .hidden{ display:none;}
.review .hidden.active{ display:block;}
.review li{ position:relative; border-top:1px solid #ccc; padding:20px 0 20px 0;}
.review li:hover{ background:#fafafa;}
.review li.child{ padding-left:60px;}
.review li.child:before{ content:"w"; font:24px icomoon; position:absolute; left:20px; top:15px; color:#bbb;}
.review li b{ padding:0 10px 0 0;}
.review li .date{ position:absolute; right:0; font-size:12px; color:#777;}
.review li.has_product{ padding-left:120px;}
.review li img{ float:left; margin-left:-120px;}
.review li p{ margin:10px 0 0 0;}
.review li .but_answer{ position:absolute; display:none; right:20px; bottom:10px; color:#ff6200; border-bottom:1px dashed #ff6200; text-decoration:none; font-size:12px; line-height:15px;}
.review li .but_answer:after{ content:"w"; font:15px icomoon; position:absolute; right:-20px; top:-2px;}
.review li:hover .but_answer{ display:block;}
.review li.child:hover .but_answer{ display:none;}

.review form{ background:#fafafa; padding:10px 20px 20px 20px; border:2px dashed #aaa;}
.review form h6, .review form h5{font-size:26px; font-weight:normal;  border:0; padding:0; margin-bottom:12px; font-size:22px;}
.review form input, .review form textarea{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.review form .error{ display:block;}
.review form span.inp{ position:relative; display:inline-block; float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin:0; }
.review form span.inp input{ padding-left: 36px; }
.review form span.inp:before{ content:"R"; font:16px icomoon; position:absolute; top:4px; left:8px; color:#999; }
.review form span.inp:nth-of-type(2){ padding:0 0 0 20px; }
.review form span.inp:nth-of-type(2):before{ content:"@"; left:28px; }

.review ul form { margin-left:60px;}
.review ul form h6, .review ul form .vote, .review ul form .but span{ display:none;}

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


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



.text{ line-height:1.5em;}
.text img[align=left]{ margin:0 10px 10px 0;}
.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;}

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


.tel{ padding:0 0 0 40px; white-space:nowrap; }
.tel.ks{ background:url(../imgs/tel_ks.png) no-repeat 18px 2px; }
.tel.mts{ background:url(../imgs/tel_mts.png) no-repeat 18px 2px; }
.tel.life{ background:url(../imgs/tel_life.png) no-repeat 10px 2px; }
#map-canvas{width:100%; height:350px; background:#ebe6dc url(../imgs/loading.gif) no-repeat center center;}


.is_home h1{ text-align:center; float:none!important;}
.home_cat_mi a{ display:block; width:48.5%; padding-top:35%; margin-top:35px; position:relative; float:left; text-decoration:none; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.home_cat_mi a:nth-child(2n){ margin-left:3%;}
.home_cat_mi a .img{  position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.home_cat_mi a .img img{ min-width:100%; max-width:100%;}
.home_cat_mi a b{ display:block; position:absolute; bottom:0; left:0; right:0; text-align:center; background:rgba(127,127,127,0.9); color:#fff; font-size:20px; line-height:3em; font-weight:normal;}

.home_cat_mi a:hover { box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);}
.home_cat_mi a:hover .img img{  min-width:120%; margin-top:-10%;  margin-left:-10%; transition:  min-width .2s cubic-bezier(0.0, 0.0, 0.2, 1.0), margin .2s cubic-bezier(0.0, 0.0, 0.2, 1.0);}
.home_cat_mi a:hover b{ background:#707070; afont-size:26px;}
.home_cat_mi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.home_cat_promo{display:block; text-align:center; background:#c00; color:#fff; font-size:40px; line-height:3em; margin:35px 0; text-decoration:none;}
.home_cat_promo:hover{ background:#e11; }

.subscribe{ position:relative; background:url(https://lh3.googleusercontent.com/-HsjzyKBQi2A/WyOz6zahoFI/AAAAAAABnt4/HH4TzOuQ4SIQbLYzm48VzNXNQmHZ5G6iwCLcBGAs/w1920-h250-c/) no-repeat center top; color:#fff; padding:40px 0 40px 0; text-align:center; margin-bottom:40px;}
.subscribe .input{ position:relative; }
.subscribe .input:before{ font:18px 'icomoon'; content:"@"; position:absolute; left:10px; top:0px; color:#000; z-index:1; }
.subscribe input{ padding:7px 10px 7px 40px; width:250px; font-size:15px; vertical-align:middle; }

/*sliding*/
.sliding{ position:relative; }
.sliding>a{ position:absolute; top:50%; margin-top:-110px; display:block; padding:40px 10px; cursor:pointer; color:#fff; font:42px icomoon; text-shadow:0px 0px 4px rgba(0,0,0,1);  z-index:3;  right:-30px;}
.sliding>a:before{  content:"}"; }
.sliding>a:first-child{ left:-30px; right:auto;}
.sliding>a:first-child:before{  content:"{"; }
.sliding>a:hover{ color:#333; text-shadow:0px 0px 1px #fff; }

.sliding .sliding_block{position:relative; overflow:hidden; white-space:nowrap; padding:10px 0px 110px 0; font-size:0; }
.sliding .sliding_block:hover{ margin:0 -10px; padding-left:10px; }
.sliding .sliding_block.loading{ opacity:1;}
.sliding .sliding_items>span .item{ white-space:normal; font-size:12px;}
.sliding .sliding_items>span:first-child .item{ margin-left:0;}




/*slider*/
.block_slider{ padding-top:30px; }
.slider{ position:relative; padding-top:48%; margin:0 auto; overflow:hidden; background:#fff;}
.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%; height: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%; height:100%; text-align:left; background-position:center top; background-size:cover; background-repeat:no-repeat; }
.slider_buts{ position:absolute; bottom:15px; z-index:1; left:0px; right:0px; text-align:center; opacity:0.5;}
.slider:hover .slider_buts{  opacity:1;}
.slider_buts a{ display:inline-block; width:12px; height:12px; margin:0 5px; border:2px solid rgba(0,0,0,0.8); opacity:0.9;  background:#fff; }
.slider_buts a:hover{  background:#d20; }
.slider_buts a.active{  background:#ff6200; }


/*admin*/

.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:#690; cursor:pointer;}
.but_edit:hover{  background:#c60;}
.but_edit:before{ content:""; display:block; border:2px solid #fff; border-left:0; border-right:0; margin:3px 0 0 0; height:3px;}
.but_edit.photo-upload-but{ left:5px; right:auto;}
.but_edit.photo-upload-but:before{ border:0; background:#fff; margin:3px; height:7px;}
.popup .but_edit[target="#uid_page"]{ right:40px; top:10px; }




/*breadcrumb*/
.breadcrumb { margin:-20px 0 20px 0; font-size:12px;}
.breadcrumb a{ position:relative; display:inline-block; border:1px solid #ccc; border-left:0; border-right:0;  background:#fff; line-height:30px; padding:0 13px 0 25px; text-decoration:none; color:#09c; }
.breadcrumb a:after{ content:""; position:absolute; top:0; right:0; z-index:1; width:19px; height:17px; border:1px solid #ccc; border-right:0; border-bottom:0; transform:rotateZ(124deg) skew(-20deg);  transform-origin: 72% 79% 0px; -webkit-transform:rotateZ(124deg) skew(-20deg) ; -webkit-transform-origin: 72% 79% 0px; vertical-align:top; }
.breadcrumb a:hover{ color:#d20;  }
.breadcrumb .active{ color:#888; cursor:text;}
.breadcrumb a.ico_home{ text-align:center; padding-left:15px; border-left:1px solid #ddd; }
.breadcrumb a.ico_home:before{ margin:0; font-size:15px; vertical-align:top; }




/*footer*/
.footer{ position:relative; font-size:12px; line-height:17px; background:#e3e3e3; padding:0px 0 0 0; margin-top:50px; border-top:4px solid #3ad; }
.footer .copy{ text-align:center; margin:20px 0 0 0; padding:20px 0; background:#dadada; border-top:1px solid #eee; }

.footer>div>ul { }
.footer>div>ul a{ text-decoration:underline; }
.footer>div>ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.footer>div>ul>li{ width:20%; float:left; padding-top:20px; }
.footer>div>ul>li h5{ font:16px Arial, sans-serif; color:#555; border-bottom:1px solid #bbb; padding:0 0 10px 0; margin:0 30px 10px 0; }
.footer>div>ul>li>ul{ margin:0 30px 0px 0;  }
.footer>div>ul>li>ul>li{ padding-bottom:5px;}

.footer .logo { position:relative; z-index:1; display:block; background:url(https://lh3.googleusercontent.com/-2j4FA8EaGJo/Wv1yJZEv8yI/AAAAAAABjCc/7M5IgNSUatch30Y2a0q5pmcvRNiG3EvQgCLcBGAs/h120/) no-repeat center center; width:130px; height:130px; margin:0 auto;  }

.footer .buts_soc { margin-top:10px;}
.footer .buts_soc a{ position:relative; display: inline-block; padding:0!important; margin:0 5px; vertical-align: top; width: 30px; height: 30px; text-decoration:none; overflow:hidden; background:url('../imgs/social-icons2.png') no-repeat 0 0; opacity:0.9; }
.footer .buts_soc a:before{ display:none;}
.footer .buts_soc a:hover{ opacity:1; top:-1px; left:-1px; -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5); box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5);}
.footer .buts_soc a:active{  top:0; left:0; -webkit-box-shadow:none; box-shadow:none;}
.footer .buts_soc a.soc_f{ background-position:-45px -55px;}
.footer .buts_soc a.soc_v{ background-position:-85px -55px;}
.footer .buts_soc a.soc_t{ background-position:-325px -215px;}
.footer .buts_soc a.soc_i{ background-position:-85px -135px;}
.footer .buts_soc a.soc_y{ background-position:-285px -55px;}
.footer .buts_soc a.soc_o{ background-position:-165px -55px;}




/*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; width:250px; font-size:24px; line-height:36px; border:3px solid #690; border-radius:5px;  -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset;  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.2) inset; margin-bottom:10px;  }
.auth a{ position:relative; display:block; font-size:32px; text-align:center;  padding:10px 0px 10px 0px;  border:4px solid #bbb; border-radius:5px; -webkit-box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset;  box-shadow:-5px -5px 10px 0px rgba(0,0,0,0.2) inset; background:#690; color:#eee;  text-decoration:none; }
.auth a:hover{ background:#7a1;  color:#fff; }
.auth a:active{  -webkit-box-shadow:none;  box-shadow:none; }
.auth a:before{ color:#ddd; }
.auth a.logout:before{ content:"z"; font:32px 'icomoon'; position:absolute; left:15px; top:8px; color:#ccc; }



/*RESPONSIVE*/
body{  min-width:460px; }

.mobile_nav{ display:none; position:fixed; z-index:4; right:0; top:0; left:0; margin:0; 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); text-align:right; padding:10px;  min-width:460px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.mobile_nav a{ display:inline-block; margin:0 0px 0 7px;   -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; width:48px; line-height:48px; height:48px; color:#333; position:relative;}
.mobile_nav a{
	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{ color:#370;}
.mobile_nav a: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{color:#fff; background-color:#690;}
.mobile_nav a.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{ margin:0; font-size:24px; }




@media only screen and (max-width: 2048px), only screen and (max-device-width: 2048px) {
}
@media only screen and (max-width: 1270px), only screen and (max-device-width: 1270px) {
}

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

}

@media only screen and (max-width: 1180px), only screen and (max-device-width: 1180px) {
	.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) {	
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {	
	
	.mobile_nav{ display:block; }
	
	.is_home .products{ width:100%;}
	.is_home .public{ width:100%;}
	.search .buts_soc{ display:none;}
	
	.nav_bar{ position:static!important; top:0; height:0; margin:70px 0 0px 0;}
	.menu>a,.filters>a{ display:none;}
	
	.top{ top:0; position:fixed; z-index:10; left:0; right:0; height:0px;}
	.top .wrap{ height:0px;}
	.top .logo_block{ top:10px; left:10px; position:absolute; z-index:10; }
	.top .logo{ height:50px; width:42px; background-size:100%;}
	.top .logo2{  width:120px;}
	
	.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:30px 0 80px 0!important;}
	.dd.open{ visibility:visible; left:0!important;}
	.dd_f{ left:0!important; top:-50px!important; bottom:auto!important; right:0!important; overflow-y:visible; box-shadow:0px 10px 10px -10px rgba(0,0,0,0.5);transition: top .2s  cubic-bezier(0.0, 0.0, 0.2, 1.0); padding:10px 20px 20px 20px!important; z-index:1!important; max-width:none; }
	.dd_f.open{ visibility:visible; top:68px!important;}
	.mobile_menu_close{  display:block; font-size:24px; line-height:40px; width:40px; text-align:center; cursor:pointer; font-style:normal; border:1px solid #444; border-radius:40px; color:#444; position:relative; top:-5px; left:20px; margin-bottom:10px; }
	.mobile_menu_close:hover{ color:#fff; background:#444; }
	.mobile_menu_close:before{ content:"\2715";  }
	
	
	.search{ position:relative; display:block; margin:0; left:0px; top:0; max-width:none; font-size:18px; width:auto; }
	.search.hint .cart_content{ left:0; right:auto; top:30px;}
	.search .cart_content td{ white-space:normal;}

	
	.menu{ text-align:left; }
	.menu>ul{  }
	.menu>ul>li{  display:block;}
	.menu>ul>li>a{ display:block; font-size:20px; font-weight:bold; line-height:normal; padding:6px 20px; border-top:1px solid #789; border-bottom:1px solid #789; margin-top:-1px; }
	.menu>ul>li>a:hover{ background:#789; color:#fff;   }
	.menu>ul>li.has_sub:hover>a{  box-shadow:none; }
	.menu>ul>li.has_sub:hover>a:after{ display:none; }
	.menu>ul>li>div.menu_sub{ display:block; position:relative; top:auto; left:0; background:#fff; box-shadow:none; padding:10px 0 10px 10px;  }
	.menu>ul>li:hover>div.menu_sub{ display:block; }
	.menu>ul>li>div.menu_sub>ul>li>a{ font-size:18px;  }
	.menu>ul>li>div.menu_sub>ul>li>ul>li>a{  font-size:16px;  }

	.top .nav{ float:none; }
	.top .serv{ float:none; }
	.top .lnk { margin:0;}
	.top .lnk a, .top .serv a{ display:block; font-size:18px; padding:6px 20px; border-top:1px solid #789; border-bottom:1px solid #789; margin-bottom:-1px; text-decoration:none; }
	.top .lnk a:hover, .top .serv a:hover{ background:#789; color:#fff;  }
	.top .buts_soc{ padding:15px 0; display:block;}

	.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:10px 0; padding:10px 10px; line-height:30px; } 
	.phones span { display:block;} 
	
	
	.cart_block{ position:fixed; right:0px; top:68px; }
	.cart_block .cart_content{ top:0; right:0px; }
	.cart_block .cart_but{ display:none;}
	
	.product .cart a{ font-size:14px;  padding-right:10px;}
	.product .content{ overflow:hidden;}
		
	.popup .product, .popup .text, .popup .form_base{ padding-top:50px; padding-bottom:80px; }

	#jivo_top_wrap{ ddisplay:none;}
	
	.slider{ smargin:0 -30px; spadding-top:51%; }
	
	.sliding>a{   right:-20px;}
	.sliding>a:first-child{ left:-20px; right:auto;}
	
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
	.page{ margin:10px -20px -60px -20px; }
	.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;}
	.tel_block{ display:block;}
	
	
	.footer>div>ul>li{ width:33%; }
	.footer>div>ul>li:nth-child(1){ }
	.footer>div>ul>li:nth-child(4){ clear:left; margin-left:33%; }
	
	
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	
	.catalog .group{ margin:0 -20px 0 -30px; }
	.catalog .item { width:214px; margin-left:11px; }
	.catalog .item .img{ line-height:214px; }
	.catalog .item img{  max-width:214px; max-height:214px;   }
	
	.sliding .sliding_block{margin:0 -30px 0 -30px!important;  padding-left:0px!important;}
}

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

	#uid_order .form_base{ line-height:normal; padding-top:10px; }
	#uid_order .form_base h1{ font-size:26px; }
	#uid_order .form_base label{ display:block; width:auto; padding-bottom:5px; font-size:14px; }
	#uid_order .form_base input, #uid_order .form_base textarea, #uid_order .form_base input:focus, #uid_order .form_base textarea:focus{ padding:7px 10px; font-size:18px!important; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#uid_order .form_base dl.select_s1{ width:100%; }
	#uid_order .chb_half{ width:auto;}
	#uid_order .checkbox{ white-space:normal;}
	#uid_order .form_base dl.select, #uid_order .form_base dl.select dl{ max-width:100%; font-size:18px; }
	#uid_order .form_base input[size]{ width:auto; }
	#uid_order .form_base .suf{ line-height:38px; }
	#uid_order .form_base .name_f{ width:100%; }
	#uid_order .form_base input.inp_s2{ width:200px; }
	#uid_order .form_base input.s2{ width:80px; }
	#uid_order .form_base input.s_p1{ width:50px; }
	#uid_order .form_base input.s_p2{ width:60px; }
	#uid_order .form_base input.chb{ width:auto; }
	#uid_order .form_base .select{ line-height:36px; height:38px; }
	#uid_order .form_base .country_name{ display:none;}
	#uid_order .form_base .but, #uid_order .form_base .pay_block{ font-size:18px;}
	#uid_order .form_base .but[data-icon]{ line-height:30px;}
}

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

	.home_cat_mi a{ width:100%; padding-top:68%; margin-left:0!important;}
	
	.cart_content{ }
	.cart_content table td{  white-space:normal;  }
	.cart_content .compose{ display:none!important;}
	
	.cart_block{ right:0px; left:0;  }
}