/* CSS Document */
body{
  text-align: center;
	font-family: Source Sans Pro, verdana, arial;
	font-size: 14px;
  background: #f2f7fc;
  background: #f2f7fc url('/pics/bg.jpg') no-repeat center top fixed;
  background-size: cover;
  padding: 0;
	margin: 0;
  margin-top: 0;
  margin-bottom: 35px;
  border: 0;
}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}/*stop safari styling input*/
div{margin: 0px; padding: 0px;}
a{color: #000000; text-decoration: none; font-weight: bold; cursor: pointer;}
h1{display: inline; font-size: 25px; font-family: raleway; text-transform: uppercase; color: #000000;}
.h1:not(.carth1) {height: auto; overflow: hidden;}
.h1 .h1fake {/*puvodne bylo na strance vic h1 najednou. byly nahrazeny touto classou*/
  margin-left: 25px;
  font-weight: 900;
  letter-spacing: 5px;
  display: inline-block;
  font-size: 25px;
  font-family: raleway;
  text-transform: uppercase;
  color: #000000;
}
h2{display: inline; font-size: 18px; font-family: raleway; text-transform: uppercase; color: #000000;}
h3{display: inline; font-size: 12px; font-family: raleway; text-transform: uppercase; color: #000000;}
h4{display: inline; font-family: raleway; text-transform: uppercase; font-weight: normal; color: #000000;}
h1 a{color: #000000;}
h2 a{color: #000000;}
svg {max-width: 100%; max-height: 100%;}
img{border:0px; margin: 5px;}
p{margin: 5px 25px; text-align: justify; line-height: 125%;}
p a{color: #E0052F;}
table{border: 0px; margin: 0px; padding: 5px; text-align: left; width: 100%; vertical-align: top;}
ul{list-style: none;}
li{list-style: none;}
input[type="text"], input[type="password"], input[type="number"]{border-radius: 4px; border: 1px solid #333333;}
.main_button, .main_button_grey{/*if input, put input into div*/
  height: 32px;
  min-width: 150px;
  font-family: raleway;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: visible;
  position: relative;
  background-color: #ED1C24;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-family: raleway;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
.main_button_grey{background-color: #3c3c3c;}
.main_button_dogguard{background: #3c3c3c url(pics/detail_dog_bg.png) no-repeat  calc(50% - 45px) center;}
.main_button input, .main_button_grey input{/*only in cases, when the buttons needs to be input*/
  background: none;
  color: #ffffff;
  width: 100%;
  height: 32px;
  float: right;
  text-align: center;
  text-transform: uppercase;
  font-family: raleway;
  font-weight: bold;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
}
.main_button:after, .main_button_grey:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid rgba(136, 120, 120, 0);
  width: 0;
  bottom: 0;
  right: 0;
}
.main_button:hover {background-color: #FF2000;}
.main_button_grey:hover, .main_button_dogguard:hover {background-color: #58595b;}
#main{
  width: 1200px;
  text-align:left;
  margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-color: #ffffff;/* url('pics/bg_gradient.png') repeat top left;*/
  border-radius: 0 0 15px 15px;
}
.lowscreen_hdr_inner, .lowscreen_icon_burger {display: none;}
.hdr_fullscreen .lowscreen_hdr_inner {display: block;}
#head{
	width: 100%;
	height: 110px;
	margin-top: 0px;
  padding-top: 5px;
  background-color: #FAFAFA;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#head .heureka_stamp{
  width: 65px;
  height: 80px;
  float: right;
  margin-right: 25px;
  margin-top: 15px;
  box-shadow: 0px 1px 4px 1px #dcdcdc;
}
#head .topbar_cart_info{
  cursor: pointer;
  width: 200px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBECF0));
  background: -o-linear-gradient(#FFFFFF, #EBECF0);
  background: linear-gradient(#FFFFFF, #EBECF0);
  border: 1px solid #D2D3D8;
  border-radius: 6px;
  padding: 5px !important;
}
#head .topbar_cart_info:hover{
  background: -webkit-gradient(linear, left top, left bottom, from(#EBECF0), to(#BDBFC5));
  background: -o-linear-gradient(#EBECF0, #BDBFC5);
  background: linear-gradient(#EBECF0, #BDBFC5);
}
#head .topbar_cart_info td {padding: 0 !important;}
#head .topbar_cart_info .shopping_cart_icon_cont {height: 28px;}
#head .topbar_cart_value{font-weight: bold; color: #E0052F;}
#head .search_icon {margin: -10px 0 0 0; cursor: pointer;}
#head .search_icon:hover {opacity: 0.8;}
#head .search_icon_dummy {display: none;}
#head .login_form{margin-top: 10px; margin-bottom: 5px; text-align: center; letter-spacing: 2px;}
#head .headlogo img{margin: 10px 25px;}
#topbar, .searchForm{float: right; margin-right: 25px;}
.searchForm{margin-top: 41px; text-align: right; float: right; position: relative;}
.searchForm > #search_whisper_box{ display: none; position: absolute; width: 400px; padding: 3px;max-height: 600px; overflow-y: auto; overflow-x: hidden; background: white; z-index: 50;left: 4px;border: 1px solid;top: 33px;border-radius: 0 0 10px 10px;}
.searchForm > #search_whisper_box > li {height: 80px; width: 100%; padding-bottom: 4px;margin-bottom: 3px;}
.searchForm > #search_whisper_box > li > div > img {height: 65px; width: 65px; -o-object-fit: scale-down; object-fit: scale-down; float: right;}
.searchForm > #search_whisper_box > li > div > h3 {margin: 5px 15px; display: block; text-align: left !important;}
.searchForm > #search_whisper_box > li > div > p {margin: 5px 15px;}
.searchForm > #search_whisper_box > li > div {background: transparent; border: 2px solid #ebecf0; height: 100%; border-radius: 6px; cursor: pointer; position: relative;}
.searchForm > #search_whisper_box > li > div:hover {background:#ebecf0;}
.search_form_placement .searchForm #search_whisper_box {width: 98%; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.search_form_placement .searchForm > #search_whisper_box {height: calc(100vh - 180px); width: calc(100% - 10px); position: fixed; margin: 0 5px; top: auto;}
.search_form_placement .search_form_hide {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: rgba(255,255,255,1);
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  bottom: 0;
}
#field{width: 400px; text-align: left; padding: 2px 7px; font-size: 1.75em;}
.searchForm button{cursor: pointer;}
#searcherror{
  float: right;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  text-align: center;
  font-size: 20px;
  color: #ff0000;
  z-index: 50;
  display: none;
}

#menu{
  clear: both;
  width: 1200px;
  height: 46px;
  text-align: center;
  margin: 0px;
  display: table;
  text-transform: uppercase;
}

#menu ul{
  display: table-row;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#menu ul li{display: table-cell; padding: 0; background: rgb(237, 28, 36); overflow: visible; color: white; position: relative;}

#menu ul li a{margin-left: 5px; margin-right: 5px; margin-top: 15px; color: white;}
#menu a span {white-space: nowrap;}
#menu ul li:first-child a {margin-left: 25px;}
#menu ul li.top_li > a {display: inline-block; margin: 0 0 6px 0;}
#menu ul li.top_li > svg {margin: 0 5px 0 0;}

#menu ul li:last-child{border-left: 0;}

#menu .menu_icon {width: auto; height: 20px; display: block; margin: 8px auto 5px auto;}

#menu ul li:last-child button{
  margin-left: 5px;
  margin-right: 0;
}

#menu ul li:first-child ul li a{
  margin: 0;
}
#menu ul li:last-child ul li a{
  margin: 0;
}

#menu ul li ul li:first-child a{
  margin: 0;
}
#menu ul li ul li:last-child a{
  margin: 0;
}

body:not(.body_lowscreen) #menu ul li.top_li:hover{background-color: rgb(185, 18, 24);}
body:not(.body_lowscreen) #menu ul li:not(.top_li):hover span{border-bottom: 1px solid black;}

#menu ul li ul{
  display: none;
  padding: 0px;
  padding-bottom: 5px;
  margin: 0;
  background: rgba(255,255,255,0.95);
  box-shadow: 0px 1px 5px #a2a2a2;
  position: absolute;
  z-index: 50;
  list-style: none;
  color: #000000;
  text-align: left;
  width: auto;
  min-width: 100%;
  max-width: 400px;
}

#menu ul li ul li{
  display: block;
  float: none;
  background: none;
  padding: 0;
  height: auto;
  width: auto;
  border: 0;
}

/*body:not(.body_lowscreen) #menu ul li:hover ul{display: block;}*/
#menu ul li.hovered ul{display: block;}

#menu a{
  color: #000000;
  font-size: 14px;
  margin-top: 20px;
}

#menu ul li ul li a{
  display: block;
  font-size: 12px;
  color: #000000;
  padding: 5px 5px 5px 10px;
  margin: 0px;
}

#menu input{
  border-radius: 5px;
  border: 1px solid #D2D3D8;
}

#menu button{
  padding: 2px 10px;
  background-color: #3c3c3c;
  font-family: raleway;
  font-weight: bold;
  color: #FFFFFF;
  border: 0px;
}
#content{padding: 0px; width: 100%; margin: 0;}
.plusleftmargin{margin-left: 180px;}
.sidebar{width: 180px; margin: 0px 0px 5px 0px;}
.sidebar img{width: 160px; margin: 5px;}
.sidebar_item{
  margin: 0px 5px 10px 5px;
  width: 170px;
  background: #cccccc url('pics/sidebar_bg.png') no-repeat bottom left;
  text-align: center;
  padding-bottom: 2px;
}
.sidebar .header{height: 18px; color: #ffffff; font-weight: bold; padding-top: 3px; text-align: left;}
.left .header{
  width: 168px;
  background: #ffffff url('pics/sidebar_header.png') no-repeat top left;
  padding-left: 2px;
}
.right .header{
  width: 157px;
  background: #ffffff url('pics/sidebar_header_right.png') no-repeat top left;
  padding-left: 13px;
}
.sidebar ul{
  list-style: square url('pics/square.png');
  color: #ff0000;
  margin: 0px;
  margin-left: 15px;
  padding: 0px;
  text-align: left;
}
.sidebar a{font-weight: normal;}
.sidebar li{margin-top: 2px; margin-bottom: 2px;}
.fblink{
  list-style: none;
  background: url('pics/fbicon.png') no-repeat bottom left;
  margin-left: -10px;
  padding-left: 18px;
}
.rsslink{
  list-style: none;
  background: url('pics/rss_small.png') no-repeat top left;
  margin-left: -10px;
  padding-left: 18px;
}
.twitter{
  list-style: none;
  background: url('pics/twitter_logo.png') no-repeat top left;
  margin-left: -10px;
  padding-left: 18px;
}
.youtube{
  list-style: none;
  background: url('pics/youtube_icon.png') no-repeat top left;
  margin-left: -10px;
  padding-left: 18px;
}
.blog{
  list-style: none;
  background: url('pics/blog.png') no-repeat top left;
  margin-left: -10px;
  padding-left: 18px;
}
#footer{
	width: 100%;
	background: #333333 url("pics/footer_k.png") no-repeat scroll 900px bottom;
	border: 0;
	clear: both;
	margin-top: 5px;
	overflow: hidden;
  padding-top: 35px;
}
#footer .column{width: 230px; padding: 5px; margin-left: 60px; float: left; text-align: left;}
#footer .column ul a {font-size: 14px; margin: 8px 0; display: block;}
#footer .partner{margin-left: 20px; color: #FFFFFF; text-transform: uppercase;}
#footer .imglinks li{margin-bottom: 15px; font-size: 18px; text-transform: uppercase;}
#footer .heurekacolumn img{margin-top: -20px; margin-left: 100px;}
.imgli{list-style-type: none;}
.column ul{list-style-type: none; color: #FFFFFF; text-align: left;}
.column ul li{list-style: disc; color: #FFFFFF; margin-bottom: 5px;}
.column .fa-inverse{color: #000000;}
.column .imgli{list-style: none;}
.column a{color: #FFFFFF; font-weight: normal;}
.column a:hover{color: #ED1C24;}
#bottom {
  text-align: center;
	width: 100%;
	background-color: #ffffff;
	border: 0;
	clear: both;
  border-radius: 15px;
}
#bottom img {margin-left: 30px; margin-top: 4px; margin-bottom: 4px;}
#bottom p{text-align: center; font-size: 10px; color: #58595B;}
#bottom p a{font-weight: normal; color: #000000;}
.questionmark{position: relative; z-index: 0;}
.questionmark:hover{background-color: transparent; z-index: 50;}
.questionmark span{ 
  left: -1000px;
  position: absolute;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid black;
  border-radius: 15px;
  visibility: hidden;
  width: 300px;
  font-size: 12px;
  line-height: 100%;
}
.questionmark:hover span{visibility: visible; top: 24px; left: 0; transform: translateX(-50%);}
.questionright:hover span{transform: translateX(-88%);}
.questionmark img{margin: 0px;}
.info .questionmark{font-size: 8px;}
.left{float: left;}
.right{float: right;}
.h1{
  height: 35px;
  margin: 0px;
  margin-bottom: 10px;
  padding-top: 6px;
  font-weight: bold;
  font-size: 10px;
  width: 100%;
  background-color: #EBECF0;
  clear: both;
}
.h1 h1,.h1 h2,.h1 h3,.h1 h4{margin-left: 25px; font-weight: 900; letter-spacing: 5px;}
.h2 h1,.h2 h3,.h2 h4{display: block; margin-left: 25px; margin-top: 4px;}
.h2 h2, .h3 h3{display: inline-block; margin-left: 25px; margin-top: 0; padding-bottom: 5px;}
.h2, .h3 {width: 100%; height: auto; padding-top: 9px; margin-bottom: 10px; background-color: #EBECF0; clear: both;}
.h2 h3 {margin-bottom: 10px;}

.h2{
  width: 100%;
  height: 25px;
  padding-top: 9px;
  margin-bottom: 10px;
  background-color: #EBECF0;
  clear: both;
}
.center{text-align: center; margin: 0 auto;}
.news:not(body){width: 100%; overflow: hidden;}

.news td{
  vertical-align: top;
}

.news p{
  text-align: justify;
}

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

.newstext{
  margin: 0px 25px;
}

.newstext p{
  margin-left: 0px;
}

.date{
  float: right;
  font-weight: bold;
  margin-right: 25px;
}

.itemtable td{
  vertical-align: top;
}

.item{
  float: left;
  overflow: hidden;
  width: 285px;
  margin: 0px;
  padding: 0px;
}

.item .ourprice{
  font-weight: bold;
}

.skladem{
  font-weight: bold;
}

.item p{
  margin: 0px;
}

.item .picture{
  width: 100px;
  height: 100%;
  float: left;
  margin: 0px;
  padding: 5px;
  position: relative;
}

.item .discount_badge{
  position: absolute;
  top: 12px;
  right: 8px;
  width: 50px;
  height: 22px;
  border-radius: 15px;
  background: rgba(237,28,36,0.85);
  color: #FFFFFF;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  -webkit-box-shadow: 0 0 5px white;
          box-shadow: 0 0 5px white;
}

.item .picture a{
  margin: 0px;
  padding: 0px;
  height: inherit;
  max-height: 100%;
  display: block;
}

.item .picture img{
  max-width: 100px;
  width: auto;
  max-height: 94%;
  margin: 5px 0px;
  padding: 0px;
  -webkit-box-shadow: 0 0 5px black;
          box-shadow: 0 0 5px black;
}

.item .info{
  width: 170px;
  float: left;
  margin-left: 5px;
  padding-top: 7px;
  min-height: 125px;
  display: flex;
  flex-direction: column;
}
.item .info .info_subcont {flex: 1; position: relative;}
.item .info_subcont.product_preview_action_cont {flex: 0 0 auto;/*position: absolute; bottom: 0;*//*flex: 0 0 64px;*/}
.item .info h3 {display: block; margin: 5px 0 0 0;}
.item .info h4 {display: block; margin: 0;}
.item .info p{
  margin: 0px;
}

.item .info img{
  margin-left: 0px;
}

.item .info input{
  vertical-align: text-top;
  max-width: 160px;
}

.cart_insert_button {display: block; width: 30px;}
.cart_insert_button:hover {opacity: 0.8;}
.guard_dog:hover {opacity: 0.8;}

.item h4 a{
  font-weight: normal;
  font-size: 13px;
}

.clear{
  clear: both;
}

.pager{float: right; height: 23px; margin: 1px 4px 0 0; text-align: center; overflow: hidden;}

.pager div{
  background-color: #59585B;
  float: left;
  margin-right: 3px;
}

.pager a{
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  display: block;
  height: 23px;
  line-height: 1.6;
  width: 25px;
  overflow: hidden;
  position: relative;
}
.pager svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pager_txt a{padding: 0 5px; height: 25px; width: auto;}

.pager a i{
  padding-top: 4.4px;
}

.pager .selected{
  background-color: #E0052F;
}

.pager a:hover{
  color: #E0052F;
}

.pager .selected a:hover{
  color: #000000;
}

.katpath{margin: 0 0 5px 25px; float: left;}
.cat_desc {margin: 0 0 0 25px; max-width: 500px; float: left;}

.detail:not(body){
  width: 1150px;
  margin: 20px 25px 0;
  padding: 0px;
}

.ourprice{
  color: #ff0000;
}

.elseprice{
  text-decoration: line-through;
}

.moredetail{
  width: 100%;
  margin: 10px 0px;
  padding: 0px;
  clear: both; 
  overflow: hidden;
  text-align: justify;
}

.moredetail .note{
  float: right;
  width: 100%;
}

.moredetail img{
  /*float: left;*/
}

.moredetail p{
  margin-left: 0px;
}

.grafoman{
  float: right;
  margin: 10px;
}

.container{
  overflow: hidden;
  width: 100%;
}

.hiddenoverflow{
  overflow: hidden;
}

.ctnp{
  overflow: hidden;
}

.ctnp .container strong{
  margin-left: 25px;
}

.ctnp .container p{
  margin-left: 25px;
  margin-right: 325px;
}

.ctnp .picture{
  width: 200px;
  float: right;
  margin: 0px 25px;
  padding: 0px;
}

.ctnp .info{
  padding-left: 25px;
}

.ctnp .container .info p{
  padding-left: 0;
  margin: 0;
}

.ctnp .info table{
  margin: 0 25px;
  width: 900px;
}

.ctnp .item .picture{
  width: 100px;
}

.ctnp .header{
  background: #ffffff url('pics/ctnp_chapterlist.png') no-repeat;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  height: 25px;
  padding-top: 3px;
  padding-left: 40px;
  margin-top: 10px;
}

.ctnp .picture a{
  margin: 0px;
  padding: 0px;
}

.ctnp .picture img{
  width: 200px;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}

.ctnp .item .picture img{
  width: 100px;
}

.ctnp td{
  padding-right: 10px;
  padding-top: 5px;
}

.detail .similar{
  width: 980px;
}

.similar table{
  border: 0px;
}

.similar table td{
  padding: 2px;
  width: 33%;
}

.similar table td item{
  width: 100%;
}

.skladem{
  color: #008800;
}

.pes{
  color: #000088;
}

.cart #content .cart{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.cart #content table:not(.itemlist){
  text-align: center;
  width: 1150px;
  margin: 0 25px;
  padding: 0;
  border-spacing: 3px;
}
.cart .similar .itemlist .item {width: 274px;}
.cart .similar .itemlist .item .info {width: 158px;}
.cart #content table.table_cart_01 {border-spacing: initial;}
.cart #content table.table_cart_01 td {padding: 5px; background-color: #ebecf0;}
.cart #content table.table_cart_01 .imglist a img {width: 40px; height: auto;}
.cart .itemlist{margin: 0; padding: 0; overflow: hidden;}
.cart #content .itemlist td{background: none;}
.cart #content .rw3 table{width: 100%; margin: 0;}
.cart #content .regtable table{
  text-align: center;
  padding: 0;
  border-spacing: 5px;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.cart:not(.profile) #content table .title{text-align: left; max-width: 300px;}
.cart:not(.profile) #content table th.title{padding-left: 5px; text-align: left;}
.cart:not(.profile) #content table .header{height: 23px; margin: 0px; padding: 0px;}
.price{text-align: right;}
.cart:not(.profile) #content table th{text-transform: uppercase; border: 0px; padding: 0px 0px; font-size: 14px;}
.cart:not(.profile) #content td{padding: 5px 8px;}
.cart:not(.profile) #content table .nobg{background: transparent; background-color: unset !important;}
.cart #content .imglist img{margin: 0;}
.cart #content .total{text-align: left; font-weight: bold;}
.cart #content .totsave{text-align: left; font-weight: bold; background: transparent;}
.cartsavebutton {
  background-color: #3c3c3c;
  color: #ffffff;
  display: block;
  float: left;
  margin-left: 25px;
  margin-top: 14px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 225px;
  height: 32px;
  font-family: raleway;
  cursor: pointer;
}
body.cart .cartsavebutton {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: visible;
  position: relative;
}
body.cart .cartsavebutton:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid rgba(136, 120, 120, 0);
  width: 0;
  bottom: 0;
  right: 0;
}
.cartsavebutton:hover{background-color: #58595b;}
.cartorderbutton{
  background-color: #ED1C24;
  color: #ffffff;
  display: block;
  float: right;
  margin-right: 25px;
  margin-top: 14px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  min-width: 225px;
  font-family: raleway;
  font-weight: bold;
  cursor: pointer;
}
.cartorderbutton:hover{background-color: #FF2000;}
body.cart .cartorderbutton.cartorderbutton_step1{
  height: 32px;
  font-family: raleway;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: visible;
  position: relative;
}
body.cart .cartorderbutton.cartorderbutton_step1:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid rgba(136, 120, 120, 0);
  width: 0;
  bottom: 0;
  right: 0;
}
body.cart .cartorderbutton_step2_cont,
body.cart .cartorderbutton_step3_cont,
body.cart .cartorderbutton_step4_cont {position: relative; margin-right: 0; border: none; height: 42px; margin: 0 0 30px 0; float: right;}
body.cart .cartorderbutton_step4_cont {margin: 4px 25px 0 30px;}
body.cart .cartorderbutton_step2 {position: relative; margin-right: 0; border: none; height: 42px; margin: 0 0 30px 0; float: none;}
body.cart .cartorderbutton_step4 {position: relative; border: none; height: 42px; margin: 0;}
body.cart .cartorderbutton_step2_cont:after,
body.cart .cartorderbutton_step3_cont:after,
body.cart .cartorderbutton_step4_cont:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid rgba(136, 120, 120, 0);
  width: 0;
  bottom: 0;
  right: 0;
}
.carth1{height: 38px; padding-top: 10px;}
.carth1 h1{margin-top: 2px;}
.cart_position_banner{
  display: table;
  float: right;
  margin-right: 50px;
  background: url('pics/cartpos_bg.png') no-repeat top left;
  width: 701px;
  height: 45px;
  margin-top: -8px;
}
.cart_position_banner ul{display: table-row;}
.cart_position_banner li{
  display: table-cell;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  font-family: raleway;
  text-transform: uppercase;
}
.cart_position_banner li.activestep {color: rgba(254,0,0,1); text-shadow: 0px 0px 2px #000000;}
.cart_position_banner .spacer {width: 21px; background: url('pics/cartpos_white.png') no-repeat center center;}
.cart_position_banner .activespacer {width: 21px; background: url('pics/cartpos_red.png') no-repeat center center;}
.cart_position_banner .linkstep {cursor: pointer;}
.cart_position_banner .linkstep:hover {color: rgba(254,0,0,1);}
.cart #content .button_row td {background-color: unset;}
#zasilkovna_branch-name, #zasilkovna_branch-name1 {display: none;}
#zasilkovna_branch-name-p, #zasilkovna_branch-name1-p {width: 100%!important; box-sizing: border-box; padding-left: 25px; margin: 0 !important; font-size: 14px; resize: none; font-weight: bold;}
#rw2_emailform{width: 100%;}
#rw2_emailform button{float: none; margin: 10px auto;}
#rw2_emailform .h2{width: 500px;}
.cart #rw2_emailform .h2{width: 100%;}
#rw2_emailform form .cont, #rw2_emailform > .cont{text-align: center; margin: 25px 0;}
#rw2_emailform form input#rw2_1_email{width: 225px; display: inline;}
#rw2_emailform form #rw2_mailerr{text-align: center;}
#rw2_emailform .cart_login_subcont > div, #rw2_emailform .cart_register_subcont > div{width: 285px; margin: 0 auto;}
#rw2_emailform .cart_login_subcont > div > div, #rw2_emailform .cart_register_subcont > div > div{display: flex; margin: 0 0 5px 0;}
.cartorderbutton_step3{float: none; margin: 10px auto 2px auto; height: 32px; width: 285px; position: relative; border: none;}
.cartorderbutton_step3:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid rgba(136, 120, 120, 0);
  width: 0;
  bottom: 0;
  right: 0;
}
body.cart .stillreg .stillred_subcont {display: flex;}
body.cart .stillreg .stillred_subcont > * {flex: 1;}
body.cart .stillreg .stillred_subcont .col:first-child {position: relative; overflow: hidden; margin: 20px auto; padding: 0 10px;}
body.cart .stillreg .stillred_subcont .col:first-child > * {max-width: 450px;}
body.cart .stillreg .stillred_subcont .col:first-child p {font-size: 16px; line-height: 1.5; margin: 0;}
body.cart .stillreg .stillred_subcont .col:first-child > div:not(.main_button) {display: flex; margin: 0 auto 10px auto;}
body.cart .stillreg .stillred_subcont .col:first-child > div:not(.main_button) > *:nth-child(2) {flex: 1;}
body.cart .stillreg .stillred_subcont .col:first-child input {flex: 1; padding: 6px;}
body.cart .stillreg .stillred_subcont .col:first-child a {color: hsl(0, 0%, 40%); text-align: center; display: block; margin: 5px 0;}
body.cart .stillreg .stillred_subcont .cartorderbutton {width: 100%; margin: 0;}
body.cart .stillreg .benefits_cont ul {padding: 0 0 0 25px; margin: 0 20px 0 0; max-width: 550px;}
body.cart .stillreg .benefits_cont ul li {list-style-type: disc; font-size: 16px; margin: 8px 0;}
body.cart .stillreg .benefits_cont ul li p {margin: 0;}
.stillreg button.cartorderbutton_step3:after {border-bottom: 12px solid white;}
.stillreg ul{margin: 0;}
.rw2_deldata{padding: 0 25px;}
.rw2_deldata table{width: 100%;}
.rw2_deldata table input{width: 100%;}
#fakt_button .main_button_grey{
  float: none;
  font-size: 18px;
  font-weight: bold;
  margin: 188px auto 188px auto;
  padding: 15px;
  cursor: pointer;
  border-radius: unset;
}
.leftmargin{margin-left: 25px;}
.leftpadding{padding-left: 25px;}
.rightpadding{padding-right: 25px;}
.deliveryform select{margin-left: 20px;}
#delivery_table{width: 1150px; margin: 0 25px;}
#delivery_table li{position: relative;}
#delivery_select{width: 41%; display: inline-block; padding: 8px 0 8px 8px;}
#delivery_delivery, #delivery_prevod{width: 54.4%; display: inline-block;}
#delivery_delivery, #delivery_prevod{float: right; padding: 8px 8px 8px 0;}
.delivery_gray_background{background-color: #ebecf0; margin-bottom: 10px; border-radius: 8px; padding: 8px;}
.delivery_li_img{
  float:left;
  position: absolute;
  left: -60px;
  width: 60px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.delivery_li_post{background-image: url('pics/posta.png');}
.delivery_li_dpd{background-image: url('pics/dpd.png');}
.delivery_li_ppl{background-image: url('pics/ppl.png');}
.delivery_li_zasilkovna{background-image: url('pics/zasilkovna.png');}
.delivery_li_balikovna{background-image: url('pics/balikovna.png');}
.delivery_li_heurekapoint{background-image: url('pics/heurekapoint.png');}
.delivery_li_dpdpickup{background-image: url('pics/dpdpickup.png');}
.delivery_li_shop{background-image: url('pics/logo.gif');}
.li_delivery_unknown .delivery_li_shop, .tr_delivery_unknown .delivery_li_shop {background-image: url('pics/icon_truck_question_red.png');}
.orderbutton{float: right; margin-right: 5px;}
.deliveryform ul{list-style: none; padding: 8px 0; margin: 0;}
#delivery_delivery ul li ul, #delivery_prevod ul li ul{padding-top: 0; padding-left: 62px;}
.deliveryform ul li{font-weight: bold; color: #ED1C24;}
.deliveryform strong{font-weight: bold; color: #ED1C24;}
.deliveryform ul li ul{padding-left: 15px;}
.deliveryform ul li ul li{padding: 5px 0; font-weight: normal; color: #000000;}
.deliverypozn li{padding: 5px 0;}
.mandatory{color: #ff0000;}
.warning{color: #ff0000; font-size: 16px; font-weight: bold;}
.regtable{width: 565px; height: auto; margin: 5px; padding: 5px 0; background-color: #EBECF0;}
.regtable td,.regtable th{padding: 5px; min-width: 80px;}
.regtable td input, .regtable td select{
  width: 430px;
  height: 20px;
  padding: 0px 5px;
  background: #ffffff;
  border: 0px;
  border-radius: 0px;
}
#dodaci{float: left;}
#fakturacni{float: right; display: none;}
#fakt_button{float: right; background: none;}
#fakt_button .h2{background: none;}
#fakt_button img{margin-left: 100px; margin-top: 150px;}
.kupon{width: 140px; height: 20px;}
.confirmbutton{float: left; margin-right: 15px;}
.ordernote{
  width: 1140px;
  height: 150px;
  margin: 0px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #58595B;
  box-sizing: border-box;
  border-radius: 4px;
}
.rw3 table:not(.topbar_cart_info){width: 100%; margin: 0;}
.rw3 .exped table{width: 1150px; margin: 0 25px;}
.rw3 td:not(.topbar_cart_info_td):not(.total) {padding: 2px 5px; background-color: #ebecf0;}
.rw3adress td:not(.topbar_cart_info_td):not(.total) {width: 50%;}
.rw3adress{width: 550px; margin: 25px;}
.rw3adress img{margin:0px;}
.cartok td{padding: 2px 5px;}
.orderform{overflow: hidden; color: #ff0000; text-align: center; margin: 10px 0;}
.exped{float: left; width: 100%; margin-top: 15px;}
.exped table{width: 100%;}
.exped td{padding: 10px 5px;}
.exped .left{float: none; text-align: left; width: 250px;}
.exped .right{float: none; text-align: right; width: 250px;}
.exped .total{font-size: 16px; font-weight: bold; vertical-align: bottom; text-align: right;}
.limitaction p{margin: 5px 25px; padding: 0px;}
.limitaction .container{margin-left: 25px;}
.login:not(body){margin: 0 auto; width: 400px;}
.login table{width: 500px; position: relative;}
.login table input[type="text"],.login table input[type="password"]{
  width: 90%;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}
.login table .cartorderbutton{width: 110px; height: 35px; margin-top: -25px;}
.logincontainer{overflow: hidden; width: 800px;}
.logincontainer .login{width: 390px; float: left;}
.logincontainer .register{width: 390px; float: right;}
.register table{width: 400px;}
.reviews .form input:not([type="submit"]){width: 140px; padding-left: 5px; padding-right: 5px; margin-top: 0px;}
.register table input{padding-left: 5px; padding-right: 5px; margin-top: 0px;}
.register table .imginput{width: 110px; height: 35px; margin-top: 15px; margin-bottom: 15px; background: none;}
.registerform table .imginput{width: 110px; height: 35px; margin: 5px; margin-left: 115px; background: none;}
.registerform td{padding: 5px; min-width: 80px;}
.registerform .recaptchatable td {min-width: 0px;}
#recaptcha_area{margin-left: 25px;}
.registerform td .textinput{width: 280px; height: 20px; padding-left: 5px; padding-right: 5px;}
.ok{font-weight: bold; color: #00bb00;}
.error{color: #ff0000; font-weight: bold; margin: 5px;}
.finalthanks{
  border-radius: 4px;
  font-family: raleway;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 20px;
  padding: 40px 0 40px 0;
  text-align: center;
}
.finalthanks .mark, .finalyellow .mark {
  color: #ed1c24;
  text-align: center;
  font-size: 50px;
  font-weight: 900;
  width: 70px;
  height: 65px;
  padding: 5px 0 0 0;
  border: 4px solid #ed1c24;
  border-radius: 50px;
  margin: 0 auto 15px auto;
}
.finalyellow .mark {color: #ff8043; border-color: #ff8043;}
.finalyellow{max-width: 640px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; vertical-align: middle; border-radius: 4px;}
.finalyellow p, .finalthanks p{text-align: center;}
.final_price{font-size: 20px; font-weight: bold; float: right;}
.finalreview{padding: 0 25px;}
.finalreview table{border-spacing: 3px;}
.finalreview td,.finalreview th{background-color: #EBECF0; padding: 7px;}
.finalreview .row_04 .final_exped_price{text-align: left;}
.finalreview .regtable{background: transparent;}
.katlist{width: 100%;}
.katlist td{height: 25px;}
.katlist td a{padding-left: 22px; font-weight: normal; display: block; height: 20px; text-transform: uppercase;}
.katlist td:hover{background-color: #EBECF0;}
.bestsellperiod{float: right; margin-right: 10px;}
.bestsellperiod a{color: #ffffff; font-size: 10px;}
.review_sort{margin: 8px 0 8px 25px;}
.review_sort a{font-weight: normal; color: #000000; background-color: #EBECF0; padding: 5px 15px; margin: 2px 0;}
.review_sort a:hover{background-color: #58595B; color: #FFFFFF;}
.review_sort .selected{font-weight: bold; background-color: #E0052F; color: #FFFFFF;}
.review_sort .selected:hover{color: #ED1C24;}
.actionlist{margin: 0 25px; width: 1150px;}
.actionlist td{padding-top: 5px; padding-bottom: 5px;}
.actionlist td h2 a{color: #000000;}
.actionlist tr:hover{background-color: #EBECF0;}
.actionlist a:hover{color: #E0052F;}
.imglist a img{overflow: none; height: 25px; width: 25px;}
.itemlist td{vertical-align: top;}
.registered .logininfo{font-size: 18px; font-weight: bold;}
.galery{width: 100%; margin: 0;}
.galery img{float: left;}
.nr10 li{padding-top: 25px;}
.tztext{overflow: hidden;}
.signature{float:right;}
.tzimg{margin: 5px 10px; width: 100px;}
.tzlisttbl{margin: -3px 25px; float: right; width: 350px;}
.tzlisttbl tr:hover{background-color: #f2f7fc;}
.tzlisttbl a{font-size: 12px;}
.bookfan_review div{overflow: hidden;}
.obj_step ul{list-style: none;}
.obj_step ul li{width: 150px; float: left;}
.obj_step .active{width: 200px; background-color: red; color: #FFFFFF;}
.colored{color: #ff0000;}
.inline{display:inline;}
.gopayerror{
  width: 802px;
  height: 35px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
  vertical-align: center;
  background: #c70000;/* url('pics/final.png') no-repeat top left;*/
  font-weight: bold;
  color: #ffffff;
}
.lostpass table{width: auto;}
.lostpass td{width: auto;}
.lostpass input:not([type="submit"]):not([type="image"]) {
  width: 140px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background: #ffffff url('pics/review_input.png') no-repeat top left;
  border: 0px;
}
.textbanner{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #3c3c3c;
  padding: 10px 25px;
  margin: 0;
  width: 1150px;
}
.textbanner a{
  color: white;
}

.speciallist li{
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  letter-spacing: 3px;
}

.speciallist li a:hover{
  color: #E0052F;
}

.cleartable{
  width: 1150px;
}

.cleartable td, .cleartable th{
  background: #FFFFFF;
}

.cleartd{
  background: transparent !important;
}

.dlg{
  display: none;
}

#bestbuy_dialog ol{
  list-style-type: upper-roman;
  text-align: left;
}

#bestbuy_dialog li{
  list-style-type: upper-roman;
  font-size: 20px;
  margin-bottom: 10px;
}

#bestbuy_dialog img{
  float: right;
  margin: 35px;
}

#bestbuy_dialog strong{
  font-size: 25px;
  text-transform: uppercase;
}

.objtable{
  margin: 0 25px;
  width: 1150px;
}

.objtable .colored td{
  background-color: #EBECF0;
}

.passchange{
  float: right;
  margin-right: 25px;
  color: black;
}

.headerpic{margin: 0;}
.headerpic a{margin: 0; display: block;}
.headerpic img{margin: 0;}

/*old responsive headerpic*/
/*.headerpic .headerpic_wide {display: block;}
.headerpic .headerpic_lowscreen {display: none;}
.headerpic .headerpic_lowscreen img {display: block; width: auto; margin: 0 auto;}*/

/*new responsive headerpic*/
.headerpic .headerpic_subcont {display: flex; padding: 0 50px; height: 200px; overflow: hidden;}
.headerpic .headerpic_subcont > * {}
.headerpic .headerpic_txt {
  color: white;
  padding: 0 100px 0 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  user-select: none;
  font-family: raleway, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.headerpic .headerpic_txt p {text-align: left; margin: 10px 0; padding: 0;}
.headerpic .headerpic_txt .h {font-weight: 700; font-size: 26px;}
.headerpic .headerpic_txt .red {color: red;}
.headerpic .headerpic_txt .bold {font-weight: 700;}
.headerpic .headerpic_txt .center {text-align: center;}
.headerpic .img_cont {margin: 0 auto; max-width: 100%;}
.headerpic img {display: block; width: auto; height: 100%; margin: 0 auto;}

.nr5table{
  width: 1150px;
  margin: 0 25px;
  border-spacing: 0;
}

.nr5table td {width: 33%;}
.nr5 .nr5table td {background-image: none !important; overflow: hidden; position: relative;}
.nr5 .nr5table td:first-child span {position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.nr5 .nr5table td:first-child img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  max-height: 28px;
  max-width: 50%;
  margin: 0 10px 0 0;
}

.nr5table .h1{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}

.nr5table .h2{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

.nr5table .delivery td{
  border-bottom: 1px solid #333333;
}

.nr5table .delivery td:first-child{
  font-size: 16px;
  font-weight: bold;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 85% center;
  height: 40px;
}

/*****/
#header_banner{
  margin-left: 135px;
  display: inline;
}

.ui-autocomplete {
  text-align: left;
}


/*** Tom - balikovna start ***/

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

/* The search field */
#myInput, #myInput_dobirka {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 12px;
  border: none;
  border-bottom: 1px solid #ddd;
  width: 500px;
}

/* The search field when it gets focus/clicked on */
#myInput:focus, #myInput_dobirka:focus {outline: 3px solid #ddd;}

#myDropdownValues {display:none; max-width: 500px;}


/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  text-align: left;
  /*display: none;*/
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  max-height: 400px;
  border: 1px solid #ddd;
  z-index: 2;
  font-size: 12px;
  margin-left: 35px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  height: auto;
  padding: 5px 10px 10px 10px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.ddValue_row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
}

.ddValue_time {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 25px;
    height: 25px;
    margin: auto;
    padding: auto;
    vertical-align: middle;
    background-image: url('pics/balikovna_time.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
}

.balikovna-opening_hours{
    display: none; 
    position: absolute;
    background: white;
    border: 1px solid #000;
    width: 150px;
    height: auto; 
    padding: 10px;
    z-index: 3; 
    right: 35px; 
    top: 0px;
}


/*** Tom - balikovna end ***/

#point_zasilkovnask{width: 400px;}
#point_zasilkovnask_dobirka{width: 400px;}

.nr2 #content ul {padding: 0 5px 0 26px;}

/*- 404 -*/
body.pagenotfound {background: none;}
body.pagenotfound * {text-align: center;}
.browser_back {cursor: pointer;}
#pagenotfound #main {padding: 50px;}
#pagenotfound #main > *:not(#content) {display: none;}
#pagenotfound > div {padding: 20px; background-color: rgba(255, 255, 255, 0.4); -webkit-box-sizing: border-box; box-sizing: border-box;}
#pagenotfound h1 {margin: 20px 0 20px 0; font-weight: 900; font-size: 5vw; display: block;}
#pagenotfound p, #pagenotfound a {font-size: 20px; display: block; margin: 0;}
#pagenotfound .link_bar {margin: 20px 0 0 0; display: flex;}
#pagenotfound .link_bar * {color: rgb(0, 76, 151); font-weight: 900; line-height: 34px; display: block; flex: 1;}
#pagenotfound .link_bar *:hover {color: rgb(0, 62, 122); opacity: 1;}

/*- html sitemap -*/
.nr18 .htmlsitemap_top_ul {list-style: unset; padding: 0 0 0 40px; width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nr18 .htmlsitemap_top_ul ul {list-style: unset; font-size: 16px;}
.nr18 .htmlsitemap_top_ul li {list-style: unset; font-size: 16px; margin: 5px 0 5px 0;}
.nr18 .htmlsitemap_top_ul .li_heading {list-style: none; margin: 0 0 5px -20px; font-size: 24px; font-weight: 900;}
.nr18 .htmlsitemap_top_ul ul {padding: 0 0 0 25px; list-style: none;}
.nr18 .htmlsitemap_top_ul a {font-weight: 500;}

/*- newsletter -*/
.newsletter .captcha_wrapper {margin: 5px 25px;}

/*- profile -*/
body.register .registerform {width: 100%; margin: 0 auto;}
body.register .register_benefits_cont {display: flex;}
body.register .register_benefits_cont > * {flex: 1;}
body.register .register_benefits_cont > div:first-child {order: 2;}
body.register .benefits_cont ul {padding: 0 0 0 25px; margin: 50px 20px 50px 0; max-width: 610px;}
body.register .benefits_cont ul li {list-style-type: none; font-size: 16px; margin: 20px 0; position: relative; overflow: hidden;}
body.register .benefits_cont .icon {display: inline-block; float: left; background-color: #FF2000; color: white; border-radius: 50px; padding: 8px; margin: 0 15px 0 0;}
body.register .benefits_cont .icon svg {width: 25px; height: 25px;}
body.register .benefits_cont p {overflow: hidden; margin: 10px 0 0 0; text-align: left;}
body.register .register_benefits_cont .register_top_cont .h2 {text-align: center;}
body.register .register_cont {position: relative; overflow: hidden; margin: 50px auto; padding: 0 10px; max-width: 500px;}
body.register .register_cont .input_cont {display: flex; margin: 0 0 20px 0;}
body.register .register_cont .input_cont p {flex: 0 0 110px; font-size: 20px; line-height: 1.5;}
body.register .register_cont input {flex: 1; padding: 6px;}
body.login .login_benefits_cont {display: flex;}
body.login .login_benefits_cont > * {flex: 1;}
body.login .benefits_cont ul {padding: 0 0 0 25px; margin: 50px 20px 50px 0; max-width: 550px;}
body.login .benefits_cont ul li {list-style-type: disc; font-size: 16px; margin: 8px 0;}
body.login .benefits_cont ul li p {margin: 0;}
body:not(.register) .benefits_ul .icon {display: none;}
body.login .login .h2 {text-align: center;}
body.login .login_cont {position: relative; overflow: hidden; margin: 50px auto; padding: 0 10px; max-width: 450px;}
body.login .login_cont p {font-size: 20px; line-height: 1.5;}
body.login .login_cont > div:not(.main_button), body.register .register_cont .col > div {display: flex; margin: 0 0 20px 0;}
body.login .login_cont input {flex: 1; padding: 6px;}
body.login .login_cont a {color: hsl(0, 0%, 40%); text-align: center; display: block; margin: 5px 0;}
.objtable_trhead td, .objtable_trhead th {padding: 0 5px 0 5px; text-align: left;}
.profile_obj .booktable {padding: 5px 0px 5px 5px;}
.profile_obj .booktable td {padding: 2px;}
.profile_obj .booktable .profiletableautor {width: 200px;}
.profile_obj .booktable .profiletableks {width: 50px;}
.profile_obj .booktable .profiletablecena {width: 80px;}
.profile_obj .objtable .space {width: 150px;}
.profile_menu {width: 100%; box-sizing: border-box; display: table; background: linear-gradient(#BDBFC5, #FFFFFF, #FFFFFF);}
.profile_menu .subcont {display: table-row;}
.profile_menu a {display: table-cell; text-align: center; line-height: 3; background: rgb(237, 28, 36); color: white;}
.profile_menu a:not(:first-child) {border-left: 1px solid #CCCCCC;}
.profile_menu a:hover, .profile_menu a.selected  {background-color: rgb(185, 18, 24);}
.profile_obj .booktable tr:nth-child(even) {background-color: rgb(232, 233, 237);}
body.adress .regtable {margin: 0 0 10px 0;}
body.adress #fakt_button .main_button_grey{
  float: none;
  font-size: 18px;
  font-weight: bold;
  margin: 150px auto 150px auto;
  padding: 15px;
  cursor: pointer;
  border-radius: unset;
}
.profile #content table .header{height: 23px; margin: 0px; padding: 0px;}
.profile #content table .title{text-align: left;}
.profile #content table th{text-transform: uppercase; border: 0px; padding: 5px 8px; font-size: 14px;}
.profile #content table th.title{padding-left: 5px; text-align: left;}
.profile #content table .price{text-align: right;}
.profile #content td{padding: 5px 8px; background-color: #ebecf0; box-sizing: border-box;}
.profile #content .profile_savedcarts_table .td_button {width: 250px; background: none;}
.profile #content .profile_savedcarts_table .td_buttonrow {background: none; padding: 5px 0; text-align: left;}
.profile #content .profile_savedcarts_table .td_buttonrow .main_button {width: 250px; margin: 0 20px 10px 0; display: inline-block;}
.profile #content .orders_cont tr:not(.objtable_trhead) td {background-color: unset;}
.profile #content .myreviews_cont table {border-spacing: unset;}
.profile #content .myreviews_cont tr:not(.heading) td {background-color: unset;}
.profile #content .notreviewed_cont table {background: none;}
.profile #content .notreviewed_cont td {background: none; padding: 0; height: auto;}
body.pswd_change form[name="pswd_chng"] table {max-width: 500px; margin: 0 auto;}
body.pswd_change form[name="pswd_chng"] input {width: 100%; box-sizing: border-box;}
body.pswd_change .main_button {max-width: 445px; margin: 0 auto 10px auto;}

/*- cartload -*/
.cartload #content .profile_savedcarts_table .td_button {width: 250px; background: none;}
.cartload #content .profile_savedcarts_table .td_buttonrow {background: none; padding: 5px 0; text-align: left;}
.cartload #content .profile_savedcarts_table .td_buttonrow .main_button {width: 250px; margin: 0 20px 0 0; display: inline-block;}

/*- index -*/
#index .index_news_lowscreen {display: none;}

/*- reviewed books -*/
body.reviewed #content {font-size: 16px;}
body.reviewed #content > .container {padding: 0 10px; box-sizing: border-box;}
body.reviewed form .item {margin: 0 10px 0 0;}
body.reviewed .reviews_cont {clear: both;}
body.reviewed .reviews_cont .reviewcontainer {width: 100%;}
body.reviewed .anotation_cont {overflow: hidden;}
body.reviewed .anotation_cont p {margin: 5px 0;}

/*- commented books -*/
body.commented #content > .container {padding: 0 10px; box-sizing: border-box;}
body.commented .comment_cont {overflow: hidden;}
body.commented .comment_cont p, body.commented .anotation_cont p {margin: 5px 0;}

/*- thematics -*/
body.thematics .searchFormThematics {width: 416px; margin: 0 auto; text-align: center;}
body.thematics .searchFormThematics .search_icon {margin: -9px 0 0 0;}
body.thematics .searchFormThematics .search_whisper_box_thematics {
  display: none;
  text-align: left;
  padding: 8px 5px 0 5px;
  position: absolute;
  background: white;
  width: 416px;
  box-sizing: border-box;
  height: 60vh;
  overflow: auto;
  z-index: 500;
  border: 1px solid black;
}
body.thematics .searchFormThematics .count {text-transform: none; font-weight: 600; width: 44px; display: inline-block; float: left;}
body.thematics .searchFormThematics .titul {width: 100%; display: inline-block; margin: 0 0 6px 0;}
body.thematics .searchFormThematics .titul a {position: relative; overflow: hidden; display: block;}
body.thematics .thematics_alphabet_cont{width: 100%; padding: 15px; text-align: center; box-sizing: border-box;}
body.thematics .thematics_alphabet{padding: 10px; display: inline-block; margin: 5px 2px; background: #444; color: #eee;}
body.thematics .thematics_alphabet:hover{background: #333; color: #fff;}
body.thematics .thematics_alphabet.active{background: red; color: #fff;}
body.thematics .info {height: 100%;}
body.thematics .item .titul {margin: 0;}
body.thematics .item .titul a {display: block; height: 25px;}
body.thematics .examples_cont {height: 140px; margin: 0 0 10px 0; overflow: hidden; position: relative;}
body.thematics .examples_cont a {display: block;}
.examples_cont:after {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  bottom: 1px;
  position: absolute;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
}
body.thematics .item i {height: 15px;}

/*- tree -*/
body.tree .searchFormTree {margin: 22px 0 0 25px;}
body.tree .searchFormTree .search_icon {margin: -10px 0 0 0; cursor: pointer;}
body.tree .ul_tree {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}
body.tree .ul_tree ul {background-color: rgba(0, 0, 0, 0.05); margin: 0 10px 15px 30px; padding: 0px 17px 0 6px; border-left: 1px solid #ed1c24;}
body.tree .ul_tree li {position: relative;}
.tree #content > ul a {font-size: 16px; margin: 8px 0; display: block;}
body.tree .ul_tree a {margin: 5px 0 5px 0; display: inline-block; font-weight: 600; font-size: 16px;}
body.tree .ul_tree ul:not(.ul_lvl_1) {display: none;}
body.tree .ul_lvl_0 > a, body.tree .li_lvl_0 > a {font-size: 22px;}
body.tree .droparrow {
  display: block;
  position: absolute;
  left: -34px;
  width: 26px;
  margin: 2px 0 0 0;
  text-align: center;
  font-size: 20px;
  color: #ed1c24;
  border-radius: 2px;
  cursor: pointer;
}
body.tree .droparrow_open {display: none;}
body.tree .li_open > .droparrow_closed {display: none;}
body.tree .li_open > .droparrow_open {display: block;}


/*- filmstrip_slider -*/
.filmstrip_slider {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; width: 98%; margin: 10px 1%;}
.filmstrip_slider #scroll_container .scroll_object {width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.filmstrip_slider .scroll_object > form {overflow: hidden;}
.filmstrip_slider .scroll_object .item {width: 100%; height: auto; position: relative;}
.filmstrip_slider .scroll_object .item .picture {width: 84px; height: auto;}
.filmstrip_slider .scroll_object .item .picture img {width: auto; max-height: 150px; max-width: 100%;}
.filmstrip_slider .scroll_object .item h3,
.filmstrip_slider .scroll_object .item h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.4;
  margin: 0;
  max-height: 64px;
}
.filmstrip_slider .scroll_object .item h4 {line-height: 1;}
.filmstrip_slider .scroll_object .item .info input {vertical-align: text-top; max-width: 160px;}
.filmstrip_slider .arrow {margin: auto; padding: auto; width: 50px;}
.filmstrip_slider .scroll_left .scroll_arrow_icon {
  height: 8px;
  width: 8px;
  border: solid black;
  border-width: 0 1.5px 1.5px 0;
  position: absolute;
  top: 24px;
  right: 20px;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.filmstrip_slider .scroll_left {
  width: 50px;
  height: 50px;
  opacity: 0.8;
  background-color: white;
  border-radius: 28px;
  overflow: hidden;
  cursor: pointer;
}
.filmstrip_slider .scroll_left_hover {opacity: 0.6;}
.filmstrip_slider i {
  border: solid black;
  border-width: 0 6px 6px 0;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.filmstrip_slider i:hover {opacity: 1;}
.filmstrip_slider .right {-ms-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.filmstrip_slider .left {-ms-transform: rotate(135deg);transform: rotate(135deg); -webkit-transform: rotate(135deg);}
/*Tom's slideshow-specific @media*/
@media screen and (max-width: 1200px) {
  .filmstrip_slider #scroll_container .scroll_object {width: 33.33333%;}
  .filmstrip_slider .scroll_object .item .info {width: auto; float: none; overflow: hidden;}
}
@media screen and (max-width: 900px) {.filmstrip_slider #scroll_container .scroll_object {width: 50%;}}
@media screen and (max-width: 550px) {.filmstrip_slider #scroll_container .scroll_object {width: 100%;}}
/*custom checkbox/radio*/
.cstm_check, .cstm_radio {
	display: block;
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cstm_check p, .cstm_radio p {margin: 0; line-height: 1.7;}
.cstm_check input, .cstm_radio input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.cstm_check .checkmark, .cstm_radio .checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border: 1px solid #ed1c24;}
.cstm_radio .checkmark {border-radius: 50%;}
.cstm_check:hover input ~ .checkmark, .cstm_radio:hover input ~ .checkmark {background-color: #e2e2e2;}
/* Create the checkmark/indicator (hidden when not checked) */
.cstm_check .checkmark:after, .cstm_radio .checkmark:after {content: ""; position: absolute; display: none;}
.cstm_check input:checked ~ .checkmark:after, .cstm_radio input:checked ~ .checkmark:after {display: block;}
.cstm_check .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #ff0d0d;
  border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*.cstm_radio .checkmark:after {top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #505050;}*/
.cstm_radio .checkmark:after {top: 6px; left: 6px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff0d0d;}

/*- detail -*/
body.detail .tags p {margin: 0;}
.product_image3d_cont {padding: 0; margin: 0 14px 15px 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none; -webkit-perspective: 1800px; perspective: 1800px; -webkit-transition: none; -o-transition: none; transition: none; float: left;}
.product_image3d_cont.approval_3d .inner_cont:hover {-webkit-transform: rotate3d(0,1,0,38deg); transform: rotate3d(0,1,0,38deg);}
.product_image3d_cont span {display: block}
.product_image3d_cont .inner_cont {
  position: absolute;
  width: inherit;
  height: inherit;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform .5s;
  -webkit-transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
.product_image3d_cont .img_right {
  position: absolute;
  z-index: 3;
  top: 2px;
  width: inherit;
  height: inherit;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  transition: -webkit-transform .5s;
  -webkit-transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translate3d(0,0,20px);
  transform: translate3d(0,0,20px)
}
.product_image3d_cont .img_right>span {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: inherit;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: inset 4px 0 10px rgba(0,0,0,.1);
          box-shadow: inset 4px 0 10px rgba(0,0,0,.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-repeat: no-repeat;
  background-color: #5f6265;
  background-position: right center;
}
.product_image3d_cont .img_left {
  position: absolute;
  top: 2px;
  -webkit-transform:rotate3d(0,1,0,-90deg);
  transform:rotate3d(0,1,0,-90deg);
  height: inherit;
  width: 41px;
  left: -20px;
  background: #5f6265;
}
.product_image3d_cont .img_left .title {
  position: relative;
  padding-left: 6px;
  color: #fff;
  height: 40px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  text-align: left;
  line-height: 40px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 6px;
  overflow: hidden;
}
.detail_buy_button{margin-left: 15px; float: none; font-weight: bold; font-family: raleway; width: 88%;}
body.detail .detail_buy_button {width: 100%; margin: 0;}
body.detail .pricetable {padding: 0;}
.detail .pricetable{text-align: left; font-size: 18px; padding-right: 25px;}
.detail .pricetable th{padding: 5px; font-weight: normal; padding: 3px;}
.detail .pricetable td{width: 50%; text-align: right; font-weight: bold;}
.detail .pricetable .freepost{overflow: hidden; text-align: right;}
.detail .buy_form_cont{float: right; width: 324px; margin: 0 0 0 20px;}
.detail .buy_form_cont input{margin-right: 30px;}
body.detail .tr_supply th {padding: 30px 0 0 0;}
body.detail .tr_supply * {margin: 0;}
body.detail .skladem .ks {float: right; color: black;}
body.detail .skladem .exped {float: right; color: black; font-weight: 400; font-size: 14px; margin: 0; text-align: left;}
body.detail .skladem .supply_txt_01 {font-weight: 400;}
.buy_form_cont_mobile {display: none;}
.detail .links{width: 140px; float: right; margin: 0; margin-right: 10px; padding: 0px; clear: right;}
.detail .garance{float: right; margin-right: 55px; margin-top: 30px; width: 125px; cursor: pointer;}
.detail .links td{padding-top: 5px;}
body.detail .middle_cont {overflow: visible; padding: 0 40px 0 0;}
body.detail .top_heading {display: block; margin: 0 0 5px 0;}
.detail .iteminfo{width: 100%; margin-left: 210px;}
.detail .iteminfo .h2{clear: none;}
.detail .iteminfo > * {margin-left: 5px;}
body.detail .iteminfo {margin: 0; overflow: hidden;}
body.detail .iteminfo p {margin: 0;}
body.detail .iteminfo_01_cont.hidden .iteminfo_01 {position: relative; height: auto; max-height: 80px;}
body.detail .iteminfo_01_cont .iteminfo_01 div, body.detail .iteminfo_01_cont .iteminfo_01 p {margin: 0; text-align: left;}
body.detail .iteminfo_01_cont.hidden .iteminfo_01:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18px;
  background: rgb(255,255,255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,1)));
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
}
/*body.detail .iteminfo_01_cont.hidden .note_separator {display: none;}
body.detail .iteminfo_01_cont:not(.hidden) .dots {display: none;}
body.detail .iteminfo_01_cont .note_full, body.detail .iteminfo_01_cont .note_cut {margin: 0;}
body.detail .iteminfo_01_cont.hidden .note_full {display: none;}
body.detail .iteminfo_01_cont:not(.hidden) .note_cut {display: none;}*/
body.detail .iteminfo_01_cont .display_whole {border-bottom: 1px solid #FF2000; margin: 5px 0 0 0; display: inline-block; cursor: pointer;}
body.detail .iteminfo_01_cont.hidden .display_whole > span:not(.v01) {display: none;}
body.detail .iteminfo_01_cont:not(.hidden) .display_whole > span:not(.v02) {display: none;}
body.detail .iteminfo_01_cont .display_whole:hover {opacity: 0.8; border-bottom: 1px solid black;}
body.detail .iteminfo_02 {width: auto; margin: 10px 0 0 0; position: relative; display: table;}
body.detail .iteminfo_02 p {/*float: left; width: 50%;*/ display: table-row; padding: 4px 30px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
body.detail .iteminfo_02 p > * {display: table-cell;}
body.detail .iteminfo_02 p strong {/*width: 40%; float: left;*/ white-space: nowrap; word-break: keep-all; padding: 0 18px 4px 0;}
body.detail .iteminfo_02 p span {overflow: hidden;}
body.detail .info {overflow: hidden;}
.detail .ranking{width: 340px; padding-top: 0px; padding-left: 0; color: #ff0000;}
body.detail .ranking {display: -webkit-box;display: -ms-flexbox;display: flex; width: 170px; position: relative; height: 25px; margin: 6px 0 12px 0;}
body.detail .ranking .star_cont {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; position: relative;}
body.detail .ranking .star {width: 25px; height: 25px; overflow: visible; position: absolute; left: 50%; -webkit-transform: translate(-64%,0); -ms-transform: translate(-64%,0); transform: translate(-64%,0);}
body.detail .ranking.vote .star {cursor: pointer;}
body.detail .ranking .star_empty {width: 20px; height: 25px;}
body.detail .ranking .star_half {width: 21px; height: 25px;}
body.detail .ranking .star.hidden {display:none;}
body.detail .ranking.vote:hover .star_fill {display: block;}
body.detail .ranking.vote:hover .star_half {display: none;}
body.detail .ranking.vote .star_cont:hover ~ .star_cont .star_fill {display: none;}
body.detail .ranking.vote .star_cont:hover ~ .star_cont .star_empty {display: block;}
/*.detail .ranking td,.detail .ranking th{padding: 0;}
.detail .ranking img{margin-top: 0; margin-bottom: 0;}
.detail .ranking strong{font-size: 16px;}
.detail .ranking .star_container .star_ranking{float: left; width: 15px; margin: 5px; margin-top: 0; margin-bottom: 0;}
.detail .ranking .star_container{margin-left: 35px;}
.detail .ranking .star_container .star_ranking:first-of-type{margin-left: 0;}*/
.detail .info p{margin: 0;}
body.detail .reviews_subcont {width: 62%; margin: 0 0 0 214px;}
.reviews:not(body){width: 100%; margin: 10px 0px; padding: 0px; clear: both; overflow: hidden;}
.reviews .review_item{padding: 10px 0px;}
.reviews .review_item p{clear: both; padding-top: 10px;}
.reviews .form{width: 100%; padding: 10px 0px; }
.reviews .form .h2{margin-bottom: 5px;}
.reviews .form input{padding-left: 5px; padding-right: 5px; margin: 5px 0;}
.reviews .form textarea{width: 100%; height: 120px; margin: 5px 0; padding: 4px; border: 1px solid #333333; border-radius: 5px; box-sizing: border-box; resize: vertical;}
.reviews .form .submit{border: 0px; background: none; width: 100px; height: 20px;}
.reviewcontainer{width:1100px;}
body.detail .similar {width: 100%;}
/*- alert_box -*/
.alert_box {
  width: 100%;
  height: auto;
  position: fixed;
  z-index: 800;
  top: 100vh;
  left: 0;
  background-color: rgba(255,255,255,0.9);
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  border-top: 1px solid #ff0000;
  box-shadow: 0 4px 12px black;
  font-size: 14px;
}
.alert_box .alert_close_symbol {position: absolute; top: 0; right: 0; color: #ff0000; cursor: pointer; font-size: 18px; padding: 5px 10px;}
.alert_box .alert_close_symbol:hover {background-color: #ffdddd;}
.alert_box .alert_content {width: 100%;}
.alert_box .alert_content * {text-align: center;}
.alert_box .alert_content .link_mark {color: #ff0000; cursor: pointer; font-weight: 900; margin: 0; padding: 0;}
.alert_box .alert_content .link_mark:hover {opacity: 0.8;}
/*- combos -*/
.flex_combo {display: flex;}
.flex_combo > * {flex: 1;}




@media screen and (max-width: 1200px) {
  /*-General-*/
  #main, #menu {width: 100%; margin: 0}
  #menu .sub_menu {width: auto; min-width: 100%; max-width: calc(100% + 200px);}
  #head .headlogo img {
    background-image: url(pics/mail_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 0 10px;
    width: 200px;
    height: 100px;
    padding-left: 200px;
    background-position: center;
  }
  #head .searchForm {width: 385px;}
  #head .searchForm #field {width: 330px;}
  #head .searchForm span {height: 28px; margin: -8px 0 0 0;}
  #head .searchForm_default > #search_whisper_box {width: calc(100% - 44px);}
  #head .heureka_stamp_a {display: none;}
  /*-Index-*/
  /*.headerpic img {width: 100%;}*/
  .news img {height: auto;}
  .limitaction .container {margin: 0; padding: 5px 25px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .limitaction .container form {display: block; width: 50%; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; float: left;}
  /*- tables -*/
  .itemtable, .itemtable tbody, .itemtable tbody tr {display: block; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
  .itemtable td {display: block; float: left; width: 50%; height: 200px;}
  .similar table td {display: block; float: left; width: 50%; height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .detail .similar table td {height: 230px;}
  .detail .similar .item .picture {height: auto; width: auto;}
  /*-expedice, zpusoby platby -*/
  .nr5table {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;}
  .nr5table .delivery td:first-child {height: auto; vertical-align: baseline; background-position: bottom left; background-size: auto 50%;}
  .nr5 .nr5table td:first-child span, .nr5 .nr5table td:first-child img {position: relative; transform: none; display: block; margin: 5px 0 5px 0;}
  .delivery_li_shop {background-image: url(pics/mail_logo.png);}
  /*- kontakt -*/
  .iframe_map {width: 100%;}
  /*- action -*/
  .actionlist {width: 100%; margin: 0;}
  /*- cart -*/
  .cart #content .cart {padding: 0 5px 0 5px;}
  .carth1 {height: auto; padding: 10px 0 10px 0; margin: 0;}
  .carth1 h1 {margin: 0 0 0 5px;}
  .cart_position_banner {float: none; margin: 5px 0 0 5px;}
  .cart:not(.profile) #content table, .cartok #content table {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border-spacing: 0;}
  .cart:not(.profile) #content table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
  .cart:not(.profile) #content table tr, .cartok #content table tr {display: block; margin-bottom: 20px; border-spacing: 0;}
  .cart:not(.profile) #content .regtable table tr {display: table-row; margin-bottom: auto;}
  .cart:not(.profile) #content table td, .cart table .title, .cartok #content table td, .cartok #content table th, .cartok table .title {border-bottom: 1px solid #c8c8c8; display: block; max-width: none;}
  .cart #content .regtable table td, .cart .regtable table .title {border-bottom: 1px solid #c8c8c8; display: table-cell; text-align: right; max-width: none;}
  .cart .regtable td input, .regtable td select {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .cart:not(.profile) #content div:not(.similar) table td {padding: 5px; background-color: #ebecf0;}
  .cart:not(.profile) #content table td::before {content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold;}
  .cart #content table.table_cart_01 .imglist a img {width: auto; height: auto; max-width: 50px; max-height: 100px;}
  .cart:not(.profile) #content table .title {max-width: none;}
  .cart #content .td_form_cart_count {padding: 15px 5px;}
  .cart #content .td_form_cart_count input[type="submit"] {margin: 0 0 0 5px;}
  .cart #content .deliverypozn ol {padding: 0 5px 0 25px;}
  .cartsavebutton, .cartorderbutton {float: none; width: 100%; margin: 0 0 10px 0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .cart.rw2_1 .cartorderbutton {width: 285px;}
  .cart #content .delivery_gray_background input#zasilkovna_branch-name1 {width: auto !important;}
  .cart:not(.profile) #content .table_cart_01 .title {text-align: right;}
  .cart:not(.profile) #content .table_cart_01 td {text-align: right;}
  .cart #content .rw2_deldata .regtable {height: auto; width: 48%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;}
  .cart #content .rw2_deldata .regtable#dodaci {width: 48%; margin: 0 4% 0 0;}
  #myInput, #myInput_dobirka, #rw2_emailform {width: 100%;}
  #delivery_table {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 25px;}
  .ordernote {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .orderform {margin: 0 0 20px 0;}
  .cart .rw3adress, .cartok .regtable {margin: 0; height: auto; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .cart .rw3adress:nth-child(1) {padding: 0 10px 0 0;}
  .cartok .regtable:nth-child(1) {padding: 5px 10px 0 0;}
  .cart .rw3 {padding: 0;}
  .cart .rw3 table, .rw3 tbody {border-spacing: 0; border-collapse: collapse;}
  .cart .rw3 td:not(.topbar_cart_info_td), .cart.rw3 td:not(.topbar_cart_info_td), .cartok td:not(.topbar_cart_info_td), .cartok th:not(.topbar_cart_info_td) {display: block; text-align: center; width: 100%; min-height: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .cart .rw3 .exped table {width: 100%; margin: 0; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .cart .rw3 .exped td {display: block; width: 100%; text-align: right;}
  .finalthanks {width: 100%;}
  .finalreview {padding: 0 5px 0 5px;}
  .finalreview table td:nth-child(1) {padding: 20px 0 0 0;}
  .finalthanks {height: auto;}
  .finalyellow {width: auto;}
  .cartok .finalreview_books .header, .cartok .finalreview_books .sum .cleartd:first-child {display: none !important;}
  .cartok .finalreview_books tr {display: block !important;}
  .cartok #content .finalreview_books td {display: block !important; text-align: right;}
  .cartok #content .finalreview_books .row_04 td {text-align: left;}
  .cartok .finalreview_books td::before {content: attr(data-label); float: left !important;}
  /*- account -*/
  .register .regtable {width: 49%; margin: 0;}
  .register .regtable:first-child {margin: 0 2% 0 0;}
  .register .registerform ul {padding: 0 10px !important;}
  body.login .benefits_cont ul {padding: 0 25px 0 35px !important;}
  .adress .regtable {width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; padding: 5px;}
  .adress .regtable:first-child {margin-right: 2%;}
  .regtable td, .regtable th {min-width: auto;}
  .regtable td input, .regtable td select {width: 100%;}
  body.profile #content .profile_savedcarts_table {width: 100%; padding: 0 10px; margin: 0;}
  body.profile #content .profile_savedcarts_table tr {display: table-row;}
  body.profile #content .profile_savedcarts_table th, body.profile #content .profile_savedcarts_table td {display: table-cell;}
  .profile #content .notreviewed_cont td {height: 200px; display: block; float: left; width: 50%;}
  .profile #content .notreviewed_cont td.empty {height: auto;}
  /*-detail-*/
  .detail:not(body) {width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .detail .detail {padding: 5px;}
  .detail #content .leftpadding {padding-left: 5px;}
  body.detail .detail {margin: 10px 0;}
  .detail .similar {width: 100%; margin: 0 0 20px 0;}
  .detail .info {width: auto; margin-left: 210px;}
  .detail p {margin-left: 0;}
  .buy_form_cont_desktop {display: none;}
  .detail .buy_form_cont_mobile {display: block; overflow: visible; clear: both; float: none; margin: 0 0 15px 0;}
  .detail .itemlist .item .picture img {max-height: 150px;}
  .itemlist .item {display: flex; align-items:flex-start; align-content:flex-start;}/*align-items prevent display flex items to fill height*/
  .detail .pricetable {padding: 5px 0;}
  .detail .pricetable td, .detail .pricetable th {padding: 0;}
  .detail .iteminfo, .detail .buy, .detail #detail_dog_button {margin: 0;}
  body.detail .info {margin: 0 0 0 5px;}
  .detail #detail_dog_button {width: 100%;}
  .questionmark:hover span {top: 16px; left: 20px;}
  /*-register-*/
  .register table {width: 100%;}
  /*-tree-*/
  .tree #content .topics_cont {float: none !important; padding: 0 0 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both;}
  /*-profile-*/
  .profile_obj .objtable {width: 100%; margin: 0;}
  .anotace textarea[name=review] {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  /*-order-*/
  body.order .finalreview .regtable, body.order .finalreview table {width: 100%; float: none; margin: 0 0 10px 0;}
  body.order .finalreview .regtable {padding: 0;}
  /*-Footer-*/
  #footer {background-size: 60px; background-position: bottom right 14px;}
  #footer .column, #footer .heurekacolumn {width: 33.33333333333333%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; float: left;}
  #footer .column.column_02 {display: none;}
  #footer .heurekacolumn a {position: relative;}
  /*#footer .heurekacolumn img {margin: 0; right: 14px; top: 16px; position: absolute;}*/
}

@media screen and (max-width: 900px) {/*lowscreen*/
  /*-General-*/
  body {margin: 75px 0 0 0;}
  body.login {margin: 75px 0 0 0; width: 100%;}
  body.index #content .h1 h1, body.index #content .h2 h2, body.index #content .h1fake a {letter-spacing: normal;}
  body.index #content .h1fake a {font-size: 16px;}
  h1, h2, h3, h4 {display: inline-block; margin-top: 0; margin-bottom: 4px;}
  p {text-align: initial;}
  .itemlist form {width: 100%; height: 100%;}
  .item {width: 100%; height: auto;}
  .h1, .h2 {overflow: hidden; height: auto;}
  .rightpadding {padding-right: 5px;}
  .leftpadding {padding-left: 5px;}
  body #menu:not(.menu_mobile) {display: none;}
  #head {height: 75px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; left: 0; border-radius: initial; z-index: 999;}
  #head .headlogo {height: 100%; display: inline-block;}
  #head .headlogo img {height: 55px;}
  .lowscreen_icon_burger {display: inline-block; float: right; padding: 6px 10px 0 20px; cursor: pointer;}
  #head.hdr_fullscreen {height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box;}
  #head .login_form a {margin: 0 10px;}
  #menu .top_li a {font-size: 18px; line-height: 2.5;}
  #menu a {margin-left: 0 !important;}
  #menu a span {white-space: unset;}
  #menu, #menu ul {display: block; height: auto;}
  #menu ul li {display: block; border-bottom: 1px solid #ff9494; position: relative;}
  #menu ul li i {display: block; position: absolute; right: 10px; top: 20px;}
  #menu .menu_icon {display: inline; margin: 0; position: absolute; left: 11px; top: 13px; width: 28px; height: auto;}
  #menu .sub_menu {position: relative; width: 100%; text-align: center; background: white; border-left: 8px solid #ed1c24;}
  #menu .sub_menu li {padding: 10px 0 10px 0;}
  #menu .sub_menu a {font-size: 16px;}
  .hdr_fullscreen .lowscreen_hdr_inner {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    overflow: scroll;
    width: 100%;
    height: calc(100vh - 20px);
    border-top: 1px solid #d6d6d6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #head.hdr_fullscreen .login_form {margin: 20px 0 20px 0; font-size: 18px;}
  #head.hdr_fullscreen .login_form .questionmark {position: absolute; margin: 3px 0 0 0;}
  #topbar {margin-right: 0;}
  .login_form, #head  .searchForm_default {display: none;}
  #head .searchForm {width: auto; height: 100%;}
  #head .searchForm_default {
    position: absolute;
    top: 72px;
    left: 0;
    margin: 0;
    padding: 10px 0 10px 0;
    height: auto;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);
  }
  #head .searchForm_default #field {width: 60%;}
  #head .searchForm_default #search_whisper_box {
    width: calc(100% - 10px);
    height: calc(100vh - 180px);
    left: 0;
    top: auto;
    margin: 0 5px;
    padding: 0;
    border-radius: unset;
  }
  #head .search_icon_dummy, #head .search_icon_close {display: block; height: 54px; width: 38px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 0 9px 0; margin: 0 10px 0 0; float: right;}
  #head .search_form_placement .searchForm {float: none; margin: 20px 0 20px 10px; width: 100%; text-align: center;}
  .lowscreen_hdr_inner .searchForm, .lowscreen_hdr_inner .login_form {display: block;}
  .katlist td, .katlist td a {height: auto;}
  .pager {height: auto;}
  .pager div {height: 40px; min-width: 40px; margin: 2px 2px 10px 2px;}
  .pager div a {width: 100%; height: 70%; padding: 10px 0 0 0; display: block;}
  .pager_txt div a {width: auto; padding: 10px 12px;}
  #main {border-radius: unset;}
  .headerpic .headerpic_subcont {height: auto; display: block; padding: 0; text-align: center;}
  .headerpic .headerpic_txt {padding: 10px 0; display: inline-block;}
  .headerpic .img_cont {margin: 0 0 0 -400px; width: calc(100% + 800px); max-width: none; overflow: hidden;}
  .headerpic .img_cont img {width: auto;}
  /*-Index-*/
  #index .index_news_desktop {display: none;}
  #index .index_news_lowscreen {display: block;}
  .news img {max-width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 5px;}
  /*- account -*/
  body.register .register_benefits_cont, body.login .login_benefits_cont {display: block;}
  body.login .login_benefits_cont .login {width: 100%;}
  body.register .register_benefits_cont > div:first-child {order: initial;}
  body.register .benefits_cont ul, body.register .register_cont,
  body.login .benefits_cont ul, body.login .login_cont {margin: 20px auto;}
  .table_register tr, .table_register th, .table_register td {display: block;}
  .table_register .recaptcha_cont {position: absolute; margin: 105px 0 0 0;}
  .table_register .pswd2_cont {margin: 0 0 100px 0;}
  .table_register .cartorderbutton {position: absolute; margin: 48px 0 0 0;}
  .table_register .newsletter_agree_cont {margin: 0 0 55px 0;}
  .registerform td .textinput, .regtable table input {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .login #main {width: auto;}
  .register .regtable, .register .regtable:first-child {width: 100%; margin: 0 0 10px 0;}
  .register .registerform > .h1 h1, .register .registerform > .h2 h2 {margin: 0 10px 0 10px;}
  .adress .regtable {float: none !important; height: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; padding: 5px;}
  .profile_obj .objtable .space {width: 100px;}
  /*-cart-*/
  .cart input[type='radio'] {width: 20px; height: 20px; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px);}
  .cart_position_banner {
    float: none;
    background: rgb(0,0,0);
    background: -webkit-gradient(linear, left top, right top, from(rgb(38, 38, 38)), to(rgb(167, 18, 18)));
    background: -o-linear-gradient(left, rgb(38, 38, 38) 0%, rgb(167, 18, 18) 100%);
    background: linear-gradient(90deg, rgb(38, 38, 38) 0%, rgb(167, 18, 18) 100%);
    margin: 0;
    width: 100%;
  }
  .cart_position_banner li {display: block; margin: 5px 0 5px 0; position: relative;}
  .cart_position_banner .spacer, .cart_position_banner .activespacer {background: none !important;}
  .cart_position_banner .step:after, .cart_position_banner .activestep:after {
    content: '';
    background: url(pics/cartpos_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 20px;
    width: 15px;
    display: block;
    top: -4px;
    right: 10px;
    position: absolute;
  }
  .cart_position_banner .activestep:after {background: url(pics/cartpos_red.png) no-repeat bottom left; background-size: contain;}
  #delivery_table, .rw2_deldata {padding: 0 5px;}
  #delivery_select {display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 0;}
  #delivery_delivery, #delivery_prevod {float: none; width: 100%; padding: 50px 0;}
  .stillreg table tr:nth-child(2) td, .stillreg table tr:nth-child(2) th {display: block;}
  .stillreg table tr:nth-child(2) th {float: left;}
  body.cart .stillreg .stillred_subcont {display: block;}
  body.cart .stillreg .benefits_cont ul {margin: 0 auto; max-width: 480px;}
  .cart #content .dropdown-content {min-width: unset;}
  .cart #content .rw2_deldata .regtable#dodaci, .cart #content .rw2_deldata .regtable#fakturacni {width: 100%; margin: 0 2px 10px 2px;}
  .cart #fakt_button {display: none !important;}
  /*-detail-*/
  .detail:not(body) {margin: 0; padding: 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .detail .buy_form {right: 42px;}
  .detail .picture {float: none;}
  .detail .links {float: none; position: absolute; margin: 30px 0 0 316px;}
  .product_image3d_cont {float: left;}
  body.detail .reviews_subcont {width: 100%; padding: 0 0 0 4px; margin: 0; box-sizing: border-box;}
  /*- newsletter -*/
  input[name="newsletter_mail"] {width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box;}
  /*-profile-*/
  .profile_menu a {display: block; width: 100%; line-height: 40px; text-align: right; padding: 0 14px 0 0; box-sizing: border-box;}
  .profile_menu span {display: none;}
  /*-order-*/
  body.order .cart table {border-spacing: initial;}
  body.order .cart td {text-align: left;}
  /*-404-*/
  #pagenotfound .link_bar {display: block;}
  /*- reviewed books -*/
  body.reviewed form .item {float: none;}
  /*- reviewed books -*/
  body.commented form .item {float: none;}
}



@media screen and (max-width: 700px) {
  /*-General-*/
  #head .headlogo img {
    background-image: url(pics/logo_k.png);
    padding-left: 38px;
    width: 38px;
    margin: 0;
  }
  #main, #menu {padding: 0 0 40px 0;}
  .phone {display: block;}
  h1{font-size: 22px;}
  h2{font-size: 16px;}
  h3{font-size: 12px;}
  .h1 h1, .h1 h2, .h1 h3, .h1 h4 {letter-spacing: initial;}
  .review_sort a{display: block; width: 99%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0;}
  .review_sort .slash {display: none;}
  #head .search_form_placement .searchForm #field {width: 75%;}
  .headerpic .img_cont img {width: 130vw;}
  /*.headerpic .headerpic_wide {display: none;}
  .headerpic .headerpic_lowscreen {display: block;}*/
  /*-index-*/
  .itemtable td {width: 100%;}
  .itemtable .item {margin: 0 auto 20px; float: none; width: 310px;}
  .itemtable .item .picture, .limitaction .item .picture {margin: 0 25px 0 0;}
  .item .info {width: 150px; text-align: left;}
  .itemtable .item .info > * {margin-bottom: 4px;}
  .itemtable .item .info .guard_dog {width: 135px;}
  .limitaction .container form {width: 100%; float: none;}
  .limitaction .container form .item {width: 310px; position: relative; margin: 0 auto; float: none;}
  /*-cart-*/
  .similar table td {width: 100%; position: relative; overflow: hidden;}
  .similar table td form {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: relative; overflow: hidden; text-align: center;}
  .rw3adress {margin: 0; /*width: 100%; margin: 0; padding: 0 !important;*/}
  .cart #content .rw3 .rw3adress > .h2 h2, .cartok #content .finalreview .regtable > .h2 h2 {
    min-height: 26px;
    margin: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-size: 12px;
    line-height: 22px;
  }
  .cart #content .gopay_cards {max-width: 100%; height: auto; margin: 0;}
  .cart .finalreview_books thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .cart .finalreview_books .header {display: none;}
  .cart .finalreview_books tr {display: block;}
  .cart .finalreview_books td {display: block; text-align: right;}
  .cart .finalreview_books td::before {content: attr(data-label); float: left;}
  .cart .rw2_emailform_mailcont span {margin: 0 !important;}
  .cart .rw2_emailform_mailcont a {float: none; display: block;}
  .cart .cart .cartorderbutton_step4_cont {float: none;}
  /*-detail-*/
  .product_image3d_cont {float: none;}
  .detail .detail {margin: 10px 0 0 0;}
  .detail .links {margin: -95px 0 0 210px;}
  .detail .detail_buy_button {margin: 0;}
  .detail .similar .item .picture {display: inline-block; float: left;}
  .itemlist .item {width: auto; float: none; display: inline-block;}
  .detail .similar table td {height: auto; width: 100%; position: relative; float: none;}
  /*-tree-*/
  body.tree #content > ul a {padding: 6px 0; display: block;}
  body.tree .searchFormTree {width: 100%; margin: 0; padding: 0 10px; box-sizing: border-box;}
  body.tree .searchFormTree #field {width: 100%; box-sizing: border-box;}
  body.tree .droparrow {margin: 6px 0 0 0;}
  /*-expedice, zpusoby platby -*/
  .nr5table .delivery td:first-child {background-size: 66% auto;}
  /*-profile-*/
  body.register .registerform {width: 100%; padding: 0 5px; box-sizing: border-box;}
  body.register .register_cont {display: block;}
  .login:not(body) {width: auto;}
  .login, .login table {width: 100%;}
  .login table{padding: 5px 5px 60px 5px;}
  .login .login_cont {width: 100%; padding: 0 5px; box-sizing: border-box;}
  .profile_obj .objtable th, .profile_obj .objtable .space {display: none;}
  .profile_obj .booktable tr {display: block; margin: 0 0 10px 0;}
  .profile_obj .objtable .objtable_trhead tr {display: block;}
  .profile_obj .booktable td, .profile_obj .objtable .objtable_trhead td {display: block; text-align: right; width: 100% !important;}
  .profile_obj .booktable td::before, .profile_obj .objtable .objtable_trhead td:before {content: attr(data-label); float: left;}
  body.profile #content .profile_savedcarts_table .heading_02 {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  body.profile #content .profile_savedcarts_table tr {display: block;}
  body.profile #content .profile_savedcarts_table .heading_01 th {display: block; text-align: left;}
  body.profile #content .profile_savedcarts_table th, body.profile #content .profile_savedcarts_table td {display: block; text-align: right;}
  body.profile #content .profile_savedcarts_table th:before, body.profile #content .profile_savedcarts_table td:before {content: attr(data-label); float: left;}
  body.profile #content .profile_savedcarts_table .td_button {padding-left: 0;}
  .profile #content .notreviewed_cont td {width: 100%;}
  /*-top-*/
  .top #content > .h1:first-child h1 {float: left;}
  .top .pager {float: left; margin-left: 25px;}
  /*-order-*/
  body.order .cart .header {display: none;}
  body.order .cart table tr {display: block;}
  body.order .cart table td {display: block; text-align: right;}
  body.order .cart table td::before {content: attr(data-label); float: left;}
  /*-Footer-*/
  #footer .column, #footer .heurekacolumn {width: 100%;}
  #footer .column a {padding: 6px 0 6px 0; display: block; font-size: 15px;}
  #footer ul.imglinks {padding: 0 0 0 20px;}
  #footer .heurekacolumn img {margin: 0 0 20px 20px;}
}



@media screen and (max-width: 410px) {
  /*-General-*/
  #head {padding: 5px; height: 70px;}
  body {margin: 70px 0 0 0;}
  body #content {font-size: 16px;}
  #head .login_form a {margin: 0;}
  #head .topbar_cart_info {width: 158px;}
  #head .topbar_cart_info .shopping_cart_icon_cont, #head .topbar_cart_info .shopping_cart_icon_cont {padding: 0;}
  #head .questionmark:hover span {font-size: 16px;}
  .katlist td {display: block; line-height: 40px;}
  .lowscreen_icon_burger {padding: 9px 2px 0 14px;}
  #head .search_icon_dummy, #head .search_icon_close {width: 40px; margin: -3px 6px 0 0;}
  .cart_insert_button {width: 35px; margin: 5px 0 0 0;}
  .alert_box .alert_close_symbol {padding: 8px 12px;}
  h3 {font-size: 14px;}
  .skladem {font-size: 14px;}
  /*-index-*/
  .item .info input {max-width: 100%;}
  .filmstrip_slider .right {margin: 0 10px 0 0;}
  .filmstrip_slider .left {margin: 0 0 0 010px;}
  /*-profile-*/
  body.register .register_cont .input_cont {display: block;}
  body.register .register_cont input {display: block; width: 100%; box-sizing: border-box;}
  #profile .passchange a {font-size: 14px;}
  /*-detail-*/
  body.detail .catpath {line-height: 30px;}
  body.detail .catpath a {padding: 0 8px 0 8px;}
  body.detail .catpath a:first-child {padding-left: 0;}
  .itemlist .item {display: flex;}
  .item .info_subcont.product_preview_action_cont {flex: 1 0 auto;}
  .product_image3d_cont {margin: 0 auto 15px auto;}
  body.detail .top_heading {text-align: center;}
  .detail .picture img {width: auto;}
  body.detail .middle_cont {padding: 0; width: 100%; box-sizing: border-box;}
  body.detail .ranking {width: 100%; height: 35px;}
  body.detail .ranking .star {padding: 5px 10px;}
  .detail .links {position: relative; margin: 0;}
  .detail:not(body) .ranking, .ranking th, .ranking td {width: auto !important; font-size: 12px;}
  .detail .buy_form_cont_mobile {width: 100%;}
  body.detail .pricetable {font-size: 16px;}
  body.detail .skladem, body.detail .skladem .exped {font-size: 16px;}
  body.detail .questionmark {position: static;}
  body.detail .questionmark:hover span {
    top: unset;
    width: 80vw;
    font-size: 16px;
    right: 0;
    transform: none;
    z-index: 500;
    margin: 20px 0 0 0;
  }
  /*-cart-*/
  .cart.rw2_1 .cartorderbutton {width: auto;}
  .cart_position_banner li {font-size: 12px;}
  /*-sitemap-*/
  .nr18 .htmlsitemap_top_ul {width: 100%;}
  /*-top-*/
  .top .pager {margin: 0; width: 100%; height: auto;}
  .top .pager div {float: none;}
  /*-thematics-*/
  body.thematics .searchFormThematics {width: 95%;}
  body.thematics .searchFormThematics #field {width: 100%; box-sizing: border-box;}
  body.thematics .searchFormThematics .search_whisper_box_thematics {width: 95%; left: 50%; transform: translate(-50%, 0);}
  body.thematics .searchFormThematics .titul {margin: 0 0 10px 0;}
  /*-tree-*/
  body.tree #content > ul a {padding: 6px 0; margin: 4px 0;}
  /*-Footer-*/
  #footer {font-size: 16px;}
}



@media screen and (max-width: 340px) {
  /*-General-*/
  #head .topbar_cart_info {width: 112px;}
  #topbar .topbar_cart_info_td:not(.shopping_cart_icon_cont):not(.topbar_cart_value) {display: none;}
  /*-index-*/
  .limitaction .container form .item {width: 100%; display: flex;}
  .itemtable .item {display: flex; width: 100%;}
  .itemtable .item .picture, .limitaction .item .picture {margin: 0 5px 0 0;}
  .itemtable .item .info .guard_dog {display: block;}
  .item .info {width: auto; overflow: hidden;}
}