/*Debug*/
/**{border:#000 1px dotted}*/

@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans'), local('PTSans-Regular'), url('/static/ptsans/ptsans.woff2') format('woff2'), url('/static/ptsans/ptsans.woff') format('woff'), url('/static/ptsans/ptsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
/*@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Italic'), local('PTSans-Italic'), url('/static/ptsans/ptsansitalic.woff2') format('woff2'), url('/static/ptsans/ptsansitalic.woff') format('woff'), url('/static/ptsans/ptsansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}*/
@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('/static/ptsans/ptsansbold.woff2') format('woff2'), url('/static/ptsans/ptsansbold.woff') format('woff'), url('/static/ptsans/ptsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/*@font-face {
    font-family: 'PT Sans';
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('/static/ptsans/ptsansbolditalic.woff2') format('woff2'), url('/static/ptsans/ptsansbolditalic.woff') format('woff'), url('/static/ptsans/ptsansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}*/

*{box-sizing: border-box}
body{
	font-size:100%;
	font-family: 'PT Sans';
	width:100%;
	padding:0px;
	margin:0px;
	background:#fff;
	background-size:cover;
	background-attachment:fixed;
}

h1{
	text-align:center;
  margin:1ex auto;
  padding:0;
  font-size: 125%;
  font-weight: normal;
  color:#335;
}

h2{
  display: block;
	text-align:center;
	font-weight:normal;
  font-size: 100%;
	padding:1ex;
  /*background:url('/static/grad.png') repeat-x center;*/
  /*background-size:contain;*/
	/* background-color:rgba(242,136,1,0.8); */
  /*#e80 #f28801 rgba(242,136,1,0.5) */
  background: #88f;
  border-right:#f00 4px solid;
	/*border-radius:2px;*/
	color:#000;
	margin:2ex 0 0 0;
  clear: both;
}
h2:first-child{
	margin:0px;
}
table{
	font-size:100%;
	font-family: 'PT Sans';
}
th{
	text-align:center;
	padding:1ex 0;
	/* background-color:rgba(242,136,1,0.8); */
  background: #88f;
	/*border-radius:1em 1em 0px 0px;*/
  font-weight: normal;
	color:#000;
	margin:0;
}
/*th:first-child{border-radius:2px 0px 0px 0px;}*/
th:last-child{border-right:#f00 4px solid;}
th a{
  display:block;
  padding: 0 1ex;
  color:#000;
  text-decoration:none;
  /*border-bottom: rgba(0,0,0,0.7) 1px dotted;*/
}
/*th small{
  color:#aef;
}*/
th a:hover,th a:active{
  color:#d00;
  /*border-color: rgba(255,0,0,0.7);*/
}
/*th a:hover > small,th a:active > small{color:#fff;}*/

td{
	padding:1ex 1ex 0.5ex 1ex;
	margin:0;
	vertical-align:top;
}
.list-tbl{
  margin:2em auto;

}
.list-tbl td{
  padding:1em 1ex;
  border-bottom: #48b 2px solid;
  background:#eef;
}
.m_1, .m_1  td{
  background:rgba(242,136,1,0.2);
}
.m_2, .m_2 td{
  background:rgba(100,255,100,0.5);
}
.m_3, .m_3 td{
  /*background:rgba(242,242,1,0.3);*/
}
.list-tbl tr:hover td{
  background:#fff;
  border-color: #e80; /*d00*/
}
/*.list-tbl tr:nth-child(2n){background:#def}*/
/*.list-tbl tr:nth-child(2n+1){background:#fff}*/

.pill_cont{
  text-align: center;
  float: right;
  /* display: flex; */
}
.pill{
  display: inline-block;
  width: 30%;
  /* min-width: 30vh; */
  margin: 1em;
  padding: 1ex;
  border-radius: 3px;
  background: #fafaff;
  border: 1px #fff solid;
  transition: 1s;
}
.pill:hover{
  background-color:#fff;
  border-color: #ddf;
}
.pill_img{
  height: 30vw;
  max-height: 25em;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  transition: 1s;
}
.pill:hover > .pill_img{
  background-size: 100%;
}
.pill_descr{
  position: absolute;
  height: 4em;
  overflow: hidden;
  bottom:0px;
  background: rgba(255,255,255,0.5);
  transition: 1s;
}
.pill:hover .pill_descr{opacity: 0;}
.pill_link{
  background: rgba(255,255,255,0.8);
  display: block;
}
.pill:hover .buy{animation: buyme 3s linear 0s infinite;}


a{
  color:#48b;
  text-decoration:none;
}
a:hover,a:focus{color:#d00}

ul,ol{
	margin:0;
	padding:0;
}
.text-list{
  margin: 1em 3em;
}
ul.text-list li{
  padding:0.5ex 1ex;
  margin:0.5ex;
  list-style: none;
  border-left:0.5ex solid #89b;
}

header{
	width:100%;
	margin:0 0 1em 0;
	position:relative;
	padding:0;
  text-align:center;
  background:#f0f4f6;
	/*background-size:cover;
	background-position:left;*/
	/*border-radius:1em 1em 0px 0px;*/
	/*color:#fff;*/
}


#logo{
  float:left;
  clear: left;
  margin:0 1em 1em 0;
  width: 25em;
  max-width: 90vw;
  height: auto;
  /*max-width: 50vw;*/
  /* animation: lrotate 15s ease-in; */
}
/*
@keyframes lrotate {
  0%{
    transform: rotateX(0deg);
    /*height:20ex;*/
  }
  96%{
    transform: rotateX(0deg);
    /*height:20ex;*/
  }
  99%{
    transform: rotateX(180deg);
    /*height:22ex;*/
  }
  100%{
    transform: rotateX(360deg);
    /*height:20ex;*/
  }
} */

#slogan{
  /*float:left;*/
  /*margin: 1em;*/
  padding: 2em 1em;
}
#adress{
  float: right;
  text-align: right;
}
#phone{
  float: right;
  clear: right;
  text-align: right;
  font-size: 110%;
  font-weight: bold;
  color:#d00;
  margin:1ex 0;
}
#menu{
  clear: both;
  text-align:right;
  /*position: absolute;
  right: 0;
  bottom: 0;
  padding: 1ex;*/
}
#menu a{
  display: block;
  float: left;
  padding: 1ex 1ex 0.5ex 1ex;
  margin: 0 1px;
  /*background: rgba(255,255,255,0.3);*/
  text-decoration: none;
  border-bottom: 2px #48b solid;
  transition: 0.3s;
}

