@font-face {
    font-family: "icon-font";
    src: url("/fonts/icon-font/icon-font.woff2") format("woff2"), url("/fonts/icon-font/icon-font.woff") format("woff"), url("/fonts/icon-font/icon-font.ttf") format("truetype");
}


.d1-top3 div.align-self-center p {
	margin: 0 64px;
}

.d1-top3 div.align-self-center p a {
	text-decoration: none;
}
.col.form-check label {
	margin-left: 5px;
}
.search-box input[type=text] {
	cursor: pointer;
}
.d1-footer {
	margin-top: 15px;
}
.form-inline label {
	display: inline-block;
}

.navbar-fixed-bottom {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed !important;
    right: 0;
    left: 0;
    z-index: 1030;
    border-top: 2px solid #e66d00;
	padding: 0px !important;
}
.navbar-fixed-bottom p {
	font-size: 15px;
	margin-bottom: 15px;
}

input[type=checkbox].noborder {
	margin-right: 5px;
}

.hide {
	display: none;
}

#registration .noborder input[type="radio"]:checked+label {
	font-weight: bold;
}
@media (min-width: 992px) {
	#registration .noborder {
		display: table-cell;
	    	vertical-align: middle;
    		height: 69px;
	}
	#registration .noborder * {
		vertical-align: middle;
		text-align: center;
	}
	#registration.form-inline #ctl00_ewpz1_mainTemplateCtrl_FormRegistration_fsFirmSelection label {
		width: 85%;
	}
}

.landing-page h2 {
	font-size: 2.5rem;
}
.landing-page .d1-top3 div {
    border: 3px solid #CFC4AE;
}
.landing-page .d1-top3 div:hover {
    border: 3px solid #ff7900;
}
@media (min-width: 992px) {
	.landing-page .d1-kolaz img {
		max-width: 120px;
	}
}
@media (min-width: 1250px) {
	.landing-page .d1-header {
		max-width: 100%;
	}
}


