@charset "utf-8";
/* CSS Document */
.top-cart { float: right; text-align: right; padding: 5px 15px 10px 15px; margin-top: 40px; transition: 0.5s;}
.top-cart-quantity {text-align: center; color: var(--color-01);}
.top-cart-ico {float: right; padding: 10px 0 0 0; height: 55px;}
.top-cart-ico img {height: 50px; background-color: var(--color-01); }
@media only screen and (max-width: 1300px) { 
	.top-cart {margin-top: 5px;}
	}


.top-menu { width: calc(100% - 250px); float: right; text-align: right;}
.top-menu .menu-item {display: inline-block; font-size: 20px; padding: 15px 25px; text-transform: uppercase; color: #999;}
.top-menu .menu-item:hover {cursor: pointer; color: #fff;}
.top-menu .active {color: var(--color-02);}

@media only screen and (max-width: 1000px) {.top-menu {display: none;}}

.shop-menu-left {width: 280px; float: left; padding-right: 30px; margin-top: 30px;}
.shop-menu-left .categories-list-menu .category-list-name { width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; cursor: pointer; font-weight: 400; margin-bottom: 2px; padding: 10px; background-color: #E7E7E7; transition: 0.3s; }
.shop-menu-left .categories-list-menu .category-list-name:hover {background-color: #ccc; color: var(--black);}
.shop-menu-left .categories-list-menu .active-category {color: var(--color-01) !important;}

#categories-list-header {padding: 7px 10px; font-size: 20px; margin-bottom: 2px; background-color: var(--color-highlight-01); color: #fff; cursor: pointer; }
#categories-list-open { display: none; }
@media only screen and (max-width: 700px) { 
#categories-list-header { display: none; }	
#categories-list-open { display: block; padding: 7px 10px; font-size: 20px; margin-bottom: 2px; background-color: #c00; color: #fff; cursor: pointer; }
#categories-list-open:hover {background-color: var(--color-highlight-02);}
#categories-list-open .dropdown-expand { color: #fff; line-height: 25px; }
.categories-list-menu {
width: 100%;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s ease-in-out;
-moz-transition: max-height 1s ease-in-out;
-o-transition: max-height 1s ease-in-out;
-ms-transition: max-height 1s ease-in-out;
transition: max-height margin 1s ease-in-out;
}
.categories-list-menu.show { max-height: 1000px; }
}


.categories-list-menu .dropdown-menu-cat {
width: 100%;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s ease-in-out;
-moz-transition: max-height 1s ease-in-out;
-o-transition: max-height 1s ease-in-out;
-ms-transition: max-height 1s ease-in-out;
transition: max-height margin 1s ease-in-out;
}	
.categories-list-menu .dropdown-menu-cat.show { max-height: 600px; }
.categories-list-menu .dropdown-menu-cat .category-list-name { background-color: #F1F1F1; }
.categories-list-menu .dropdown-menu-cat .dropdown-menu-cat .category-list-name { background-color: #F7F7F7; }

.select-currency {text-align: center; width: 250px; margin: auto;}
.select-currency div { display: inline-flex; }

.shop-menu-right {width: 250px; float: right; padding-left: 20px;}
.shop-menu-top {width: 100%;}

.shop-menu-top .categories-list-menu .category-list-name { display: inline-block; width: calc(25% - 10px); overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 20px; cursor: pointer; font-weight: 400; margin: 3px 5px; padding: 10px; background-color: #E7E7E7; transition: 0.3s; }
.shop-menu-top .categories-list-menu .category-list-name:hover {background-color: #ccc; color: var(--black);}
.shop-menu-top .categories-list-menu .active-category {background-color: #333; color: #ccc;}
@media only screen and (max-width: 1200px) {.shop-menu-top .categories-list-menu .category-list-name {width: calc(33% - 10px);}}
@media only screen and (max-width: 800px) {.shop-menu-top .categories-list-menu .category-list-name {width: calc(50% - 10px);}}
@media only screen and (max-width: 600px) {.shop-menu-top .categories-list-menu .category-list-name {width: calc(100% - 10px)}}

.shop-products-left {width: calc(100% - 280px); float: right;}
.shop-products-right {width: calc(100% - 280px); float: left;}
.shop-products-botton {width: 100%;}

@media only screen and (max-width: 700px) {
.shop-menu-left {width: 100%; float: none; padding-right: 0;}
.shop-menu-right {width: 100%; float: none; padding-left: 0;}
.shop-products-right {width: 100%; float: none;}
.shop-products-left {width: 100%; float: none;}
}

.filtration .one-filter {padding: 10px;}
@media only screen and (max-width: 700px) {.filtration .one-filter {width: 50%; float: left;}}
.filtration .one-filter .filter-name {padding-bottom: 5px; font-weight: 400; font-size: 18px;}
/* The container */
.label-holder {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	color: #666;}

.label-holder:hover {color: #111;}

/* Hide the browser's default checkbox */
.label-holder input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ddd;
}

/* On mouse-over, add a grey background color */
.label-holder:hover input ~ .checkmark {
  background-color: #f5eee5;
}

/* When the checkbox is checked, add a blue background */
.label-holder input:checked ~ .checkmark {
  background-color: #746140;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-holder input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-holder .checkmark:after {
  left: 7px;
  top: 2px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.category-homepage-holder {background-color: #fff;}
.category-homepage-container {text-align: center;}
.category-homepage-container .category-homepage-image-text {width: calc(25% - 10px); display: inline-grid; min-width: 315px; text-align: center; padding: 30px 10px 10px 10px; font-size: 25px; color: var(--blue-dark); transition: 0.5s; background-color: #fff;}
.category-homepage-container .category-homepage-image-text:hover {cursor: pointer; filter: brightness(90%); -webkit-filter: brightness(90%);}
.category-homepage-container .category-homepage-image-text img {width: 100%; height: auto; margin-top: 10px;  transition: 0.3s;}
.category-homepage-container .category-homepage-image-text:hover img { }

@media only screen and (max-width: 800px) {.category-homepage .category-image-text {width: 50%;}}


.manufacturer-homepage {background-color: #eee; padding: 20px 0;}
.manufacturer-homepage .manufacturer-image {width: 20%; float: left; text-align: center; padding: 10px; cursor: pointer;}
.manufacturer-homepage .manufacturer-image img {width: 100%; height: auto;}

.homepage-new {padding-top: 0px; margin-top: -10px;}
.homepage-category-new {width: 100%;  padding: 15px; color: var(--color-01); font-weight: 400; font-size: 24px; text-align: center; text-transform: uppercase; margin: 15px 0; cursor: pointer;}

.breadcrumbs-categories {margin-top: 35px; font-size: 20px;}
@media only screen and (max-width: 800px) {.breadcrumbs-categories {font-size: 18px;}}
.breadcrumbs-categories span:last-child {color: var(--color-01);}
.breadcrumbs-categories .arrow {color: #ccc;}
.breadcrumbs-categories .cat-name:hover {cursor: pointer; color: #666;}


.category {padding-top: 15px; padding-bottom: 30px;}
@media only screen and (max-width: 700px) { .category { padding-bottom: 0;} }
.categories-list {width: calc(100% + 10px); margin: 10px -5px 20px -5px;}
.category-image-text {width: calc(25% - 10px); display: inline-block; padding: 12px; margin: 5px; font-size: 20px; transition: 0.5s; text-align: center; color: var(--color-01);}
.category-image-text:hover {cursor: pointer; color: var(--orange); filter: brightness(90%); -webkit-filter: brightness(90%);}

.category-image-text:hover a {color: var(--orange);}
.category-image-text:hover img {background: #F4F4F4;}
.category-image-text img {width: 100%; height: auto; margin-top: 10px;}

.category-text {margin-bottom: 30px;}
.category-text a {text-decoration: none; }
.category-manufacturer-logo {float: left;}
.category-manufacturer-logo img {width: 150px; height: auto; padding: 10px 15px 10px 0;}
.category-manufacturer-text {float: left; border-bottom: 1px solid #727271; margin-bottom: 30px;}
.manufacturer-info {margin-top: 20px; cursor: pointer;}

.category-product {font-size: 18px; height: 46px; margin-top: 15px;}


.category .filters-block {float: left; margin-bottom: 20px;}
@media only screen and (max-width: 700px) { .filters-block {display: none;} }
.category .filters-show {margin-bottom: 10px;}
.category .one-filter {float: left; margin: 5px 15px 5px 0;}
.category .one-filter input[type=text] {max-width: 150px;}

.shop-homepage .one-filter {float: right; margin: 5px 15px 5px 0;}
.shop-homepage .one-filter input[type=text] {max-width: 150px;}

@media only screen and (max-width: 700px) {.shop-homepage .one-filter {float: none; margin: 30px 15px 15px 15px; text-align: center;}}

@media only screen and (max-width: 1000px) {.categories-list .category-image-text {width: calc(33% - 10px);}}
@media only screen and (max-width: 700px) {.categories-list .category-image-text {width: calc(50% - 10px);}}
@media only screen and (max-width: 400px) {.categories-list .category-image-text {width: calc(100% - 10px)}}

.category .variant-icon-holder {width: 100%; text-align: center;}
.category .variant-icon-name {display: none;}
.category .one-icon-variant {display: inline-block; text-align: center;}
.category .one-icon-variant img {width: 50px;}

.products-wrapper {margin: 15px 0 20px 0; /*text-align: center;*/}
.product-box {/*min-width: 200px;*/ display: inline-block; transition: 0.5s; background-color: #fff;}
.product-box:hover {cursor: pointer; filter: brightness(95%); -webkit-filter: brightness(95%); }
.product-box-delimeter {height: 0px; float: none;}
.product-box-middle { padding: 10px; float: none; margin-bottom: 10px;}
.products-per-line-2 {width: 50%;}
.products-per-line-3 {width: 33%;}
.products-per-line-4 {width: 25%;}

@media only screen and (max-width: 1200px) {.shop-products-right .products-per-line-4 {width: 33%;}}
@media only screen and (max-width: 1000px) {.shop-products-right .products-per-line-3, .shop-products-right .products-per-line-4 {width: 50%;}}
@media only screen and (max-width: 800px) {.shop-products-right .products-per-line-2, .shop-products-right .products-per-line-3, .shop-products-right .products-per-line-4 {width: 100%;}}
@media only screen and (max-width: 700px) {.shop-products-right .products-per-line-2, .shop-products-right .products-per-line-3, .shop-products-right .products-per-line-4 {width: 50%;}}
@media only screen and (max-width: 400px) {.shop-products-right .products-per-line-2, .shop-products-right .products-per-line-3, .shop-products-right .products-per-line-4 {width: 100%;}}


@media only screen and (max-width: 1000px) {.shop-products-bottom .products-per-line-4 {width: 33%;}}
@media only screen and (max-width: 700px) {.shop-products-bottom .products-per-line-3, .shop-products-bottom .products-per-line-4 {width: 50%;}}
@media only screen and (max-width: 400px) {.shop-products-bottom .products-per-line-2, .shop-products-bottom .products-per-line-3, .shop-products-bottom .products-per-line-4 {width: 100%;}}

.product-box .product-image-wrapper {width: 100%; margin: 0 auto 15px auto; padding-top: 100%; position: relative;}
.product-box .product-image {position: absolute;  display: flex; align-items: center; top: 0; left: 0; bottom: 0; right: 0;}

.product-box .product-image img {max-width: 100%; max-height: 100%; cursor: pointer; margin: auto;}

.product-box .product-name {text-align: center; font-size: 18px; line-height: 22px; height: 50px; overflow: hidden; color: var(--color-01); font-weight: 400; cursor: pointer; /*display: flex;*/ align-items: center; transition: 0.5s;}
.product-box:hover .product-name a {color: var(--color-highlight-02); }
.product-button {text-align: center; font-size: 18px; padding: 10px; background-color: var(--color-highlight-01); color: #fff; text-transform: capitalize; transition: 0.5s; max-width: 200px; width: 100%; margin: auto;}
.product-box:hover .product-button {background-color: var(--color-highlight-02); }
.product-box .product-name div {margin: auto;}
.product-box .price { text-align: center;}
.product-box .product-price {font-size: 18px; margin: 10px;}
.product-box .old-price {text-align: left; font-size: 15px; margin: -5px 0 -10px 10px; display: none;}
.product-box .product-price-correction {z-index: 1; height: 65px; width: 65px; background-color: #fff; color: #c00; border-radius: 50%; font-weight: 400; position: absolute; font-size: 20px; top: 10px; right: 10px; padding-top: 18px; text-align: center; transform: rotate(20deg);}
.product-box .product-new {z-index: 1; height: 30px; width: 60px; background-color: #fff; color: #c00; font-weight: 400; position: absolute; font-size: 15px; top: 25px; left: 0px; padding: 5px; text-align: center;}




.product-detail {margin: 10px 0 40px 0;}
.product-detail-right {width: calc(50% - 15px); float: right; margin-top: 10px;}
.product-detail-right p {line-height: 150%;}
.product-detail-sku {font-style: italic; float: left;}
.product-detail-share {float: right; color: var(--color-02);}
.product-detail-share:hover {cursor: pointer; color: #000;}
@media only screen and (max-width: 800px) {.product-detail-right {float: none; width: 100%;}}
.product-detail-image {max-width: 100%; max-height: 600px; text-align: center; overflow: hidden; position: relative;}
.product-detail-image img {max-width: calc(100% - 10px); max-height: 500px; cursor: pointer;}


.product-detail-thumb {
	position: relative;
	width: calc(33.33% - 10px);		/* desired width */
	float: left;
	cursor: pointer;
	margin: 5px; background-repeat: no-repeat; background-size: cover; background-position: center center;
}
.product-detail-thumb:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
@media only screen and (max-width: 1200px) {.product-detail-thumb {width: calc(50% - 10px);}}
@media only screen and (max-width: 800px) {.product-detail-thumb {width: calc(25% - 10px);}}
@media only screen and (max-width: 600px) {.product-detail-thumb {width: calc(33.33% - 10px);}}
@media only screen and (max-width: 400px) {.product-detail-thumb {width: calc(50% - 10px);}}


.product-detail .one-icon-variant {float: left;}
.product-detail .one-icon-variant img {width: 50px;}

.product-detail .product-price-correction {z-index: 1; height: 80px; width: 80px; background-color: #fff; color: #c00; border-radius: 50%; font-weight: 400; position: absolute; font-size: 28px; top: 20px; right: 20px; padding-top: 18px; text-align: center; transform: rotate(20deg);}
.product-detail .product-new {z-index: 1; height: 45px; width: 90px; background-color: #fff; color: #c00; font-weight: 400; position: absolute; font-size: 20px; top: 30px; left: 0px; padding: 8px; text-align: center;}


.product-detail-left {width: 50%; float: left; margin: 0 -5px;}
@media only screen and (max-width: 800px) {.product-detail-left {float: none; width: calc(100% + 10px);}}
.product-detail-name {font-size: 26px; color: var(--color-01); font-weight: 400; padding-bottom: 10px; margin-top: 0px !important; text-align: left !important; border-bottom: solid 1px #F2EEE6;}
.name-over-image {display: none;}
@media only screen and (max-width: 800px) {.name-over-image {display: block; border-bottom: none; padding: 0 10px 15px 10px;}}
@media only screen and (max-width: 800px) {.name-under-image {display: none;}}

.addtocart-section {border-top: solid 1px #F2EEE6; margin-top: 20px;}
.variant-holder {margin: 10px 0;}
.variant-name {margin-top: 10px; font-weight: bold;}
.product-detail-manufacturer {margin: 10px 0 10px 10px; float: right; cursor: pointer;}
.product-detail-manufacturer img {width: 100px; float: right;}
.product-detail-manufacturer .show-size {float: right; margin: 70px 20px 0px 20px}
.product-detail-manufacturer .show-size:hover {color: #c00; cursor: pointer;}

.product-detail-price-addtocart {margin: 15px 0 30px 0; background-color: #F3F3F3; padding: 30px 20px;}
.product-detail-price {float: left; min-width: 130px;}
@media only screen and (max-width: 1000px) and (min-width: 800px) {.product-detail-price {float: none; width: 100%; margin-bottom: 15px;}}
@media only screen and (max-width: 450px) {.product-detail-price {float: none; width: 100%; margin-bottom: 15px;}}
.detail-price-label {font-size: 14px;}
.old-price {font-size: 16px; color: #999; text-decoration: line-through;}
.detail-price {font-size: 24px; font-weight: 400;}
.product-detail-addtocart {float: right;}
.addtocart-width {width: auto; display: table;}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
.product-detail-addtocart {float: none; width: 100%;}}
@media only screen and (max-width: 450px) {
.product-detail-addtocart {float: none; width: 100%;}}

.product-detail-unit {font-size: 20px; padding: 8px; display: table-cell; vertical-align: top; }
.product-detail-quantity {display: table-cell; vertical-align: top; }
.product-detail-pcs {width: 50px !important; height: 50px; float: left; text-align: center;}
.edit-quantity {float: left; position: relative; width: 30px;}
.edit-quantity input[type=button] {padding: 0;}

.btn-plus {width: 23px; height: 23px; position: absolute; top: 0px; left: 3px; }
.btn-minus {width: 23px; height: 23px; position: absolute; top: 27px; left: 3px;}

.add-to-cart {display: table-cell; vertical-align: top; }
.add-to-cart-button {height: 50px;}

.product-detail .video {width: 100%; margin: 10px 0;}
.product-detail .in-stock {color: #6A9F34; font-weight: 600; margin-top: 25px;}
.product-detail .out-stock {color: #c00; font-weight: 600; margin-top: 25px;}

.product-detail .parent-category-link { font-size: 20px; background-color: var(--color-highlight-01); padding: 5px 10px; color: var(--white); cursor: pointer; width: fit-content; margin-bottom: 20px; transition: 0.3s; }
.product-detail .parent-category-link:hover {background-color: var(--color-highlight-02);}

.product-detail-description {margin: 30px auto;}

.product-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.product-video-container iframe, .product-video-container object, .product-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*confirm age - overlay*/
/* //////////////////////////////////////newly loaded from general.css*/
/*.overlay {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%; 
	height: 100%;
    overflow: auto;
    background-color: rgba(22,16,11,0.78);
}

.box-content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.box-content {
	text-align: center;
    background-color: #fff;
    
    padding: 20px;
    border: 1px solid #fff;
    width: 900px; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

@media (max-width: 1000px) {
.box-content-center {  width: 90%;}
.box-content { width: 100%; }
}

.box-content h1 {color: #333;}*/

.confirm-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #486D23;
  font-size: 200%;
  background-color: #fff; 
  padding: 20px;
	text-align: center;
  border: solid #486D23 1px;
  width: 200px;
	margin: 50px auto 20px auto;
  text-decoration: none;
}

.confirm-button:hover {
  background: #486D23;
  text-decoration: none;
  color: #fff;
	cursor: pointer;
}


.dismiss-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #AA0000;
  font-size: 200%;
  background-color: #fff; 
  padding: 20px;
	text-align: center;
  border: solid #a00 1px;
  width: 200px;
	margin: 0 auto 20px auto;
  text-decoration: none;
}

.dismiss-button:hover {
  background: #a00;
  text-decoration: none;
  color: #fff;
	cursor: pointer;
}







.addtocart-popup-holder {
	position: fixed;
	top: 50%; left: 50%;
	overflow: visible;
	width: 1px; height: 1px;
}
	
.addtocart-popup {
  position: relative;
  left: -9999px;
  width: auto;
  padding: 30px;
  background-color: var(--gray-dark);
  color: var(--white);
  border-radius:   15px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  width: 400px;
  height: auto;
}

.popup-fade {
  -moz-animation: addtocart-popup 3s ease-in; /* Firefox */
  -webkit-animation: addtocart-popup 3s ease-in; /* Safari and Chrome */
  -o-animation: addtocart-popup 3s ease-in; /* Opera */
}

.popup-stay {
  -moz-animation: addtocart-popup 600s ease-in forwards; /* Firefox */
  -webkit-animation: addtocart-popup 600s ease-in forwards; /* Safari and Chrome */
  -o-animation: addtocart-popup 600s ease-in forwards; /* Opera */
}


@-webkit-keyframes addtocart-popup {
  0% {
	top: 0; left: -200px;  
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
	top: 0; left: -200px;   
    opacity: 0;
    -webkit-transform: translateY(0);

  }
}

.addtocart-popup-continue { float: left; width: auto; text-align: left; font-size: 16px; cursor: pointer; border: solid 1px #fff; padding: 7px 12px; margin-top: 15px;  background-color: var(--color-01); color: #fff; transition: 0.3s;}
.addtocart-popup-tocart { float: right; width: auto; text-align: right; font-size: 16px; cursor: pointer; border: solid 1px #fff; padding: 7px 12px; margin-top: 15px;  background-color: var(--color-01); color: #fff; transition: 0.3s;}

.addtocart-popup-continue:hover { background-color: var(--color-highlight-02); }
.addtocart-popup-tocart:hover { background-color: var(--color-highlight-02); }


/*košík*/
.cart {width: 100%; max-width: 1300px; margin: auto; padding: 30px 15px;}
.continue-shopping { font-size: 20px; background-color: #c00; padding: 5px 10px; color: var(--white); cursor: pointer; width: fit-content; margin-bottom: 20px; }
.cart-empty {padding: 30px 15px 50px 15px; }
.cart-product {width: 100%; padding: 15px 0 10px 0; border-top: solid 1px #999;}

.cart-product-left {float: left; width: 50%;}
.cart-product-name {font-weight: 600; color: #333; font-size: 120%; margin-bottom: 5px; cursor: pointer;}
.cart-product-image {float: left; max-width: 200px; padding-right: 15px;}
.cart-product-image img {width: 100%; height: auto; cursor: pointer;}
.cart-product-manufacturer {font-weight: 400;}
.cart-product-variants {padding-bottom: 10px;}
.cart-variant-item {float: left; padding-right: 10px;}
.cart-variant-value {font-weight: 400;}
.cart-stock {font-weight: 600; margin-top: 10px;}
.info-ok {color: #6A9F34;}
.info-warn {color: #cc0000;}


.cart-product-right {float: right;}
.remove-from-cart {text-align: right;}
.cart-product-price {text-align: right; margin: 5px;}
.cart-price-item-subtotal {text-align: right; margin-top: 10px; font-weight: bold;}


.sloupec-blok-left {float: left; width:  50%; padding-right: 20px;}
.sloupec-blok-right {float: left; width:  50%;}
@media only screen and (max-width: 800px) {
.sloupec-blok-left {float: none; width:  100%; padding-right: 0;}
.sloupec-blok-right {float: none; width:  100%;}	
}

.register-block {margin: 10px 0 30px 0;}


.pocet-kusu-vkosiku {float: right; margin: 0 10px;}
.pocet-kusu-vkosiku input {width: auto;}



.varianta-kosik {float: left; margin: 10px 10px 0 0; padding-right: 10px; border-right: 2px solid #ccc; font-weight: bold;}

.button-prepocitat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: var(--color-01);
  font-size: 75%;
  background-color: #fff; 
  padding: 3px 5px 3px 5px;
  border: solid #f37221 1px;
  text-decoration: none;
}

.button-prepocitat:hover {
  background: var(--color-01);
  text-decoration: none;
  color: #fff;
}

.button { padding: 10px 20px; font-size: 18px;}

.mezisoucet {width: 100%; padding: 10px 0; border-top: solid 1px #999; border-bottom: solid 1px #999; color: var(--color-01); font-size:120%;}
.mezisoucet-kusu {float: left; padding-right: 20px;}
.mezisoucet-cena {float:  right; font-weight: bold; text-align: right;}

.shipping-payment {margin-top: 10px; display: table; width: 100%}
.shipping-payment h2 {margin: 15px 0 10px 0;}
.shipping-payment-left {}
.shipping-payment-right { vertical-align: bottom; text-align: right; padding-bottom: 10px; font-weight: bold;}
.top-border {border-top: 1px solid #999;}
.bottom-border {border-bottom: 1px solid #999; padding-bottom: 15px;}
.shipment-payment-item {margin: 20px 0;}
.shipment-payment-item label {font-weight: bold;}
.shipment-payment-item .description {margin: 5px 0 0 30px;}
.shipment-payment-item .shipment-payment-images {margin: 10px 0 0 10px;}
.shipment-payment-item .shipment-payment-images img {padding: 10px; max-height: 50px; float: left;}
.select-shipping-point {color: #c00; padding: 0px 20px;}
.select-shipping-point:hover {cursor: pointer; color: var(--color-01);}

.darkove-baleni-left {float: left;}
.darkove-baleni-right {float: right; padding: 20px 0; text-align: right;}
.darkove-baleni-cena {padding-bottom: 15px;}

.celkem-kosik {width: 100%; padding: 10px 0; margin-top: 10px; color: var(--color-01); font-size:120%; border-top: solid 1px #999; border-bottom: solid 1px #999;}
.cart-incl-vat {float: right; font-style:italic;}
.celkem-kosik-cena {font-weight: bold; text-align:  right;}


.adresa-cart {width: 100%; padding: 0px; }
.form-text {float: left; width: 175px; margin-bottom: 5px;}
@media only screen and (max-width: 600px) {.form-text {float: none; width: 100%;}}
.form-field {float: left;  margin-bottom: 5px;}
.obchodni-podminky-link {cursor: pointer; font-weight: bold;}
#firma-blok {margin-bottom: 20px;}

.ordersent-confirm {text-align: center; margin-bottom: 40px;}
.ordersent-confirm .button-pay {padding: 10px 20px; margin: 20px auto; max-width: 150px; background-color:#FF8600; color: #fff; font-size: 20px; font-weight: bold;}
.ordersent-confirm .button-pay:hover {background-color: #333; color: #fff; cursor: pointer;}

/*customer*/
.login-popup {margin: 30px;}

.login-msg {color: var(--color-01);}
.login-form {margin: 40px 0 20px 0;}

.order-history-header {margin: 20px 0; font-size: 18px;}
.order-history-table {border-collapse: collapse; border-color: #ccc;}
.td-right {text-align: right;}

.shop-footer {margin: 20px auto 40px auto; text-align: center; border-top: 1px solid #ccc; padding-top: 20px; }

/*used in editor*/
@media only screen and (max-width: 1200px) {
	.heart-decoration {display: block; text-align: center; margin: 15px;}
}