#menu a:hover,#menu a:active{
  border-color: #d00;
  background: #fff;
}
#menuShow{
  display: none;
}

#msearch{
  margin:0.5ex 0 0 0;
  padding: 0;
  /* float: right; */
  height: 100%;
  width: 100%;
  clear: both;
}
.query_field{
  font-size:100%;
  display: inline-block;
  width: 75vw;
  max-width: 89em;
  margin: 0;
  padding: 0.75ex 1ex;
  background: none;
  border: none;
  border-bottom: #89b 2px solid;
  color: #124;
  transition: 0.3s;
  background: rgba(255, 255, 255, 0.1);
}
.query_field:hover, .query_field:focus, .query_field:active{
  border-color: #48d;
  background: rgba(255, 255, 255, 0.5);
}
#msearch button{
  margin: 0;
  width:15vw;
  max-width:10em;
}


.page{
	width: 95vw;
  /* max-width: 100em; */
  /*max-width: 95vw;*/
	/*min-width:600px;*/
	margin:0 auto;
	padding:1ex;
}

.col{
	float:left;
  margin:1ex auto;
}
.mid{
  margin:1ex auto;
}
.grid{
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
}



/* modifers */
/* NY */
header.ny {
  background-color: #a8e;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E");
/*  url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");*/

  /* height: 50vh; */
  background-position: 0px 0px;
  animation: animatedBackground 10s linear infinite;
}
header.ny>div{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");
  position: relative;
  height: 60vh;
  background-position: 0px 0px;
  animation: animatedBackground 15s linear infinite;
}
@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 60vh;
  }
}
header.ny a{
  color: #058;
  border-color: #058 !important;
}
header.ny a:hover{
  color: #f00;
  border-color: #f00 !important;
}
header.ny #msearch{
  position: absolute;
  height: 2em;
  bottom: 1em;
}




