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

[material-icon]:before {
	content: attr(material-icon); 
	font-family: 'Material Icons';
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

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

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

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

.display_none{ display:none!important;}
.display_hidden{ visibility:hidden; position:absolute; left:-10000px; top:-10000px;}
.float_clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*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:#999 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOTAsMTM5YzAsMjAgMTYsMzcgMzcsMzdzMzcsLTE2IDM3LC0zN3MtMTYsLTM3IC0zNywtMzdzLTM3LDE2IC0zNywzN3ptMTE3LC02MmwtNDAsMGMtMiwtMTEgLTUsLTIyIC0xNywtMjJsLTQ1LDBjLTExLDAgLTE0LDExIC0xNywyMmwtNDAsMGMtNiwwIC0xMSw1IC0xMSwxMWwwLDEwMmMwLDYgNSwxMSAxMSwxMWwxNjAsMGM2LDAgMTEsLTUgMTEsLTExbDAsLTEwMmMwLC02IC01LC0xMSAtMTEsLTExem0tODAsMTEzYy0yOCwwIC01MCwtMjIgLTUwLC01MGMwLC0yOCAyMiwtNTAgNTAsLTUwYzI4LDAgNTAsMjIgNTAsNTBjMCwyOCAtMjIsNTAgLTUwLDUwem04MCwtNzlsLTIyLDBsMCwtMTFsMjIsMGwwLDExeiIgb3BhY2l0eT0iMC41IiBmaWxsPSIjZmZmIi8+PC9zdmc+');/*ZmZm=MDAw*/ background-size:100% 100%;}

.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-panelContain { position:sticky; zdisplay:none;}
.nicEdit-panelEnabled { display:block; top:0; z-index:100;}
.nicEdit-main{ border-top:1px solid #bbb;}
.nicEdit-pane{ position:fixed; bottom:26px;}

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

.docs-upload{ position:relative; display:inline-block; }


/*form_base*/
.form_base{  line-height:32px;}
.form_base h1{ padding-bottom:15px; margin:0; text-align:left;}
.form_base .hdr, .form_base h1{ font-size:24px; font-weight:600; padding-bottom:20px; margin:0; text-align:left; color:#777; position:relative; top:-7px; white-space:nowrap;}
.form_base label{ display:inline-block; width:150px; vertical-align:top; font-size:14px; color:#777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.form_base label.chb{ width:auto; display:inline-block!important; font-size:inherit; color:inherit; white-space:inherit; text-overflow:inherit; overflow:inherit;}
.form_base label.rel{ width:auto!important; padding-right:7px}
.form_base label i{ color:#c00; font-style:normal; }
.form_base input, .form_base textarea{ font:14px Arial; width:365px; padding:8px 12px; margin-bottom:15px; border:1px solid #999; border-radius:0px; vertical-align:middle;}
.form_base input::placeholder { color:#aaa; }
.form_base textarea{ font-size:14px; min-height:50px; }
.form_base textarea[nicedit]{ height:100px;  }
.form_base .nicEdit-main{line-height:20px; }
.form_base .nicEdit-main p{ padding:0 0 10px 0; }
.form_base dl.select{ margin-bottom:15px; vertical-align:middle; }
.form_base input[type='image'], .form_base input[type='checkbox']{  width:auto; padding:0; margin:0; border:0; border-radius:0; }
.form_base .inp{ display:inline-block; margin-bottom:15px;}
.form_base .inp_full{ box-sizing:border-box; width:100%;}
.form_base .no_mb{ margin-bottom:0;}
.form_base .inp_2{ width:170px;}
.form_base .inp_red{ background:#fed;}
.form_base .s{ width:160px; }
.form_base .s2{ width:65px; }
.form_base .s3{ width:40px; }
.form_base .inp_a1{ width:207px;}
.form_base .inp_a2{ width:65px;}
.form_base .inp_a3{ width:34px;}
.form_base .s_p1{ width:1.7em;}
.form_base .s_p2{ width:2.4em;}
.form_base input[size]{ width:auto; }
.form_base .suf{ vertical-align:top;}
.form_base input:invalid{ -moz-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; }
.form_base span.error{ display:inline-block;}
.form_base .error_mess{ display:none;}
.form_base.country_ua .error .error_mess{ position:absolute; left:100%; margin-left:15px; display:inline-block; vertical-align:top; font-size:small; color:#c33; white-space:nowrap;}
.form_base.country_ua .error.mess_rel .error_mess { left:0px; margin-left:0; bottom:5px;}
.form_base.country_ua .error.mess_rel{ padding-bottom:20px;}
.form_base .error:after{ content:"!"; position:absolute; right:9px; top:7px; 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.loading{ opacity:0.3;}
.form_base .text{ padding:0!important;}
.form_base fieldset{ border:1px solid #ccc; margin:0px -10px 20px 0; padding:0px 9px 6px 9px;}
.form_base fieldset legend{ color:#777; margin-left:10px;}
.form_base fieldset hr{ border:0; border-top:1px solid #ddd; margin:12px 0;}
.form_base .col_l{ float:left; width:330px;}
.form_base .col_r{float:right;   width:200px;  margin-right:10px;}
.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-flag { margin-right:0; width:4.1em;}
.form_base dl.select-flag>dd { }
.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{ font-size:14px; 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 dl.select-flag + input { padding-left:4.7em; margin-left:-4.1em;}


.form_base .chb_to_inp{ font-size:12px; line-height:normal; position:relative; top:-10px; color:#c00; padding:0 6px 0 20px;}
.form_base .chb_to_inp input{ position:relative; top:-1px; margin:0 3px 0 -20px;}
.form_base .chb_to_inp a{ text-decoration:none; border-bottom:1px dashed #09c;}
.form_base .chb_to_inp a:hover{ border-color:#c00;}

.form_base .block_error{ display:none; color:#a22; font-size:12px; text-align:left; margin-bottom:15px; line-height:16px; }
.form_base .block_error.has_label{ padding-left:130px;}
.form_base .block_error:before{ content:"!"; font:16px icomoon; padding:0 8px 0 0; vertical-align:middle; position:relative; top:-1px; }
.form_base .block_ok{ color:#690; }
.form_base .block_ok:before{ content:";";  }

.form_base .show_password{ position:absolute; vertical-align:top; padding:0.4em 0.24em; color:#bbb; cursor:pointer; margin-left:-2.5em;}
.form_base .show_password:hover{ color:#999;}
.form_base .show_password:before{ content:"p"; font:1.4em icomoon;}
.form_base .show_password.active:before{ content:"j";}

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

.form_base .multi_item{ margin:-12px 0 10px 134px; font-size:14px; }
.form_base .multi_item>span{ display:inline-block; line-height:30px; border:1px solid #ddd; background:#f7f7f7; padding:0 7px 0 15px; margin:0 5px 5px 0; }
.form_base .multi_item>span .but_remove{ position:relative; top:5px; left:20px; vertical-align:top;}

.inp_cal[type]{ width:100px;  background:transparent!important; cursor:pointer;  font-size:12px; line-height:16px;  position:relative; box-sizing:border-box; }
.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;  }



.autocomplete{ display:inline-block; position:relative; vertical-align:middle;}
.autocomplete div{ position:absolute; z-index:2; left:0px; top:34px; background:#ffe; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5); min-width:130px; text-align:left; line-height:20px; font-size:12px; max-height:300px; overflow-y:auto;}
.autocomplete div a{ display:block; font-size:14px; color:#000; min-height:16px; padding:3px 11px; text-decoration:none; white-space:nowrap; border-bottom:1px solid #eed;}
.autocomplete div a[hide="1"]{  background:#f1f1ed;  opacity:0.5;}
.autocomplete div a:hover, .autocomplete div a.active{ background:#07c; color:#fff; }
.autocomplete .but_clear{ position:absolute; top:1px; right:1px; display:none; width:30px; line-height:30px; text-align:center; color:#b33; font-size:18px; text-decoration:none; }
.autocomplete .but_clear:before{ content:"\D7"; }
.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:2.3em; position:relative; height:auto; overflow:hidden; vertical-align:middle; margin-right:6px; .display:inline; zoom:1; color:#111; font-size:14px; border-color:#999; border-radius:0px;  }
dl.select dd { padding:0px 3.1em 0 .8em; 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.default { color:#999; }
dl.select>dd:before {content:""; position:absolute; top:0px; bottom:0; right:0px;  display:block; width:2em; text-align:center; background:inherit; border-left-width:inherit; border-left-style:solid; border-color:inherit; }
dl.select>dd:after{ content:""; position:absolute; top:50%; margin-top:-.15em; right:.65em; width:.4em; height:.4em; border:2px 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 dl { position:absolute; background:#fff;  border-width:1px; border-style:solid; border-color:inherit;  max-height:300px; overflow:auto; overflow-x:hidden; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3); text-align:left; }
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: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; }*/

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.05); color:#fff; line-height:22px; height:24px;}
dl.select-color>dd { background:#888; }
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; }
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:#999;  }

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

/*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:0px; color:#000;  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.popup.show{ display:block;}
.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:0px; top:-12px; display:block; padding:7px; text-decoration:none; border:0; font-size:32px; color:#aaa; cursor:pointer; }
.popup-close:before{ content:"\2715"; }
.popup-close:hover{ color:var(--color); }

.popup-full{ width:1260px; }
.popup-half{ width:650px; }
.popup-text{width:910px;}



.popup .form_base{ padding: 30px;}
.popup .form_base .ok{ font-size:18px; color:#790; text-transform:none; letter-spacing:normal;}
.popup .form_base .err{ font-size:18px; color:#c00; text-transform:none; letter-spacing:normal; }
.popup .mess{ line-height:20px; padding:0 0 20px 30px;}




@media screen and (max-width: 840px){
	
	.popup{ width:auto; margin-left:0!important; left:0px; top:0!important; right:0; bottom:0; position:fixed; overflow-y:auto; overflow-x:hidden;}
	
	.popup .form_base:after, .popup .form_base:before{ content:""; display:block; height:0px; box-shadow:0px -30px 15px 30px; color:#0005; position:sticky; top:70px; width:100%; z-index:1; }
	.popup .form_base:after{ height:10px; color:#fff; z-index:2; position:absolute; background:#fff; }

	.popup-close{ position:fixed; right:0px; top:0px; padding:0; text-align:center; line-height:normal; width:70px; line-height:70px; white-space:nowrap; font-size:42px; z-index:4; font-weight:normal;}
	.popup-close:hover{ color:var(--color);}

	.popup .hdr, .popup h1{ position:sticky; top:0px; margin:-30px -30px 0 -30px; padding:0 0 0 30px; background:#fff; z-index:3; font-size:24px; font-weight:600; color:var(--color-g); height:70px; line-height:70px;}
	.popup .hdr:before, .popup h1:before{ padding:0 10px 0 20px; font-size:36px; vertical-align:top;}
	.popup .form_base .ok, popup .form_base .err{  margin-bottom:30px; }
	
	.form_base input, .form_base textarea{ font-size:18px; font-family:inherit;}
	.form_base .inp_a1{ width:270px; }
	.form_base .inp_1{ width:100%; box-sizing:border-box;}
	.form_base .inp_2{ width:180px;}
	.form_base label{ display:block;}
	.form_base dl.select {font-size:18px; line-height:2.2em; }
	.form_base .but{ font-size:18px; margin-top:10px;}
	.form_base .autocomplete{  display:block; }
	.form_base .autocomplete div{  top:40px; }
	.form_base .autocomplete div a{ font-size:16px; padding:9px 11px; }
	
	
}



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



.review_stars{ display:inline-block; text-align:left; color:#559911; clear:both; position:relative; top:0px; padding:0 0 0px 80px; font-size:13px; height:20px; vertical-align:middle;}
.review_stars:hover{ color:#e00; text-decoration:underline; cursor:pointer;}
.review_stars i { display:inline-block; color:#ccc; font:16px icomoon; text-decoration:none; position:absolute; left:0; top:1px; margin-right:8px;}
.review_stars i:before{ content:"XXXXX"; }
.review_stars i i{ color:#EA0; position:absolute; left:0; top:0; overflow:hidden;  }



/*uid_autopreload*/
#uid_autopreload{ clear:both; display:block; background:url(../imgs/loading2.gif) no-repeat center -100px;}
#uid_autopreload.loading{ background-position:center 20px; height:100px; opacity:1!important;}


/*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:0px; color:#000;  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5); min-height:50px; }
.auth form span{ display:block; position:relative; }
.auth form span:before{ font:32px 'icomoon'; position:absolute; left:20px; top:14px; color:#999; }
.auth input{ padding:10px 17px 10px 60px; width:250px; font-size:24px; line-height:36px; border:3px solid #690; border-radius:0px;  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:0px; 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{  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; }:root{
	--color:#900;
	--color-g:#777;
	--color-h:#b11;
	--device-width:480px;
}
body{ min-width:var(--device-width); color:#000;  font:16px "Open Sans", Arial;  padding-top:120px; }


/*common*/
h1{ font-size:1.5em; line-height:1.3em; text-align:center; margin:0px 0 25px 0; letter-spacing:0.05em; text-transform:uppercase; color:#888; font-weight:700; }
h2{ font-size: 20px; line-height:28px;  margin:30px 0 18px 0; }
h3{ font-size:18px; line-height:22px; margin:30px 0 18px 0;  color:#888;}
h4{ font-size:1.1em;  margin:0px 0 1em 0;}
h5{ font-size:20px; font-weight:700; color:#888;  margin:0px 0 1em 0;}
h6{ font-size: 24px; letter-spacing:0.05em; text-align:center; font-weight:700; padding:10px 0 10px 0; text-transform:uppercase; color:#888;}
h6 a{ color:inherit; }
p{ padding-bottom:8px;}
em{ font-style:normal;}

a{ color:var(--color); cursor:pointer; text-decoration:none;}
a:hover{ color:#c00;  }
a[aref].loading{ opacity:0.5;}

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

.but { display:inline-block; text-decoration:none; color:#fff; border:0; line-height:2.7em; background-color:#ad0501; text-transform:uppercase; font-size:15px; font-weight:bold; vertical-align:top;  padding:0 1.8em; transition: background .5s ease-out, color .5s ease-out; }
.but:hover{ background-color:#b21; color:#fff;}


.wrap{ max-width:1200px; padding:0 50px; margin:0 auto;}

@media screen and (max-width: 740px){ 
	.wrap{ padding:0 20px; }
}

.content{ background:#f0efed; padding:35px 0;  }

.loading{ opacity:0.5;  transition: opacity 0.5s cubic-bezier(0.0, 0.0, 0.2, 1.0);}


/*teaser*/
.teaser{ padding:30px 0 50px 0;}

/*breadcrumb*/
.breadcrumb {  font-size:11px; position:absolute; top:-32px; }
.breadcrumb a{ position:relative; display:inline-block; border-radius:2px; color:#777; border:1px solid #ddd; background:#fff; line-height:18px; padding:0 6px; margin-right:8px; text-decoration:none; margin-bottom:2px; vertical-align:top;}
.breadcrumb a:after{ content:""; position:absolute; top:6px; right:-9px; display:inline-block; width:0; height:0; border:4px solid transparent; border-left:4px solid #ddd;}
.breadcrumb a:hover{ color:#580; background:#fff; border-bottom:3px solid #8b3; margin-bottom:0;}
.breadcrumb a:hover:after{ zborder-left-color:#8b3;}
.breadcrumb .ico_home{ width:18px; padding:0; text-align:center; color:#aaa; font-size:12px;}
.breadcrumb .ico_home:before{ margin:0;}




/*base*/

.but_add_product{ display:inline-block; width:28px; height:28px; line-height:26px; font-size:40px; text-align:center; vertical-align:top; color:#bbb; border:1px dashed #bbb; }
.but_add_product:hover{ color:#690; background:#fff;}

h1 .but_add_product{ vertical-align:middle;}


.but_edit{ position:absolute; z-index:1; right:0px; top:-20px; display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#ccc; border:1px dashed #ccc; cursor:pointer;}
.but_edit:before{ content:"W"; font:20px icomoon; line-height:inherit;}
.but_edit:hover{  color:#690; background:#f7f7f7;}

.but_add{  right:40px; }
.but_add:before{ content:"+"; font-family:arial;}

.but_back{ position:absolute; display:block; top:-20px; left:0; width:30px; height:30px;  background:#999 ;}
.but_back:hover{ background-color:#a00;}
.but_back:after{ content:""; position:absolute; top:8px; left:11px; width:10px; height:10px; border:2px solid #eee; border-right:0; border-bottom:0; transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg); }


.but_remove{ position:relative; display:inline-block; vertical-align:middle; color:#c00; font-size:16px; line-height:20px; border-bottom:1px dashed #c00; margin-right:20px; }
.but_remove:before{ content:"\D7"; position:absolute; left:-15px; font-size:20px;}
.form_base .but{ vertical-align:middle; }


.page .but_close{ position:absolute; right:0px; top:-15px; text-align:center; height:40px; width:40px; line-height:40px; white-space:nowrap; font-size:42px; color:#aaa;}
.page .but_close:hover{ color:var(--color);}



.text{ position:relative; clear:both; padding:0 0px 0px 0; line-height:1.5em; }
.text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.text p{  line-height:1.5em; }
.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;}
.text h1, .text h2, .text h3, .text p, .text ul, .text ol{ padding-right:30px;}
.text div h1:first-child, .text div h2:first-child, .text div h3:first-child, .text div p:first-child, .text div ul:first-child, .text div ol:first-child{ margin-top:0px;}
.text table{ border-collapse:collapse; border:1px solid #ccc; border-top:0; border-right:0;  width:100%; }
.text table tbody{ border:0!important;}
.text table p{ padding:0!important; margin:0!important;}
.text table th, .text table td{ border:1px solid #ccc; border-left:0; border-bottom:0; padding:5px 10px;}
.text table th{ background:#eee;}
.text textarea[nicedit]{ height:200px; }
.text img[align="left"]{ margin:0 30px 30px 0;}
.text img[align="right"]{ margin:0 0 30px 30px;}

.text .nicEdit-main{ padding:0!important; margin:0 -1px!important;}
.text .but_edit{ right:30px;}

.popup .text{ padding:30px;}


.more{ display:inline-block; text-decoration:none; line-height:16px; position:relative; margin:12px 24px 16px 0; color:#09c; border-bottom:1px dashed #09c; }
.more:hover{ border-bottom-color:#c00; color:#c00;}
.more:after{ position:absolute; right:-14px; top:4px; content:"}"; font:10px icomoon; }
.more.back{ margin:12px 0 16px 20px; }
.more.back:after{ content:"{"; right:auto; left:-14px; }




.home .text{ min-height:0;}
.home .snapped{ height:165px; padding-bottom:10px;}



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

.slider_block{position:relative; overflow:hidden; display:grid; grid-template-columns: unset!important; }
.slider_block>*{  grid-row:1;  }
.slider_block.loading{ opacity:1;}

.slider_buts{ position:absolute; bottom:25px; z-index:1; left:0px; right:0px; text-align:center; opacity:0.9; height:0; line-height:0; }
.slider:hover .slider_buts{  opacity:1;}
.slider_buts span{ display:inline-block; width:10px; height:10px; margin:0 7px;  opacity:0.6; background:#fff; text-decoration:none; cursor:pointer; border-radius:10px }
.slider_buts span:hover, .slider_buts span.active{ opacity:1 }

.slider_arr {position:static; display:flex;}
.slider_arr span{  display:block; cursor:pointer; color:#fff; font:44px icomoon; z-index:1; -webkit-tap-highlight-color: transparent; width:50px;  opacity:.9;}
.slider_arr span.hide{ display:none; }
.slider_arr span:hover{ opacity:1; }
.slider_arr span:before{  content:"<"; display:grid; align-content: center; text-align:center; position:absolute; top:50%; width:inherit; height:120px; box-sizing:border-box; padding:0 10px 0 0; margin-top:-60px; transform:translateX(-100%);  }
.slider_arr span:last-child{ margin-left:auto;}
.slider_arr span:last-child:before{  content:">"; transform:translateX(100%); padding:0 0 0 10px; }



/*slider_main*/
.slider_main{ position:relative; dpadding-top:28.814%; margin:0 auto; background:#ccc; font-size:22px;}
.slider_main .but_edit{ background:#eee; z-index:2; }
.slider_main .slider_block{ grid-auto-columns: 100%; }
.slider_main .slider_arr span{ text-shadow:0 0 5px #000;}

.slider_main .item{ position:relative; display:inline-block; white-space:normal; width:100%; height:100%; vertical-align:top; padding:70px 0 30px 0; }
.slider_main .item .wrap{ display: flex;  align-items: flex-end; flex-flow: row; position:relative; color:#000; }
.slider_main .item .bg{ position:absolute; left:0; right:0; top:0; bottom:0; object-fit: cover; opacity:.3; sbackground: #bbb;  smix-blend-mode: hue; width:100%; height:100%; filter:grayscale(1);}
.slider_main .item .desc{ padding:0 30px 30px 0px; max-width:550px;  }
.slider_main .item .desc h2{ font-size:1.7em; line-height:normal; font-weight:800; margin:0 0 0.9em 0;}
.slider_main .item .img{ display:inline-block; align-self:start; max-width: 450px; min-width: 250px; width:100%;  position: relative; __filter: drop-shadow(8px 8px 8px #333);  padding:0 60px 20px 0px;}
.slider_main .item .img img{ width: 100%; }
.slider_main .item .price{background-color: #fff; border-radius: 50%; position: absolute; right: 70px; top: 0; width: 82px; height: 82px; margin-top: -55px; text-align: center; font-size:20px; padding-top:10px; box-sizing:border-box; z-index:-1; line-height:18px; }
.slider_main .item .price b{ font-weight:600; color:var(--color);}
.slider_main .item .price s{ font-size:0.8em; color:#555;}
.slider_main .item .price span{ font-size:0.8em;}
@media screen and (max-width: 1000px){ 
	.slider_main{  font-size:16px; }
	.slider_main .item .desc h2{ font-size:1.4em; }
}
@media screen and (max-width: 740px){ 
	.slider_main .wrap { padding:0 50px;}
	.slider_main .item .wrap{ align-items: flex-start; flex-flow: column; }
}


/*slider_product*/
.slider_product .slider_block{ padding:20px 10px 40px 0; margin:0 -15px 0 -5px; grid-auto-columns: 20%; grid-column-gap: 6.66%; }
.slider_product .slider_block>*{ padding:0 5px; }
.slider_product .slider_arr span{ color:#aaa; opacity:1; text-shadow:none; }
.slider_product .slider_arr span:before{ top:35%; }
.slider_product .slider_arr span:hover{ color:var(--color); }


.slider_product .slider_block[type=newest] .status_4{ display:none;}
.slider_product .slider_block[type=top] .status_5{ display:none;}
.slider_product .slider_block[type=preorder] .status_7{ display:none;}


@media screen and (max-width: 1000px){ 
	.slider_product .slider_block{ grid-auto-columns:30%; grid-column-gap:5%; }
}
@media screen and (max-width: 740px){ 
	.slider_product{ padding:0 30px;}
	.slider_product .slider_block{ grid-auto-columns:46%; grid-column-gap:8%; }
}






.form_base .but {    }
.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 .headline{ font-size:18px; color:#690;}
.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:10px; line-height:8px; padding-bottom:10px; display:block;}
.form_base dl.select dl dd i:before{ content:attr(lang); }

.form_base .h1{ width:100%;  font-weight:300; font-size:36px; line-height:46px; padding-top:1px; padding-bottom:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form_base input.descr, .form_base textarea.descr{ width:100%;  font-size:16px; line-height:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form_base textarea.descr{ font-size:12px; line-height:17px;  }
.form_base input[type="radio"]{ width:auto; vertical-align:baseline; }

.pay_eq { padding-bottom:20px; display:none; }
.form_base.pay_0.country_ua .pay_eq { display:block;}
.pay_eq label.chb{ padding-right:40px; cursor:pointer; }
.pay_eq label.chb:hover{ color:#c00; }


.content_block{}
.content_block h1{ margin-top:0px; padding-top:10px; margin-bottom:40px;}
.content_block h1:after{ content:""; display:block; height:2px; background: linear-gradient(0.25turn, #f0efed, #fff 45%, #fff 55%, #f0efed); margin-top:14px;}
.content_block .text{ max-width: 1000px; margin: 0 auto;}
.content_block .text img[width]{ max-width:100%;}


.contact_block{ float:right; width:35%; margin-bottom:20px;}
.map-canvas{ float:left; width:55%; height:500px; background:#ebe6dc url(../imgs/loading.gif) no-repeat center center; border:5px solid #fff; margin-bottom:20px;}
@media screen and (max-width: 840px){
.contact_block{ float:none; width:auto;}
.map-canvas{ float:none; width:auto;}
	
}

/*.events_block */
.events_block{ }
.events_block h1{ margin-bottom:40px;}
.events_block .text h1{ letter-spacing:normal; text-transform:none; text-align:center; font-size:28px; font-weight:600; }
.events_block .photo-upload{ float:left; margin:60px 80px 80px 0; width:240px; }

.events_block .lst{ font-size:14px; font-weight:600; line-height:1.5em; list-style:none; display:grid;  grid-template-columns: repeat(3, 1fr); grid-column-gap: 5%; grid-row-gap: 50px;}
.events_block .lst li { transition: transform .3s ease; text-align:center;  text-transform:uppercase; padding-bottom:15px; }
.events_block .lst li:hover{ transform: scale(1.02);}
.events_block .lst li a{ color:#000;}
.events_block .lst li a:hover div{ color:var(--color);}
.events_block .lst li span{ position:relative; display:block; background:#999; padding-top:66%; overflow:hidden;  filter: drop-shadow(2px 2px 3px #888); margin-bottom:15px; }
.events_block .lst li img{ position:absolute;top:0; left:0; width:100%; max-width:400px;}
.events_block .lst li .cat_name{ text-align:left; font-weight:700; font-size:1.15em; letter-spacing:0.05em; margin:0px 0 7px 0;  }
.events_block .lst li .name{ text-align:left; text-transform:none; font-weight:400;  }


.events_block .text{ }
.events_block form.text .photo-upload{ margin:0 40px 40px 0;  min-height:240px;}
.events_block form.text .h1, .events_block form.text .descr{ width:740px;}

.slider_block.lst{  grid-auto-columns: 30%; grid-column-gap: 5%;  }

.block_navigate{ display:flex; padding:0 0 30px 0; color:#999;}
.block_navigate span:last-child{ margin-left:auto;}
.block_navigate dl.select{ margin:0 0 0 10px; min-width:150px;}
.block_navigate dl.select>dd{ border:0;}
.block_navigate form input{ border:0; padding:7px 15px; vertical-align:middle; width:250px;}
.block_navigate form input::placeholder { color:#aaa; }
.block_navigate form button{ border:0; padding:0px 7px; line-height:26px; font-size:24px; cursor:pointer; color:#aaa; vertical-align:middle;}
.block_navigate form button:hover{ background:#ddd;}
.block_navigate form .but_clear { display:inline-block; position:absolute; color:#b33; margin-left:-34px; width:30px; height:30px; line-height:30px; font-size:20px; text-align:center; }
.block_navigate form .but_clear:before{ content: "\D7";}
.block_navigate form .but_clear:hover{ color:#f00;}


.authors_block { }
.authors_block .lst { grid-template-columns: repeat(6, 1fr); grid-column-gap: 2.6%;  font-size:16px; }
.authors_block .lst li span{ padding-top:133%;}
.authors_block .lst li a{ color:#000; text-transform:none; }
.authors_block .lst li:hover a{ color:var(--color); }

.authors_block .text{ max-width:none;}
.authors_block .text h1{ text-align:left; letter-spacing:normal; color:#000; font-size:1.75em; text-transform:none; padding-top:30px; margin-bottom:1em;}
.authors_block .text h1:after{ display:none;}
.authors_block .text p{ font-size:1.1em; line-height:1.6;}
.authors_block .image{ float:left; display:block; max-height:320px; overflow:hidden; margin:30px 60px 60px 0;}
.authors_block form.text .photo-upload{ margin:0 40px 40px 0; width:240px;  min-height:300px;}
.authors_block form.text .h1, .authors_block form.text .descr{ width:740px;}

@media screen and (max-width: 740px){ 
	.content_block{ padding-top:15px;}
	.events_block .lst{ font-size:16px;  grid-template-columns: repeat(2, 1fr); }
	.authors_block .lst { grid-template-columns: repeat(2, 1fr); grid-column-gap: 5%; }
	.authors_block .text h1{ clear:both;}
	.authors_block .photo-upload{ margin-bottom:0;}
}


.shops_block .lst{ list-style:none; }
.shops_block .lst>li{ margin-bottom:5px;}
.shops_block .lst>li>a[name]{ display:inline-block; vertical-align:middle; font-size:20px; line-height:24px; position:relative; margin:0 10px 10px 0px; cursor:pointer; text-decoration:none; }
.shops_block .lst>li>a[name]:hover{ color:#09c;}
.shops_block .lst>li.open>a[name], .shops_block .lst>li>a[name]:hover{ color:#c00; border-bottom-color:#c00; }
.shops_block .lst>li>a[name]:before{ content:""; position:absolute; top:10px; right:-30px; width:10px; height:10px; border:2px solid #999; border-right:0; border-bottom:0; transform:rotateZ(-135deg);  transform-origin: 30% 30% 0px; -webkit-transform:rotateZ(-135deg);  -webkit-transform-origin: 30% 30% 0px; }
.shops_block .lst>li.open>a[name]:before{ transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);  }
.shops_block .lst>li>ul{  list-style:none; display:none; width:500px; padding-bottom:10px; }
.shops_block .lst>li.open>ul{ display:block;}
.shops_block .lst>li>ul>li{ position:relative;  padding:8px 15px; margin-bottom:10px; line-height:21px; background:#f7f6f5; }
.shops_block .lst>li>ul>li a.ext{ display:inline-block; position:relative; min-height:15px; color:#555;}
.shops_block .lst>li>ul>li a.ext:after{ content:"g"; font:12px icomoon; position:absolute; right:-20px; top:4px; color:#09c;}
.shops_block .lst>li>ul>li a.ext:hover{ color:#09c; text-decoration:underline;}
.shops_block .lst>li>ul>li a.but_edit{ display:none;}
.shops_block .lst>li>ul>li:hover a.but_edit{display:block; top:12px; right:12px;}

.archive_block h2{ font-size:24px; color:#999; font-weight:600;  }
.archive_block .group{ grid-template-columns: repeat(5, 1fr); }	


.content_block .text a[data-mailto]{ color:#000;}
.content_block .text a[data-mailto]:hover{ color:var(--color);}


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

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


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

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

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

.page_ae input{ font-family:"Open Sans", Arial; width:100%; box-sizing:border-box;  }
input.ae_h1{ color:var(--color-g); font-size:28px; text-align:center; font-weight:600;}
input.ae_h2{ font-size:24px; font-weight:bold; }
input.ae_h3{ font-size:20px; color:var(--color-g); font-weight:bold; }
input.ae_h4{ font-size:40px; color:#000; font-weight:normal; }
.ae_image{ display:block; margin-bottom:15px;}
.ae_image.photo-sample-empty{ min-height:300px;}
.ae_image:before{ font-size:190px;}
.ae_image img{ max-width:1122px;}
.ae_image.img_mobile { max-width:250px;}
.ae_image.img_mobile img{ max-width:250px;}
.ae_image2 .ae_image { width:48%; float:right;}
.ae_image2 .ae_image img{ max-width:541px;}
.ae_image2 .textarea{  width:48%; float:left;}
.ae_image2_r_50 .ae_image { float:right;}
.ae_image2_r_50 .textarea{  float:left;}
.ae_image2_l_50 .ae_image { float:left;}
.ae_image2_l_50 .textarea{  float:right;}
.ae_text2>div:nth-child(1){ float:left; box-sizing:border-box;}
.ae_text2>div:nth-child(2){  float:right; box-sizing:border-box;}
.ae_text2_s_30_70>div:nth-child(1){ width:34%; }
.ae_text2_s_30_70>div:nth-child(2){  width:66%; padding-left:2%;}
.ae_summary{ background:#ededed; padding:20px 40px;  font-size:24px; font-weight:bold; margin-bottom:15px; }
.ae_el_prev{ text-decoration:underline; font-size:14px; padding-right:10px;}
.ae_el_prev.active, .ae_el_next{ display:none;}
.ae_el_prev.active + .ae_el_next{ display:block;}
.page_ae form.text .photo-upload{ width:360px; margin-bottom:15px;}


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

@media screen and (max-width: 999px){	
	.page_ae {  padding:10px 40px 0px 40px!important;}
	.page_ae  .text{ font-size:1.2em;  }
	.page_ae  h1{ font-size:2.2em;  }
	.page_ae  h2{ font-size:1.5em;  }
	.page_ae  h3{ font-size:1.3em;  }
	.page_ae  h4{ font-size:1.9em;  }
	.page_ae .summary{ margin:30px -40px;}
	.page_ae .summary div{ font-size:1.3em; }
	.page_ae h2:before, .page_ae h3:before{ margin-top:-100px; height:100px; }

}

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






/*uid_login*/
.auth_tab{ display:none; }
.auth_tab.active{ display:block;}
.auth_tab form{ font-size:14px; padding:10px 25px 0 25px; width:270px; text-align:center; }

.auth_tab small{ font-size:0.85em; color:var(--color-g);  }
.auth_tab small a{ color:#000;  }
.auth_tab small a:hover{ color:var(--color);  }

.auth_tab .but{ font-size:1em;   }
.auth_tab .but_g{ background:#f7f7f7; color:#555; font-weight:normal; border:1px solid #eee;  }
.auth_tab .but_g:hover{ background:#eee; }

.auth_tab .p-label{ display:block; width:auto;}
.auth_tab .pv-text{ position:absolute; left:-80px; top:45px; border:1px solid #ddd; border-radius:40px; width:40px; line-height:40px; text-align:center; background:#fff;}
.auth_tab .pv-text:before{ content:""; display:block; width:1px; background:#ddd; height:130px; top:-40px; left:20px; position:absolute; z-index:-1; }

.auth_tab .auth_ok{ text-align:left; line-height:1.2em;}

.auth_tab .soc{ padding:12px 0 20px 0; text-align:center; }
.auth_tab .social-btn { position:relative; background:#f5f5f5; display:inline-block; vertical-align:middle; margin:3px 5px; min-height:38px;}
.auth_tab .social-btn:hover{ background-color:#edf0f5; }

.auth_tab .social-btn-fb, .auth_tab .social-btn-google{ border:1px solid #dadce0; font:14px Arial, Helvetica, sans-serif; line-height:38px; padding:0 14px 0 38px; white-space:nowrap; border-radius:4px; cursor:pointer; color:#3c4043; }

.auth_tab .social-btn-fb{ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30'><path fill='%23475993' d='M16.4,23.9v-8.1h2.7l0.4-3.2h-3.1v-2c0-0.9,0.3-1.5,1.6-1.5l1.7,0V6.2c-0.3,0-1.3-0.1-2.4-0.1c-2.4,0-4.1,1.5-4.1,4.2v2.3h-2.7v3.2h2.7v8.1H16.4z'/></svg>"); background-position:6px  center; background-repeat:no-repeat;}

.auth_tab .social-btn-google{ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'></path><path fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'></path><path fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'></path><path fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'></path><path fill='none' d='M0 0h48v48H0z'></path></svg>"); background-position:12px center; background-size:18px 18px; background-repeat:no-repeat;}

.auth_tab .social-btn-google-inited{ background:#f5f5f5;}
.auth_tab .social-btn-google-inited div div div{ background:transparent;}

.auth_tab .back_but{ position:absolute; right:0px; line-height:32px; }
.auth_tab h2{ position:relative; font-size: 28px; line-height: 30px; font-weight: 300; margin:0 0 15px 0; padding: 0;}
.auth_tab form.loading h2:after{ content:""; position:absolute; margin-left:10px; display:inline-block; width:32px; height:32px; background:url(../imgs/loading_b.gif) no-repeat right 0;}



@media screen and (max-width: 840px){
.auth_tab form{ width:auto;  font-size:18px;} 
}

@media screen and (max-width: 580px){
#login_block{ width:100%;}
.auth_tab .social-btn { font-size:1.2em; margin:0.3em 0.5em; min-height:2em;}
.auth_tab .social-btn-fb, .auth_tab .social-btn-google{ line-height:2em; padding:0 0.8em 0 2em;}
}


/*profile*/
.profile{ font-size:16px; padding-bottom:40px;}
.profile .sep{ margin:0 0 10px 0; height:10px; border-bottom:1px solid #ccc;}

.profile_nav{ }
.profile_nav .hdr{}
.profile_nav .mi{ display:block; color:#333; white-space:nowrap; line-height:28px;}
.profile_nav .mi:hover{ color:var(--color);}
.profile_nav .mi.active{ color:var(--color); font-weight:bold;}


@media screen and (min-width: 1000px){
	.profile{ display:flex; }
	.profile_nav{ font-size:1em; margin-right:40px;}
	.profile_nav .hdr{ text-transform:none; font-size:1.25em; white-space:nowrap; letter-spacing:0.05em;  font-weight:700; padding:10px 0 10px 0; text-transform:uppercase; color:#888;}
	.profile_nav .hdr:before{ display:none;}
}


.profile_content{ flex-grow:1; }
.profile_content h1{ font-size:1.25em; font-weight:normal; letter-spacing:normal; text-transform:none; text-align:left; padding:11px 0 11px 0; margin:0;}

.profile_full{ flex-basis:100%; text-align:center;}


.profile_content table{ border-collapse:collapse; }
.profile_content th{ color:#000; font-weight:600; font-size:0.9em;  padding:4px 10px; background:#eee; }
.profile_content tr td { padding:3px 10px;  }
.profile_content tr td:first-child { padding-left:20px;  }
.profile_content tr td:last-child { padding-right:20px;  }
.profile_content tr td img{ vertical-align:top; }
.profile_content tr td img[data-src]{ max-height:1px; }
.profile_content tr td.name{ padding-left:10px; padding-right:10px; }
.profile_content tr td.date{ white-space:nowrap; }
.profile_content strong{ font-size:14px; }

.profile_content .label{ background:#ddd; padding:2px 10px; display:inline-block;}
.profile_content .expand{ font-size:25px; color:#aaa; display:inline-block; margin-right:10px; __background:#ddd; border-radius:20px; line-height:20px; width:20px; text-align:center;}
.profile_content .expand:before{ vertical-align:middle;}


.profile_content .tbl_block{ max-width:100%; overflow:auto;}

.profile_content .tbl_order{ }
.profile_content .tbl_detail{}
.profile_content .tbl_detail>td{ padding:0 10px; background:#f7f7f7;}
.profile_content .tbl_detail>td>div{ overflow:hidden; height:0;}
.profile_content .open{background:#f7f7f7!important;}
.profile_content .open .tbl_detail>td>div{ height:auto;}
.profile_content .tbl_order table{ width:100%; }
.profile_content .tbl_order table>tbody{ border-top:1px solid #ccc;}
.profile_content .tbl_order table tr td{ border-top:1px solid #ccc; padding:3px 10px; }
.profile_content .tbl_order table tr:last-child td{ padding:7px 10px 15px 10px; }
.profile_content .tbl_detail .val{ display:block; padding:10px 0; white-space:normal; }


.profile_orders{ font-size:0.75em;  line-height:1.7em; color:#333; }
.profile_orders h1{ font-size:1.7em;}
.profile_orders .val{ padding:0 16px 0 0; color:var(--color-g); white-space:nowrap; }
.profile_orders b{ font-weight:600; color:#000; }
.profile_orders h3{  color:#333; font-weight:600; display:inline; padding:6px 0 9px 0; margin:0; display:inline-block; }
.profile_orders .name a{ font-size:14px; font-weight:600; color:#000; }
.profile_orders .name a:hover{ color:var(--color); }
.profile_orders tbody{  border-top:3px solid #ccc; }
.profile_orders .tbl_row:hover{ background:#ddd; cursor:pointer;}
.profile_orders .mobile_yes{ display:none;}

.profile_bonus table{   border-top:1px solid #ccc; background:#e4e4e4; }
.profile_bonus tr{   border-bottom:1px solid #ccc; }
.profile_bonus .label_discount{ background:var(--color); color:#fff; padding:5px 10px; margin:4px 0; display:inline-block; border-radius:8px;}

.block_bonus{ display:inline-block; background:#dfdfdf; color:#888; font-size:14px; padding:10px 20px; margin: 10px 20px 30px 0; vertical-align:top;  }
.block_bonus div{ font-size:46px; color:#000; }
.block_bonus div span{ font-size:0.6em; opacity:0.7; padding-left:5px; }
.block_bonus2{ background:var(--color); color:#ddd;}
.block_bonus2 div{ color:#fff;}
.block_bonus b{ color:#000;}
.block_bonus b span{ opacity:0.7;}

.block_bar {background:#dfdfdf; padding:15px 20px; display:inline-block;}

.block_bonus .review_stars{ height:20px;}



@media screen and (max-width: 999px){
	.profile{  font-size:18px;}
	.profile_nav{ display:none; }
	.profile_nav .mi{ margin:0; font-size:1.2em; color:#000; line-height:48px; padding:0 30px; }
	.profile_nav .sep{ display:none;}
	.profile_orders table h3{ font-size:15px; padding:0; }
	.profile_orders .mobile_no{ position:absolute; visibility:hidden;}
	.profile_orders .mobile_yes{ display:block; font-size:0.9em; line-height:16px;}
}


/*order*/
.form_order .delivery_block{ display:none;}
.form_order div.show{ display:block!important;}
.form_order span.show{ display:inline-block!important;}
.form_order .delivery_item_hidden {display:none;}

.form_order .inp_midname{ display:none;}
.form_order.country_ua.delivery_1.pay_1  .inp_midname, .form_order.country_ua.delivery_0.to_door_1 .inp_midname{ display:block;}

#uid_np_zip{ display:none;}
.form_order.delivery_0.to_door_1:not(.country_ua) #uid_np_zip{ display:block;}

#uid_order a.link_comm{ position:relative; display:inline-block; top:-10px; left:20px; line-height:14px; font-size:12px; text-transform:uppercase; }
#uid_order a.link_comm:before{ content:"+"; position:absolute; left:-18px; top:1px; font-size:1.3em;  }
#uid_order a.link_comm:hover{ border-color:#c00;}
#uid_order .checkbox{  text-transform:uppercase;  font-size:12px; line-height:14px;}
.form_base .checkbox{ display:inline-flex; position:relative; gap:10px; align-items: baseline; top:-10px; line-height:17px; font-size:14px; cursor:pointer; text-align:left; }
.form_base .checkbox input{ width:auto; }
.form_base .checkbox *{ cursor:pointer; }
.form_base .checkbox div{ text-transform:none; color:var(--color-g); font-size:11px; }



#uid_order .info_block{ position:relative; width:340px; background:#ffd; line-height:17px; font-size:13px; color:#777; display:inline-block; border:1px solid #0002; padding:7px 10px 7px 40px; margin-bottom:15px; }
#uid_order .info_block:before{ content:"o"; font:16px icomoon; position:absolute; top:7px; left:10px; }
#uid_order .info_block span{ display:none;}
#uid_order .info_block span.show{ display:inline;}

#uid_order .pay_block{ display:inline-block; position:relative;  background:#f5f4f3; padding:10px; width:300px; margin-bottom:20px; line-height:1.9em; font-size:12px; }
#uid_order .bonus_block{ background:#fafaea; }
#uid_order .delivery_loading .pay_block{ background-image:url(../imgs/loading_s.gif); background-repeat: no-repeat; background-position:right 5px; opacity:0.5;}
#uid_order .delivery_loading .but{ background:#733; opacity:0.5;}
#uid_order .pay_mess{ padding:10px 10px 20px 20px; margin:0px 0 20px 0px; border:1px solid #FC0; background:#ffc; text-align:center; line-height:20px;}
#uid_order .total big{ color:#580;}
#uid_order .discount b span{ color:#c00;}

#uid_order .no_delivery .delivery_area, #uid_order .skip_delivery .delivery_area{ display:none!important;}
#uid_order .no_delivery .delivery_sum, #uid_order .skip_delivery .delivery_sum, #uid_order .no_delivery .total_with_delivery, #uid_order .skip_delivery .total_with_delivery { display:none!important;}
#uid_order .no_delivery .select[name="pay"] dd[value="1"], #uid_order .no_delivery .select[name="pay"] dd[value="4"]{ 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";}




.tel{ display:inline-block; padding:0 4px 0 35px; position:relative;  background:url(../imgs/ico_tel.png) no-repeat 0 0;}
.tel.ks{ background-position:0 0; }
.tel.mts{ background-position:0 -54px; }
.tel.city{ background-position:0 -107px; }
.tel.fax{ background-position:0 -152px; }



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:0px;  }
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; }



.p404{ padding:30px 0 70px 0; font-size:24px; }
.p404 h1{ font-size:64px; padding:20px 0;}


@media screen and (max-width: 840px){
	.content{ padding:20px 0;}
	
	.but_back{ top:-24px; left:0; width:42px; height:42px; }
	.but_back:after{ top:14px; left:17px; }
	.product .but_back{ top:-21px; }
	
	
	.shops_block .lst>li>a[name]{ font-size:28px; line-height:32px;}
	.shops_block .lst>li>a[name]:before{ top:14px; }

	#uid_order .pay_block{ width:auto; font-size:16px; margin:0; display:block;}
	
	#uid_order a.link_comm{  font-size:16px; line-height:48px;}
	.form_base .checkbox{ font-size:16px; line-height:48px;}
	.form_base .checkbox div{ font-size:14px; line-height:normal; margin:-7px 0 7px 0; }
	#uid_order .info_block{ width:auto;  font-size:14px; }
	
	.popup-close:before{ content:"close"; display:block; font-family:'Material Icons'; }
	#uid_file_view .popup-close { width:38px; line-height:37px;}
}

.test_mode header{ background:#fed;}


/*header*/

header { position:absolute; top:0; width:100%; min-width:var(--device-width);  z-index:10; background:#fff; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);}
header>.wrap{ min-height:100px; padding-top:20px;  }

header .logo { position:absolute; display:inline-block; height:80px; width:80px; background: url(../imgs/astrolabium-logo2.svg) no-repeat 0 0; background-size:100% 100%; vertical-align:top; z-index:2; dtransition: width 0.2s ease-out, height 0.2s ease-out; bottom:20px; }
header .logo span{ display:none; }
header .logo_en{ background-image:url(../imgs/astrolabium-logo2.svg)}


.menu{ clear:both; margin:0px 0 0 120px; padding-top:18px; white-space:nowrap; display:flex; flex-direction:row; justify-content:space-between; font-size:18px;}
.menu>li{  }
.menu>li a{ display:inline-block; position:relative; font-weight:600; padding:5px 10px; color:#000;  -webkit-tap-highlight-color: transparent; }
.menu>li a:hover, .menu>li a.open{ color:var(--color);}
.menu>li>a{ text-transform:uppercase; }
.menu>li.has_child>a{ padding-right:40px;}
.menu>li.has_child>a:after{ position:absolute; top:-0.12em; right:5px; display:block; content:"expand_more"; font: 1.8em 'Material Icons'; text-transform:lowercase; color:#aaa; padding-top:inherit;}
.menu>li.has_child.open>a:after{ content:"expand_less"; }

.menu>li .submenu{ position:absolute; min-width:375px; background:#fff; width:100%; z-index:1; font-size:0.9em; font-weight:600;   left:0; box-shadow:0px 15px 15px -15px rgba(0,0,0,0.3); overflow: hidden; transform: scaleY(0);    
  transform-origin: top; transition-property: transform, max-height; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.menu>li.open .submenu{ transform: scaleY(1); }
.menu>li .submenu a:hover, .menu>li .submenu a.active{ color:var(--color);}
.menu>li .submenu>ul{padding:15px 0; display:flex; flex-direction:row; justify-content:space-between;   }

.menu>li .submenu>ul>li>ul { padding-bottom:20px; }
.menu>li .submenu>ul>li>ul a{ color:#999; padding:2px 10px; }
.menu>li .submenu>ul>li:first-child>ul{ columns:2; }

.menu>li:nth-child(2) .submenu>ul{ flex-direction: column; flex-wrap: wrap; justify-content: flex-start; height:295px; }
.menu>li:nth-child(2) .submenu>ul>li>ul{padding-bottom:10px;}


.icons { display: flex; justify-content: flex-end; font-size: 24px; line-height:30px; height:30px; }
.icons > * { text-decoration: none; padding: 0 10px; position: relative;  color:#aaa; }
.icons>:not(:first-child) { border-left:1px solid #ccc; }
.icons>:last-child { padding-right: 0; }

.icons .lang, .icons .currency { color: #999; display: flex; font-size: 16px; font-weight:600; overflow:hidden; padding:0 0 0 12px; }
.icons .lang a, .icons .currency a { color:#999; display: block; vertical-align: top; width: 0; opacity: 0; transition: all .3s ease; box-sizing:border-box; text-align:center;  }
.icons .currency:hover a, .icons .lang:hover a, .icons .lang a.active, .icons .currency a.active { width: auto; opacity: 1;  padding:0 12px 0 0; min-width:1.5em; }
.icons .currency:hover a, .icons .lang:hover a { }
.icons .currency:hover a.active, .icons .lang:hover a.active { color:var(--color); }
.icons .lang a:hover,.icons .currency a:hover { color: var(--color); }
.icons .currency a { font-size: 1.2em; margin-top: 0; font-weight: 400; text-align: center; }

.icons .but_close{ display:none;}

.icons .but_login.active:before{ display:inline-block; background:var(--color-g); color:#fff; border-radius:40px; padding:0 3px;}
.icons .but_login.active:hover:before{  background:var(--color); }

.but_cart{ position:relative;}
.but_cart:after { border-radius: 50%; background-color: var(--color); color:#fff; content: attr(count); font-size: 10px; font-weight: 600; text-align: center; position: absolute; right:0px; top:-5px; width: 16px; height: 16px; line-height:15px; }
.but_cart[count=""]:after { display:none;}
.but_cart i{ content:""; position:absolute; right:1px; top:1px; display:block; opacity:0.6; color:#fff; border-radius:500px; width:0px; height:0px; border:7px solid var(--color);  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;}
.but_cart.clip i{ width:500px; height:500px; opacity:0.7; transition:none; border-radius:20px;}



.top_fix {  }
.top_fix header{ position:fixed; top:0; left:0; }
.top_fix header>.wrap{ height:70px; padding-top:0px; min-height:0; }
.top_fix header .logo{ width:50px; height:50px; bottom:10px; }



@media screen and (min-width: 1000px) {
.top_fix header .menu{ margin:0px 0 0 80px; clear:none; justify-content:left; padding:0; padding-top:15px; flex-grow:1; }
.top_fix header .menu>li{  flex-grow:1;  transition: all 0.2s ease-out;   }
.top_fix header .menu>li>a{  padding-bottom:10px;  }
.top_fix .mobile_dd{  display:flex;  }
.top_fix .icons{ order:2; padding-top:18px; }
}



.mobile_icons{ display:none;}	

.dd{ display:block; visibility:hidden; position:fixed; z-index:11; left:auto; top:0; bottom:0; right:0;  overflow-y:auto;   box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7);  padding:0px 0 40px 0; transition: all .2s  cubic-bezier(0.1, 0.5, 0.3, 1.0); transform:translateX(100%); background-color:#fff; max-width:800px;}
.dd:after, .dd:before{ content:""; display:block; height:0px; box-shadow:0px -15px 15px 15px; color:#0005; position:sticky; top:70px; width:100%; z-index:1; }
.dd:after{ height:10px; color:#fff; z-index:2; position:absolute; background:#fff; }
.dd.open{ visibility:visible; transform:translateX(0);}

.dd .but_close{ position:absolute; right:0px; top:0px; text-align:center; line-height:normal; width:70px; line-height:70px; white-space:nowrap; font-size:42px; color:#aaa; z-index:4; font-weight:normal;}
.dd .but_close:hover{ color:var(--color);}

.dd .hdr{ position:sticky; top:0px; background:#fff; z-index:3; font-size:24px; font-weight:600; color:var(--color); height:70px; line-height:70px; margin-bottom:10px; padding-right:100px;}
.dd .hdr:before{ padding:0 10px 0 20px; font-size:36px; vertical-align:top;}


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


	
	body{ padding-top:70px;}
	.wrap{ }
	header{ position:fixed; top:0; left:0; }
	header>.wrap{ height:70px; padding-top:0px; min-height:0; }
	header .logo{ width:50px; height:50px; top:10px; }
	header .logo { left:80px;}
	header .logo span{ display:block; position:absolute; left:72px; top:-2px; font-size:17px; font-weight:600; text-transform:uppercase; width:200px; z-index:1; color:#000; }
	
	.mobile_dd{ display:block; visibility:hidden; position:fixed;  z-index:11;  left:0; top:0; bottom:0; right:auto;  overflow-y:auto;  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7);transition: left .2s  cubic-bezier(0.0, 0.0, 0.2, 1.0); padding:0px 0 40px 0; transition: all .2s  cubic-bezier(0.1, 0.5, 0.3, 1.0); transform:translateX(-100%);
		background-color:#fff;
		background-image: linear-gradient(to bottom, #fff 85px, #fff0), linear-gradient(to bottom, #0004 70px, #fff0);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100px, 100% 85px;
		background-attachment: local, scroll;
	}
	.mobile_dd.open{ visibility:visible; transform:translateX(0);}
	
	
	.mobile_icons{ position:absolute; display:flex; flex-direction:row; justify-content:flex-end; left:0; right:0; }
	.mobile_icons a:first-child{ margin-right:auto; }
	.mobile_icons a{  padding:10px; color:#999; line-height:50px; height:50px; width:50px; text-align:center;   -webkit-tap-highlight-color: transparent; }
	.mobile_icons a:hover{  color:var(--color);  }
	.mobile_icons a span { line-height:inherit; }
	.mobile_icons [material-icon]:before{ font-size:42px;  }
	.mobile_icons .but_cart:after{ right:7px; top:7px; }
	.mobile_icons .but_login{ display:none; }
	
	.is_root_profile .mobile_icons .but_cart, .is_root_profile .mobile_icons .but_search{ display:none; }
	.is_root_profile .mobile_icons .but_login{ display:block; }
	
	.icons { position:sticky; top:0; padding:0 0 0 20px; box-sizing:border-box; width:100%; height:auto; font-size:42px; background:#fff; z-index:1; qbox-shadow:0px -15px 15px 15px rgba(0,0,0,0.5); margin-bottom:10px; height:70px; }
	.icons a{ line-height:70px; border:0!important; text-align:center; width:70px; box-sizing:border-box;}
	.icons .lang , .icons .currency { height:50px; min-width:30px; margin-left:10px; border:1px solid #ccc; margin-top:10px; align-items:center; justify-content: center; font-size: 20px;} 
	.icons .but_search, .icons .but_cart { display:none;} 
	.icons .but_close { display:block; margin-left:auto; } 
	.icons .but_login{ padding:10px 0; line-height:50px;}
	
	.menu{ white-space:nowrap; flex-direction:column; width:auto; margin:0; font-size:24px; padding-top:10px;}
	.menu>li .submenu{ position:relative; max-height:0; box-shadow:none; width:0px;}
	.menu>li>a{ padding:8px 30px;}
	.menu>li.has_child>a{ padding-right:70px;}
	.menu>li.has_child>a:after{ right:15px;}
	.menu>li.open .submenu{  max-height:1600px; width:auto; background:transparent; z-index:0; }
	.menu>li .submenu>ul{ flex-direction:column; padding:0 30px 30px 50px; }
	.menu>li .submenu>ul>li>ul{ padding:0 0px 20px 0; }
	.menu a{ padding:10px 40px; display:block; }
	.menu>li .submenu:nth-child(2)>ul{ display:block; height:auto; }
	.menu>li .submenu>ul>li:first-child>ul{ columns:auto; }
	
}





/*search --old
.search{ text-align:right; padding-bottom:15px; }
.search input[type="text"]{ border:0; width:510px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f0efed; padding:9px 14px; font-size:14px;  }
.search input[type="submit"]{ position:absolute; right:0; top:0; width:34px; height:34px; vertical-align:top; cursor:pointer; opacity:0;   }
.search input[type="text"]::-webkit-input-placeholder,  .search input[type="text"]::-moz-placeholder,  .search input[type="text"]:-ms-input-placeholder{color: #ccc!important;}
.search .but_clear{ display:none; position:absolute; top:0px; right:0px; padding:7px 6px; }
.search.filled .but_clear{ display:block; }
.search .but_clear:before{ font:12px icomoon; content:"x"; display:inline-block; padding:3px 5px; border-radius:14px; background:#ccc; color:#fff; }
.search .but_clear:hover:before{ background:#c00;  }
*/

/*search*/
.search form{  }
.search form .fld{ display:block; position:relative;}
.search form .fld:before{ position:absolute; left:0.4em; top:50%; margin:-0.55em 0 0 0; padding:0; color:#aaa; font-size:24px; display:inline-block; }
.search input[type="text"]{ font-size:inherit; font-family:inherit; font-family:Arial, sans-serif; padding:10px 10px 10px 50px; background:transparent; border:0; width:100%; box-sizing:border-box; vertical-align:top; position:relative; z-index:1; background:transparent;  }
.search input[type="text"]:focus{outline: none;}
.search input[type="submit"]{ position:absolute;  right:1px; top:1px; border:0; width:1.6em; height:1.6em; font-size:inherit;  vertical-align:top; cursor:pointer; opacity:0;  }
.search .search_clear{ display:block; position:absolute; right:0px; top:0; bottom:0; width:40px; z-index:2; font-size:24px; color:#aaa; }
.search .search_clear:before{  position:absolute; top:50%; margin-top:-0.55em; text-align:center; width:100%;   }
.search .search_clear:hover{  color:var(--color);  }
.search.hint, .search.focus{ visibility:visible;}
.search.hint .search_clear, .search.write .search_clear{ display:block;}
.search.write form:before{ display:none;}
.search.write .search_clear{ display:block;}

	
.search .result{visibility:hidden; overflow:auto; background:#fff; box-sizing: border-box;  }
.search.hint .result{ visibility:visible; padding:10px 0;}
.search .result div{display:table; width:100%; background:#fff; }
.search .result p { padding:20px;}
.search .result a { display:table-row;  font-size:16px; border-bottom:1px solid #ccc; color:#000; position:relative;}
.search .result a:after { content:""; position:absolute; bottom: 0; left: 0; right: 0; border-bottom:1px solid #ccc;}
.search .result a:hover { color:#000; background:#eee;}
.search .result a span{ display:table-cell; padding:10px 20px 10px 20px;  }
.search .result a span:first-child{ width:1px; padding-right:0;  }
.search .result a img{ min-height:120px; vertical-align:top; }
.search .result a img[data-src]{ width:0px; }
.search .result a b{ font-size:0.8em; padding-top:10px; display:block;}

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

@media screen and (min-width: 1000px) {
	.search{ position:relative;  height:0px;  z-index:2;}
	.search form{ position:absolute; right:179px; margin-top:-4px; width:0px; overflow:hidden; xtransition: width 0.2s cubic-bezier(0.0, 0.0, 0.2, 1.0);}
	.search.hint form, .search.focus form{ width:630px; overflow:visible;}
	.search form .fld{ background:#fff;  border:1px solid #ccc;}
	
	.search .result{ border:1px solid #ccc; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.5); position: fixed; width: 600px; max-height: calc(100% - 54px); }
	
	.top_fix .search { top:18px; }
}

@media screen and (max-width: 999px){
	.search{ position:absolute; top:0; left:100%; right:0;  z-index:2; overflow:hidden; xtransition: left 0.2s cubic-bezier(0.0, 0.0, 0.2, 1.0);}
	.search form{  background:#fff;}
	.search.hint, .search.focus{ left:0; overflow:visible;}
	.search form .fld{ position:relative; font-size:24px; padding:10px 70px; height:50px; box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3); z-index:1;   }
	.search form .fld:before{ left:15px; font-size:42px; }
	.search input[type]{  border-bottom:1px solid #ccc; padding:10px 0; } 
	.search input::placeholder { }
	.search .search_clear{ font-size:42px; width:70px;}
	
	.search .result{ position:fixed; width:100%; max-height: calc(100% - 70px); }
	.search .result a {  font-size:18px;}
	.search .result a img{ min-height:180px; }
	
	body.search_show { overflow:hidden; height:100%;}
}




/*cart_content*/
.cart_content{ padding-bottom:10px;  box-sizing:border-box; }
.cart_content table{ border-collapse:collapse; border:0; font-size:16px; margin:0 0 15px 0; width:100%;  }
.cart_content table tr.tml{ display:none;}
.cart_content table .items tr{  font-size:18px; }
.cart_content table .items tr:hover{ background:#f0efed; }
.cart_content table th{ color:#999; font-size:12px; text-transform:uppercase; font-weight:normal;  padding:0px 0px 3px 20px; white-space:nowrap;  border:0; border:0; border-bottom:1px solid #ccc;}
.cart_content table td{ border:0; border-bottom:1px solid #ccc; padding:12px 0px 12px 20px;  }
.cart_content table td:last-child, .cart_content table th:last-child{ padding-right:20px; }
.cart_content table tr.total td{ background:#fff; border:0; white-space:nowrap;}
.cart_content table tr.total .price_opt{ font-style:normal; color:#c63;}
.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:-3px -10px -3px -10px ; vertical-align:top; border-radius:0px;}
.cart_content table td.name{}
.cart_content table td.name a{ display:block;  }
.cart_content table td.name b{ font-size:0.8em; }
.cart_content table input{ width:40px; text-align:center; font-size:16px; padding:6px 0; border:1px solid #ccc;  }
.cart_content table .code{ font-size:10px; color:#888;}
.cart_content table .but_delete{ color:var(--color-g); text-decoration:none; 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:16px icomoon; text-transform:none; }

.cart_content.open{ visibility:visible; position:relative; left:0; max-height:90%;}
.cart_content.open.overflow{ overflow:auto; }

.cart_content table td .type{ position:relative; dpadding:0 0 0 30px; padding:2px 0 0 0;  font-size:0.7em; color:#999; }
.cart_content table td .type.type_error{ display:none; color:#c33; }
.cart_content table td .type.type_error.show{ display:block; }
.cart_content table td .type:afters{ position:absolute; left:0px; top:-5px; content:""; display:inline-block; width:20px; height:20px; background: url(../imgs/ico_type_l.png) no-repeat 0 0; background-size:20px auto; }
.cart_content table td .type_paper:after{ background-position:0 0; }
.cart_content table td .type_ebook:after{ background-position:0 -50px; }
.cart_content table td .type_audio:after{ background-position:0 -100px; }


.cart_content table td.count { white-space:nowrap;}
.cart_content table td.price{ white-space:nowrap;}

.cart_content .buts{ text-align:right; white-space:nowrap; padding-bottom:20px;}
.cart_content .cart_order_but { display:inline-block; text-decoration:none; color:#fff; border:0; line-height:34px; background-color:#ad0501; text-transform:uppercase; font-size:13px; font-weight:600; vertical-align:top; padding:0 15px; margin:0 20px; float:right; }
.cart_content .cart_order_but:hover{ background-color:var(--color-h); color:#fff;}
.cart_content .cart_order_but:after{ content:attr(lang);}


.cart_content .cart_back_but{  display:inline-block; text-decoration:none; color:#fff; border:0; line-height:34px; background-color:#999; text-transform:uppercase; font-size:13px; vertical-align:top; padding:0 15px; float:right; margin:0px 0 0 20px;}
.cart_content .cart_back_but:hover{ background-color:#aaa; color:#fff;}
.cart_content .cart_back_but:after{ content:attr(lang);}

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


.cart_content .free_ship{ position:relative; margin:0 0px 0px 0px; width:auto; padding:3px 10px 3px 38px; font-size:12px; font-weight:600; white-space:normal; float:left; color:var(--color); max-width:195px; text-align:left; line-height:15px;  }
.cart_content .free_ship:before{ position: absolute; font-size:36px; left:-3px; top:12px; font-weight:normal; }




/*admin_links*/
.admin_links{ position:absolute; top:4px; right:0px; font-size:10px; }
.admin_links a{ color:#bbb; }
.admin_links a:hover{ color:#c00;  }
.top_fix .admin_links{ display:none;}

@media screen and (max-width: 999px){
	.admin_links{ right:30px; }	
}
footer {
    background-color: #777;
    font-size: .85em;
}
footer .wrap{
    padding-top: 15px;
	padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    color: #ccc;
    margin: auto;
    justify-content: space-between;
}

footer .wrap>div:nth-child(3), footer .wrap>div:nth-child(4) {
    flex-basis: min-content;
}

footer ul {
    list-style: none;
}

footer ul li a {
    color:#ccc;
}

footer ul li a:hover {
    color:#fff;
}


footer h3 {
    color:#fff;
    font-size: 1.2em;
    letter-spacing: .01em;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: .5em;
	white-space:nowrap;
}

footer ul,
footer p {
    line-height: 1.8;
}

footer .poshta {
    display: inline-block;
    width: 160px;
	height:60px;
    background-color: #dedede;
    margin: 5px 10px 5px 0;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	background-size:130px;
}
footer .poshta_up{
	background-image:url(../imgs/ukrposhta2.svg);
}

footer .poshta_np{
	background-image:url(../imgs/nova_poshta2.svg);
}
footer .pay{
	display:inline-block;
	vertical-align:top;
	width:250px;
	height:60px;
    margin: 5px 10px 5px 0;
	background:url(../imgs/ico_pay5.png) no-repeat 0px 0;
	cursor:text;
}
footer .pay_2{
	background-position:0 -60px;
}

footer .social-icons {
    white-space:nowrap;
}

footer .social-icons a{
    margin:5px 12px 5px 0px;
	font-size:22px;
	display:inline-block;
}

footer .info-icons { line-height:2em;}

footer .info-icons [material-icon]:before{
    font-size: 22px;
	margin-right:10px;
	vertical-align:middle;
	margin-top:-2px;
}

footer a {
    color:#ccc;
}
footer a:hover, footer [material-icon]:hover {
    color:#fff;
}


footer .copy{
    background-color: #555;
    color: #bbb;
    padding: 25px 0;
    font-size:1.1em;
	text-align:center;
}

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

    footer .wrap>div {
        flex-basis: 48%!important;
        padding-left: 0;
    }
}

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

    footer { font-size:16px;}
    footer ul li {
        display: inline-block;
        margin-right: .5em;
    }
    
    footer .wrap>div {
        flex-basis: 100%!important;
    }
	footer .copy{
   	 font-size:1em;
	}
}

.catalog .but_close{ top:40px;}
.catalog h1{ margin:0; text-align:left; float:left; color:#888; font-size:32px; text-transform:none; letter-spacing:normal; font-weight:600; padding-bottom:10px;}
.catalog .pane{ display:flex; align-items: flex-start; clear:both; padding-top:20px;} 
.catalog .pane .group{ flex:1;} 

	


/*headline*/
.headline{ position:relative; top:-20px; left:0; line-height:36px; }
.aside .headline{ top:-50px; }

.headline_r{ float:right; color:#777; font-size:14px; position:relative; top:10px; padding-bottom:10px;}
.headline_r b{ display:inline-block; padding:0 4px 0 12px; display:inline-block; position:relative; top:2px; font-weight:normal;}
.headline_r .select{  border-color:#fff;}
.headline_r .select[readonly]>dd{ background:#fff4; cursor:text;}
.headline_r .select {  height:2em; padding-bottom:2px;}
.headline_r .select dl{ position:relative; }


/*filters*/
.filters-hdr{ position:relative;  text-transform:uppercase; font-size:18px; letter-spacing:0.05em; white-space:nowrap; width:240px; line-height:25px; }
.filters-hdr:before{ color:var(--color); padding:0 12px 0 0; font-size:24px; vertical-align:middle;  }
.catalog>.filters-hdr{ display:none; clear:left;  cursor:pointer; margin-top:8px; margin-bottom:10px; padding:4px 10px 4px 0; float:left; width:auto; }
.catalog>.filters-hdr:hover{ background:#fff;}


.filters{ padding:0px 30px 20px 0px; width:240px; font-size:15px; line-height:16px; color:#000; }

.filters .but_close{ display:none; }
.filters>li{ }
.filters>li>a{ display:block; cursor:pointer; position:relative; color:inherit; font-size:1.2em; font-weight:600; padding:20px 40px 10px 0px; }
.filters>li>a[name]:after{ zdisplay:none; content:"\2013";  position:absolute; right:0px; top:17px; font-size:1.8em; }
.filters>li>a[href]{ cursor:pointer; }
.filters>li>a[href]:hover{  color:var(--color); }
.filters>li>a.active{ color:var(--color); font-weight:600;  }
.filters>li>ul{ padding:0 0 10px 0;   }
.filters>li>ul>li{ }
.filters>li>ul>li>a{ position:relative; display:flex; color:inherit; text-decoration:none; padding:0.35em 0 0.35em 0px;  color:#444; }
.filters>li>ul>li>a>u{  }
.filters>li>ul>li>a>i{color:#888; text-decoration:none; font-style:normal; margin-left:auto; font-size:0.85em; padding-left:6px; }
.filters>li>ul>li>a:before{ display:none; content:""; width:10px; height:10px; line-height:10px; position:absolute; top:3px; left:1px; border-radius:1px; box-shadow:1px 4px 5px 0px rgba(0,0,0,0.13) inset; border:1px solid #bbb; background:#fff; font-size:16px; text-align:center; color:#999; }
.filters>li>ul>li>a[href]{ }
.filters>li>ul>li>a:hover{ color:var(--color); }
.filters>li>ul>li>a:hover:before{ background:#fdd;}
.filters>li>ul>li>a.active{ color:var(--color); font-weight:600;  }
.filters>li>ul>li>a.active:before{ content:"\D7"; }
.filters>li>a.reset{ display:inline-block; color:#999; text-decoration:none; position:relative; top:0px; margin:2px 0 10px 20px; border-bottom:1px dashed #ccc; line-height:16px; font-size:14px; font-weight:normal; padding:0; }
.filters>li>a.reset:before{ content:"\2715"; position:absolute; left:-18px; top:1px; font-size:10px; }
.filters>li>a.reset:hover{border-color:#c00; color:#c00; }
.filters>li.hide>a[name]:after{ content:"+"; top:20px; }
.filters>li.hide>ul, filters>li.hide>a.reset{ display:none; }

.filters_active{ position:relative;  padding:10px 0 0px 0; clear:left; float:left;}
.filters_active a{ display:inline-block; font-size:14px; padding:0px 8px 0px 15px; line-height:30px;  color:#444; margin: 0 10px 10px 0; background:#fff; white-space:nowrap; }
.filters_active a:after{ content:"\D7"; font-size:1.5em; padding:0 0 0 10px; font-weight:600; vertical-align:top; color:#000; }
.filters_active a:hover{ color:#000; }
.filters_active a:hover:after{ color:var(--color); }

.filters>li[webname='type']>ul>li[webname='used']{ display:none;}

/*group*/
.group{ display:grid; grid-template-columns:repeat(4, 1fr); grid-row-gap: 50px; grid-column-gap: 6%;}
.pi{ position:relative; display:inline-block;  border-radius:1px; vertical-align:top; text-decoration:none; transition: transform .3s ease; font-size:14px;}
.pi:hover{ transform: scale(1.02);}
.pi .img{ position:relative; display:block; cursor:pointer; padding-top:148%; filter: drop-shadow(2px 2px 3px #888); margin-bottom:20px; }
.pi .img .pict{ display:flex; justify-content:center; max-width:110%;  max-height:460px; overflow:hidden; vertical-align:middle; position:absolute; height:100%; top:0; left:0; }
@-moz-document url-prefix(){ .pi .img .pict{justify-content:left; } }
.pi .img img{  max-height:460px; height:100%; }
.pi h3{ position:relative; color:#000;  font-size:1.1em; font-weight:400; line-height:normal; padding:0;   margin:0px 0 10px 0px; border:0;text-transform:none; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden; }
.pi .img img[data-src]{ width:100%;}
.pi:hover h3 span{  max-height:none;  }
.pi h3 i.hint{ display:none;  }
.pi:hover h3 i.hint{ display:inline-block; position:absolute; left:-25px; top:3px; vertical-align:middle; content:"."; font:12px icomoon; color:#bbb; padding:0px 0 0 6px; }
.pi:hover h3 i.hint:hover{  right:0px; }
.pi h3 i.hint:hover{ color:#555; }
.pi h4{ font-size:0.9em; font-weight:600; color:#000; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; }

.pi .but_edit{ display:none; top:5px; left:5px; background:#fff;}
.pi:hover .but_edit{ display:block;}

.pi .status_name{ right:-3px; bottom:-16px;}

.pi .label{ position:absolute; top:270px; right:15px; background:#c00; border-radius:20px; display:inline-block; font-size:16px; line-height:34px; width:34px; text-align:center; color:#fff; }

.pi .action{ background: url("../imgs/stick_a.svg")  no-repeat  center center; background-size: contain; position: absolute; right: -8px; top: -18px; line-height:56px; width: 56px; height: 56px; color: #800; font-size: .75em; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; text-align: center; }

.is_lang_en .pi .action{ font-size: .6em; letter-spacing:0;}

@media screen and (max-width: 1200px){ 
	.group{ grid-template-columns:repeat(3, 1fr); grid-column-gap:7%; }
}
@media screen and (max-width: 900px){ 
	.group{ grid-template-columns:repeat(2, 1fr); grid-column-gap:8%; }
}
@media screen and (max-width: 740px){ 
	.filters{ font-size:18px; display:block; visibility:hidden; position:fixed; width:auto;  z-index:12;  left:0; top:0; bottom:0; right:auto;  overflow-y:auto;  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7);transition: left .2s  cubic-bezier(0.0, 0.0, 0.2, 1.0); padding:0px 0 40px 0; transition: all .2s  cubic-bezier(0.1, 0.5, 0.3, 1.0); transform:translateX(-100%);
		background-color:#fff;
		background-image: linear-gradient(to bottom, #fff 85px, #fff0), linear-gradient(to bottom, #0004 70px, #fff0);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100px, 100% 85px;
		background-attachment: local, scroll;
	}
	.filters.open{ visibility:visible; transform:translateX(0);}
	.catalog>.filters-hdr{ display:block; }
	.headline_r b{ display:none;}
	
	.filters>li{ padding:0 20px;}
	.filters .but_close{ display:block; position:absolute; right:0px; top:0px; text-align:center; line-height:normal; width:70px; line-height:70px; white-space:nowrap; font-size:42px; color:#aaa; z-index:4; font-weight:normal;}
	.filters .but_close:hover{ color:var(--color);}
	
	.filters>.filters-hdr{ position:sticky; top:0px; background:#fff; z-index:3; font-size:24px; font-weight:600; height:70px; line-height:70px; width:auto; letter-spacing:normal; text-transform:none; color:var(--color); padding:0 90px 0 0; }
	.filters>.filters-hdr:before{ padding:0 10px 0 20px; font-size:36px; vertical-align:top;}
	
}

.status_name{ position:absolute; display:block; padding:0px 5px; color:#fff; background:var(--color); letter-spacing:0.065em; font-size:12px; font-weight:600; text-transform:uppercase; line-height:24px; text-transform:uppercase; }
.status_name.status_0{ background:#ccc; color:#000; }
.status_name.status_1{ background:#888; }




/*product*/
.product{ position:relative; clear:both;  padding:30px 0px 0 0px;   }
.product .pane{  display:flex; }
.product .photo{ width:40%; padding:0 8% 30px 0; box-sizing:border-box;  background:#f0efed; font-size:14px; line-height:1.2em;}
.product .photo>.img{ position:relative; display:block; text-align:center; border-radius:0px 1px 1px 0px; box-shadow:3px 3px 7px 0px rgba(0,0,0,0.2); background:#fff; margin-bottom:40px;}
.product .photo img{ vertical-align:top; width:100%;  transform-origin: 0% 50% 0px; transition: transform 0.5s cubic-bezier(0.0, 0.0, 0.2, 1.0); transform: perspective(800px) rotateY(0deg) scaleX(1);  position:relative; z-index:1; cursor:default;}
.product .photo>.img.has_preview{ margin-bottom:100px;}
.product .photo .has_preview img:hover{ transform: perspective(800px) scaleX(0.88) rotateY(-15deg); box-shadow:15px 0px 12px -12px rgba(0,0,0,0.4); cursor:pointer; }
.product .photo .img.has_preview:after{ content:attr(lang); position:absolute; bottom:-70px; left:0px; right:0px; display:block; text-align:center; color:#888; font-weight:600; background:#ddd; border-radius:1px; line-height:40px; transition: opacity 0.5s cubic-bezier(0.0, 0.0, 0.2, 1.0); text-transform:uppercase; font-size:16px; }
.product .photo .img.has_preview:hover:after{ color:var(--color);  }
.product .photo .thumb{ padding-left:5px;}
.product .photo .status_name{ position:absolute; margin:-14px 0 0 5px; z-index:2;  }

.product h1{ padding:0; margin:-7px 0 20px 0; position:relative; float:none; text-align:left; font-weight:normal; font-size:26px; text-transform:none; letter-spacing:normal; color:#000;}
.product h1 a{ display:inline-block; cursor:text; font-size:18px; line-height:18px; font-weight:600; margin-top:14px; color:#000;}
.product h1 a[href]:hover{color:var(--color); cursor:pointer;}

.product .author_desc{ position:relative; margin:-7px 0 20px 0; color:#888; font-size:14px;}
.product .author_desc a{ color:inherit; }
.product .author_desc a:hover{ color:var(--color); }

.product .authors_detail{ padding:0 0 20px;}
.product .authors_detail a i{ font-weight:600; font-size:0.9em; color:#aaa; padding:0 0 0 10px; }
.product .authors_detail a:hover i{ color:var(--color); }

.product .blog_prod{ border-top:1px solid #ccc; padding-top:20px;}

.product .aside{ position:relative; width:60%; min-height:420px; padding-bottom:10px; }
.product .aside h6{ tex-align:left; padding:10px 0 20px 0; }


.product .snapped{ position:relative; overflow:hidden; height:60px;}
.product .snapped:before{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:45px; z-index:1; }
.product .snapped:before{
	background-image: linear-gradient(top, rgba(240,239,237,0) 0%, rgba(240,239,237,1) 80%);
	background-image: -o-linear-gradient(top, rgba(240,239,237,0) 0%, rgba(240,239,237,1) 80%);
	background-image: -moz-linear-gradient(top, rgba(240,239,237,0) 0%, rgba(240,239,237,1) 80%);
	background-image: -webkit-linear-gradient(top, rgba(240,239,237,0) 0%, rgba(240,239,237,1) 80%);
 	background-image: -ms-linear-gradient(top, rgba(240,239,237,0) 0%, rgba(240,239,237,1) 80%);
}
.product .snapped:hover{ cursor:pointer;}
.product .snapped:hover:before{ content:"G"; font:20px/75px icomoon; text-align:center; color:#777; cursor:pointer; }
.product .snapped.open{ height:auto!important; overflow:visible; cursor:text; }
.product .snapped.open:before{ background:transparent; }
.product .snapped.open:hover:before{ content:"H"; }

.product[tab='p-tab-ebook'] .product_info .hide_in_ebook,
.product[tab='p-tab-audio'] .product_info .hide_in_ebook{ display:none;}


.product .desc{ line-height:1.6; }
.product .desc .desc_text{ position:relative; overflow:hidden; max-height:150px; transition:max-height .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); padding:0 0 30px 0;}
.product .desc .desc_text:after{ content:""; position:absolute; bottom:0; height:100px; left:0; right:0; border-bottom:1px solid #ccc; background-image: linear-gradient(to bottom, #f0efed00, #f0efed 80px)}
.product .desc [type=checkbox]:checked ~ .desc_text{  max-height:inherit;}
.product .desc [type=checkbox]:checked ~ .desc_text:after{ height:0;}
.product .desc input{ display:none;}
.product .desc label{ position:relative; display:block; text-align: center; cursor:pointer; margin-top:-18px; }
.product .desc label:before{ position:relative; display:inline-block; content:"\e313"; font:32px 'Material Icons'; background-color: #ddd; border-radius: 50%; width: 36px; height: 36px; line-height:36px; transition: transform .2s cubic-bezier(0.0, 0.0, 0.2, 1.0), background .2s ease-out; color:#fff;}
.product .desc label:hover:before{ background:var(--color)}
.product .desc [type=checkbox]:checked ~ .desc_text ~ label:before{  transform: rotate(180deg); }

.product .quantity { color:#c00; padding-top:17px;}


.product .soc-buts{ padding:20px 0;}
.product .soc-buts i{ display:inline-block; font-size:14px; color:#aaa; font-weight:600; vertical-align:middle; padding:0 12px 0 0; }
.product .soc-buts a{ color:#ccc; font-size:28px; vertical-align:middle; overflow:hidden; }
.product .soc-buts a:hover{ color:var(--color); }


.product .aside .buy{ display:inline-grid; padding-bottom: 20px; min-width: 530px;}
.product .aside .buy label{ grid-row: 1;  font-size:14px; font-weight:600; color:var(--color); padding:5px 0 10px 0; transition:border .5s ease-out; border-bottom:3px solid transparent; cursor:pointer; text-align:center; margin-left:20px;  }
.product .aside .buy label:nth-of-type(1){ margin-left:0px;  }
.product .aside .buy label:hover{border-bottom-color:var(--color); }
.product .aside .buy input{ display:none;  }
.product .aside .buy section{ display:none; grid-column: 1/6; opacity:0; transition:all .5s ease-out; border-top:1px solid #ddd; padding-top:27px;}
.product .aside .buy input:checked + label { border-bottom-color:var(--color); background:#eee; }
.product .aside .buy input:checked + label + section{  display:block; opacity:1;}
.product .aside .buy section .add{ background:var(--color); display:flex; justify-content: center; align-items: center; font-size:20px; color:#fff; text-align:center; cursor:pointer; transition:all .5s ease-out; font-weight:600; border-radius:3px; }
.product .aside .buy section .add:hover{ background:var(--color-h); }
.product .aside .buy section .add .price{ display:block; padding:0 20px; font-size:1.1em; line-height:1.1; }
.product .aside .buy section .add .price s{ display:block; font-size:.65em; }
.product .aside .buy section .add .price i{  font-size:.75em; font-style:normal; }
.product .aside .buy section .add .label{ display:block; line-height:52px; padding:0 20px; letter-spacing:.1em; flex-grow:1; border:1px solid #fff8; border-bottom:0; border-top:0; text-transform:uppercase; }
.product .aside .buy section .add.avail:after{ content:"shopping_cart"; display:block; font:30px 'Material Icons'; padding:0 20px; }
.product .aside .buy section .add.status_2{ background:#aaa; cursor:default;}

.product .aside .buy section .release { background-color: #ddd; padding: 10px; color: #777; font-weight: 600; text-align: center; }

.product .aside .buy section .add.expand{ text-align:left;  }
.product .aside .buy section .add.expand .label{ border:0;  }

.product .aside .buy section .add.expand:after{ position:relative; display:inline-block; content:"\e313"; font:32px 'Material Icons'; transition: transform .5s ease-out; color:#fff; padding:0 20px;}
.product .aside .buy section.open .add.expand:after{  transform: rotate(180deg); }
.product .aside .buy section .expand_block{ max-height:0; overflow:hidden; transition:all .5s ease-out; }
.product .aside .buy section.open .expand_block{ max-height:250px; }
.product .aside .buy section .expand_block>*{ display:block; font-weight:600; padding:12px 20px; display: flex; align-items: baseline; background-color: #ddd; border-bottom: 1px solid #fff; color:var(--color); }
.product .aside .buy section .expand_block>*:hover{ background-color: #e7e7e7;  color:#c11;}
.product .aside .buy section .expand_block>* small{ font-size:.85em; color:#777; padding-right:10px; }
.product .aside .buy section .expand_block>* .price{ margin-left:auto; white-space:nowrap;}
.product .aside .buy section .expand_block>* .price i{  font-size:.75em; font-style:normal;}


.product .photo .label{ position:absolute; margin-top:-20px; right:10px; background:#c00; border-radius:20px; display:inline-block; font-size:18px; line-height:36px; width:36px; text-align:center; color:#fff;  box-shadow:1px 1px 2px 0px rgba(0,0,0,0.5); }

.product .headline{ position:absolute; }
.product.form_base .photo .photo-sample{ width:100%; min-height:400px; border:1px solid #ccc;}
.product.form_base .photo .photo-sample input{ z-index:2;}

.product.form_base .ext_pdf{ display:inline-block; padding:0 0 0 24px; background:url(../imgs/ext_pdf.gif) no-repeat 0 8px; vertical-align:top; }
.product.form_base .ext_audio{ display:inline-block; padding:0 0 0 24px; background:url(../imgs/ext_audio2.png) no-repeat 4px 9px; vertical-align:top; }
.product.form_base .file{ display:none; }
.product.form_base .file.active{ display:inline-block; padding-right:10px; color:#09c; text-decoration:underline; }
.product.form_base .docs-upload{ vertical-align:middle;  }
.product.form_base .docs-upload.uploading{opacity:0.8; padding-right:28px; background:url(../imgs/loading_s.gif) no-repeat right center; }
.product.form_base .docs-upload u{ border-bottom:1px dashed #690; color:#690; text-decoration:none; line-height:14px;  }
.product.form_base .docs-upload:hover u{ border-color:#c00;  color:#c00;  }

.product.form_base .uploads{ padding:0 0 0 134px; line-height:22px; margin:-6px 0 18px 0;  }
.product.form_base .uploads label{ width:150px;  }
.product.form_base .uploads .ext_pdf{ background-position:0 3px; }
.product.form_base .uploads .ext_audio{ background-position:4px 4px; }

.product.form_base .uploads .photo-sample{ width:60px; border:1px solid #ccc; margin:0 6px 15px 0; vertical-align:top; }




.popup_d{ width:760px; margin-left:-240px; background:#222 url(../imgs/loading_b.gif) no-repeat center center; border-color:#444; }
.popup_d iframe{ width:700px; height:100%; margin:30px; border-radius:0px; }
.popup_d iframe.loaded{ background:#fff;}
.popup_d div.type_paper{ height:100%; padding:30px; box-sizing:border-box;}
.popup_d div.block_imgs{ height:700px;  border-radius:0px; overflow-x:hidden; overflow-y:auto;}
.popup_d div.block_imgs>div{ }
.popup_d div.block_imgs img{ width:100%; max-width:700px;}
.popup_d z.type_ebook:before{ content:""; display:block; position:absolute; left:30px; right:47px; top:30px; bottom:30px; background:#000; opacity:0.8; }
.popup_d .type_audio iframe{ height:200px;}
.popup_d .copy{ color:#777; position:absolute; bottom:9px; left:30px; right:30px; padding:0; text-align:center; font-size:10px; }


@media screen and (max-width: 1110px){	
	
	
}
@media screen and (max-width: 840px){
	
	
	.product .pane{  display:block; }
	.product .photo{ position:relative; width:100%; padding:0; display:flex; gap:10%; align-items: flex-start;}
	.product .photo>.img{ width:56%; margin-bottom:40px; }
	.product .photo .product_info{ font-size:0.9em; flex:2;}
	.product .aside{ position:static; width:auto; min-height:0;  }
	.product .aside .buy{ display:grid; min-width:0;}
	
	.product .but_back, .product .but_edit{ top:-15px;}
	.product h1{ top:0;}
	.product .photo .img:after{ display:none;}
	.product .photo .ext_services{ display:none;}
	.product .aside .ext_services{ display:block;}
	
	
	.popup_d{ width:auto; margin-left:0; top:0 }
	.popup_d iframe{ width:510px; }
	.popup_d div.block_imgs{ height:100%;  }
	
}