@charset "utf-8";
body {
	margin:0;
	padding:0;
	top:0 !important;
	height:100%;
}

html {
	height:100%;
}

.si {
	position:relative;
	border:1px solid #ccc;
	font:14px/30px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	height:30px;
	cursor:pointer;
}

.si3 {
	position:relative;
	font:14px/34px Arial, Helvetica, sans-serif;
	background:#eee;
	cursor:pointer;	
}

.lang {
	width:300px;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
}

.lang a{
	color: #000000;
	font:13px/30px Arial, Helvetica, sans-serif; 
	margin: 0 4px;
}

.lang span {
	display:inline-block;
	width:30px;
	height:30px;
	font:12px/30px Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.language__img_active {
	color:#F30;
}

.skiptranslate {
    display: none !important;
}

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}

div:first-letter, span:first-letter, a:first-letter {
	text-transform:uppercase;
}

.si1 {
	float:left;
	width:110px;	
}

.sid {
	position:absolute;
	height:30px;
	width:28px;
	right:0;
	top:0;
    background:url(img/minus.png) 7px 13px no-repeat #FFF;
	border-left:1px solid #CCC;
}

.dsi {
    padding-left:10px;
}

.dsi2 {
	padding-left:15px;
}

.h, .h2 {
	display:none;
	width:100%;
	background:#FFF;
	z-index:100;	
}

.h2 {
	position:absolute;
	left:-1px;
	border:1px solid #CCC;
}

.hide a, .hide div {
	color:#000;
	display:block;
	padding-left:10px;
}

.preload {
	position:fixed;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	z-index:2003;
}

.parent {
	padding-top:5px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom:-155px;
	background:#FFF;
}

.footer {
	height:150px;
	padding:0 25px;
	background:#333;
	border-bottom:5px solid #00a39e;
}

.wrap {
    height:155px;
}

.top-left {
	display:block;
	margin:auto;
	padding:10px 0;
	width:215px;
}

.favs {
	margin:0 20px;
}

.th {
	height:50px;
	background:#333;
}

.th > div div {
	float:right;
	height:50px;
	width:50px;
	cursor:pointer;
}

.th > div {
	position:relative;
	width:294px;
	margin:auto;
}

.menu {
	background:url(img/menu.png) center no-repeat;
	 background-size:68%;
}

.lock {
	background:url(img/lock1.png) center no-repeat;
	background-size:68%;
}

.user {
	background:url(img/user1.png) center no-repeat;
	background-size:80%;
}

.env {
	background:url(img/env.png) center no-repeat;
	background-size:100%;
	margin:0 16px;
}

.mag2 {
	background:url(img/mag1.png) center no-repeat;
}

.th > div > a {
	float:right;
	height:50px;
	width:50px;
}

.th > div > a {
	position:relative;
	text-align:center;
	line-height:28px;
	color:#FFF;
	font-size:11px;
}

.th > div > a span{
	position:absolute;
	top:-7px;
	right:-10px;
	background:#c60278;
	border-radius:26px;
	width:26px;
	height:26px;
}

.fav {
	background:url(img/fav2.png) center no-repeat;
	background-size:80%;
}

.cart {
	background:url(img/cart.png) center no-repeat;
	background-size:78%;
	margin-right:10px;
}

.t2 {
	width:98%;
}

.cnt {
	padding:20px 25px 50px;
}

.action img {
	max-width:100%;
}

.cat-list {
	padding:0;
	list-style:none;
	margin:0 auto 40px;
	text-align:center;
}

.addfav {
	margin-right:9px;
}

.delfav, .addfav {
	float:right;
	height:28px;
	width:29px;
	cursor:pointer;
}

.delfav {
    background:url(img/delfav.png) 0 2px no-repeat;	
}

.addfav {
	background:url(img/addfav.png) 0 2px no-repeat;
}

.mag {
	position:absolute;
	bottom:163px;
	right:20px;		
	background:url(img/mag2.png);
	height:25px;
	width:25px;
	cursor:pointer;
	z-index:101;	
}

.like {
	float:right;
	background:url(img/like.png) no-repeat left;
	height:26px;
	width:45px;
	text-align:right;
    font:14px/32px Arial, Helvetica, sans-serif;
	color:#000;
    cursor:pointer;
}

.clr {
	clear:both;
}

.mho {
    flex: 1 0 280px;
	position:relative;
	text-align:center;
	border:1px solid #ccc;
	margin:0 0 10px 10px;
}