/* Shop */
/*Main*/
#mainSl_cont{margin: 0 0 2em 0}

/* popup menu */
#main_cats{
  width: 33vw
  flex: 1 1 33%;
  /* float:left; */
}

/*Subcats*/
.subcatlist{
  list-style: none;
  margin: 0;
  padding:0;
  /* width: 33vw; */
}
.subcatlist li{
  margin: 0;
  padding:0;
  position: relative;
}
#subcatroot > li{
  /* display: flex; */
}

.subcatlist ul{
  display: none;
  left:30vw;
  position: absolute;
}
.subcatlist li:hover > ul {
  display: inline-block;
  z-index:10;
	/* background-color:rgba(255,255,255,0.7); */
}

.subcatlist a{
	/*color:#fff;*/
  text-decoration: none;
  display: inline-block;
  width:33vw;
	padding:1ex;
	margin:0px 1ex 0px 0;
	border-radius:2px;
	border:#88f 1px solid;
	border-left:#88f 4px solid;
	background-color:#eef;
	transition:0.3s;
}
/* a.e_2, a.e_4, a.e_6{
	background-color:rgba(242,136,1,0.1);
  color:#e80;
  border-color:#e80;
} */
.subcatlist a:hover, .subcatlist li:hover > a{
	background-color:#fff;
  color:#d00;
  border-color:#d00;
	transition:50ms;
}


#main_promo{
  /* float: right; */
  flex: 1 1 30em;
  /*text-align: justify;*/
  text-align: center;
  /*font-size: 1px;*/
  max-width: 50vh;
}

