@font-face {
    font-family: 'remi_kalasblack';
    src: url('../fonts/remikalas-black-webfont.eot');
    src: url('../fonts/remikalas-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/remikalas-black-webfont.woff2') format('woff2'),
         url('../fonts/remikalas-black-webfont.woff') format('woff'),
         url('../fonts/remikalas-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.btn-kalas {
	background-color: rgb(245,14,8);
	border-color: rgb(245,14,8);
	color: rgb(255,255,255);
	font-size: 14px;
	padding: 6px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style: solid;
}

.btn-kalas-big {
	padding: 15px 30px;
    font-size: 17px;
    font-weight: normal;
}

.btn-kalas-big .angle-right {	
	margin-left: 15px;
	font-weight: normal;
}

.btn-kalas-gray {
	background-color: rgb(237,237,237);
	border-color: rgb(237,237,237);	
	color: black;
}

.btn-kalas-new {
	background-color: rgb(248,24,50);	
	padding: 15px 30px;
	font-size: 16px;
}

.btn-kalas-new img {
	margin-top: -4px;
}

.btn-kalas-gray:hover {	
	color: rgb(120,120,120);
}

.link-black {
	text-decoration: underline;
}

.link-black:hover {
	text-decoration: none;
}

.font-weight-normal {
	font-weight: normal;
}

@media (max-width: 576px) {
	.margin-top-xs-0 {
		margin-top: 0px;
	}
}

.item-dlazdice {
	margin-bottom: 15px;
}

.item-dlazdice:hover {
	-webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.15);
}
.item-dlazdice:hover a {
	color: rgb(0,0,0);
	text-decoration: none;
}

.item-dlazdice .image {
	display: block;
	position: relative;
}