.basket-h {
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	margin-left:-10px;
}

.pointer {
	position:absolute;
	top:5px;
	right:10px;
	cursor:pointer;
}

.mbt {
	font:18px Arial, Helvetica, sans-serif;
	color:#FF3300;
	margin:48px 0 10px;
}

.img-h-2 a, .img-h a {
	position:absolute;
    width:100%;
	left:0;
	letter-spacing:.01em;
	color:#000;
	box-sizing:border-box;
	overflow:hidden;
}

.img-h a {
	height:320px;
	font:14px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.img-h-2 a {
	height:340px;
	font:14px/20px Arial, Helvetica, sans-serif;
}

.img-h-2 span, .img-h span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:45px;
	width:100%;
	padding:0 10px;	
	box-sizing:border-box;
	overflow:hidden;
}

.resize {
	max-height:160px;
	max-width:160px;
}

.img-h-2 a:first-letter {
	text-transform:uppercase;
}

.img-h {
	line-height:270px;
}

.img-h-2 {
	line-height:300px;
}

.img-h img {
	max-height:258px;
	max-width:260px;
}

.img-h-2 img {
	max-height:266px;
	max-width:93%;
}

.img-h img, .img-h-2 img {
    vertical-align: middle;
}

.tov-b {
	max-width:90%;
	height:75px;
	border-top:1px solid #eee;
	padding:6px 15px 0 15px;
	margin-top:41px;
}

.phl {
	float:left;
}

.price {
    font:16px/28px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#E3673E;
	margin:0 0 10px;
	height:28px;
	text-align:left;
}

.price-3 span {
	display:block;
}

.price span, .price-3 span {
   font:14px Arial, Helvetica, sans-serif;
   text-decoration:line-through;
   color:#000;
}

.is2 {
	background: url(img/smile.png) 10px 5px no-repeat #378A1C;
	display:inline-block;
    padding:8px 8px 8px 38px;
}

.is3 {
   background: 10px 5px no-repeat #555;
   display:inline-block;
   padding:8px;   
}

.is, .is2, .is3 {
	float:right;
	font:13px Arial, Helvetica, sans-serif;
	cursor:pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
	color:#fff;
	border-radius:3px;
}

.is {
	background:#774680;
	padding:9px 8px;
}

.title {
	font:22px Arial, Helvetica, sans-serif;
	padding:5px 0 25px 0;
	line-height:30px;
	margin-top:15px;
}

.title:first-letter {
	text-transform:uppercase;
}

.order {
	margin:20px auto;
	background:#ff0009;
}

.butt {
	margin:auto;
	background:#333;
}

.butt, .order {
	display:block;
   	width:100%;
	font:12px/30px Arial, Helvetica, sans-serif;
	height:30px;
	text-align:center;
	border-radius:5px;
	color:#FFF;
	border:none;
	cursor:pointer;
	z-index:200;
}

.img {
	float:left;
	margin:0 10px 10px 0;
}

.discount, .lc {
	position:absolute;
	right:0;
	top:8px;
	padding:3px 6px;
	text-align:center;	
	font:15px Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#ff0009;
}

.code {
	position:absolute;
    font:13px Arial, Geneva, sans-serif;
	letter-spacing:1px;
	color:#222;
    top:1px;
    left:0;
    padding:0 16px 0 10px;
}

.soc {
	padding-top:20px;
	font:18px/30px Arial, Helvetica, sans-serif;
}

.soc a {
	display:block;
	margin:0 auto 10px;
	text-align:center;
	color:#fff;
	width:250px;
}

.item-h {
	overflow:hidden;
}

hr {
	border:none;
	background:#f0f0f0;
	height:1px;
	line-height:1px;
	margin:40px 0 15px 0;
}

.item-f {
	margin:0 0 20px 0;	
}