/* Promo goods */
.promo_slide{
  background-size: contain !important;
}
.promo_item{
  /* display: inline-block; */
  /* position: relative; */
  text-align: left;
  font-size: 110%;
}
.promo_item > a{
  background: rgba(255,255,255,0.9);
  display: block;
  padding: 1ex;
}
.promo_item_price{
  display: block;
  position: absolute;
  /* width: 100%; */
  /* text-align: right; */
  background: rgba(255,255,255,0.9);
  padding: 0px;
  bottom: 0ex;
  right: 0ex;
}
.promo_item_price b{color: #f00;}

/* top cats */
.topcats{
  text-align: center;
  clear: both;
}
.cat_card{
  display: inline-block;
  text-align: center;
  padding: 1ex 1px;
  margin: 1em;
  width: 30%;
  min-width: 130px;
  border: 1px #eef solid;
}
.cat_card>img{
  display: block;
  margin: auto;
}
.cat_card:hover{
  border-color: #f00;
}

/*Shop entry*/
#shop_cont{
  display: flex;
  flex-wrap: wrap;
  /*max-width: 90vw;*/
}
#shop_img{
	/*display: inline;*/
	margin:1em auto;
  max-width: 600px;
  width: 100%;
  height: auto;
}
#shop_descr{
  display: inline-block;
}
#shop_descr div{
  margin: 1em 1ex;
}
#buy_string{
  /*float: right;*/
}
.buy_me{animation: buyme 6s linear 0s infinite}
.buy_me:hover{animation: none}
@keyframes buyme{
  0%{background-color: #ddf}
  20%{background-color: #ffd}
  40%{background-color: #dfd}
  60%{background-color: #fdf}
  80%{background-color: #dff}
  100%{background-color: #ddf}
}
.price{
  font-weight: bold;
}


/*Ent table*/
.l-thumb{
  float:left;
	margin:0 1ex 1ex 0;
  width: 20ex;
  max-width: 50vw;
  height: auto;
}
.l-exist{color:#2b2;}
.l-absent{color:#da3;}
.l-buy{text-align:center}
.l-price{
  color:#d00;
  font-size: 110%;
}

.cat-block{
	margin:1ex;
	padding:0.5ex 1ex;
  width: 30vw;
}

.modeSelector{
  text-align: center;
  margin: 1ex auto;
}
.modeSelector a{
 display:inline-block;
 padding:0.5ex;
 margin:3px;
 border-bottom:#89b 2px solid;
 transition: 0.3s;
}
.modeSelector a:hover, .modeSelector a:active{
  border-color: #d00;
  background-color:rgba(255, 255, 255, 0.4);
}
.modeSelector span{
 display:inline-block;
 padding:0.5ex 1.5ex;
 margin:3px;
 background-color:rgba(242,136,1,0.1);
}

.displaySelector{
  float:left;
}
.displaySelector img{
  width: 1.5em;
  height: 1.5em;
  margin: 1ex;
  color: red;
}
.displaySelector span{
  display:inline-block;
  background-color:rgba(242,136,1,0.1);
}
.displaySelector a{
  display:inline-block;
  filter: invert(50%) sepia(100%) hue-rotate(160deg);
}
.displaySelector a:hover{
  filter: invert(50%) sepia(100%) saturate(100);
}

.searchform{
  text-align: right;
  margin: 1ex auto;
}
.pageSelector{
  text-align: center;
  margin: 1ex auto;
}

/*Bloks*/
.navigation{
	margin:1ex;
	padding:1.5ex 0;
	/*border-radius:0.5ex;*/
	/*background:#eef;*/
	/*border:#dde 1px solid;*/
  text-align: center;
  color: #aaa;
}
.navigation a{
  white-space: nowrap;
}

.control{
	margin:1ex;
	padding:0.5ex 1ex;
	border-radius:0.5ex;
	background:#ffe;
	border:#eed 1px solid;
}



#basket_link_cont{
	float:right;
  clear: right;
	display:block;
	/* position:fixed; */
  /* z-index: 10; */
	/* right:1ex; */
	/* bottom:1ex; */
  margin: 0px 0px 1em 0px;
	padding:1ex 0px;
}
#basket_link{
	padding:1ex 1ex 1ex 24px;
	background: rgba(255, 255, 255, 0.4) url('/static/icon/basket.png') no-repeat;
	background-position:7px 50%;
  color:#03f;
	border:1px #158 solid;
	border-top:4px #158 solid;
	/*border-radius:2px;*/
	transition:200ms;
}
#basket_link.act{
	background-color:#fff;
	color:#008;
  animation: blink 1.5s;
}
@keyframes blink {
  0%{
  	background-color:#aaf;
  	color:#008;
    border-color:#158;
  }
  15%{
  	background-color:rgba(221,0,0,1);
  	border-color:#ff8;
  	color:#fff;
  }
  35%{
  	background-color:#ffa;
  	color:#008;
    border-color:#158;
  }
  45%{
  	background-color:rgba(221,0,0,0.9);
  	border-color:#ff8;
  	color:#fff;
  }
  65%{
  	background-color:#ffc;
  	color:#008;
    border-color:#158;
  }
  75%{
  	background-color:rgba(221,0,0,0.8);
  	border-color:#ff8;
  	color:#fff;
  }
  95%{
    background-color:#fff;
  	color:#008;
    border-color:#158;
  }
  100%{
    background-color:#aaf;
  }
}
#basket_link:hover{
	background-color:rgba(221,0,0,0.8);
	border-color:#ff8;
	color:#fff;
	transition:100ms;
}

.user-panel{
  display: block;
	position:fixed;
  z-index: 10;
	top:-2.5ex;
	left:0px;
	right:0px;
	margin:0px;
	padding:1ex 1ex 0 1ex;
	text-align:right;
	background:rgba(255,255,255,0.5);
	transition:0.3s;
}
.user-panel:hover{
	top:0ex;
	background:rgba(255,255,255,0.8);
}

footer{
	text-align:right;
	background:#f0f4f6;
  color:#345;
  padding: 3em 1em;
  margin:2em 0 0 0;
}
footer p{margin: 1ex 2em;}

#offer_note{
  clear: both;
  text-align: left;
  width: 70%;
  margin: 4em auto 1em auto;
  font-size: 90%;
  color: #888;
}

/*icioned classes*/
.bt{
 display:inline-block;
 padding:0.5ex 0.5ex 0.5ex 20px;
 margin:3px;
 /*border-radius:2px;*/
 border:#abd 1px solid;
 border-top:#89b 2px solid;
 background-position:3px 50% !important;
 background-color:rgba(200, 200, 255, 0.2);
 /*box-shadow:0 1px 2px rgba(0,0,0,0.25);*/
 transition: 0.3s;
}
.bt:hover, .bt:active{
  border-color: #d00;
  background-color:rgba(255, 255, 255, 0.4);
}
.btn{
 padding:0.5ex 0.5ex 0.5ex 20px;
 margin:3px;
 /*border-radius:2px;*/
 border:#abd 1px solid;
 border-top:#89b 2px solid;
 background-position:3px 50% !important;
 background-color:rgba(240, 240, 255, 0.5) !important;
 /*box-shadow:0 1px 2px rgba(0,0,0,0.25);*/
 transition: 0.3s;
}
.btn:hover, .btn:focus, .btn:active{
  border-color: #48b !important;
  background-color:#fff !important;
}
.bti{
 padding:0;
 margin:3px;
 display:inline-block;
 width: 1em;
 height: 1em;
 border-radius:0.5em;
 background-position:50% 50% !important;
 background-size: contain;
 opacity: 0.9;
 transition: 0.1s;
}
.bti:hover, .bti:focus, .bti:active{
  opacity: 1;
  box-shadow:0 1px 1px rgba(255,128,0,0.9);
}
.indicator{
 display:inline-block;
 white-space: nowrap;
 padding:0.5ex 0.5ex 0.5ex 22px;
 /*margin:1ex 0;*/
 background-position:3px 50% !important;
 /*background-repeat: no-repeat;*/
 border-radius:1ex;
 /*background-color:rgba(200, 200, 255, 0.2) !important;*/
 /*box-shadow:0 1px 1px rgba(200, 200, 255, 0.6);*/
}

/*icons*/
.del{background: url('/static/icon/del.png') no-repeat;color:#a01}
.del:hover{color:red}
.add{background: url('/static/icon/add.png') no-repeat}
.ok{background: url('/static/icon/ok.png') no-repeat}
.go{background: url('/static/icon/go.png') no-repeat}
.edit{background: url('/static/icon/edit.png') no-repeat}
.view{background: url('/static/icon/page.png') no-repeat}
.dir{background: url('/static/icon/dir.png') no-repeat}
.info{background: url('/static/icon/info.png') no-repeat}
.help{background: url('/static/icon/help.png') no-repeat}
.renm{background: url('/static/icon/renm.png') no-repeat}
.ban{background: url('/static/icon/ban.png') no-repeat}
.basket{background: url('/static/icon/basket.png') no-repeat}
.buy{background: url('/static/icon/buy.png') no-repeat}
.box{background: url('/static/icon/box.png') no-repeat}
.mag{background: url('/static/icon/mag.png') no-repeat}
.list{background: url('/static/icon/list.png') no-repeat}
.print{background: url('/static/icon/print.png') no-repeat}

/* Order */
#basket_list{
	/*width:98%;*/
}

.t_img{
  margin: 0 1ex 1ex 0;
  float: left;
  height: 2em;
  width: auto;
}
.t_price{
  text-align: right;
}
.t_decbt{
	padding-right:0px !important;
	text-align:right;
}
.t_count{
	padding-right:0px !important;
	padding-left:0px !important;
	text-align:center;
}
.t_count > span{
  cursor: pointer;
}
.t_incbt{
	padding-left:0px !important;
	text-align:left;
}
.t_sum{
  text-align: right;
}

.order_notice{
  text-align: right;
}

#order_form{
  width: 100%;
  max-width: 90vw;
}
#order_form table{
  margin:2em auto;
}


/* forms */
.text-field{
	width:100%;
	font-size:100%;
	font-family: 'PT Sans';
  margin: 0;
  padding: 0.75ex 1ex;
  border: none;
  border: #eef 1px solid;
  border-bottom: #89b 2px solid;
  color: #124;
  transition: 0.3s;
}

.form-hint{
	font-size:75%;
	color:#778;
  text-align: right;
}
.notification{
	text-align:left;
	width:70%;
	/*min-width:400px;*/
	margin:3em auto;
	background:#efe;
	border-radius:1ex;
	padding:1ex;
}


/* ajax window */
#ajaxFrame{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background:rgba(0,0,0,0.3);
}
#ajaxWnd{
	position:fixed;
	top:30%;
	left:30%;