.item-dlazdice .icons {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.item-dlazdice .icons span {
	text-align: center;
	width: 100%;
	color: rgb(255,255,255);
	font-size: 0.75em;
	line-height: 12px;
	padding: 3px 6px;
	margin-top: 2px;
	display: block;
}

.item-dlazdice .icons .doprava-free {
	background-color: rgb(141,141,141);
}

.item-dlazdice .icons .novinka {
	background-color: rgb(245,14,8);
}

.item-dlazdice .icons .doprodej {
	background-color: rgb(85,185,50);
}

.item-dlazdice .icons .lim-edice {
	background-color: rgb(0,141,205);
}

.item-dlazdice .bottom-line {
	width: 100%;
	text-align: center;
	display: block;
}

.item-dlazdice .bottom-line h4 {
	font-weight: bold;
	font-size: 16px;
}

.item-dlazdice .bottom-line .detail-link {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	padding: 4px 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	visibility: hidden;
}

@media only screen and (min-width: 768px) {
	.item-dlazdice:hover .bottom-line .detail-link {
		visibility: visible;
	}
}

.darkgreen {
	color: #1a6f12;
}

.basket-header a:after, .basket-header span:after{
	content: none;
}

.basket-header .kosik-ikona {
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	.basket-header .kosik-ikona {
		margin-top: 20px;
	}
}

.basket-header .kosik-2 {
	background: url("../images/kosik/doprava.png") no-repeat;
}

.basket-header .kosik-3 {
	background: url("../images/kosik/udaje.png") no-repeat;
}

.basket-header .kosik-2.active {
	background: url("../images/kosik/doprava-active.png") no-repeat;
}

.basket-header .kosik-3.active {
	background: url("../images/kosik/udaje-active.png") no-repeat;
}

@media (max-width: 576px) {
	.basket-header .kosik-ikona {
		padding: 0px;
		text-align: center;
	}

	.basket-header .kosik-ikona .kosik-1, .basket-header .kosik-ikona .kosik-2, .basket-header .kosik-ikona .kosik-3, .basket-header .kosik-ikona .kosik-4 {
		padding: 30px 0px 0px 0px;
		text-transform: none;
		background-position: top center;
		line-height: 22px;
		font-size: 13px;
	}
}

.basket-name {
	font-size: 16px;
	font-weight: bold;
}

.basket-img {
	float:left;
	width: 30%;
	padding-right: 15px;
}

.basket-iteminfo {
	float:left;
	width: 70%;
	margin-top: 15px;
}

.basket-iteminfo p {
	font-size: 16px;
}

.basket-odstranit {
	height: 18px;
	width: 18px;
	display: block;
	background-size: cover;
	background-image: url("../images/trashicon.png");
	opacity: 0.5;
}

.basket-recount a{
	border: 1px solid rgb(220,220,220);
	padding: 6px 10px;
	font-weight: bold;
}

.basket-recount a:hover{
	text-decoration: none;
}

.basket-recount a:focus{
	text-decoration: none;
}

.basket-recount a.minus {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.basket-recount a.plus {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.basket-recount span {
	border-top: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	padding: 6px 10px;
	font-weight: bold;
}

.basket-link-black {
	margin-top: 5px;
	margin-right: 25px;
}

.basket-coupon {
	display: none;
}

.basket-have-voucher {
	margin-right: 8px !important;
}

.basket-delivery label {
	text-transform: none !important;
}

.basket-delivery .doprava-platba > div > label {
	padding: 17px 17px;
	font-weight: 400;
}

.basket-delivery .doprava-platba > div > label.active {
	background-color: rgb(217,240,249);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.basket-delivery .doprava-platba > div > label.disable {
	opacity: 0.5;
}

.basket-delivery .doprava-platba > div > label img {
	margin-right: 10px;
	align-self: flex-start;
}

.basket-recap {
	border: 1px solid rgb(173,221,242);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 15px;
}

.basket-recap .blue-spacer {
	border-top: 1px solid rgb(173,221,242);
}

.basket-recap .basket-recap-title {
	text-align: center;
	padding: 14px 0px;
	border-bottom: 1px solid rgb(173,221,242);
}

.basket-recap .basket-recap-body {
	padding: 20px;
}

.basket-recap .basket-recap-body .item-info > span {
	float: left;
}

.basket-recap .basket-recap-body .item-info > span:first-child {
	line-height: 80px;
	width: 10%;
}

.basket-recap .basket-recap-body .item-info .item-img {
	width: 20%;
}

.basket-recap .basket-recap-body .item-info .item-name {
	width: 70%;
	padding-left: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 80px;
}

.basket-recap .basket-recap-body .item-info .item-name a, .basket-recap .basket-recap-body .item-info .item-name span {
	display: block;
	width: 100%;
	text-align: left;
}

.basket-recap .basket-recap-body .item-price > span:first-child {
	line-height: 80px;
}

@media (max-width: 576px) {
	.basket-recap .basket-recap-body .item-price > span:first-child {
		line-height: normal;
	}
	.basket-recap .basket-recap-body .item-price {
		margin-bottom: 15px;
	}
}

.basket-recap .basket-recap-footer {
	background-color: rgb(217,240,249);
	padding: 20px;
	font-weight: bold;
	font-size: 17px;
	border-top: 1px solid rgb(173,221,242);
	overflow: hidden;
}

.basket-recap .basket-recap-footer.no-background {
	background-color: transparent;
}

.basket-recap .basket-recap-footer .change_address {
	color: #3b99fc;
	font-size: 12px;
	padding-top: 20px;
	display: block;
	text-decoration: underline;
}

.basket-recap .basket-recap-footer .change_address:hover {	
	text-decoration: none;
}

.basket-address .commentlink {
	text-decoration: underline
}

.basket-address label {
	text-align: right;
}

.basket-address label a {
	/*color: #E30A0A;*/
}

.basket-address .company {
	display: none;
}

.basket-address .form-control {
	display: block;
	width: 100%;
	max-width: 220px;
	height: 26px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.basket-address textarea.form-control {
	height: 70px;
	width: 100%;
	max-width: 100%;
}

@media (max-width: 576px) {
	.basket-address .form-control {
		width: 100%;
		max-width: 100%;
	}
}

.basket-address .form-control-postcode {
	width: 70px;
}

.basket-address .form-control-phone {
	width: 120px;
	float: left;
	margin-right: 5px;
}

.basket-address .form-control-phone + span {
	font-size: 12px;
	width: 100px;
	float: left;
	line-height: 14px;
	color: rgba(85, 85, 85, 0.64);
}

.basket-address .checkbox label {
	text-align: left;
}

.basket-address .checkbox-agreement label {
	font-weight: bolder;
}

.basket-address h1 span {
	font-size: 14px;
	font-weight: normal;
	margin-left: 70px;

}

.basket-address h1 span a {
	color: rgb(0,120,190);
	margin-left: 10px;
}

@media (max-width: 768px) {
	.basket-address h1 span {
		display: block;
		margin-left: 0px;
	}
}

@media (min-width: 768px) {
	.navbar-basket {
		border-bottom: none;
	}
}

.navbar-basket #navbar{
	text-align: center;
}

.navbar-basket #navbar span{
	font-size: 16px;
	padding: 20px 0px;
	display: block;
	font-weight: normal;
	text-transform: none;
}

.kosik.placeorder .main_title {
	color: rgb(55,159,55);
	line-height: 36px;
}

.kosik.placeorder .main_title img{
	margin-right: 5px;
}

.kosik.placeorder .basket-recap-footer{
	background-color: transparent;
}

.kosik.placeorder .basket-recap-footer.addresses{
	font-size: 1em;
}

.kosik.placeorder .ico1, .kosik.placeorder .ico2, .kosik.placeorder .ico3 {
	float: left;
	width: 30%;
	text-align: center
}

.kosik.placeorder .ico1 img, .kosik.placeorder .ico2 img, .kosik.placeorder .ico3 img{
	display: inline;	
	max-width: 100%;
	padding-bottom: 10px;
}

.kosik.placeorder .ico-arrow {
	float: left;
	width: 5%;	
}

.kosik.placeorder .ico-arrow img{	
	max-width: 100%;
}

.mainmenu-ul>li>a {
	font-weight: 500 !important;
	font-size: 15px !important;
	padding-top: 27px !important;
	padding-bottom: 24px !important;	
}

@media only screen and (max-width: 1300px) {
	.mainmenu-ul .navbar-nav>li>a {		
		font-size: 14px !important;		
	}
}

.navbar {
	height: 80px;
}

.navbar .brand {
	position: absolute;
    top: 20px;
    left: 50%;
	margin-left: -71px;
	display:block;
}

.navbar .brand-nocenter {
	float: left;
	margin-top: 20px;
	display:none;
}

.navbar .brand-mobile {
	position: absolute;
    top: 20px;
    left: 50%;
	margin-left: -71px;
	display: none;
}

.navbar .brand img,.navbar .brand-nocenter img, .navbar .brand-mobile img {
	width: 130px;
}

@media only screen and (max-width: 1500px) {
	.navbar .brand-nocenter {
		display: block
	}

	.navbar .brand {
		display:none;
	}
}

@media (max-width: 767px) {
	.navbar .brand {
		display:none !important;
	}
	
	.navbar .brand-nocenter {	
		display:none !important;
	}
	
	.navbar .brand-mobile {
		position: absolute;		
		display: block !important;
	}
}

.small-navbar-header .navbar-brand {
	position: absolute;
    top: 13px;
    left: 50%;
    margin-left: -74px;
    padding: 0px !important;
}

.small-navbar-header ul {
	margin: 0px 15px;
}

.small-navbar-header ul li{	    
	margin-right: 15px;	
}

.small-navbar-header ul li:last-child a span {	
    border-right: none;    
}

.small-navbar-header ul li a span {    
	border-right: 1px solid #D7D7D7;
	padding: 0px 60px 0px 0px;
	margin: 15px 0px 15px 0px;    
	height: auto;
}

.small-navbar-header ul li a span i {    
	font-style: normal;
	padding: 1px 0px 3px 0px;
}

.small-navbar-header li a:hover span,
.small-navbar-header li.active a span {
	border-bottom: 2px solid rgb(255,255,255);
}

.small-navbar-header li a:hover span i,
.small-navbar-header li.active a span i {
	border-bottom: 2px solid rgb(224,19,16);
}

.small-navbar-header ul:hover li a,
.small-navbar-header ul .disabled a {
	color: #D7D7D7;
}


.small-navbar-header ul li:hover a,
.small-navbar-header ul .active a {
	color: black;
}

/* .small-navbar-menu {
	position: fixed;
	top: 80px;
	right: 0px;
	width: 100%;
	z-index: 10000;
} */

.small-navbar-menu>div {
	margin-left: 59px;
}

.small-navbar-header2 {
	position: fixed;
	top: 80px;
	left: 0px;
	display:none;
}

.small-navbar-menu2 {
	position: fixed;
	top: 137px;
	left: 0px;
}

.small-navbar-menu-fixed {    
    top: 57px;
}

.bsgrid-dlazdice {
	position: relative;
	display: block;
}

.bsgrid-dlazdice .title {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 100%;	
	color: rgb(255,255,255);
	text-align: center;
	font-weight: 500;
	font-size: 28px;
	font-family: 'remi_kalasblack','Work Sans', sans-serif;	
}

/* @media (max-width: 767px) { */
	.bsgrid-dlazdice.bsgrid-dlazdice-mobile-noimage img {
		display: none;	
	}

	.bsgrid-dlazdice.bsgrid-dlazdice-mobile-noimage .title {		
		position: static;
		color: rgb(0,0,0);
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.bsgrid-dlazdice.bsgrid-dlazdice-mobile-noimage .textdiv {		
		position: static;
		color: rgb(0,0,0);
		margin: 0px;
		padding: 0px 10px 20px 10px; 
	}

	.bsgrid-dlazdice .title {
		margin-top: -20px;
	}
/* } */

.bsgrid-dlazdice .kalas-link-wrapper {
	position: absolute;
	top: 50%;
	left: 0px;
	text-align: center;
	width: 100%;
	margin-top: 40px;
}

.bsgrid-dlazdice .textdiv {
	position: absolute;
	top: 50%;
	left: 0px;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	font-size: 12px;
	color: rgb(255,255,255);
	padding: 0px 10px;
}

.kalas-link {
	background-color: rgb(252,28,19);
	color: rgb(255,255,255);
	padding: 10px 50px 10px 20px;
	border-radius: 2px;
	display: inline;
	font-size: 16px;
	position: relative;
}

.kalas-link:after {
	content: "";
	width: 18px;
	height: 18px;
	display:block;
	background-image: url('../images/link_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
    top: 10px;
    right: 10px;
}

.kalas-link:hover {	
	color: rgb(255,255,255);
	text-decoration: none;	
}

.hp-bsgrid-container .kalas-link {	
	color: rgb(255,255,255);	
}

@media (max-width: 400px) {
	.hp-bsgrid-container .kalas-link {	
		display: block;
	}	
}

.hp-bsgrid-container .kalas-link:hover {	
	color: rgb(255,255,255);
	text-decoration: none;	
}

.kalas-link img {
	margin-left: 30px;
	margin-top: -2px;
}

.hp-bsgrid-container h2 {
	text-align: center;
	margin-bottom: 60px;
	margin-top: 40px;
	font-family: 'remi_kalasblack','Work Sans', sans-serif;
	text-transform: uppercase;
	padding-bottom: 20px;	
	font-weight: 400;	
}

.hp-bsgrid-container h2:after {
	content: "";
	background-color: rgb(252,28,19);
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 40px;
	height: 2px;
	margin-left: -20px;
}

.hp-bsgrid-container a {
	color: rgb(252,28,19);
}

.hp-bsgrid-container a:hover {
	color: rgb(0,0,0);
}

.hp-bsgrid-container .maintext p{
	font-size: 12px;
	line-height: 21px;
}

.hp-bsgrid-container .maintext ul{
	list-style-type: none;
	padding-left: 0px;
}

.hp-bsgrid-container .maintext ul li{
	padding-left: 40px;
	background-image: url('../images/text_li_check.png');
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-bottom: 15px;
	font-size: 12px;
}

.hp-bsgrid-container .row-switchedtext .maintext {
	padding-left: 50px;
	padding-right: 50px;	
}

@media (max-width: 600px) {
	.hp-bsgrid-container .row-switchedtext .maintext {
		padding-left: 0px;
		padding-right: 0px;	
	}
}

.row-switchedtext {
	display: flex;
}

@media (max-width: 991px) {
	.row-switchedtext .bsgrid-image {
		object-fit: cover;
	}
}

@media (max-width: 600px) {
	.row-switchedtext>div:first-child .bsgrid-image {	
		position: relative;
		left: -15px;
	}

	.row-switchedtext>div:nth-child(2) .bsgrid-image {	
		position: relative;
		right: -15px;
	}
}

.maintext .line-height-normal{
	line-height: 1 !important;
}

.bsgrid-dlazdice-text .title {
	font-family: 'remi_kalasblack','Work Sans', sans-serif;
	margin-top: 20px;
	display: block;
	color: rgb(0,0,0);	
	font-size: 20px;
}

.bsgrid-dlazdice-text .title:hover {
	text-decoration: none;
}

.bsgrid-dlazdice-text .main {
	font-size: 12px;
	line-height: 21px;
}

.bsgrid-dlazdice-text .link {
	font-size: 14px;
}

.footer {
	background-color: rgb(30,30,30);
	color: rgb(255,255,255);
}

.footer {
	padding-top: 40px;
}

.footer h3 {
	margin-bottom: 25px;
}

.footer h3:after {
	display: none;
}

.footer .container {
	position: relative;
}

.footer .pull-left {
	padding-top: 160px;
}

.footer .footer-logo {
	float: right;
	position: relative;
	top: 10px;
}

.footer ul li a {
	color: rgb(156,156,156);
}

.footer p {
	color: rgb(156,156,156);
}

.footer p a {
	color: rgb(156,156,156);
}

.footer .iconline{
	margin-bottom: 20px;
}

.footer .iconline a{
	color: rgb(255,255,255);
	font-size: 16px;
}

.footer .iconline img {
	margin-right: 20px;
}

.footer .copyright {
	border-top: none;
	color: rgb(156,156,156) !important;
	padding-bottom: 10px;
}

.footer .copyright a {	
	color: rgb(156,156,156) !important;
}

.footer ul.social-icons li {
	margin-right: 10px;
}

.footer ul.social-icons li a:hover{
	text-decoration: none;
}

.footer .modal-title {
	color: rgb(30,30,30);
}

.newsletter-form button {	
	height: 42px;
    display: block;
	float: left;
	font-size: 14px;
	border: none;
}

.newsletter-form .text {
	float:left;
	width: 310px;
	height: 42px;
	display: block;
	border: 1px solid rgb(192,192,192);
	padding: 8px;
}

@media (min-width: 991px) AND (max-width: 1199px) {
	.newsletter-form .text {		
		width: 220px;		
	}
}

@media (max-width: 600px) {
	.newsletter-form .text {		
		width: 100%;
		margin-bottom: 8px;		
	}
	.newsletter-form button {	
		width: 100%;
	}
}

.background-image-kalas {
	position: relative;
}

.background-image-kalas:before {
	content: "";
	background-image: url('../images/kalas-logo-bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 325px;
	height: 238px;
	position: absolute;
	bottom: -40px;
	right: -20px;
	background-size: cover;
}

@media (max-width: 991px) {
	.background-image-kalas:before {
		width: 100px;
		height: 73px;
		position: absolute;
		bottom: -40px;
		left: 40px;
		right: auto;
	}
}

.color-white {
	color: rgb(255,255,255);
}

.hp-bsgrid-container .reference-new .anno {
	font-size: 18px;
    font-weight: 500;
	line-height: 30px;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.hp-bsgrid-container .reference-new .anno .arrow-left {
	position: absolute;
	top: 50%;
	left: -15px;
	width: 50px;
	height: 60px;
	margin-top: -30px;
	display:none;
}

.hp-bsgrid-container .reference-new .anno .arrow-left::after {
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
    border-radius: 0px 50% 50% 0px;
}

.hp-bsgrid-container .reference-new .anno .arrow-left img {
	position: absolute;
    top: 50%;
    left: 20px;
    width: 12px;
    height: 19px;
    margin-top: -9px;
    z-index: 10;
}

.hp-bsgrid-container .reference-new .anno .arrow-right {
	position: absolute;
	top: 50%;
	right: -15px;
	width: 50px;
	height: 60px;
	margin-top: -30px;
	display:none;
}

.hp-bsgrid-container .reference-new .anno .arrow-right::after {
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
    border-radius: 50% 0px 0px 50%;
}

.hp-bsgrid-container .reference-new .anno .arrow-right img {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 19px;
	margin-top: -9px;
	z-index: 10;
}

@media (max-width: 991px) {
	.hp-bsgrid-container .reference-new .anno .arrow-right {		
		display: block;
	}

	.hp-bsgrid-container .reference-new .anno .arrow-left {		
		display: block;
	}

	.hp-bsgrid-container .reference-new .reference-link {		
		text-align: center;
		clear: both;
	}

	.hp-bsgrid-container .reference-new .img-mobile {
		display: block !important;
	}

	.hp-bsgrid-container .reference-new .name {
		padding-top: 10px;
	}
}

.hp-bsgrid-container .reference-new .img-mobile {
	float: left;
	border-radius: 50%;
	margin-right: 20px;
	margin-bottom: 15px;
	display: none;
}

.hp-bsgrid-container .reference-new .anno::after {
	content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 1px;
    width: 50px;
    background-color: rgb(201,201,201);
}

.hp-bsgrid-container .reference-new .name {
	font-weight: 500;
	font-size: 16px;
	margin: 0px;
}

.hp-bsgrid-container .reference-new .position {
	margin-bottom: 30px;
    color: rgb(120,120,120);
}

.hp-bsgrid-container .reference-right {
	position: relative;
}

.hp-bsgrid-container .reference-right .img-wrapper {
	padding-left: 30px;
    padding-right: 20px;
    padding-bottom: 50px;
}

.hp-bsgrid-container .reference-right .img-wrapper img {
	max-width: 100%;
}

.hp-bsgrid-container .reference-right .arrow-left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 100%;
}

.hp-bsgrid-container .reference-right .arrow-left img {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 12px;
	height: 19px;
	margin-top: -9px;
}

.hp-bsgrid-container .reference-right .arrow-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 100%;
}

.hp-bsgrid-container .reference-right .arrow-right img {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 12px;
	height: 19px;
	margin-top: -9px;
}

.hp-bsgrid-container .reference-right ul {
	position: absolute;
	bottom: 0px;
	left: 40px;	
	list-style-type: none;
	padding: 5px;
	margin-left: 40px;
	background-color: rgb(255,255,255);
}

.hp-bsgrid-container .reference-right ul li {
	float: left;
	margin-right: 5px;
	border: 2px solid rgb(255,255,255);
}

.hp-bsgrid-container .reference-right ul li.active {	
	border: 2px solid rgb(252,28,19);
}

.hp-bsgrid-container .reference-right ul li:last-child {	
	margin-right: 0px;
}

@media (max-width: 991px) {
	.hp-bsgrid-container .reference-right {
		display: none;
	}
}

.small-navbar-menu>.row>div:first-child {
	border: none !important;
}

.small-navbar-menu>.row {
	margin-left: 0px;
}

.small-navbar-menu>.row>div .sport span {
	background-image: none !important;
}

.navbar-nav.navbar-right>li>a, .navbar-nav.navbar-right>li>.vlajka-footer {
	padding-top: 24px !important;
	padding-bottom: 24px !important; 
	font-size: 20px !important;
}

.kolekce-item {
	background-color: rgb(245,245,245);
	padding: 20px;
	margin-bottom: 30px;
}

.kolekce-item img {
	max-height: 250px;
	margin: 0 auto;
}

.kolekce-item .img {
	border-bottom: 1px solid rgb(205,205,205);	
}

.kolekce-item .kolekce-item-name {
	font-size: 12px;
	color: rgb(165,165,165);
	display: inline-block;
	height: 35px;
	overflow: hidden;
	width: 100%;
}

.kolekce-item .kolekce-item-price {
	font-size: 12px;
	font-weight: bold;
}

.kolekce-item .kalas-link {
	font-size: 12px;	
	white-space: nowrap;
	padding: 10px 40px 10px 10px;
}

.kolekce-item .kalas-link.v-en{	
	white-space: nowrap;
    padding-left: 10px;
    padding-right: 45px;	
}

.kolekce-item .kalas-link::after {
	top: 7px;
}

.kolekce-item .bottom-line {
	margin-top: 15px;
}

.kolekce  {
	position: relative;
}


.kolekce .title {
	position: absolute;
	left: 0px;
	top: -13px;
	width: 100%;
	text-align: center;	
	display: none;
}

.kolekce .arrow-left {
	position: absolute;
	left: -40px;
	top: 50%;
	margin-top: -10px;
}

.kolekce .arrow-right {
	position: absolute;
	right: -40px;
	top: 50%;
	margin-top: -10px;
}

@media (max-width: 1250px) {
	.kolekce .arrow-left {		
		left: -20px;		
	}

	.kolekce .arrow-right {		
		right: -20px;		
	}
}

@media (max-width: 767px) {
	.kolekce {
		padding-top: 30px;
	}

	.kolekce .title {
		display: block;
	}

	.kolekce .arrow-left {		
		left: 20px;
		top: -5px;
	}

	.kolekce .arrow-right {		
		right: 20px;
    	top: -5px;
	}		
}

@media (max-width: 1200px) {
	.kolekce-item .kolekce-item-name {
		height: auto;
	}

	.kolekce-item .kalas-link {
		width: 100%;
		margin-top: 15px;
		display: block;
	}
}

.search-wrapper {
	width: 357px;
    position: absolute;
    top: 17px;
    right: 0px;
	z-index: 1000;
	display: none;
}

.search-wrapper .form-control {
	border-radius: 20px;
    height: 40px;
    font-weight: lighter;
    border: 1px solid rgb(224,224,224);
	font-size: 14px;
	font-weight: 400;
}

.search-wrapper button {
	border: none;
    position: absolute;
    top: 9px;
	right: 10px;
	background-color: transparent;
}

@media (max-width: 767px) {
	.search-wrapper {		
		display:block !important;
		width: 100%;
		position: relative;
		padding: 15px;
		top: auto;
		right: auto;		
	}

	.search-wrapper button {		
		top: 24px;
		right: 25px;
	}

	.mainmenu-ul>li>a {
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		padding-left: 2px !important;	
	}

	.mainmenu-ul>li {
		border-bottom: 1px solid rgb(225,225,225);
	}

	.produkty-navigace {
		margin-bottom: 0px;
		background-color: transparent !important;
		padding-bottom: 0px;
		padding: 1px;
		border-bottom: none;
	}
	
	.produkty-navigace .nav > li > a {
		font-weight: normal !important;
	}
	
	.produkty-navigace .nav > li > a:hover {
		color: rgb(245,14,8) !important;
		text-decoration: none;
	}
	
	
	.produkty-navigace ul, .produkty-navigace li{
		border-color: rgb(225,225,225) !important;
	}

	.navbar-default {
		border: none;	
	}

	.navbar-collapse.collapse {
		border-bottom: 1px solid rgb(225,225,225);
	}

	label.nav-toggle {
		border-bottom: none;
		font-weight: normal;
		font-size: 14px;
	}
}

ul .searchli:last-child a:hover {
	background-color: transparent !important;
}

.navbar-header .navbar-toggle {
	margin-left: 15px;
	border: none;
	margin-top: 12px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.basketmini-link-mobile {
	position: absolute;
    top: 25px;
    right: 28px;
}

.basketmini-link-mobile span {
	position: absolute;
    top: -7px;
    right: -3px;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    background-color: #e30a0a;
    color: rgb(255,255,255);
    padding: 1px 4px;
    height: 15px;
    border-radius: 50%;
}

.navbar-default .navbar-nav>.disabled>a {
	color: #D7D7D7;
}

.navbar-default {
	border-top: none;
}

@media (max-width: 991px) {
	.footer-div {
		border-bottom: 1px solid rgb(68,68,68);
	}

	.footer-div-inner {
		display:none;
	}

	.footer-div-open .footer-div-inner {
		display:block;
	}	

	.vlajka-footer {
		position: absolute;
		top: 0px;
		right: 15px;
	}

	.footer .chevron {
		position: absolute;
		top: 0px;
		right: 15px;
	}

	.footer .chevron .up {
		display: none;
	}

	.footer-div-open .chevron .down {
		display: none;
	}

	.footer-div-open .chevron .up {
		display: block;
	}

	.social-icons-div {
		display:none;
	}

	.socialicons-mobile {
		display: block !important;
		position: absolute;
		bottom: 120px;
		left: 0px;
		width: 100%;
		text-align: center;
		z-index: 2;
	}

	.socialicons-mobile a:hover{
		text-decoration: none;
	}

	.footer .footer-logo {		
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 140px;
		top: auto;
	}

	.footer .pull-left {		
		position: relative;
	}

	.footer .copyright {
		position: relative;
	}
}

/* #myCarousel .carousel-indicators {
	display:none;
} */

.maintext video {
	width: 100% !important;
	height: auto !important;
}

.breadcrumb>li+li:before {
	content: "\003e\00a0";
	color: rgb(102,102,102);
}

.breadcrumb>li > a {
	color: rgb(102,102,102);
}

div.miniatury-produkt {
	margin-top: 0px !important;
}

.varianty-obal .thumbnail {
	border-color: white;
}

.varianty-obal .thumbnail:hover {
	border: 1px solid rgb(51,153,51);
}

.detail_price {
	font-size: 18px;
}

.detail_price span {
	font-size: 24px;
}

.grey_text {
	color: rgb(153,153,153);
}

.imagesgal .icons {    
    left: 30px;
	top: 15px;
}

.imagesgal .temperature {
    position: absolute;
    left: 30px;
	top: 15px;
}

.descr_div {
	background-color: rgb(240,240,240);
}

.descr_div .text {
	padding: 20px;
}

.descr_div .atributes {
	padding: 20px;
}

.descr_div .atributes ul {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 20px;
}

.descr_div .atributes ul li {
	line-height: 27px;
}

.descr_div .atributes ul li img:last-child {
	margin-right: 15px;
}

.descr_div .text ul {
	padding-left: 0px;
	list-style: none;
	margin-top: 15px;
}

.descr_div .text ul li {
	padding-left: 0px;
	line-height: 25px;
}

.page-bsgrid .container-fluid {
	/* padding-left: 0px;
	padding-right: 0px; */
}

.page-bsgrid .fr-video iframe {
	max-width: 100%;	
}

@media (max-width: 768px) {
	.page-bsgrid .fr-video iframe {		
		max-height: 270px !important;
	}
}

.kontakt-wrapper {
	overflow: auto;
	margin-bottom: 10px;
}

#frmbuyAddressForm-seladdress {
	max-width: 100%;
}

.modal-new-smaller .modal-dialog {
	max-width: 750px;
}

/* .modal-new .modal-content {
	border-radius: 15px;
} */

.modal-new .modal-title {
	text-align: center;
    margin-top: 15px;
    text-transform: none;
    font-weight: 500;
    font-size: 30px;
}

.modal-new .closemodal {
	width: 20px;
    height: 20px;
    background-size: cover;
}

.modal-new .modal-header {
	border-bottom: none;
}

.modal-new .addmodal-row > div:last-child {
	text-align: right;
    font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
}

.modal-new .addmodal-img {
	max-height: 100px;
}

.modal-new .modal-body .titulek-modal {
    width: 100%;
    font-size: 19px;
    font-weight: bold;
}

.modal-new .modal-body .text-grey {
    color: #70707b;
}

.modal-new .modal-footer {
    border-top: 1px solid #d8d8d8;
}

.modal-new .modal-buttons {
    padding: 0px 40px;
}

.modal-new .left-link {
	float: left;
	padding-top: 20px;
	text-decoration: underline;
}

.modal-new .left-link:hover {	
	text-decoration: none;
}

.modal-new .freelimit {	
	background-color: rgb(243,243,243);
    color: black;
    font-weight: 500;
    padding: 30px 40px;    
}

.modal-new .freelimit img {	
	margin-right: 8px;
	float: left;
}

.modal-new .freelimit .line {	
	width: 100%;
    height: 5px;
    background-color: rgb(217,217,217);
	margin-top: 15px;
	position: relative;
	border-radius: 5px;
}

.modal-new .freelimit .activeline {	
	background-color: #e30a0a;
    position: absolute;
    top: 0px;
    left: 0px;
	height: 5px;
	border-radius: 5px;
}

@media (min-width: 769px) {

	.modal-new .addmodal-row {
		display: table;    
		width: 100%;
	}
	
	.modal-new .addmodal-row > div {
		display: table-cell;
		vertical-align: middle;
		float: none;		
	}
	
	.modal-new .addmodal-row > div:first-child {
		width: 110px;
	}
	
	.modal-new .addmodal-row > div:nth-child(2) {
		width: auto;
	}

}

@media (max-width: 768px) {
	.modal-new .modal-buttons {
		padding: 0px;	
	}

	.modal-new .modal-buttons a {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 810px) {
	.modal-new .modal-footer {
		padding-top: 15px;
	}
}

.velikostni_tabulka {
    width: 100%;
    font-family: 'Work Sans', sans-serif;
	color: #333;
	display: flex;
    align-items: center;
}

.velikostni_tabulka .left_img {
    width: 27%;    
    float: left;
}

@media (max-width: 1300px) {
	.velikostni_tabulka .left_img {
		width: 20% !important;
	}

	.velikostni_tabulka .right_content {
		width: 80% !important;		
	}
}

.velikostni_tabulka .left_img img {
    height: auto;
    width: 95%;
}

.velikostni_tabulka .right_content {
    width: 73%;    
	float: left; 
	padding-right: 20px;   	
	align-self: flex-start;
	padding-top: 20px;
}

.velikostni_tabulka h2{    
	margin-right: 180px;
	margin-top: 20px;
	position: relative;
}

@media (max-width: 991px) {
	.velikostni_tabulka h2{    
		margin-right: 0px;
		margin-bottom: 50px;
		display: block;
	}
}

.velikostni_tabulka table{    
    border-collapse: collapse;
}

.velikostni_tabulka table tr td, .velikostni_tabulka table tr th{    
    padding: 4px 8px;
    border: 4px solid rgb(255,255,255) !important;     
	border-bottom: 10px solid rgb(255,255,255) !important; 
	text-align: center; 
}

.velikostni_tabulka table tr td {
    background-color: rgb(233,233,233);        
}

@media (min-width: 992px) {
	.velikostni_tabulka table tr td {
		white-space: nowrap;
	}

	.velikostni_tabulka {
		overflow-x: auto;
	}
}

.velikostni_tabulka table tr th {
    background-color: rgb(230,41,41);
	color: white; 	  
}

.velikostni_tabulka table tr th:first-child {
    text-align: left;
}

.velikostni_tabulka_mobile {
	display: block;
	padding: 20px;
}

.velikostni_tabulka_mobile table{
	width: 100%;
}

.velikostni_tabulka_mobile table tr td, .velikostni_tabulka_mobile table tr th {
    border-bottom: 4px solid rgb(255,255,255) !important;
}

#velikosti .modal-body {
	padding: 0px;
}

#velikosti .closemodal {
	width: 15px;
	height: 15px;
	background-size: cover;
}

#velikosti .modal-body>p:last-child {
	display:none  
}

#velikosti .modal-body span {
    display: inline;
    text-transform: none;
}

@media (min-width: 1200px) {
    #velikosti .modal-dialog {
        max-width: 1200px;
    }
}

#velikosti .units {
	position: absolute;
	right: 30px;
	top: 58px;
	font-weight: bold;
}

