@font-face {
    font-family: 'akaya_kanadakaregular';
    src: url('../font/akayakanadaka-regular-webfont.woff2') format('woff2'),
         url('../font/akayakanadaka-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0;}
body {font-family: 'Montserrat', sans-serif; font-size: 1.4em; color: #000; background-color: #fff; height: 100%;}

a {text-decoration: none;}

.clr {clear: both;}

#pep-header {position: fixed; top: 0; left: 0; z-index: 9000; display: block; width: 100%; height: 70px; background: #fff;}
#pep-headerin {display: block; width: 100%; height: 70px; background: #fff;}
#pep-headerin .logo {display: block; float: left; height: 70px; width: auto; overflow: hidden;}
#pep-headerin .logo img {height: 70px; width: auto; padding: 20px;}

#overlay {display: block; position: fixed; bottom: 0; right: 0; width: 45vw; height: auto; z-index: 8000;}
#overlay img {width: 100%; max-width: 100%; height: auto;}
.ph-item-bottom-box {margin-bottom: 5px;}
.pep-cart-box {display: block; position: absolute; top: 0; right: 70px; height: 70px;}
.ph-cart-module-box {display: block; float: left; width: 50px; height: 70px;}
.dropdown-toggle {cursor: pointer; width: 50px; height: 70px;}
.dropdown-toggle .glyphicon {color: #000; line-height: 70px; font-size: 1.4em; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
.dropdown-toggle:hover .glyphicon {color: #32a936;}
.dropdown-menu {z-index: 9000}
.ph-small {font-size: 1em;}
.ph-cart-dropdown {top: 68px; left: auto; right: 0; padding: 10px; border: 0; min-width: 200px;}
.ph-cart-small-box .row {margin: 0; padding: 10px;}
.ph-cart-small-title a {color: #fff;}
sup {font-size: 110%; color: #422918;}
.dropdown-menu {background-color: #32a936; border-radius: 0; -webkit-box-shadow: 0; box-shadow: 0; border: 0;}
.ph-cart-link-checkout a {color: #fff !important;}

.btn-primary {background-color: #94c467; border: none; border-radius: 0;}
.btn-primary:hover {background-color: #32a836;}

.kosik  {display: block; float: right; width: 70px; height: 70px; background: url(../svg/kosik.svg) top left no-repeat; background-size: cover;}
.kosik span {display: block; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 10px; right: 10px; background-color: #32a936; border-radius: 50%; text-align: center; color: #fff; font-size: 0.8em;}

#pep-search {display: block; float: left; margin: 20px;}
#pep-search .btn-success {background: #95c567; border: none;}
#pep-search .btn-danger {background: #ccc; border: none;}
#pep-znacky {display: block; float: left; height: auto;}
#pep-znacky-nadpis {display: block; float: left; height: 80px; padding: 0 20px; background: #32a936; line-height: 80px; color: #fff; font-weight: 800; font-size: 1.3em;}
#pep-znacky a {display: block; float: left; width: 120px; height: 80px;}
#pep-znacky a img {width: 120px; opacity: 0.6; height: 80px; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
#pep-znacky a:hover img {opacity: 1;}

.burger {display: block; position: absolute; top: 0; right: 0; height: 70px; width: 70px; background: #fff; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out; z-index: +1;}
.burger img {width: 100%; max-width: 100%; height: auto;}
.burger:hover {background: #32a936;}

.close {display: block; position: fixed; bottom: 0; right: 0; height: 70px; width: 70px; overflow: hidden; cursor: pointer; background: #fff; opacity: 1; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
.close:hover {background: #000;}

@media screen and (max-width: 999px) {
#pep-menu {display: none; width: 100vw; height: calc(100%); position: fixed; z-index: 10000; top: 0; left: 0; opacity: 0; background: #FFF;}
#pep-menu ul {width: 100%; text-align: right; padding: 50px 50px 0 0; list-style-type: none;}
#pep-menu ul li {margin-bottom: 10px;}
#pep-menu ul li a {color: #000; text-transform: uppercase; font-size: 1.4em; font-weight: 600; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
#pep-menu ul li a:hover {color: #32a936;}
}

#pep-slideshow {display: block; width: 100%; height: 100vh; position: relative; overflow: hidden;}
#pep-slideshow .custom {height: 100vh; width: 100%;}
#pep-slideshow img {width: 100%; max-width: 100%; min-height: 100vh; height: auto; object-fit: cover;}

.slide_nadpis {font-family: 'akaya_kanadakaregular'; position: absolute; top: 33vh; z-index: +1; width: 100%; padding: 0 10%; height: auto;}
.slide_nadpis h1 {display: block; width: auto; color: #fff; text-align: center; text-transform: uppercase; background: #3e2a1b; border-radius: 30px; padding: 10px; font-size: 2em;}
.popis {padding: 0 50px;}
.slide_nadpis p {display: block; width: auto; color: #fff; text-align: center; background: #32a936; border-radius: 25px; padding: 10px; margin-top: -15px; font-size: 0.9em;}

#sipka {font-family: 'akaya_kanadakaregular'; position: absolute; bottom: 30px; left: 30px; z-index: +1; color: #fff !important;}
#sipka a {display: block; color: #fff !important; font-size: 1.4em; position: relative; padding: 0 0 0 40px;}
#sipka a::before {content: url('../svg/sipka.svg'); display: inline-block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; animation: 0.9s infinite alternate bounce;}
@keyframes bounce {
  from {
    width: 20px;
	height: 20px;
  }

  to {
    width: 30px;
	height: 30px;
  }
}

.phoca-body {width: 90%; margin: 70px auto 0 auto;}

#pep-pr-home {display: block; width: 90%; margin: auto; overflow: hidden;}
#pep-pr-home h1 {margin-bottom: 20px;}
#pep-pr-home p {margin-bottom: 50px; line-height: 2em; text-align: justify;}
#pep-pr-home img {width: 100%; max-width: 100%; height: auto;}


/*:root {--swiper-theme-color: #32a936 !important;}*/
.ph-product-scroller-module-box {position: relative;}
.swiper-container {margin: 30px 0;}
.thumbnail {border: 0 !important; border-radius: 0 !important;}
.swiper-slide .ph-pull-left {float: none; margin: 10px 0 0 0;}
.swiper-slide .btn-primary {display: block; width: 100%;}
.swiper-button-next, .swiper-button-prev {margin-top: 0 !important;}

#pep-kategorie {display: block; float: left; width: 33vw; height: 33vw; padding: 20px;}
#pep-kategorie li {line-height: 1.2em; list-style-type: none;}
#pep-kategorie li a {color: #000; text-decoration: none; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
#pep-kategorie li a:hover {color: #32a936;}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: 0; border-radius: 0; background-color: #32a936; color: #fff;}
.nav-tabs {border: 0;}
.nav-tabs > li {border-bottom: -1px;}
.nav-tabs > li > a {border: 0; border-radius: 0;}
.btn-success {border: 0; border-radius: 0;}
.img-thumbnail {border: 0;}
.ph-tab-pane {border: #32a936 1px solid !important; margin-top: 0; color: #000 !important;}
.ph-tab-pane.fade {opacity: 1 !important; padding: 20px;}
.ph-tab-pane ul {margin: 0 0 0 30px;}
.nav-link {color: #000;}
.nav-link:hover {background-color: #94c467 !important; color: #fff; border-radius: 0;}
.ph-btn { background: #32a936; border: 0; border-radius: 0; color: #fff;}
.fade {opacity: 1;}

.progress {margin-top: 5px;}
.progress-bar {background-color: #32a936;}

.ph-header {margin: 30px 0;}
.ph-pagination-top {margin: 0;}

#pep-footer {display: block; width: 90%; margin: 50px auto 0 auto; min-height: 110px;}
#pep-footer li {list-style-type: none; display: inline; margin-right: 10px;}
#pep-footer a {color: #32a936;}

.breadcrumb {border-radius: 0;}

 #vyskakovaci {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0, 0.7); z-index: 15000; cursor: pointer;}
 #vyskakovaci_in {display: block; width: 90%; max-width: 960px; height: auto; position: relative; margin: 50px auto 0 auto; background: #fff; color: #000; padding: 20px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
 #vyskakovaci_in:after {content: "\00d7"; position: absolute; top: 5px; right: 10px;}

@media screen and (min-width: 1000px) {
	 #pep-header, #pep-headerin, .logo, .logo img {height: 80px;}
	 .logo, #pep-headerin .logo, #pep-headerin .logo img  {height: 80px;}
	 #pep-menu {display: block; float: left; height: 80px; line-height: 80px;}
	 #pep-menu li {list-style-type: none; display: block; float: left; height: 80px;}
	 #pep-menu li a {list-style-type: none; display: block; float: left; height: 80px; line-height: 80px; margin: 0 20px; color: #000; text-decoration: none; -webkit-transition: all 360ms; transition: all 360ms; transition-timing-function: ease-in-out;}
	 #pep-menu li a:hover {color: #32a936;}
	 .burger {display: none;}
	 .kosik {width: 80px; height: 80px;}
	 .kosik span {top: 15px; right: 15px;}
	 .pep-cart-box {display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 80px;}
	 .ph-cart-module-box {width: 80px; height: 80px;}
	 .dropdown-toggle {width: 80px; height: 80px;}
	 .dropdown-toggle .glyphicon {line-height: 80px;}
	 .ph-cart-dropdown {top: 78px;}
	 #pep-slideshow img {position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; min-height: 100vh; height: auto; object-fit: cover;}
	
	.slide_nadpis {font-family: 'akaya_kanadakaregular'; position: absolute; top: 42vh; z-index: +1; width: 100%; padding: 0 35%; height: auto; font-size: 1em;}
	.slide_nadpis h1 {display: block; width: auto; color: #fff; text-align: center; text-transform: uppercase; background: #3e2a1b; border-radius: 30px; padding: 10px; font-size: 3em;}
	.popis {padding: 0 50px;}
	.slide_nadpis p {display: block; width: auto; color: #fff; text-align: center; background: #32a936; border-radius: 25px; padding: 10px; margin-top: -15px; font-size: 1.5em;}
	
	 .close {display: none;}
	 .swiper-container {margin: 50px 0;}
	 #overlay {display: block; position: fixed; bottom: 0; right: 0; width: 33vw; height: auto; z-index: 8000;}
	 .phoca-body {margin: 80px auto 0 auto;}
	 #pep-footer {min-height: 300px;}
}