/* CSS Document */
/* POPNAME.CZ redesign */
/* www.popname.cz */
/* autor: Orsys s.r.o. */

* { outline:none !important; }

@font-face {
    font-family: Gotham Light;
    src: 
    url('../fonts/Gotham-Light.otf') format('truetype'),
    url("../fonts/Gotham-Light.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Gotham-Light.woff") format('woff');
}
/*
@font-face {
    font-family: Gotham Medium;
    src: 
    url('../fonts/Gotham-Medium.otf') format('truetype'),
    url("../fonts/Gotham-Medium.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Gotham-Medium.woff") format('woff');
     
}
*/

:root {
	/* var: #00e0e0*/
	/* #00f1f1  */
	--popname-original-color:#00f1f1;
}


html {
	font-size: 16px;
}

@font-face {
    font-family: Gotham Bold;
    src: 
    url('../fonts/Gotham-Bold.otf') format('truetype'),
    url("../fonts/Gotham-Bold.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Gotham-Bold.woff") format('woff');
}

@font-face {
    font-family: Gotham Book;
    src: 
	url('../fonts/Gotham-Book.otf') format('truetype'),
	url("../fonts/Gotham-Book.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Gotham-Book.woff") format('woff');
}

#znacky-panel-button, #kategorie-panel-button { height: 55px; }

.show-priority-1, .show-priority-2, .show-priority-3, .show-priority-4, .show-priority-5 { display:none !important; }
.nav>li { display: inline-block; float:none; }
.navbar-nav { float:none; }
.cleaner { clear: both; }

/* helpers */

.hide { display: none; }
.anchor { display: block; position: relative; top: -70px; visibility: hidden; }
#flash-message { width:100%; display:block; font-size:16px; color:#ff0000; text-align:center; margin-top:-20px; margin-bottom:20px; }