/*	bottom:30%;*/
	right:30%;
	background:#fff;
	border-radius:3px;
	padding:0.5ex;
  z-index:100;
}
#ajaxWndClose{float:right}
#ajaxMessage{
	padding:1ex;
	clear:both;
}
.none{display:none}


/* Slideshow */
.slideshow{
  display: block;
  position: relative;
  /*width:1024px; */
  /*height:30em; */
  text-align: center;
  white-space: nowrap;
  /* z-index: 5; */
}
.slideshow > label{
  display:block;
  float: left;
  position: relative;
  overflow: hidden;
  /* z-index: 5; */
  width: 0%;
  /*height:30em;*/
  height: 50vh;
  background: no-repeat center;
  background-size: cover;
  transition: 1s;
  /* opacity: 0.1; */
}
.slideshow > label > div{opacity: 0;transition: 0.3s;}
.slideshow > input:checked + label{width: 100%}
.slideshow > input:checked + label > div{opacity: 1;transition: 1.5s ease-in;}
.slideshow > input{display:none}

.slide_note{
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  white-space: normal;
  font-size:150%;
  font-weight: bold;
  padding: 1ex;
  color:#000;
  background: rgba(255, 255, 255, 0.7);
}
/*.slideshow > input:checked + label > div{animation: fadein 5s;}
@keyframes fadein {
  0%{opacity: 0}
  20%{opacity: 0}
  100%{opacity: 1}
}*/