.prev {
	width:100%;
	min-height:75px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.bot {
	position:absolute;
	width:70px;
	height:15px;
	bottom:-1px;
	left:-91px;
	background:url(img/open.png) center bottom no-repeat;
}

.title-1 {
	position:relative;
	font:26px Arial, Helvetica, sans-serif;
	margin-bottom:25px;
}

.zabor {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	background:#333;
	background:rgba(0,0,0,.6);	
	z-index:1000;
}

.pr {
	float:left;
	width:70px;
	height:70px;
	margin:0 13px 3px 0;
	text-align:center;
	line-height:66px;
	border:1px solid #ccc;
	cursor:pointer;
	overflow:hidden;
}

.prev img {
	vertical-align: middle;
	max-width:64px;
	max-height:64px;
}

.big {
	position:relative;
	width:100%;
	height:100%;
	padding:5px 0;	
	text-align:center;
	border:1px solid #ccc;
	cursor:pointer;
}

.big img {
	max-width:100%;
	max-height:100%;
    vertical-align: middle;
}

.item-d {
	margin:0 0 20px 0;
}

.buy, .buy2, .buy3 {
	float:left;
	margin-left:20px;
    font:14px/35px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	cursor:pointer;
	border-radius:3px;
}

.buy {
	width:110px;
	background:#774680;
}

.buy2 {
	background: url(img/smile.png) 10px 6px no-repeat #378A1C;
	width:120px;
	padding-left:25px;
}

.buy3 {
	background: 10px 4px no-repeat #555;
	width:120px;
}

.price-2, .price-3 {
	float:left;
	width:100px;
	font-weight:bold;
	text-align:center;
	color:#e3673e;	
}
.price-2 {
    font:1.2em/2em Arial, Helvetica, sans-serif;
}

.price-3 {
    font:1.2em/1em Arial, Helvetica, sans-serif;
}

.dop {
	font:0.9em/1.4em Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

.dop span {
	font-weight:bold;
}

.action {
	font:14px/18px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	overflow:hidden;	
}

.tab {
	float:left;
	width:90px;
	font:.9em/2.4em Arial, Helvetica, sans-serif;
}

.v1 {
	margin-top:10px;
}

.prv {
	float:left;
}

.clist {
	float:left;
	margin-bottom:8px;
}

.sclr {
	margin-right:2px;
	display:inline-block;
	width:28px;
	height:28px;
	border:3px solid #eee;
	cursor:pointer;
}

.rtab {
	float:left;
	margin-bottom:15px;
}

.sq {
	margin-bottom:18px;
}

.colors div {
	width:32px;
	height:32px;
	border:1px solid #ccc;
}

.first {
	border:3px solid #ccc;
}

.alert {
	position:fixed;
	max-width:70%;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	background:#FFF;
	padding:15px 20px;
	font:16px/25px Arial, Helvetica, sans-serif;
	text-align:center;	
	border-radius:3px;
	z-index:1002;	
}

.cd {
	margin:20px auto 0;
	width:70px;
	text-align:center;
	font:14px/25px Arial, Helvetica, sans-serif;
	background:#ff0009;
	color:#FFF;
	border-radius:3px;
	cursor:pointer;
}

.list {
	width:100%;
}

table {
	border-collapse:collapse;
}

.list td {
	font:14px Arial, Helvetica, sans-serif;
}

.list a {
	color:#69F;
}

a {
	text-decoration:none;
}

.total {
	margin:20px 0 10px;
	text-align:center;	
    font:20px Arial, Helvetica, sans-serif;
}

.price-holder {
	margin:auto;
	max-width:124px;
}

.price-holder div {
	width:34px;
	height:33px;
	border:1px solid #ccc;
	cursor:pointer;
	border-radius:3px;
}

.price-holder input {
	width:42px;
	height:34px;
	margin:0 4px;
	text-align:center;
}

.all {
	font:18px "Roboto", Arial, Helvetica, sans-serif;
	color:red;
}

.summ {
	font:15px Arial, Helvetica, sans-serif;
	margin:10px 0 7px;
	font-weight:bold;
}

.minus {
	float:right;
	background:url(img/minus.png) 10px 15px no-repeat #FFF;
}

.plus {
	float:left;
	background:url(img/up.png) 10px 14px no-repeat #FFF;
}

.sel {
	width:100%;
	margin-bottom:5px;
}

.f {
	width:100%;
	border-radius:3px;
	margin-bottom:5px;
}

input, input[type="password"], textarea {	
    padding:6px;
    font:14px Arial, Helvetica, sans-serif;
    border:1px solid #CCC;
	box-sizing:border-box;
}

.search2 {
	position:relative;
	width:215px;
	margin:0 auto 10px;
	text-align:left;
	border:1px solid #CCC;
}

.smsg {
	position:absolute;
	right:0;
	top:38px;
	background:#333;
	color:#FFF;
	font:14px/22px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	width:130px;
	text-align:center;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	cursor:pointer;
	z-index:100;
}

.str {
	border:none;
	width:100%;
	padding-right:35px;
}

.rr {
	font:14px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

.str-b {
	position:absolute;
	right:0;
	top:0;
	width:36px;
	height:30px;
	margin:0;
	border:none;
	background:url(img/mag.png) center 7px no-repeat;
	cursor:pointer;
}

form {
	margin:0;
	padding:0;
}

.bread {
	margin:10px 0 20px;
}

.bread img {
	margin:0 6px;
}

.bread a {
	font:14px/28px Arial, Helvetica, sans-serif;
	padding:4px 7px 4px 0;
	color:#333;
}

.dialog-in input, .dialog-in textarea {
	width:100%;
	margin-bottom:5px;
}

.dialog-holder {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
	white-space: nowrap;
    text-align: center;
	z-index:1002;
}
	
.dialog-holder:before {
    height: 100%;
	width:0;
    display: inline-block;
    vertical-align: middle;
    content: '';
}

.dialog-in {
	background:#FFF;
	padding:10px 20px 20px;
	box-sizing:border-box;
    display: inline-block;
	white-space: normal;
    vertical-align: middle;
    text-align: left;
	width:100%;
	height:100%;
}

.remind {
	font:12px Arial, Helvetica, sans-serif;
	line-height:40px;
	cursor:pointer;
}

.done {
	display:none;
	position:fixed;
	top:15%;;
	left:0;
	right:0;
	margin:auto;
	width:180px;
	font:15px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:center;
	background:#FF9900;
	z-index:2000;
}

.success {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:250px;
	height:20px;
	margin:auto;
	background:#FFF;
	padding:20px;
	border-radius:5px;
	text-align:center;
	font:14px Arial, Helvetica, sans-serif;
	z-index:1001;
}

.warn {
	position:absolute;
	right:0;
	top:34px;
	font:15px Arial, Helvetica, sans-serif;
	color:#FF0033;
	height:20px;
}

.t, .i input, .i textarea, .list select, .ord-list div input, .ord-list div select {
	width:100%;
	margin-bottom:5px;
}

.pm {
	list-style:none;
	margin:0 0 15px;
	padding:0;
	overflow:hidden;
}

.pm li {
	float:left;
}

.pm a {
	display:block;
	color:#000;
    font:15px Arial, Helvetica, sans-serif;	
	padding:12px 22px 12px 0;
	border-bottom:1px solid #eee;
}

.close {
	position:absolute;
	width:25px;
	height:25px;
	right:15px;
	top:4px;
	color:#FFF;
	background:url(img/close2.png);
	background-size: cover;
	cursor:pointer;
}

.close-2 {
	float:right;
	width:30px;
	height:30px;
	margin-bottom:5px;
	background:url(img/close2.png);
	cursor:pointer;
}

.close-3 {
	position:absolute;
	width:30px;
	height:30px;
	top:5px;
	right:10px;
	background:url(img/close2.png);
	cursor:pointer;
	z-index:2000;
}

.title-m {
	text-align:center;
	font:24px Tahoma, Geneva, sans-serif;
	margin-bottom:25px;
	text-transform: lowercase;
	text-transform: capitalize;
}

.title-m:first-letter, .title:first-letter {
	text-transform:uppercase;
}

.title-m span {
	border-bottom:1px solid #fec91b;
	padding:0 15px;
}

.black, .white {
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	text-align:center;
	list-style:none;
	padding:0;
	margin:0 0 15px -10px;
	overflow:hidden;	
}

.black li {
    height:445px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	border-left:1px solid #eff;
	border-right:1px solid #eff;
}

.white li {
	height:327px;	
    border:1px solid #FF9BBC;
}

.black li, .white li {
	flex: 1 0 250px;
	position:relative;
    margin:0 0 10px 10px;
	box-sizing: border-box;
	overflow:hidden;
}

.send2 {
	display:inline-block;
}

.send {
	float:right;
}

.send, .send2 {
	background:#333;
	color:#FFF;
	font:12px Arial, Helvetica, sans-serif;
	padding:7px 15px;
	border:none;
	border-radius:3px;
	text-align:center;
	cursor:pointer;
}

.mm {
	display:none;
	list-style:none;
	z-index:1000;
	padding:0;
	margin:0;
}

.mm a {
	display:block;
	font:14px/33px Arial, Helvetica, sans-serif;
	padding:0 15px;
	border-bottom:1px solid #eee;
	color:#999;
	text-transform: lowercase;
}

.t1 {
	height:85px; 
	width:100%;
	margin-bottom:4px;
}

.pages {
	margin:0 auto 30px;
	max-width:440px;
	text-align:center;
}

.pages a {
	display:inline-table;
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 2px;
	padding:6px 0;
	width:30px;
	border:1px solid #CCC;
}

.pages .se {
	color:#FFF;
	background:#333;
	border:1px solid #333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
    padding: 5px;
}
}

#scroller{
    position: fixed;    
    bottom: 160px;
	right:25px;   
    background: transparent url(img/scroll.png) no-repeat left top;  
    width: 40px;
    height: 40px;
    cursor: pointer;
    display:none;
	z-index:1001;
}

.mgb {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:rgba(0,0,0,.6);
    padding:12px 20px;	
	max-height:100%;
	z-index:2000;
}

.mp {
	position:relative;
	margin:auto;
	width:100%;
	height:100%;
	text-align:center;
	background:#FFF;
}

.mp:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.magbig {
	max-width:95%;
	max-height:95%;
	vertical-align: middle;
}

.oz {
	height:40px;
	overflow:hidden;
}

.ozh {
	cursor:pointer;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	margin-bottom:7px;
}

.ozt {
	float:left;
	font:15px/39px Arial, Helvetica, sans-serif;
}

.ozp {
	float:right;
	font:15px/39px Arial, Helvetica, sans-serif;
}

.showon, .showoff {
	margin:auto;
	width:120px;
	border:1px solid #F60;
	padding:5px;
	font:14px Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

.showon {
	background:#F60;
	color:#FFF;
}

.copilka, .sleva, .balans {
	display:inline-block;
	height:60px;
	line-height:100px;
	width:77px;
	text-align:center;
}

.copilka {
	background:url(img/pig.png) center 3px no-repeat;
	background-size:50%;
}

.sleva {
	background:url(img/sleva.png) center 3px no-repeat;
	background-size:50%;
}

.balans {
	background:url(img/balans.png) center 3px no-repeat;
	background-size:50%;
}

.ico {
	text-align:center;
	font:14px Arial, Helvetica, sans-serif;
}

.pad {
	margin-top:40px;
}

.e404 {
	font:40px Arial, Helvetica, sans-serif;
	margin:15px 0;
	text-align:center;
}

.e404-t {
	font:16px Arial, Helvetica, sans-serif;
	text-align:center;
}

h1 {
	font:24px Tahoma, Geneva, sans-serif;
	margin:0;
}

.title-m h1 {
	display:inline-block;
}

.comm_form input[type="text"], .comm_form textarea {
	width:100%;
	margin-bottom:5px;
}

.comm_name {
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	overflow:hidden;
}

.comm_comm {
	margin-bottom:35px;
}

.emo img {
	cursor:pointer;
}

.comm_name span, .answ span {
	padding-left:15px;
	color:#666;
}

.cimg {
	float:left;
	margin-top:5px;
}

.nc {
	float:left;
	line-height:29px;
	margin-left:10px;
}

.answ {
	margin:10px 0 10px 10px;
	border-bottom:1px solid #eee;
}

.nc2 {
	line-height:29px;
}

.comm_comm2 {
	margin-left:10px;
}

.emo {
	margin-bottom:20px;
	text-align:center;
}

.opt {
	margin:20px 0;
	font:12px/20px Arial, Helvetica, sans-serif;
}

.old {
	text-decoration:line-through;
	color:#000;
	font-weight:normal;
	font-size:14px;
}

.off {
	display:none;
}

.rel-pos {
	font:12px/20px Arial, Helvetica, sans-serif;
	padding:10px 10px 0;
}

.rel {
	position:relative;
}

.red {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C00;
}

#delcupon {	
	display:none;
	width:30px;
	height:30px;
	background:url(img/close.png) center no-repeat;
	background-size: cover;
	vertical-align:top;
	cursor:pointer;
}

#cuponres {
	display:block;
	margin-bottom:10px;
	font:14px Arial, Helvetica, sans-serif;
}

#cupon {
   width: calc(100% - 100px);
   margin-bottom:5px;
}

.nt {
	text-align:center;
	margin-bottom:10px;
}

.nt a {
	color:#000;
	font:22px Tahoma, Geneva, sans-serif;
	text-align:center;
}

.n {
	margin-bottom:40px;
	font:14px/18px Arial, Helvetica, sans-serif;
}

.n img {
	max-width:100%;
	margin-bottom:15px;
}

.fa {
	width:calc(100% - 104px);
}