/* BLOG */
	.blog-vypis a, .blog-product a, .blog-post-other a {text-decoration: none;}
	.blog-vypis, .strankovani {padding-top: 50px}
	.strankovani a {text-decoration: none; color: #000000 !important; font-weight: bold;}
	.strankovani a:hover, .strankovani .active a { color: #ff7900 !important;}
	.blog-product{background-color: #fdf1e8;}
	.blog-product .arrow a {width: 30px;  height: 30px;  display: block;  border-left: 2px solid #000000;  border-bottom: 2px solid #000000;  transform:rotate(-135deg);  position: absolute; left: 5px;  top:calc(50% - 15px)}
	.blog-product .arrow a:hover {border-color:#ff7900; }
	.blog-post-other {border-top: 1px solid black; padding-top: 50px; margin-top:50px;}
	.white {background-color: white;}
	.blogsubmenu {gap: 10px; flex-wrap: wrap; align-items: center;}
	.blogsubmenu a {text-decoration: none; font-weight: bold; color: #ff7900; text-transform: uppercase; border-radius: 50px; border: 1px solid #d4c8ae;padding-top: 38px; width: 200px;  height: 200px; }
	.blogsubmenu a:last-child { padding-top:50px}
	.blogsubmenu a:hover {color:#000000; background-color: #f4f2ee; border-color: #ff7900; }
	.blogsubmenu img {max-height: 50px; display: block; text-align: center; margin: 10px auto; filter: invert(72%) sepia(67%) saturate(5372%) hue-rotate(357deg) brightness(97%) contrast(113%);}
	.blogsubmenu a:hover img {filter: invert(0%) sepia(96%) saturate(14%) hue-rotate(273deg) brightness(99%) contrast(104%);}
	.article {padding: 15px;}
	.black {color: #000000;}
.strankovani .active .page-link {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.blogsubmenu a.active {
    text-decoration: none;
    font-weight: bold;
    color: #ff7900;
	border: 3px solid #ff7900;
}
.blog-prehled .align-items-center a {
	text-decoration: none;
}



/* BLOG CAROUSEL */

.d1-carousel-inner {
  overflow: hidden;
  display: flex;
} 
.d1-carousel-item {
  float: left;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-right: 0;
  flex: 0 0 28.5%; 
  display: block;
}
.carousel-3items {
	justify-content: center;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #1f1111;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  background-color: #ff7900;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
#d1-carousel .carousel-control-prev {  left: -8vh;;}
#d1-carousel .carousel-control-next {  right: -8vh;;}
.carousel-narrow { 	width: 100%; 	left: 0;}
.d1-carousel-inner-narrow {	display: inline;}
#d1-carousel .card {background-color: #f4f2ee; border: none;}
.d1-blcar { box-sizing: border-box; background-color: #ffffff; border-radius: 50%; text-align: center; aspect-ratio: 1/1; height: 230px; padding: 30px 20px; border: 2px solid #f4f2ee;	margin: 30px; display: inline-block; }
	.d1-blcar:hover {border: 2px solid #ff7900;}	
	.d1-blcar p {margin-bottom: 5px; line-height: 1.1rem; max-height: 4.4rem; overflow: hidden;}	
	.d1-blcar a {color: #000; font-size: .8rem; text-decoration: none;}	
	.d1-blcar span {color: #ff7900; font-size: 1.1rem; text-decoration: none; line-height: 1rem; font-weight: bold;}	
	.d1-blcar img {  height: 80px;}	
	#d1-carousel {position: relative;}
	#d1-carousel:before {	content: ""; position: absolute; top: 0; right: 0; width: 15%; height: 100%; background: linear-gradient(90deg, rgba(244,242,238,0) 0%, rgb(244, 242, 238) 100%); z-index: 1234;}	
			
.navbar-brand img {
	width: 140px;
}

#login.block.block--login {
	position: sticky;
	top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#login.block.block--login .icon-close {
	top: 0px;
}
#login.block.block--login .login-links {
	border-left: none;
	margin: 0px;
}
#login.block.block--login .login-links a {
	margin-left: 5px;
	margin-right: 5px;
}

.b2breference .stars {display: flex; position: relative; width: 150px; height: 30px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ccc"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 6.91-1.01z"/></svg>') repeat-x left center / 30px 30px; margin-bottom:.5rem; margin-left:-.5rem;}
.b2breference .stars::before {content: ""; position: absolute; top: 0; left: 0; width: calc(var(--score, 0) * 20%); height: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff7900"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 6.91-1.01z"/></svg>') repeat-x left center / 30px 30px;}
.b2breference .card {  --bs-card-spacer-y: 1.5rem;  --bs-card-spacer-x: 2rem; border-radius: 0.9375rem; margin-bottom: 1.5rem; border:3px solid white;}
.b2breference .card:hover {border-color:#ff7900;}			  
.b2breference .review-header {display: flex; justify-content: space-between; align-items: center;}
.b2breference .review-date {font-size: 0.9rem; color: #6c757d;}
.b2breference .card-title {font-weight: bold; font-size: 1rem; color: #ff7900;}
.b2breference .review-date {color:#ff7900;}




/* REQ-277223 */
.amount_field {
	width: 100% !important;
	height: auto !important;
}
.icon:before, .article-preview__link:before {
    font-family: "icon-font";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}
.icon-add-to-cart:before {
    content: "\E002";
}
.whisperer_group {
	text-align: left;
}
.auto-complete-add-to-cart.btn.btn-primary.btn-xlg {
	padding-left: 10px;
	padding-bottom: 2px;
	border: none;
}
@media (max-width: 576px) {
	.search-box input[type=text]:focus, .search-box input[type=text]:not(:placeholder-shown) {
		width: calc(100vw - 65px);
	}
}
@media (max-width: 992px) {
	.search-box {
	        margin-left: 0px;
		text-align: left;
	}
	.search-box input[type=text]:focus, .search-box input[type=text]:not(:placeholder-shown) {
		width: calc(100vw - 220px);
	}
}
@media (max-width: 450px) {
    .easy-autocomplete-container {
        width: calc(100vw - 57px);
        left: calc(-15vw);
        position: absolute;
    }
    .headerSearch_whisperer {
	margin-top: 15px;
    }
    .productItem_meta, .whisperer_over {
	display: none;
    }
}
@media (min-width: 451px) and (max-width: 576px) {
    .easy-autocomplete-container {
        width: calc(100vw - 220px);
        position: absolute;
    }
    .headerSearch_whisperer {
	margin-top: 15px;
    }
    .productItem_meta, .whisperer_over {
	display: none;
    }
}
@media (min-width: 577px) and (max-width: 992px) {
    .easy-autocomplete-container {
        width: calc(100vw - 220px);
        position: absolute;
    }
    .headerSearch_whisperer {
	margin-top: 15px;
    }
    .productItem_meta, .whisperer_over {
	display: none;
    }
}
@media (min-width: 992px) and (max-width: 992px) {
	.headerSearch_whisperer {
		position: absolute;
		left: -86px;
	}
}
@media (min-width: 993px) {
	.headerSearch_whisperer {
		position: absolute;
		left: -395px;
	}
}
@media (min-width: 1200px) {
	.headerSearch_whisperer {
		position: absolute;
		left: -650px;
	}
}

@media (max-width: 1440px) {
	.d1-top3 div {
		padding-top: 20px;
	}

	.d1-top3 div p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.slick-slide .textwrap p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4; 
		overflow: hidden;
		text-overflow: ellipsis;
}