.highlight-color-red { color:#FE0000 !important; }

/*.image-mobile, .image-tablet, .image-small-desktop { display: none; }*/

@media(max-width: 767px) {
	.xs-hide, .sm-show, .md-show, .lg-show { display:none !important; }	
	.xs-show, .image-mobile { display:inherit; }	
	.image-tablet, .image-small-desktop, .image-desktop { display: none!important; }
}

@media (min-width: 768px) and (max-width: 999px) {
	.sm-hide, .xs-show, .md-show, .lg-show { display:none !important; }	
	.sm-show, .image-tablet { display:inherit; }
	.image-mobile, .image-small-desktop, .image-desktop  { display: none!important; }
	.flexslider.index-banner { height:330px; }
}

@media (min-width: 1000px) and (max-width: 1199px) {
	.md-hide, .xs-show, .sm-show, .lg-show { display:none !important; }	
	.md-show, .image-small-desktop { display:inherit; }
	.image-mobile, .image-tablet, .image-desktop { display: none!important; }
	.flexslider.index-banner { height:426px; }
}

@media (min-width: 1200px) {
	.lg-hide, .xs-show, .sm-show, .md-show { display:none !important; }	
	.lg-show, .image-desktop { display:inherit; }	
	.image-mobile, .image-tablet, .image-small-desktop { display: none !important; }
	.flexslider.index-banner { height:524px; }
}

@media (min-width: 1680px) {
	.flexslider.index-banner { height:700px; }	
}


.flex-direction-nav a {
	width:80px !important;
	height:100% !important;
	top:0 !important;
	
	/*transform: translateY(-50%);*/
}

.flex-direction-nav .flex-prev {
	left:0px !important;
	opacity: 0 !important;
	background: url('../img/redesign/arrow-slider-left.png') 20px center no-repeat;
}

.flex-direction-nav .flex-prev:hover {
	opacity: 1 !important;
}

.flex-direction-nav .flex-next:hover {
	opacity: 1 !important;
}


.flex-direction-nav .flex-next {
	right: 0px !important;
	opacity: 0 !important;
	background: url('../img/redesign/arrow-slider.png') right 20px center no-repeat;
}

.flex-direction-nav a:before {
	display:none !important;
	content: '' !important;

}


/* media queries */


@media (max-width: 639px) {
	.produkty .product { width:50%; max-width: 250px; }
/*	
	.priority-1, .priority-2, .priority-3, .priority-4, .priority-5, .priority-6 { display:none !important; }
	.show-priority-1, .show-priority-2, .show-priority-3, .show-priority-4, .show-priority-5, .show-priority-6 { display:block !important; }
	*/
	
	.button { font-size:20px; }
	#kosik { padding-right: 15px !important; }
	.navbar-header { padding-left: 15px !important; }
	#TopMenu2 ul li { display: block; margin:0px; }
}

@media (max-width: 470px) {
	.priority-1, .priority-2, .priority-3, .priority-4, .priority-5, .priority-6 { display:none !important; }
	.show-priority-1, .show-priority-2, .show-priority-3, .show-priority-4, .show-priority-5, .show-priority-6 { display:block !important; }

}

@media (max-width: 620px) {
	.priority-4 { display:none !important; }
	.show-priority-4 { display:block !important; }
}


@media (max-width: 662px) {
	.priority-3 { display:none !important; }
	.show-priority-3 { display:block !important; }
}


@media (max-width: 993px) {
	.priority-1 { display:none !important; }
	.show-priority-1 { display:block !important; }
}


@media (max-width: 991px) {
	.footer-logo { margin-right: 10px !important;}
	.nav>li { display: inline-block;}
	.open-panel.panel-right { width: 100% !important; left:0px !important; float:left !important; right: auto !important; }
	#SearchButton { max-width: 15%; margin-right: 0px !important; padding-right: 27px; background-position: center left !important; } 
	#SearchInput { width:85% !important; }
	nav#navbar-main .container { width:auto !important; margin:0px; padding:0px; }
}

@media (min-width: 640px) and (max-width: 990px) {
	.nav>li { display: inline-block;}
}

@media (max-width: 1200px) {
	#znacky-panel-button, #kategorie-panel-button { height: 45px; }
	/*
	.show-priority-1 { display:block !important; }
	.priority-1 { display:none !important; }*/
}


@media (min-width: 640px) {
	.navbar-header button { padding-left: 0px; }
	.banner-overlay h3 { font-size:26px; }
	.banner-overlay p { font-size:16px; }
	.banner-overlay .banner-button { font-size:18px; margin-top: 10px !important; }
	.button { font-size:40px; }

	#TopMenu2 ul li { display: inline-block; margin-left:10px; margin-right: 10px; }
	.banner-overlay-small h3 { font-size:20px !important; margin-bottom: 16px !important; }
	.banner-overlay-small .banner-button { font-size:15px !important; margin-top:10px !important; }

}

@media (min-width: 768px) {
	.index>.container { padding-left: 15px; padding-right: 15px;}
	.index .product { width:33%;  }
	.produkty .product { width:50%;}
	.produkty .container { padding-right:30px; padding-left: 30px; }
	.th { display:none !important; }
}

@media (max-width: 1000px) {
	.index .product.line-4, .index .product.line-5 { display:none; }
}

@media (max-width: 767px) {
	.index .product.line-3 { display:none; }	
}

@media (max-width: 470px) {
	.row.nav-row { width: 100%; margin-left: 0px; }
    nav .logo {
    	margin: 0px auto;
    	float: none;
    }
}

@media (min-width: 991px) {
	.index .product { width:20%; max-width: 250px; }
	.produkty .product { width:32.9%; max-width: 250px;}
	.produkty .container { padding-right:15px; padding-left: 15px; }
	.banner-overlay .banner-button { font-size:25px; margin-top: 32px !important; }
    .banner-overlay h3 { font-size:26px; }
	.banner-overlay p { font-size:16px; }
	.banner-overlay-small h3 { font-size:20px !important; margin-bottom: 16px !important; }
	.banner-overlay-small .banner-button { font-size:15px !important; margin-top:10px !important; }
}

@media (max-width: 1199px) {
	.navbar-fixed-top { height: 60px; padding-top: 5px !important;}
	#navbar a { font-size: 12.5px !important; text-transform: uppercase; }
	nav .display-normal { display:none !important; }
	nav .display-small { display:block; }
	nav .logo { width:114px; }
	body { padding-top: 60px; }
	.pop-redesign body { padding-top: 0px; }
	/*
	.hledat-icon { width:13px !important; height:13px !important; }
	.hledat-icon img { width:12px; }
	.navbar-toggle { width:13px !important; height:13px !important; padding:15px !important; margin-top: 0 !important; margin-left: -15px !important; box-sizing: content-box;  margin-top:15px; border-radius: 0px; }
	.navbar-toggle img { width:12px; }
	
	.kosik-icon { height:13px !important; }
	.kosik-icon img { height:13px !important; }

	.navbar-fixed-top { height: 45px; padding-top: 0px !important; min-height: 45px; }
	#kosik { line-height: 15px; }
    .navbar-nav>li>a { line-height: 15px; }
    .open-panel { top:45px !important; }
	
	*/
}

@media (min-width: 1200px) {
    .index .product { width:20%; max-width: 250px; }
    .produkty .product { width:24.8%; max-width: 250px; }
    .banner-overlay .banner-button { font-size:30px; }
    .banner-overlay h3 { font-size:30px; }
	.banner-overlay p { font-size:19px; }
	.banner-overlay-small h3 { font-size:30px !important; margin-bottom: 16px !important; }
	.banner-overlay-small .banner-button { font-size:20px !important; margin-top:10px !important; }
	nav .logo { width:115px; }
	nav .display-small { display:none !important; }
	.navbar-fixed-top { height: 60px; padding-top: 5px !important;}
	body { padding-top: 60px; }
	.pop-redesign body { padding-top: 0px; }
	#kosik { line-height: 20px; }
	.filters-block { width:20%; }
	.products-list { width:80%; }
}

@media (min-width: 1400px) {
	.banner-overlay-small h3 { font-size:30px !important; margin-bottom: 16px !important; }
	.banner-overlay-small .banner-button { font-size:20px !important; margin-top:10px !important; }
	.filters-block { width:20%; }
	.products-list { width:80%; }
}

@media (min-width: 1650px) {
    .index .product { width:20%; max-width: 250px;  }
    #top.container, #footer.container, .navbar .container, .open-panel .container { width:1590px; }
    .banner-overlay h3 { font-size:40px; }
	.banner-overlay p { font-size:25px; }
    .banner-overlay .banner-button { font-size:30px; }
	.banner-overlay-small h3 { font-size:30px !important; margin-bottom: 16px !important; }
	.banner-overlay-small .banner-button { font-size:20px !important; margin-top:10px !important; }
	#newsletter-input { font-size:30px; }
}

@media (min-width: 1400px) { 
	.container { width:1190px; } 
	nav .container { width:1290px; }  
}

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* we do nothing */
.color-default {  }

/* black */
.color-black, .color-black a, .color-black h3, .color-black p { color:#000 !important; }
.color-black .banner-button { border-color: #000 !important; }
.color-black a:hover h3, .color-black a:hover p { color:var(--popname-original-color) !important; }


/* blue */
.color-blue, .color-blue a, .color-blue h3, .color-blue p, .color-blue { color:var(--popname-original-color) !important; }
.color-blue .banner-button, .color-black .banner-button:hover { border-color: var(--popname-original-color) !important; }


a { color:#000; }
a:hover { text-decoration: none; color:var(--popname-original-color) !important; }

.nopadding { padding:0px !important; }

hr { height: 1px; border: 0px; width: 100%; background: #7F7F7F; }
body.gallery-open { overflow: hidden; }

.navbar { margin-top:40px; margin-bottom:0px;  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;  }
.navbar-fixed-top { padding-top:0px; background: #1E1E1E; margin-top: 0px; position: fixed; -webkit-backface-visibility:hidden; /*Most Important*/ top:0px; left:0px; }

/* prepinani menu */
.navbar .white { display:none; }
.navbar .black { display:inline-block; }
.navbar-fixed-top .black { display:none; }
.navbar-fixed-top .white { display:inline-block; color:#fff; }

.navbar .navbar-header .black { display:block; float:left; }
.navbar .navbar-header .white { display:none; }
.navbar-fixed-top .navbar-header .black { display:none; }
.navbar-fixed-top .navbar-header .white { display:block; color:#fff; float:left; }

.navbar #navbar a { color:#000; }
.navbar-fixed-top #navbar a { color:#fff; }

.navbar-header a { vertical-align: middle; padding-top: 15px;  }

#kosik { padding-top: 15px;  }
#kosik a { margin-left:28px; }
#kosik-odkaz span { display:inline;}

#kosik a.kosik-icon { margin-left: 18px; padding: 10px; margin-top:-10px; margin-right: -10px;  box-sizing: content-box; }
#kosik a.hledat-icon { margin-left: 18px; padding: 10px; margin-top:-10px; margin-right: -10px; }

/*#navbar-main .container { padding-left: 30px; padding-right: 30px; }*/
.navbar-toggle { display:block; float:left; }

.navbar-header { max-width: 250px; float:left; padding-left:30px; }
.logo { float:left; padding-top: 8.5px; }
#navbar { float:none; margin:0px auto; text-align:center; }
#navbar a { font-family: Gotham Light; font-size: 17px; text-transform: uppercase; }
#kosik { max-width: 150px; float:right; padding-right: 27px; }
.navbar-header button span { background: #000; }
.navbar-fixed-top .navbar-header button span { background: #fff; }

.flexslider { margin-bottom: 15px !important; overflow: hidden; }
.flexslider { background:#d3d3d3; }
.flex-control-nav { outline:none !important; }
.flex-control-paging li a { outline: none !important; }

.first { padding-left: 15px; padding-right: 5px;  }
.second { padding: 0px 10px 0px 10px; }
.third { padding-right: 15px; padding-left: 5px; }
.third img, .first img, .second img { width:100%;  }

h2 { font-family: 'Gotham Bold'; font-size: 40px; color:#000; text-align: center; margin-top: 63px; margin-bottom: 9px; }
h3 { font-family: 'Gotham Bold'; font-size: 18px; color:#000; text-align: center; margin-top: 10px; text-transform: uppercase; margin-bottom: 60px; }

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a.selected { background:none; color:var(--popname-original-color) !important; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: none; }
.navbar-fixed-top .dropdown-menu {background: #000; }

/*  index, karta produktu - výpis */

#blog-banners, #slide-image-box { padding-left: 0px ; padding-right: 0px; }

.products { text-align: center; }
.product { display:block; float:left; position: relative; padding:7.5px; margin-bottom: 35px; }
.product img { width:100%; height:auto; }
.product .product-nazev { height:3.5em; text-align: center; font-family: Gotham Book; font-size:16px; width:100%; color:#000; margin-top:10px; }
.product .product-nazev a { color:#000; }
.product:hover .product-nazev a { color:var(--popname-original-color); }
.product .product-image { width:100%; overflow:hidden; height:100%; position: relative; }
.product .product-image .sizes{ position: absolute; z-index: 10; background:transparent url('../img/redesign/darken-background.png') 0 0; width:100%; height:100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
 .product .product-image .sizes h3 { font-family: Gotham Light; font-size: 16px; color:var(--popname-original-color); margin-top: 20px; margin-bottom: 15px; }
 .product .product-image .sizes div { font-family: Gotham Light; font-size: 16px; text-align: center; }
 .product .product-image .sizes div.col-xs-6 { padding-left: 5px; padding-right: 5px; }
 .product .product-image .sizes .available { color:#fff; }
 .product .product-image .sizes .not-available { color:#999; text-decoration: line-through; }

 .product:hover .product-image .sizes { margin-top: -100%; }

.products-list .row, .index .products.row { margin-left: -15px; margin-right: -15px;}

.banner-overlay { position: absolute; width: 100%; box-sizing: border-box; text-align: center; z-index:5; height:auto; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.banner-overlay h3 { font-family: Gotham Bold; color:#fff; text-transform: none; margin-bottom: 6px; margin-top: 0px; }
.banner-overlay p { font-family: Gotham Book; color:#fff; text-align: center; line-height:1.3em; }
.banner-overlay .banner-button { padding:0px 63px 0px 63px; margin:0px auto; height:61px; line-height: 59px; display: inline-block; font-family: Gotham Light; margin-top:30px; }
.banner-overlay .banner-button { border:1px solid #fff; color:#fff; cursor: pointer; }
.banner-overlay .banner-button:hover { border:1px solid var(--popname-original-color); color:var(--popname-original-color); text-decoration: none;  }
.banner-overlay a:hover h3, .banner-overlay a:hover p { color:var(--popname-original-color); }

.banner-overlay.center { width:100%; float:none; margin: 0px auto; padding-left: 30%; padding-right: 30%; }
.banner-overlay.right { float:right; width:45%; right:0px; text-align: right; padding-right: 5%;}
.banner-overlay.left { float:left; width:45%; left:0px; text-align:left;  padding-left: 5%;   }


.banner-overlay.right h3 {text-align: right; }
.banner-overlay.left h3 { text-align:left; }
.banner-overlay.right p { text-align: right; }
.banner-overlay.left p { text-align: left; }


.banner-overlay-small { position: absolute; width: 100%; margin-top: 50%; box-sizing: border-box; text-align: center; z-index:2; opacity: 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.banner-overlay-small h3 { font-family: Gotham Bold; font-size:30px; color:#fff; text-transform: none; margin-bottom: 16px; }
.banner-overlay-small .banner-button { padding:0px 40px 0px 40px; margin:0px auto; display: inline-block; font-family: Gotham Light; font-size:20px; height:40px; line-height: 38px; margin-top:10px; }
.banner-overlay-small .banner-button { border:1px solid #fff; color:#fff; cursor: pointer; }
#blog-banners .darken-enabled:hover .banner-button { border:1px solid var(--popname-original-color); color:var(--popname-original-color); text-decoration: none;  }
#blog-banners .darken-enabled:hover .banner-overlay-small { opacity: 1;}

.overlay-link { position: absolute; width:100%; height: 100%; display: block; z-index:11; }
.blog-post .overlay-link { position: absolute; width:383px; height: 100%; display: block; z-index:11; }

.first .banner-overlay-small, .second .banner-overlay-small, .third .banner-overlay-small { padding-left: 10px; padding-right: 30px; }


.open-panel { position: fixed; width:100%; top:60px;  z-index:20; display:none; max-height: 100%; background:transparent url('../img/redesign/darken-background.png') 0 0 repeat; }
.open-panel.panel-right { position: fixed; width:auto; right:0px; top:60px; z-index:20; display:none; max-height: 100%; background:transparent url('../img/redesign/darken-background.png') 0 0 repeat; }


.open-panel .container {  padding: 20px;  }
#SearchInput { height:120px; outline: none; background: transparent; border:none; color:var(--popname-original-color); font-size:27px; font-family: Gotham Light; padding: 25px 25px 25px 30px; float: right; max-width: 100%; width:713px; }
#SearchButton { background: transparent url('../img/redesign/submit-icon.png') center center no-repeat; width:60px; height: 120px; display: block; line-height: 80px; border: none; float:right; margin-right:27px; }

.open-panel.fixed {  overflow: auto; }
.open-panel ul { list-style: none; display:inline-block; margin:0px; margin-bottom:0px; margin-top: 0px; width:32.5%; padding-left: 0px; vertical-align: top; }
.open-panel ul li a { color:var(--popname-original-color); font-size:14px; font-family: Gotham Book; text-transform: uppercase; }
.open-panel ul li { margin-bottom:5px; }
.open-panel hr { height:1px; border:0px; background: var(--popname-original-color); width:100%; }
.open-panel a.show-all { color:var(--popname-original-color); font-size:14px;  font-family: Gotham Book; text-transform: uppercase; }
.kosik-panel-wrap { width:768px; max-width: 100%; padding: 50px 29px 50px 50px; }
.znacky-wrap, .kategorie-wrap { width:856px; max-width: 90%; position: relative; margin:0px auto; padding-top: 50px; padding-bottom: 50px; }

.darken { width:100%; height:100%; padding-right: 20px; box-sizing:border-box;position:absolute; z-index: 1; opacity: 0;
 -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
 }

 .banner-overlay-small {
 -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
 }

.flexslider .darken { padding-right: 0px;}

.darken-enabled:hover .darken { opacity: 1;}

/* push panel */
body {  overflow-x:hidden; }
#pushPanel {
    top: 40px;
    z-index: 10002;
    width: 320px;
    position: fixed;
    height: 100%;
    left:0;
	transform: translateX(-100%);
    background:#231F20;
	transition: transform 200ms;
}

#pushPanel.open {
	left:0px;
	transform: translateX(0%);
}

.navbar-toggle { width:17px; height:17px; /*background: transparent url('../img/redesign/menu-button.png') 0 0 no-repeat;*/ padding:0px; margin-top:15px; border-radius: 0px; }
.navbar-toggle.open { background-position: 0px -17px; }

#menu-button, #menu-button.navbar-toggle { padding: 10px;
    margin-left: -10px;
    margin-top: 5px;
    display: block;
    cursor: pointer;
    width:37px; height: 37px;
  }
  .navbar-toggle img { display:block; }
.navbar-toggle img.menu-button-close, .navbar-toggle img.blue { display:none; }
.navbar-toggle.open img.menu-button-open, .navbar-toggle.open img.menu-button-close.blue,  .navbar-toggle.open img.menu-button-open.blue { display:none; }
.navbar-toggle.open img.menu-button-close { display:block; }

.navbar-toggle:hover img.menu-button-open { display:none; }
.navbar-toggle:hover img.menu-button-open.blue { display:block; }
.navbar-toggle.open:hover img.menu-button-close, .navbar-toggle.open:hover img.menu-button-open.blue { display:none; }
.navbar-toggle.open:hover img.menu-button-close.blue { display:block; }



#pushPanel ul { display: block; list-style: none; margin: 0px; padding: 0px; margin-top: 37px; margin-left: 20px; width:280px;  }
#pushPanel ul li a { padding-left: 10px; font-size: 18px; font-family: Gotham Book; color:var(--popname-original-color); line-height: 60px; display:block; background: transparent url('../img/redesign/sidepanel-arrow.png') right 10px top 20px; background-repeat: no-repeat; border-top: 1px solid #165353;  }
#pushPanel ul li { display: block; height:60px; width:280px; }

@media (min-width: 768px) {
	#pushPanel ul li a:hover, #pushPanel ul li a:active { color:#000 !important; background-color: var(--popname-original-color); background-position: right 10px top -38px;  text-decoration: none; }
	#pushPanel ul li a { -webkit-transition: background-color 0.5s; transition: background-color 0.5s; -moz-transition: background-color 0.5s; }
}

#pushPanel .currency-switcher, #pushPanel .side-basket { margin-left: 20px; margin-top: 2em; text-transform: uppercase; clear:both; margin-bottom: 10px; }
#pushPanel .currency-switcher a, #pushPanel .currency-switcher { color:var(--popname-original-color); width:280px; }
#pushPanel .currency-switcher a { display:block; float:left; width:133px; border:1px solid #565656; height:34px; line-height: 34px; text-align: center; }
#pushPanel .currency-switcher a:first-child { margin-right: 10px; }
#pushPanel .currency-switcher.lang a { display:block; margin-right:17px;  }
#pushPanel .currency-switcher a:hover { color:black !important; background:var(--popname-original-color); border-color:var(--popname-original-color); }
#pushPanel .currency-switcher a.selected { color:black !important; background:var(--popname-original-color); border-color:var(--popname-original-color); }
#pushPanel .currency-switcher.lang-switcher { margin-top: 1em; }
#pushPanel .currency-switcher.lang-switcher a { margin-left: 0px; margin-right: 0px; }
#pushPanel .currency-switcher.lang-switcher a:first-child { margin-right: 10px; }

#pushPanel .blue { color:var(--popname-original-color); }
#pushPanel .side-kosik-opener img { float:right; margin-top: 18px; margin-right: 10px; }
#pushPanel .side-kosik-opener { background-image:none;  }
#pushPanel .side-kosik-opener img.white { display: none; }
#pushPanel .side-kosik-opener:hover img.white, #pushPanel .side-kosik-opener:active img.white { display: inline-block;  }
#pushPanel .side-kosik-opener:hover img.blue, #pushPanel .side-kosik-opener:active img.blue { display: none;  }
#pushPanel #scroll { height: 90%; overflow: hidden; width:300px; }
#pushPanel #scroll-inner { height: 100%; overflow: auto; width:320px; padding-bottom: 20px; }

#pushPanel #SearchInputMobile {  height:60px; outline: none; background: transparent; border:none; color:var(--popname-original-color); font-size:18px; font-family: Gotham Book; padding: 0px 10px 0px 10px; float: left; box-sizing:border-box; width:250px; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
#pushPanel #SearchButtonMobile { background: transparent url('../img/redesign/hledat_blue.png') center center no-repeat; width:17px; height: 60px; display: block; line-height: 60px; border: none; float:right; }


.pushpanel-bottom { position: absolute; bottom: 60px; width: 289px; left: 0px; display: block; }
.pushpanel-bottom .currency-switcher { float: left; margin-top: 0px !important; margin-bottom: 0px; }
.social { width: auto; display: inline-block; float: right; }

.button { color:#000; padding:21px 78px 21px 55px; margin:0px auto; display: inline-block; font-family: Gotham Light; border:1px solid #000; background: transparent url('../img/redesign/submit-icon-black.png') right+15px center no-repeat; cursor: pointer; }
.button:hover { text-decoration: none; }
.blue-button { display: block; padding:11px; color:#000; background: var(--popname-original-color); text-align: center; }
.blue-button:hover, .blue-button:active { color:#000 !important; background: #fff; border:1px solid #000; border-top: none; padding-bottom: 10px; cursor: pointer; }

#TopMenu2 ul { list-style: none; width:100%; text-align: center; margin:0px; padding:0px; }
#TopMenu2 ul li a { color:#000; font-family: Gotham Light; font-size:16px;}


.lang-switcher a { margin-left: 15px; margin-right: 15px; }
.lang-switcher a.selected { color:var(--popname-original-color);  }
.footer-logo { margin-right: 20px; }
.social-logo { margin-left: 20px; }
#pushPanel .social-logo { margin-left: 15px; }
#footer-odsaz { margin-bottom: 100px; }

/* kosik  */

#kosik-table { margin-bottom: 50px; }
#kosik-table .kosik-radek { padding-top: 25px; padding-bottom: 25px; border-bottom:1px solid var(--popname-original-color); margin-right: 25px; }
#kosik-table .kosik-radek>div { height:150px; position: relative; }
#kosik-table .photo { width:150px; margin-right: 38px; float:left; }
#kosik-table .title { width:auto; font-family:Gotham Light; font-size:18px; color:var(--popname-original-color); }
#kosik-table .title-caption { color:var(--popname-original-color); font-size: 18px; font-family: Gotham Bold; max-width: 70%; display: block;  }
#kosik-table .price { font-family:Gotham Light; font-size:24px; /*position: absolute;*/ bottom: 13px; }
#kosik-table .remove-button { width:75px; float:right; margin-right: 25px; padding-top: 40px; position: absolute;z-index: 10; }
#kosik-panel .view-basket { display: block; background: var(--popname-original-color); color:#000; font-size: 18px; font-family: Gotham Bold; height: 50px; line-height: 50px; padding-left: 24px; padding-right: 24px; float: left; margin-left: -15px; }
#kosik-panel .view-basket:hover { color:#000 !important; }
#kosik-panel .kosik-total { float:right; font-family:Gotham Light; font-size:24px; color:var(--popname-original-color); margin-right: 45px; margin-top: 7px; }
.basket-added-mobile {  position: fixed;  background: var(--popname-original-color); text-align: center; padding: 5px; font-family: "Gotham Light"; top:60px; width:100vw; }

.kosik-icon img { height:17px; }
.kosik-icon, .kosik-icon:hover, .kosik-icon:active {text-decoration: none !important; color:var(--popname-original-color) !important; }
.kosik-icon .kos_blue, .kosik-icon:hover .kos { display:none; text-decoration: none; }
.kosik-icon.selected .kos { display:none; text-decoration: none; }
.kosik-icon.selected .kos_blue, .kosik-icon:hover .kos_blue { display:inline; text-decoration: none; }

.hledat-icon, .hledat-icon:hover, .hledat-icon:active {text-decoration: none !important; }
.hledat-icon .hledat_blue, .hledat-icon:hover .hledat { display:none; text-decoration: none; }
.hledat-icon.selected .hledat { display:none; text-decoration: none; }
.hledat-icon.selected .hledat_blue, .hledat-icon:hover .hledat_blue { display:inline; text-decoration: none; }


.trash { width:74px; height:74px; display: block; background: transparent url('../img/redesign/delete.png') 0 0px no-repeat; }
.trash:hover {background-position: 0px -73px; }


@media (min-width: 768px) and (max-width: 1200px) {
	#kosik-table .kosik-radek>div { height:130px; }
	#kosik-table .remove-button { margin-right: 0px; width: 13px; padding-top: 0px; }
	#kosik-table .title { font-size:16px; }
	#kosik-table .price { font-size:20px; }
	#kosik-table .title-caption { font-size:16px; max-width: 90%; }
	#kosik-table .photo { width:75px; }
	#kosik-table .photo img { width: 75px; }
	#kosik-table .kosik-radek { margin-right: 0px; }
	.kosik-panel-wrap { width: 612px; padding: 25px 15px 25px 25px; }
	.trash { width:13px; height:13px; display: inline-block; background: transparent url('../img/redesign/trash-mobile-blue.png') 0 -16px no-repeat; }
	.trash:hover { background-position: 0px 0px; }
}

/* vypis produktu - podstranka */

.column-layout p { display: block; vertical-align: top; }

.two.column-layout {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }

.three.column-layout {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }

.four.column-layout {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }

 #text { margin-bottom:70px; }
 #text h2 { margin-bottom:30px; }

.filters-block { padding-left: 0px; }
.filters-block hr { width:189px; margin-left: 0px; }
.filter { margin-bottom:10px; margin-top: 10px; clear: both; }
.filter:first-child { margin-top:0px; }
.filter ul {  list-style: none; margin:0px; padding:0px; }
.filter h3 { margin-bottom:20px; text-align: left; margin-top: 10px; font-family: Gotham Bold; font-size: 17px; }
.filter:first-child h3 { margin-top: 0px; }
.filter input[type=checkbox] { display:none; }
.filter li { line-height: 22px; }
.filter li .checkbox { margin-top:0px; margin-bottom: 0px; }


.produkty .product .product-nazev { font-size: 16px; font-family: Gotham Book; height:3.5em; }
.product .product-price { display:block; padding:10px 25px 10px 10px; height:35px; line-height: 15px; font-family: Gotham Bold; font-size: 13px; color:#1E1E1E; background-image: url('../img/redesign/product-price-field-icon.png'); background-repeat:no-repeat; background-position: right 8px top 6px; border:1px solid #1E1E1E; }
.product .product-price .old { text-decoration: line-through; }
.product .product-price .new { color:#FF0000; }
.product:hover .product-price { background-position: right 8px top -25px; border:1px solid var(--popname-original-color); color:var(--popname-original-color); }
.product:hover .product-price * { color:var(--popname-original-color); }
.product-link { position: absolute; width:100%; height: 100%; display: block; z-index:11; }


/*  CUSTOM FILTERS  */


html:not(.pop-redesign) {
	/* Base for label styling */
	/* checkbox aspect */
	/* checked mark aspect */
	/* checked mark aspect changes */
	/* disabled checkbox */
	/* accessibility */ }
	html:not(.pop-redesign) [type="checkbox"]:not(:checked),
	html:not(.pop-redesign) [type="checkbox"]:checked,
	html:not(.pop-redesign) [type="radio"]:not(:checked),
	html:not(.pop-redesign) [type="radio"]:checked {
	  position: absolute;
	  left: -9999px; }
	html:not(.pop-redesign) [type="checkbox"]:not(:checked) + label,
	html:not(.pop-redesign) [type="checkbox"]:checked + label,
	html:not(.pop-redesign) [type="radio"]:not(:checked) + label,
	html:not(.pop-redesign) [type="radio"]:checked + label {
	  position: relative;
	  padding-left: 25px;
	  cursor: pointer;
	  font-size: 16px;
	  font-family: Gotham Light;
	  color: #000; }
	html:not(.pop-redesign) [type="checkbox"]:checked + label,
	html:not(.pop-redesign) [type="radio"]:checked + label {
	  color: var(--popname-original-color); }
	html:not(.pop-redesign) [type="checkbox"]:not(:checked) + label:before,
	html:not(.pop-redesign) [type="checkbox"]:checked + label:before,
	html:not(.pop-redesign) [type="radio"]:not(:checked) + label:before,
	html:not(.pop-redesign) [type="radio"]:checked + label:before {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 4px;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #1E1E1E;
	  background: #f8f8f8;
	  border-radius: 0px;
	  color: var(--popname-original-color); }
	html:not(.pop-redesign) [type="checkbox"]:not(:checked) + label:after,
	html:not(.pop-redesign) [type="checkbox"]:checked + label:after,
	html:not(.pop-redesign) [type="radio"]:not(:checked) + label:after,
	html:not(.pop-redesign) [type="radio"]:checked + label:after {
	  content: '';
	  position: absolute;
	  top: 4px;
	  left: 0px;
	  width: 10px;
	  height: 10px;
	  line-height: 1;
	  background: var(--popname-original-color);
	  /*border: 1px solid var(--popname-original-color);*/
	  color: var(--popname-original-color);
	  outline: none;
	  transition: all .2s; }
	html:not(.pop-redesign) [type="checkbox"]:not(:checked) + label:after,
	html:not(.pop-redesign) [type="radio"]:not(:checked) + label:after {
	  opacity: 0;
	  transform: scale(0); }
	html:not(.pop-redesign) [type="checkbox"]:checked + label:after,
	html:not(.pop-redesign) [type="radio"]:checked + label:after {
	  opacity: 1;
	  transform: scale(1); }
	html:not(.pop-redesign) [type="checkbox"]:disabled:not(:checked) + label:before,
	html:not(.pop-redesign) [type="checkbox"]:disabled:checked + label:before,
	html:not(.pop-redesign) [type="radio"]:disabled:not(:checked) + label:before,
	html:not(.pop-redesign) [type="radio"]:disabled:checked + label:before {
	  box-shadow: none;
	  border-color: #bbb;
	  background-color: #ddd; }
	html:not(.pop-redesign) [type="checkbox"]:disabled:checked + label:after,
	html:not(.pop-redesign) [type="radio"]:disabled:checked + label:after {
	  color: #999; }
	html:not(.pop-redesign) [type="checkbox"]:disabled + label,
	html:not(.pop-redesign) [type="radio"]:disabled + label {
	  color: #aaa; }
	html:not(.pop-redesign) [type="checkbox"]:checked:focus + label:before,
	html:not(.pop-redesign) [type="checkbox"]:not(:checked):focus + label:before,
	html:not(.pop-redesign) [type="radio"]:checked:focus + label:before,
	html:not(.pop-redesign) [type="radio"]:not(:checked):focus + label:before {
	  border: 1px dotted blue; }
  

/* CUSTOM SELECTBOX */


.customSelect { 
width:100%;
display:inline-block; 
padding:0px 13px 0px 13px; 
height:35px;
line-height: 15px;
font-family: Gotham Bold;
font-size: 16px; 
color:#1E1E1E;
border:1px solid #1E1E1E; 

}

.customSelect option {
	background: var(--popname-original-color);
    line-height: 20px;
    height: 30px;
    display: block;
    padding: 10px;	
    -webkit-appearance:none;
}

.bootstrap-select { margin-bottom: 8px; width:100% !important; outline:none; }
.bootstrap-select button { border-radius: 0px; padding:6px 12px; border-color: #1E1E1E; height:35px; line-height:22px; box-shadow: none !important; outline: none; }
.bootstrap-select:hover button, .bootstrap-select.open .dropdown-toggle { background-color: var(--popname-original-color) !important; background-image:inherit; border-color:var(--popname-original-color); }
.bootstrap-select * {  font-family: Gotham Book; font-size: 16px;  }
.bootstrap-select .bs-caret { display:none; }
.bootstrap-select .dropdown-menu { margin: 0px 0 0; border-color: #1e1e1e; border-radius: 0px; }
.bootstrap-select .selected, .bootstrap-select .selected * { color: var(--popname-original-color);  }

.filter-button { width:100%; height:35px; border-radius:0px; padding: 6px 12px; line-height: 22px; border: 1px solid #1E1E1E; background: #fff; margin-bottom: 8px; font-family: Gotham Book; font-size: 16px;  }
.filter-button.active { background: var(--popname-original-color); border:1px solid var(--popname-original-color); }
.filter-buttons .middle { padding-left: 7px; padding-right: 7px; }
.filter-buttons .left { padding-right: 0px; }
.filter-buttons .right { padding-left: 0px; }

ul.pagination { float:right; margin-right:10px;  }
ul.pagination li { width:21px; height: 21px; border:0px; margin-left: 6px; display:inline-block; line-height: 21px; padding: 0px; }
ul.pagination li a { display: block; width:21px; height: 21px; background: #000; color:#fff; font-family: Gotham Bold; font-size: 14px; text-align: center; padding: 0px;  border:0px;  border-radius: 0px !important; }
ul.pagination li a.nav-active, ul.pagination li a:hover { background: var(--popname-original-color); color:#000 !important; }
ul.pagination li a.nav-active span, ul.pagination li a:hover span { color:#000 !important; }

/* PRODUCT DETAIL */

.product-detail-left { width:460px; float:left; }
.product-detail-right { width:700px; float:right; margin-left: 30px; padding-top: 9px; padding-bottom: 50px; position: relative; }
.product-detail-right .main-image img { width:100%; cursor: zoom-in; }
.produkt-detail { margin-top: 61px; }

.produkt-detail .nadpis { font-family: Gotham Bold; font-size:39px; text-align: left; margin-top: 0px; margin-bottom: 20px; line-height: 46.8px; }
.product-detail-cena { font-family: Gotham Light; font-size: 39px; color:var(--popname-original-color); margin-bottom:45px; }

.produkt-detail .bootstrap-select { margin-bottom: 10px; width:100% !important; }
.produkt-detail .bootstrap-select button {  border-radius: 0px; padding:20px 50px 20px 29px; border-color: #1E1E1E; height:70px; line-height:29px; box-shadow: none !important; font-size:24px; }
.produkt-detail .bootstrap-select span { font:inherit; }
.produkt-detail #FormBasketsSubmit { margin-bottom: 10px; width: 100%; border:none; font-family: Gotham Book; font-weight: normal; text-align: left; border-radius: 0px; padding:20px 50px 20px 29px; background-color: var(--popname-original-color); height:70px; line-height:29px; box-shadow: none !important; font-size:24px; display:block; }
.produkt-detail .button-arrow, .produkt-detail .detail-block, .produkt-detail .button-arrow button { background-image: url('../img/redesign/button-arrow-big.png'); background-repeat: no-repeat; background-position: right 20px top 18px; }
.produkt-detail .detail-block { margin-bottom: 10px; border-radius: 0px; border-color: #1E1E1E; min-height:35px; line-height:22px;  width: 100%; border:1px solid #1E1E1E; font-family: Gotham Book; font-weight: normal; text-align: left; border-radius: 0px; padding:20px 50px 20px 29px; height:70px; line-height:29px; box-shadow: none !important; font-size:24px; display:block; }
.produkt-detail .bootstrap-select .filter-option.pull-right { float:left !important; }
.produkt-detail .nobackground { background-image:none !important; }
.produkt-detail .sharer>* { margin-right: 5px; }
.produkt-detail .detail-block.autosize {height:auto; }

.expander { padding: 0px !important; height:auto !important; border:1px solid #1E1E1E; }
.expander .expand-content { height:0px; overflow: hidden; }
.expander .expander-link { padding:20px 50px 20px 29px; display: block; width: 100%; height:70px; text-decoration: none; color:#000 !important; border: none; }
.expander .expand-content { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;  }
.expander.expanded .expand-content { padding: 0px 29px 36px 29px; height: auto; }
.expander .expand-content { font-family: Gotham Light; font-size: 16px; color:#000; }
.expander .expand-content a { color:var(--popname-original-color); }
.expander .expand-content h3, .expander.expanded .expand-content h4 { font-size:16px; font-family: Gotham Bold; text-transform: none; text-align: left; }
.expander .expand-content h3 { margin-top:30px; margin-bottom: 10px; }
.expander .expand-content h4 { margin-top:10px; margin-bottom: 10px; }
.expander .expand-content h3:first-child, .expander.expanded .expand-content h4:first-child { margin-top:0px; }
.expander .expand-content h3.podnadpis, .expander.expanded .expand-content h4.podnadpis { margin-top:0px; margin-bottom: 20px; }
.expander .expand-content p { line-height: 22px; }
.expander .expand-content ol > li { margin:0px; line-height: 22px; }
.expander .expand-content table { width:100%; }
.expander .expand-content table thead td { font-family: Gotham Bold; }
.expander .expand-content table td { text-align: center; line-height: 40px; }
.expander .expand-content table tr { border-top:1px solid #C6C6C6; }
.expander .expand-content table tr:first-child { border-top:none; }
.expander.expanded { background-image:url('../img/redesign/close-button.png'); }

.gallery img { margin-bottom: 10px; }
.gallery-inner img { float:left; margin-right: 10px; }

.overlay-gallery { position: fixed; top:0px; left: 0px; width: 100%; height: 100%; max-height: 100%; background: #fff; z-index:10000; display:none; }
.overlay-gallery .content { height: 100%; max-height: 100%; padding-top: 20px; padding-bottom: 20px; }
.overlay-gallery #thumbnails, .overlay-gallery #sidebar, .overlay-gallery #images { height: 100%; max-height: 100%; }
.overlay-gallery #thumbnails { position: fixed; top:20px; left: 20px; z-index: 10001; text-align: center; }
.overlay-gallery #thumbnails .content { overflow-y: auto;}
.overlay-gallery #thumbnails img { display: inline; float: none; margin-bottom: 10px; }
.overlay-gallery #images { max-width:70%; margin: 0px auto; overflow-y:auto; text-align: center; }
.overlay-gallery #images img { width:auto; height: auto;  max-height: 100%;max-width: 100%; margin-bottom: 10px; }
.overlay-gallery #sidebar { position: fixed; top:20px; right: 20px; z-index: 10001; }

.gallery-inner img { width:130px; }

/* PRODUCT DETAIL - MEDIA QUERIES */

/* MEDIUM  */

@media (min-width: 1000px) and (max-width: 1199px) {
	.produkt-detail .nadpis, .produkt-detail .product-detail-cena { font-size:38px; }
	.product-detail-left { width:449px; float:left; }
	.product-detail-right { width:500px; margin-left: 20px; padding-top: 9px; padding-bottom: 50px; }
	.gallery-thumbs { width:510px;float:left;  }
	.product-detail-right .gallery-inner img { width:92px; }
}

@media (min-width: 768px) and (max-width: 999px) {
	.produkt-detail .nadpis, .produkt-detail .product-detail-cena { font-size:28px; line-height: 33.6px; }
	.produkt-detail .detail-block, .produkt-detail #FormBasketsSubmit, .produkt-detail .bootstrap-select button { font-size:18px; }
	.produkt-detail .product-detail-cena { margin-bottom:35px; }
	.product-detail-left { width:330px; float:left; }
	.product-detail-right { width:400px; margin-left: 20px; padding-top: 9px; padding-bottom: 50px; }
	.gallery-thumbs { width:410px;float:left;  }
	.product-detail-right .gallery-inner img { width:92px; }
}

/* BASKET */

.detail h2 { margin-bottom: 50px; }

.detail table { width:100%; }
.detail table thead td, .detail table thead th, .detail table th { font-family: Gotham Light; font-size: 18px; text-align: center; padding-bottom: 16px; text-transform: uppercase; }
.detail table td:first-child, .detail table th:first-child { text-align: left; padding-left: 0px; }
.detail table td { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.detail table tr { border-top:1px solid #c6c6c6; }
.detail table tr.noborder { border-top:0px; }
.detail table tr.noborder td {  padding-top: 0px; }
.detail table tr.no-bottom-padding td { padding-bottom: 10px; }


.detail table tr:first-child { border-top:none; }
.detail input[type=text] { min-width: 190px; height: 35px; text-align: left; padding-left: 12px; border:1px solid #1D1D1D; color:#000; font-family: Gotham Book; font-size: 18px; }

.detail.kosik table td.first img { width:100px; height: 100px; margin-right: 30px; float:left; }
.detail.kosik table td { vertical-align: middle; }
.detail.kosik th.kosik-nazev, .detail.kosik td.kosik-velikost { width:400px; }
.detail.kosik th.kosik-cena { width:220px; }
.detail.kosik th.kosik-odebrat, .detail.kosik td.bunka-odebrat { text-align: right; }
.detail.kosik table td.first { font-family: Gotham Bold; font-size:18px; line-height: 21.6px; text-align: left; padding-left: 0px; }
.detail.kosik th.kosik-velikost.rekapitulace { width:245px; }
.detail.kosik th.kosik-cena.rekapitulace { width:auto; text-align: right; }
.detail.kosik td.bunka-cena.rekapitulace { text-align: right; }
.detail.kosik th.kosik-nazev.rekapitulace { width:500px; }
.detail.kosik table.rekapitulace td.first span { max-width: 370px;  }

.basket-trash { width:72px; height:72px; display: inline-block; background: transparent url('../img/redesign/basket_trash.png') 0 0px no-repeat; cursor: pointer; }
.basket-trash:hover { background-position: 0px -72px; }

.detail.kosik .container { padding-left: 0px; padding-right: 0px; }
.detail.kosik .bootstrap-select .filter-option.pull-right { float:left !important; max-width:110px; overflow: hidden; font-family: Gotham Book; font-size: 18px; color:#000; }
.detail.kosik .bootstrap-select { max-width: 160px;  margin-bottom: 6px; margin-right:16px; }
.detail.kosik .button-arrow, .detail.kosik .detail-block, .detail.kosik .button-arrow button { background-image: url('../img/redesign/basket_button.png'); background-repeat: no-repeat; background-position: right 14px top 5px; }
.detail.kosik input[type=text].pocetks { min-width:0px; width:50px; height:35px; text-align: center; font-family: Gotham Book; font-size: 18px; color:#000; border:1px solid #1d1d1d; display: inline-block; margin-right:18px;}
.detail.kosik table td.first span {   display: inline-block; padding-left: 30px; max-width: 270px; }
.detail.kosik table td.first img { float:none; margin-right:0px; display: inline-block; }
.detail.kosik .bunka-cena { font-family: Gotham Bold; font-size: 18px; }
.detail.kosik button.basket-square-button, .detail.kosik input.basket-square-button { width:35px; height:35px; background:var(--popname-original-color); background-image:url('../img/redesign/basket_button.png'); background-repeat: no-repeat; background-position: center top 6px; border:none; margin-bottom: 6px; display:inline-block; vertical-align: middle; }
.detail.kosik button.basket-square-button:hover, .detail.kosik input.basket-square-button:hover { background-color:#000; background-position: center top -22px; }
.detail.kosik button.basket-apply-button, .detail.kosik input.basket-apply-button { min-width:35px; height:35px; background:var(--popname-original-color); background-image:url('../img/redesign/basket_button_small.png'); background-repeat: no-repeat; background-position: right 10px top 9px; border:none; margin-bottom: 6px; display:inline-block; vertical-align: middle;  padding-right: 35px; padding-left: 10px; }
.detail.kosik button.basket-apply-button:hover, .detail.kosik input.basket-apply-button:hover { background-color:#000; color:var(--popname-original-color); background-position: right 10px top -9px; }
.detail.kosik #voucher-input { width:190px; margin-bottom: 0px; vertical-align: middle; }
.detail.kosik .use-vouchers input { vertical-align: middle; margin-bottom: 0px; }
.detail.kosik .use-vouchers label { vertical-align: middle; margin-bottom: 0px; display:inline-block; margin-right: 35px;font-family: Gotham Light; font-size: 18px; text-transform: uppercase; }
.detail.kosik span.subtotal { width:200px; display: block; float: right; text-align: center; font-family: Gotham Light; font-size: 18px; text-transform: uppercase;  }
.detail.kosik a.objednat { display:block; float: right; background-image:url('../img/redesign/basket_button.png'); background-repeat: no-repeat; box-sizing:border-box; background-position: right 10px top 15px; width:260px; height:50px; background-color:var(--popname-original-color); font-size: 18px; font-family: Gotham Book; padding: 13px 35px 0px 14px; }
.detail.kosik a.objednat:hover { background-position: right 10px top -14px; background-color:#000; }
.detail.kosik #kosik-table { margin-bottom: -5px;  }
.detail.kosik .fake-select { max-width: 160px; padding:5px 12px; text-align: left;  margin-bottom: 6px; margin-right:16px; border:1px solid #000; height:35px; float:left; font-family: Gotham Book; font-size: 18px; }
.detail.kosik .pocetks.disabled-input { float:left; }


@media (min-width: 768px) and (max-width: 1200px) {
	.detail.kosik .container { width:750px; }	
	.detail.kosik table td.first img { float:none; margin-right:0px; display: inline-block; }
	.detail.kosik table td.first span {   display: inline-block; padding-left: 10px; max-width: 130px; }
	.detail.kosik input[type=text].pocetks { height:30px; width:30px; margin-right: 6px; text-align: center; }
	.detail.kosik input[type=text] { height:30px; font-size: 16px;  }
	.detail.kosik .bootstrap-select { height:30px; width: 90px !important; margin-right: 6px; }
	.detail.kosik .bootstrap-select .filter-option.pull-right { max-width:70px; font-size: 14px; }
	.basket-trash { width:13px; height:13px; display: inline-block; background: transparent url('../img/redesign/basket_trash_small.png') 0 0px no-repeat; }
	.basket-trash:hover { background-position: 0px -13px; }
	.detail table thead th, .detail table th { font-family: Gotham Light; font-size: 14px;}
	.detail.kosik td.bunka-odebrat { text-align: right; padding-right: 30px; }
	.detail.kosik th.kosik-nazev { width:275px; }
	.detail.kosik th.kosik-velikost { width:180px; }
	.detail.kosik .bunka-cena { font-family: Gotham Bold; font-size: 14px; }
	.detail.kosik table td.first { font-family: Gotham Bold; font-size:14px; line-height: 16.8px; }
	.detail.kosik th.kosik-cena { width:auto; }
	.detail.kosik #voucher-input { width:130px; min-width: 0px; margin-right: 6px;  }
	.detail.kosik .use-vouchers label { font-size: 16px; margin-right: 26px }
	.detail.kosik button.basket-square-button, .detail.kosik input.basket-square-button { width:30px; height:30px; background-image:url('../img/redesign/basket_button_small.png'); background-position: center top 6px; }
	.detail.kosik button.basket-square-button:hover, .detail.kosik input.basket-square-button:hover { background-position: center top -12px; }
	.detail.kosik button.basket-apply-button, .detail.kosik input.basket-apply-button { width:120px; }
	.detail.kosik .bootstrap-select button { height:30px; padding: 3px 8px;  }
	.detail.kosik a.objednat { background-image:url('../img/redesign/basket_button_small.png'); background-position: right 10px top 9px; width:220px; height:35px; font-size: 14px; padding: 8px 35px 0px 14px; }
	.detail.kosik a.objednat:hover { background-position: right 10px top -8px; background-color:#000; }
	.detail.kosik #kosik-table { margin-bottom: -20px;  }
}

@media (max-width: 767px) {
	.basket-trash { width:13px; height:13px; display: inline-block; background: transparent url('../img/redesign/basket_trash_small.png') 0 0px no-repeat; }
	.detail.kosik .container {
    	padding-left: 10px;
    	padding-right: 10px;
	}
	.basket-trash:hover { background-position: 0px -13px; }
	.detail.kosik table tr td { display: inline-block; }
	.detail.kosik table tr td.bunka { width: 100%; }
	.detail.kosik table tr th { display: none; }
	.detail.kosik table .first { width: 100%; padding-top: 10px; padding-bottom: 0px; }
	.detail.kosik table td.first span {   display: inline-block; padding-left: 10px;  max-width: 63%; font-size: 16px; }
	.detail.kosik .bunka-odebrat-xs { width:100%; padding-bottom: 0px; }
	.detail.kosik .bunka-odebrat-xs a { float:right; }
	.detail.kosik .th { font-family: Gotham Light; font-size: 16px; text-align: left; }
	.detail.kosik label { font-size: 16px; }
	.detail.kosik .bunka-cena { text-align: right; width: 100%; }
	.detail.kosik tr.kosik-table-radek .bunka-cena { padding-bottom: 40px; }
	.detail.kosik .bunka-cena span { float:left;}
	.detail.kosik .bunka .th { padding-bottom: 10px; clear: both; display: block; }
	.detail.kosik span.subtotal { width: auto; float: left; font-size: 16px; }
	.detail.kosik td.fifty { width: 50%; text-align: left; font-size: 16px; }
	.detail.kosik .soucet-full { text-align: right; width: 100%; font-size: 16px; } 
	.detail.kosik .bunka-cena.soucet { text-align: right; width: 50%; font-size: 16px; } 
	.detail.kosik #voucher-input { margin-bottom: 0px;  vertical-align: middle;  float: left; width: 100%; min-width:0px; margin-right: 130px; }
	.detail.kosik a.objednat { width: 100%; font-size: 16px; padding-top: 15px; }
	.detail.kosik .use-vouchers-wrap { width: 100%; position: relative; }
	.detail.kosik .use-vouchers { padding-right: 130px; }
	.detail.kosik .use-vouchers label { font-size: 16px; width: 100%; }
	.detail.kosik .use-vouchers input[type=text] { margin-left: 0px; width:100%; margin-right: 145px; }
	.detail.kosik .use-vouchers .basket-apply-button { position: absolute; right:0px; }
}


/* MOBILNI ZOBRAZENI */


@media (max-width: 767px) {
	#pushPanel ul { margin-top: 17px; }
	#footer-odsaz { display: none; }
	#TopMenu2 ul li a { font-size: 14px; }
	/* index, vypis produktu */
	.product { width:50%;  }
	.product-nazev { font-family: Gotham Light !important; font-size: 12px !important; }
	.filters-block { width:100%; min-width: 100%; }
	#text .one.column-layout, #text .two.column-layout, #text .three.column-layout, #text .four.column-layout {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
    h2 { font-size: 24px !important; }
	.filters-block { padding-left: 15px !important; }
	#text { padding-left: 15px; padding-right: 15px; }
	.produkty .product { max-width: none !important; }
	.priority-2 { display:none !important; }
	.show-priority-2 { display:block !important; }
	.navbar-nav { margin:3.5px 15px; }
	#footer .align-left, #footer .align-right,#footer .align-center { text-align: center; margin-bottom: 25px; }
	#footer .footer-social-logo, #footer .footer-logo { margin-left: 10px; margin-right: 10px; }
	#footer .social-logo { margin-left: 0px; }
	.banner-overlay { padding-top:30px; transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); position: static !important; text-align: center !important; float:none !important; width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 40px; cursor: pointer; }
	.banner-overlay h3 { font-size:24px; line-height: 25px; color:#000 !important; text-align: center !important; width: 100% !important; margin-bottom: 10px !important; }
	.banner-overlay p { font-size:14px; color:#000 !important; width: 100% !important; text-align: center !important; }
	.banner-overlay .banner-button { background: var(--popname-original-color); width:120px; height:30px !important; font-size:16px !important; margin-top: 20px !important; color:#000 !important; line-height: 30px !important; padding:0px !important; text-align:center !important; float:none !important; margin:0px auto !important; }
	.flex-control-nav { bottom:0px !important; }
	#slide-image-box { padding-left: 0px !important; padding-right: 0px !important; }
	#blog-banners { padding-left: 15px !important; padding-right: 15px !important; }
	#blog-banners .banner-overlay-small { opacity: 1 !important; background: none !important; margin:0px !important; width:100% !important; padding: 0px !important; position: static; }
	#blog-banners .darken { display: none !important; }
	#blog-banners .first, #blog-banners .second, #blog-banners .third { padding: 0px !important; padding-left: 0px !important; }
	/*#top>.container>.row { margin-left: -15px; margin-right: -6px; }*/
	#blog-banners .banner-overlay-small { padding-top:30px !important; transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%);  position: static !important; text-align: center !important;  padding-bottom: 40px !important; float:none; clear:left; cursor: pointer; }
	.banner-overlay-small h3 { font-size:16px !important; font-family: Gotham Book !important; line-height: 25px; color:#000 !important; text-align: center !important; width: 100% !important; margin-bottom: 10px !important; text-transform: uppercase !important; }
	.banner-overlay-small p { font-size:12px !important; font-family: Gotham Light !important; color:#000 !important; width: 100% !important; text-align: center !important; }
	.banner-overlay-small .banner-button { font-family: Gotham Light !important; border: 1px solid var(--popname-original-color) !important; width:120px; height:30px !important; font-size:16px !important; margin-top: 20px !important; color:var(--popname-original-color) !important; line-height: 30px !important; padding:0px !important; text-align:center !important; float:none !important; margin:0px auto !important; }
	
	#newsletter-input { font-family: Gotham Light; color:#000 !important; font-size:14px; width:670px; height:35px; background:transparent url('../img/redesign/arrow_8_14.png') center right 7px no-repeat; padding:6px 30px 10px 10px; }

	.filter-toggle-wrap { padding-left: 0px; padding-right: 0px; }
	#text { margin-bottom: 0px !important; }
	.filters-block hr { width:83% !important; }
	.product { padding: 5px !important;}
	.product.odd { padding-left: 0px !important; }
	.product.even { padding-right: 0px !important; }
	.product-price { font-size:12px !important; }
	/* detail produktu  */
	.produkt-detail .nadpis { font-family: Gotham Bold; font-size:24px; text-align: center; margin-top: 0px; margin-bottom: 20px; line-height: 25px; }
	.product-detail-cena { font-family: Gotham Light; font-size: 32px; color:var(--popname-original-color); margin-bottom:30px; text-align: center; }
	.product-detail-left { width:100%; float:left; clear:both; padding-left: 20px; padding-right: 20px; }
	.product-detail-right {width:100%; float:left; clear:both; margin-left: 0px; padding-top: 9px; padding-bottom: 50px; position: relative; }
	.product-detail-right .main-image img { width:100%; }
	.produkt-detail { margin-top: 61px; }
	.gallery-inner img { width:33.3%; padding:0px; margin-right: 0px; }
	.gallery-inner.img1th img { padding-right: 7px; } 
	.gallery-inner.img2th img { padding-right: 4px; padding-left: 3px; } 
	.gallery-inner.img0th img { padding-left: 7px; } 
	 
	.produkt-detail .bootstrap-select { margin-bottom: 10px; width:100% !important; }
	.produkt-detail .bootstrap-select button { border-radius: 0px; padding:8px 50px 20px 20px; border-color: #1E1E1E; height:45px; line-height:29px; box-shadow: none !important; font-size:16px; }
	.produkt-detail .bootstrap-select span { font:inherit; }
	.produkt-detail #FormBasketsSubmit { margin-bottom: 10px; width: 100%; border:none; font-family: Gotham Book; font-weight: normal; text-align: left; border-radius: 0px; padding:8px 50px 20px 20px; background-color: var(--popname-original-color); height:45px; line-height:29px; box-shadow: none !important; font-size:16px; display:block; }
	.produkt-detail .button-arrow, .produkt-detail .detail-block, .produkt-detail .button-arrow button { background-image: url('../img/redesign/arrow_12_23.png'); background-repeat: no-repeat; background-position: right 10px top 10px; }
	.produkt-detail .detail-block { margin-bottom: 10px; border-radius: 0px; border-color: #1E1E1E; min-height:35px; line-height:22px;  width: 100%; border:1px solid #1E1E1E; font-family: Gotham Book; font-weight: normal; text-align: left; border-radius: 0px; padding:8px 50px 20px 20px; height:70px; line-height:29px; box-shadow: none !important; font-size:24px; display:block; }
	.expander .expander-link { padding:8px 50px 20px 20px; display: block; width: 100%; height:45px; text-decoration: none; color:#000 !important; border: none; font-size: 16px !important; }
 }

 /* OBJEDNAVKOVY FORM */


 .header-block { width:100%; height:79px;  background-image: url('../img/redesign/arrow_up_down.png'); background-position: right 30px top 20px; background-repeat: no-repeat; font-size: 24px; font-family: Gotham Book; margin-bottom: 20px; }
 .header-block.active { background-color:var(--popname-original-color); color:#000; }
 .header-block.inactive { background-color:#000; background-position: right 30px top -32px; color:var(--popname-original-color); }
 .header-block.active a, .header-block.active a:hover { color:#000 !important; }
 .header-block.inactive a { color:var(--popname-original-color); }
 .header-block a { padding: 25px 30px 30px 30px; display: block; text-transform: uppercase; }
 .header-block span { display: inline; }

 
 .detail.objednavka label { font-family: Gotham Light; font-size: 18px; display:block; line-height:21.6px; float:none; }
 .detail.objednavka input[type=text] { font-family: Gotham Book; font-size: 16px; display:block; width: 380px; height:50px; border-color: #C7C7C6; }
 .detail.objednavka .container { padding-left: 0px; padding-right: 0px; }
 .detail.objednavka .divInput,  .detail.objednavka .divBool, .detail.objednavka .divSelect { margin-bottom: 40px; }
  .detail.objednavka .divSelect.zeme-select { margin-bottom: 30px; }
 .detail.objednavka .order-options .divBool { margin-bottom: 0px; }
 .detail.objednavka .bootstrap-select { margin-bottom: 10px; width:380px !important; }
 .detail.objednavka #dialing-code .bootstrap-select { margin-bottom: 0px; width:150px !important; float:left; margin-right: 10px; }
 .detail.objednavka #dialing-code input { width:220px !important; float: left;  }
 .detail.objednavka .bootstrap-select button { border-radius: 0px; padding:9px 50px 20px 15px; border-color: #C7C7C6; height:50px; line-height:29px; box-shadow: none !important; font-size:16px;  background-image:url('../img/redesign/arrow_down.png') !important; background-position: right 20px top 15px !important;  background-repeat: no-repeat !important; }
 .detail.objednavka .bootstrap-select span { font:inherit; }
 .detail.objednavka .bootstrap-select .filter-option.pull-right { float:left !important; }
 .detail.objednavka .first-column { padding-right: 10px; }
 .detail.objednavka .second-column { padding-left: 10px; padding-right: 13.2px; }
 .detail.objednavka .third-column { padding-left: 5px; }
 .detail.objednavka textarea { width:380px; height:167px; border-color: #C7C7C6; padding:10px; font-size:16px; font-family: Gotham Book; }
 .detail.objednavka textarea.noinput { width:100%; max-width: 100%; min-width: 100%; height:180px; min-height: 180px; max-height: 180px; }
 .detail.objednavka .error { color:#ff0000 !important; }
 .detail.objednavka .error input { color:inherit; border-color: #ff0000; }
 .detail.objednavka .error label { color:inherit; }
 #FormOrdersDialingCode { float:left; margin-right: 10px; }
 span#FormOrdersEmail { font-family: Gotham Book; font-size: 16px; display: block; width: 100%; display: block; border-color: #C7C7C6; word-wrap: break-word; padding-top: 10px; }
 .detail.objednavka hr { height: 0px; border-bottom: 1px solid #C6C6C6; }
 .row.fakturacni-udaje { display:none; min-width: 100%; margin-top: 80px; }
 .row.fakturacni-udaje.aktivni { display:block; }
 .fa-switch { margin-top: 30px; margin-bottom: 30px;}
.detail.objednavka .order-options { padding-bottom: 35px;}
.detail.objednavka #FormOrdersSubmit{ border:0px; display:block; float: right; text-align: left; background-image:url('../img/redesign/basket_button.png'); background-repeat: no-repeat; box-sizing:border-box; background-position: right 10px top 15px; width:380px; height:50px; background-color:var(--popname-original-color); font-size: 18px; font-family: Gotham Book; padding: 3px 35px 0px 14px; }
.detail.objednavka #FormOrdersSubmit:hover { background-position: right 10px top -14px; background-color:#000; color:var(--popname-original-color); }
.detail.objednavka .order-options label { font-size: 12px; font-family: Gotham Book;}
.detail.objednavka .typ-platby { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #C6C6C6; }
.detail.objednavka .delivery-price { font-family: Gotham Bold; font-size: 18px; }
.detail.objednavka .delivery-price label { font:inherit; }
.detail.objednavka .last-row { margin-bottom:50px; margin-top: 30px; }
.detail.objednavka .subtotals { margin-top: 40px; }
.detail.objednavka .subtotals h4 { font-family: Gotham Light; font-size: 18px; text-transform: uppercase; }
.detail.objednavka .subtotals span { font-family: Gotham Bold; font-size: 18px;  }
.detail.objednavka .noinput { border: 0px; padding-left: 0px; color:#939598; width:100% !important; }
.detail.objednavka .labels { border-bottom: 1px solid #C6C6C6; padding-top: 50px; padding-bottom: 15px; }
.detail.objednavka .fields {  }
.detail.objednavka .label.nopadding { padding-top: 0px; }
.detail.objednavka .rekapitulace-podnadpis { text-align: left; margin-top: 50px; margin-bottom: 0px; }
#kosik-table.rekapitulace { border-bottom: 1px solid #C6C6C6; }

/* checkbox aspect */
.detail.objednavka .fa-switch [type="checkbox"]:not(:checked) + label:before,
.detail.objednavka .fa-switch [type="checkbox"]:checked + label:before,
.detail.objednavka [type="radio"]:not(:checked) + label:before,
.detail.objednavka [type="radio"]:checked + label:before{
  content: '';
  position: absolute;
  left:0; top: 1px;
  width: 20px; height: 20px;
  border: 1px solid #1E1E1E;
  background: #f8f8f8;
  border-radius: 0px;
  color:var(--popname-original-color);
}
/* checked mark aspect */
.detail.objednavka .fa-switch [type="checkbox"]:not(:checked) + label:after,
.detail.objednavka .fa-switch [type="checkbox"]:checked + label:after,
.detail.objednavka [type="radio"]:not(:checked) + label:after,
.detail.objednavka [type="radio"]:checked + label:after {
  /*content: '■';*/
  position: absolute;
  left:0; top: 1px;
  width: 20px; height: 20px;
  /*font-size: 44px;*/
  line-height: 1;
  background: var(--popname-original-color);  
  /*border: 1px solid var(--popname-original-color);*/
  color: var(--popname-original-color);
  transition: all .2s;
}


.detail.objednavka .fa-switch [type="checkbox"]:not(:checked) + label,
.detail.objednavka .fa-switch [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size:16px; 
  font-family: Gotham Light;
  color:#000;
}

.detail.objednavka [type="radio"]:not(:checked) + label,
.detail.objednavka [type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size:18px; 
  font-family: Gotham Book;
  color:#000;
}

.detail.objednavka [type="radio"]:checked + label,
.detail.objednavka label.checked {
  color:var(--popname-original-color);
}


#rekapitulace.detail.objednavka [type="radio"]:checked + label,
#rekapitulace.detail.objednavka label.checked {
  color:#000;
}


/* OBJEDNAVKA MEDIA QUERIES */

@media (min-width: 768px) and (max-width: 1199px) {
	.detail.objednavka .container { width:750px; }
	.detail.objednavka input[type=text] { width:365px; }	
	.detail.objednavka .third-column { padding-left: 15px; }
	.detail.objednavka .third-column .divInput { width:50%; float:left; }
	.detail.objednavka #dialing-code input { width:225px !important; }
	.detail.objednavka #dialing-code { padding-left: 10px; }
	.detail.objednavka #dialing-code .bootstrap-select { width:130px !important; }
	.detail.objednavka .bootstrap-select { width:365px !important; }
	.detail.objednavka textarea { width:100%; }
	.detail.objednavka #FormOrdersSubmit { width:230px; }
	.detail.objednavka .row.fakturacni-udaje { width:auto; }
	#labelFormOrdersFa_dic { padding-left: 10px; }
	#FormOrdersFa_dic { margin-left: 10px; }
	.detail.objednavka #FormOrdersSubmit { font-size: 14px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
	.detail.objednavka #dialing-code.quickstrike .bootstrap-select { width:125px !important; }
}

.row.neg-mar-10 {
	margin-left:-10px; margin-right:-10px;
}

@media (max-width: 767px) {
	.row.neg-mar-10 {
		margin-left:0px;
		margin-right: 0px;
	}
	.detail.objednavka .container { width:100%; }
	.detail.objednavka input[type=text] { width:100%; }	
	.detail.objednavka .bootstrap-select { width:100% !important; }
	.detail.objednavka textarea { width:100%; }
	.detail.objednavka #FormOrdersSubmit { width:100%; }
	.detail.objednavka .first-column, .detail.objednavka .second-column, .detail.objednavka .third-column { padding-left: 0px; padding-right: 0px; }
	.detail.objednavka .row { margin-left: 0px; margin-right: 0px; }
	.header-block { font-size: 18px; background-image: url('../img/redesign/arrow_up_down_mobile.png'); background-position: right 15px top 35px;  background-repeat: no-repeat; margin-bottom: 10px; }
	.header-block.inactive { background-position: right 15px top 17px;  background-repeat: no-repeat; }
	#FormOrders .col-xs-12 { padding-left: 0px; padding-right: 0px; }
	#FormOrdersSubmit { margin-top: 10px; }
	#dialing-code { padding-left: 160px !important; }
	.detail.objednavka #dialing-code .bootstrap-select { position:absolute; left:0px; margin-right: 0px; }
	.detail.objednavka #dialing-code label { margin-left: -160px; }
	.detail.objednavka #dialing-code input { width:100% !important; min-width: 0px; }
	.detail.objednavka .bootstrap-select { width:100% !important; }
	.detail.objednavka .platba .col-xs-8 label { font-size: 12px !important; }
	.detail.objednavka .platba { padding-left: 10px; padding-right: 10px; }
	.detail.objednavka .platba>div { font-size: 12px !important; }
	.detail.objednavka #objednavka>.row>.col-xs-12, #objednavka .platba .col-xs-8, #objednavka .platba .col-xs-4, #objednavka .platba .col-xs-6 { padding-left: 0px; padding-right: 0px; }
	.mobile-only-details label { border-bottom: 1px solid #C6C6C6; padding-bottom: 15px; padding-top: 15px; }
	.detail.objednavka .subtotals div { padding-left: 0px; padding-right: 0px; }
	#rekapitulace.detail.objednavka .typ-platby div { padding-left: 0px; padding-right: 0px; }
	#rekapitulace.detail.objednavka .typ-platby label { font-size: 12px !important; }
	.detail.objednavka .rekapitulace-podnadpis { padding-bottom: 15px; }
	#FormOrders.step1, #rekapitulace, #FormQuickstrike { padding-left: 10px; padding-right: 10px; }
	.no-pad, .no-pad>.row>div {
		padding-left:0px;
		padding-right: 0px;
	}
}

@media (max-width: 767px) {
	.detail.objednavka .third-column .row > div {
		padding-left: 0px;
		padding-right: 0px !important;
	}
}

/* BLOG */

.detail.blog { margin-top: 50px; }
.detail.blog .container { width: 1190px; }
.detail.blog .blog-1 { padding-left: 0px; padding-right: 13.2px; }
.detail.blog .blog-2 { padding-right: 6.6px; padding-left: 6.6px; }
.detail.blog .blog-0 { padding-right: 0px; padding-left: 13.2px; }
.detail.blog .blog-post img { width: 100%; }
.detail.blog .darken { padding-right: 13.2px; }
.detail.blog .blog-overlay {
	display:none; top:0px; position: absolute; display: block;  z-index: 10; opacity:0; 
 -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  width:383px;
  text-align: center;
  padding: 0px 15px 0px 15px;  
  padding-top: 50%;
  transform: translateY(-25%);
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
}

.detail.blog .blog-post { margin-bottom: 20px; }
.detail.blog .blog-post:hover .blog-overlay { opacity: 1; }
.detail.blog .datum { display: block; float:none; text-align: center; font-family: Gotham Book; font-size:16px; color:#fff;   }
.detail.blog h3 { display: block; float:none; text-align: center; font-family: Gotham Bold; font-size:30px; color:#fff; text-transform: none !important; margin-bottom: 8px; }
.detail.blog .blog-short-text { width:100%; text-align: center; font-family: Gotham Light; font-size: 16px; color:#fff; margin-bottom: 8px; }
.detail.blog p a { color:var(--popname-original-color); }

.blog-overlay .blog-button { padding:0px 40px 0px 40px; margin:0px auto; display: inline-block; font-family: Gotham Light; font-size:20px; height:40px; line-height: 38px; margin-top:10px; }
.blog-overlay .blog-button { border:1px solid #fff; color:#fff; cursor: pointer; }
.blog-post:hover .blog-overlay .blog-button { border:1px solid var(--popname-original-color); color:var(--popname-original-color); text-decoration: none; }

.detail.blog.blog-detail h2 { margin-top: 25px; font-size: 30px; margin-bottom: 25px; }
.detail.blog.blog-detail .datum { color:#000; }
.detail.blog.blog-detail p { font-size: 16px; font-family: Gotham Light; color:#000; line-height: 19.2px; }
.detail.blog.blog-detail p img { width:100%; }
.detail.blog.blog-detail iframe { width:100%; }

.detail.text-page h2 { margin-bottom: 25px; }
.detail.text-page p { font-family: Gotham Book; font-size: 14px; line-height: 20px; margin-bottom: 13px; }
.detail.text-page p * { font-family:inherit !important; font-size:inherit !important; }
.detail.text-page { min-height: 480px; }
.detail.text-page a { color:var(--popname-original-color); }
.detail.text-page img { max-width: 100%; }

.detail.blog.blog-detail.newsletter-block .container { width:650px;  }
.detail.blog.blog-detail.newsletter-block a { color:#000; text-decoration: underline; }
.detail.blog.blog-detail.newsletter-block h2 { font-size: 26px; }

@media (max-width: 650px) {
	.detail.blog.blog-detail.newsletter-block .container { width:100%; }
}

@media (min-width: 1000px) and (max-width: 1199px) {
	.detail.blog .container { width:970px; }
	.detail.blog h3 { font-size:20px !important; margin-bottom: 16px !important; }
	.detail.blog .blog-short-text { display: none; }
	.detail.blog .blog-overlay, .blog-post .overlay-link { width:310px; }
	.detail.blog .darken { width:310px; padding-right: 0px; }
	.detail.text-page { min-height: 280px; }
}

@media (min-width: 768px) and (max-width: 999px) {
	.detail.blog .container { width:750px; }
	.detail.blog h3 { font-size:20px !important; margin-bottom: 16px !important; }
	.detail.blog .darken { padding-right: 30px; padding-bottom: 30px; }
	.detail.blog .blog-overlay, .blog-post .overlay-link { width:345px; }
	.detail.blog .darken { width:345px; padding-right: 0px; }
	.detail.text-page { min-height: 550px; }
}


@media (max-width: 767px) {
	.detail.blog .container { width:100%; }
	.detail.blog.blog-detail .container { width:100%; padding-left: 30px; padding-right: 30px; }
	.detail.blog h3 { font-size:20px !important; margin-bottom: 16px !important; color:#000; }
	.detail.blog .darken { display:none !important; }
	.detail.blog .blog-short-text { color:#000; }
	.detail.blog .blog-overlay { position: static; display: block !important; opacity: 1 !important; transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); padding-top: 10px; width:100%; }
	.detail.blog .overlay-link { display: none; }
	.detail.blog .blog-overlay .blog-button { border:1px solid var(--popname-original-color); color:var(--popname-original-color); text-decoration: none; margin-bottom: 30px; }
	.detail.blog .blog-0, .detail.blog .blog-1, .detail.blog .blog-2 { padding-left: 0px; padding-right: 0px; }
	.detail.blog { margin-top: 0px; }
	.detail.blog.blog-detail { margin-top: 50px; }

	.detail.text-page { min-height: 0px; }

	.filters-block {display: none; }
	
}

/* newsletter */

#newsletter-input { margin-top:60px; margin-bottom: 60px; text-decoration: none; max-width: 100%; width:670px; cursor: inherit; height: 90px; padding-left: 25px; font-size: 30px; }
#FormNewsSubmit { width: 55px; height: 84px; position: absolute; float: left; margin-left: -55px; margin-top: 61px; }
#captcha { position: absolute; background: #fff; z-index: 10; padding: 20px; border: 1px solid #000; width: 670px; display: inline-block; margin-left: -670px; top: 145px; }
#captcha label { font-family: Gotham Light; font-size: 18px; display:block; line-height:21.6px; float:none; margin-bottom:20px; }
#captcha input[type=text] {  float: left; border:1px solid #C7C7C6; font-family: Gotham Book; font-size: 16px; display:block; width: 200px; height:50px; margin-right: 10px; padding: 10px; text-align: center; text-transform: uppercase; }
#captcha .FormNewsSubmit { border:0px; display:block; float: left; text-align: left; background-image:url('../img/redesign/basket_button.png'); background-repeat: no-repeat; box-sizing:border-box; background-position: right 10px top 15px; width: 200px; height:50px; background-color:var(--popname-original-color); font-size: 18px; font-family: Gotham Book; padding: 3px 35px 0px 14px; }
#captcha .FormNewsSubmit:hover { background-position: right 10px top -14px; background-color:#000; color:var(--popname-original-color); }
#captcha #test { border: 1px solid #c7c7c7; height: 50px; width: 200px; float: left; margin-right: 10px; }
#captcha #test tr { padding:5px; }
#captcha .cleaner { display:none; }
.newsletter-error { position: absolute; margin-left: 40%; width: 20%; background: var(--popname-original-color); padding: 15px; display: none; }
.newsletter-arrow { width:25px; height: 25px; transform:  translateX(-50%) rotateZ(45deg); background: var(--popname-original-color); position: absolute; bottom: -12px; left:50%; }

@media (min-width: 768px) and (max-width: 999px) {
	#newsletter-input { width:490px; font-size:22px; margin-top: 45px; height:65px; padding-left: 16px;}
	#captcha { margin-left: -490px; top: 109px; width: 490px; }
	#captcha input[type=text] { width:100px; }
	#captcha .FormNewsSubmit { width:125px; }
	.detail.blog .blog-0, .detail.blog .blog-1, .detail.blog .blog-2 { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 767px) {
	#FormNews { position: relative; }
	#newsletter-input { font-size: 14px; font-family: Gotham Light; padding-left: 10px; height: 35px; margin-top: 5px; }
	#FormNewsSubmit { width: 30px; height: 35px; position: absolute; float: right; right: 0px; top: -56px; display: inline-block; }
	#captcha { left: 0px; top: 45px; width: 100%; margin-left: 0px; }
	#captcha .FormNewsSubmit, #captcha #test, #captcha input[type=text] { width: 100%; margin-bottom: 10px; }
	#captcha .FormNewsSubmit { margin-bottom: 0px; }
	#captcha label { font-size:14px; }

}

.mCSB_inside>.mCSB_container { margin-right: 20px !important; }

.filter-cover, .products-cover { width:100%; height: 100%; z-index:10; background:rgba(255,255,255,0.7); position: absolute; }
.products-cover { background-image:url('../img/loading.gif'); background-position: top 50px center; background-repeat: no-repeat; margin-left: -15px; min-height: 150px; }

.detail.znacky { }
.detail.znacky h2 { margin-bottom: 33px; }
.detail.znacky h3 {  font-size: 40px; font-weight: normal; margin-bottom: 0px; margin-top: 0px; text-align: left; }
.detail.znacky .brand-row {     border-bottom: 1px solid #c8c8c8; padding-top: 20px; padding-bottom: 20px; }
.detail.znacky .brand-row:last-child {  border-bottom: none; }
.brands-a-z-list ul { list-style: none; margin:0px; padding:0px; }
.detail.znacky .brands-a-z-list ul li a { font-family: Gotham Book; font-size: 16px; color:#000; }

@media (max-width: 767px) {
	.brands-a-z-list li { padding-left: 0px; padding-right: 0px; }	
	.brands-a-z-list { margin-top: 20px; }
}

.invisible { visibility: hidden; }
span.bigger { font-family: 'Gotham Bold'; font-size: 40px; text-align: center; display: block; margin-top: 10px; }

#loading-overlay { background: #fff; position: fixed; width: 100%; height: 100%; top:0px; bottom: 0px; z-index: 9999; background-image:url('../img/loading.gif'); background-repeat: no-repeat; background-position: center center; }

.delivery-group {
	margin-top: 45px;
}

.platba>div:first-child {
	margin-top: 0px;
}

.delivery-group h3 {
	text-align: left;
	margin-bottom: 30px;
}

.balikovna-select-wrap { display: block; padding-top: 45px; }
.balikovna-select-wrap iframe {
	width:100%;
	min-height: 450px; overflow: hidden;
	border:0px;
}

.balikovna-select-wrap.na-postu iframe {
	min-height:500px;
}

.typ-platby span.smaller {
    font-size: 0.8em;
    margin-top: 10px;
	display: block;
	color:#000 !important;
}

span.span-disabled {
	color:#bbb;
}

.g-recaptcha>div {
	margin: 0px;
	float: right;
}

#kosik-panel {
	/*height: calc(100vh - 60px);*/
}

#kosik-panel .mCustomScrollbar, #kosik-panel .col-xs-12 {
	/*height: calc(100vh - 260px) !important;*/
}

.quickstrike-image {
	float:left;
	margin-right:15px;
	max-width: 220px;
}

@media (max-width:767px) {
	.quickstrike-image {
		max-width: none;
		float:none;
		margin-right:0px;
		width:100%;
		margin-bottom:15px;
	}
}

.discount-error {
	padding-left:0 !important;
	font-size:0.7em;
	color:#FF0000;
}
/*
.row#blog-posts {
	margin-left:-10px;
	margin-right:-10px;
}

.row#blog-posts>div {
	padding-left:10px !important;
	padding-right:10px !important;
}*/

.aspect-square {
	width:100%;
	padding-bottom:100%;
	height:0;
	box-sizing: border-box;
	position: relative;
}

.aspect-square img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: cover;
	background:#ddd;
}

.selected-branch {
	font-weight: bold;
	margin-top:10px;
}

#FormQuickstrikeTermsConditions, #labelFormQuickstrikeTermsConditions {
	opacity:0;
	position: absolute;
	pointer-events: none;
}