.slideshow_ctl::after{
  content: "*";
  position: relative;
  /* width: 100%; */
  /* bottom: 1ex; */
  /* top:50vh; */
  /* left: 1ex; */
  z-index: 5;
  display: inline-block;
  border: #003 1px solid;
  background: #fff;
  width: 1em;
  height: 1em;
  margin: 0 1ex;
  border-radius: 1em;
  opacity: 0.4;
}
/* .slideshow_ctl:hover::before{opacity: 0.9} */



/* Mobile adaptivity */
@media(max-width:45em){
  #logo{
    width: 80vw;
    display: block;
    clear: both;
    float: none;
    margin: 10vw auto 0px auto;
  }
  #menu a{
    display: block;
    width: 100%;
    float: none;
    white-space: nowrap;
    transition: 0.5s;
    border: none;
    border-left:#88f 4px solid;
    margin: 0.5ex 0px;
  }
  #menu{
    position: fixed;
    text-align: left;
    z-index: 90;
    background: #fff;
    margin: 1ex 0px;
    top:0px; left: -10vw;
    padding: 2em 0ex;
    width: 0px;
    overflow: hidden;
    transition: 0.5s;
  }
  #menuShow:checked ~ #menu{
    width: 96vw;
    left: 0vw;
    padding: 2em 1ex;
  }
  #menuShow + label::before{
    content: "≡";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    position: fixed;
    z-index: 100;
    font-size: 10vw;
    line-height: 10vw;
    top:1vw; left:1vw;
    padding: 0px 0.5ex;
    color: #48b;
  }
  #menuShow:checked + label::before{display: none;}

  #menuShow + label::after{
    content: "×";
    /* display: none; */
    display: block;
    opacity: 0;
    position: fixed;
    top:0px; right:110vw;
    z-index: 100;
    font-size: 10vw;
    color: #f00;
    transition: 0.5s;
                /* display 0s step-start 0s; */
  }
  #menuShow:checked + label::after{
    /* display: block; */
    opacity: 1;
    right:0.5em;
  }

  #basket_link_cont{
    position: fixed;
    top:1em;right:1em;
    z-index: 50;
  }

  .pill{width: 90vw;}
  .pill_img{height: 50vh;}
  .cat_card{width: 40vw;}
  .subcatlist a{width:90vw;}
  .subcatlist ul{left:1ex;}
}

/* Large screen */
@media(min-width: 100em){
 .page{max-width: 100em}
 .pill,.cat_card{width: 20em;}
 .subcatlist a{width:33em;}
 .subcatlist ul{left:30em;}
}