#velikosti .units_mobile {
	font-size: 14px;		
	right: 10px;
    top: auto;    
    bottom: -30px;
}

#velikosti .units_mobile {
	display: none;
}

@media (max-width: 991px) {
	#velikosti .units {		
		display: none;	
	}

	#velikosti .units_mobile {		
		display: block;	
	}
}

#velikosti .units a {
	padding-left: 26px;
	position: relative;	
}

#velikosti .units a:hover, #velikosti .units a:focus {
	color: black;
	text-decoration: none;
}

#velikosti .units a:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0px;
	border: 2px solid rgb(175,175,175);
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

#velikosti .units a.active:before {
	background-color: rgb(233,36,44);
}

.size_div_mobile {
	display: none;
}

@media (max-width: 1100px) {
	.size_div_desktop {
		display: none;
	}

	.size_div_mobile {
		display: block;
	}
}
.foreign-stock-text {
	color: #0cb268;
	text-transform: none;
}

.foreign-stock-text span {
	font-weight: lighter;
}

.navbar-nav.navbar-right>li>.vlajka-footer {
	min-width: 37px;
}

@media (max-width: 900px) {
	.navbar-nav.navbar-right>li>.vlajka-footer {
		display: none;
	}
}

.navbar-nav.navbar-right>li>.vlajka-footer img {
	float: left;
}
.navbar-nav.navbar-right>li>.vlajka-footer img:nth-child(2) {
	margin-top: 9px;
    margin-left: 5px;
}
.navbar-nav.navbar-right .shortname {
	display: none;
}
@media (max-width: 1300px) {
	.navbar-nav.navbar-right .shortname {
		display: inline;
	}
	.navbar-nav.navbar-right .longname {
		display: none;
	}
}
.footer-div .vlajka-footer img:nth-child(2) {
	display: none;
}

.adyen-basket-address .col-form-label.text-label {
	line-height: 20px;
}

.customerdeladdress {
	display: none;
}