/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.nop-jcarousel {position: relative; margin: 0 0 20px;}
.nop-jcarousel .carousel-title {margin: 0 0 20px; padding: 10px 45px 10px 10px; text-align: center; font-size: 35px; font-weight: normal; position: relative;}
.nop-jcarousel .carousel-title strong {font-weight: bold; font-size: 40px;}
.novinky .slick-arrow, .akce .slick-arrow {opacity: 1;}
.side-2 .jCarouselMainWrapper  {
    max-width: 600px;
    margin: auto;
}
.side-2 .nop-jcarousel .carousel-title {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    padding: 12px 40px;
    font-size: 20px;
    color: #444;
    text-align: center;
}
.side-2 .jCarouselMainWrapper .slick-next,
.side-2 .jCarouselMainWrapper .slick-prev {
	width: 35px;
	height: 35px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: auto;
}
.side-2 .jCarouselMainWrapper .slick-next {
    right: 5px;
    background: url(images/jcarousel-right-small.png) no-repeat center;
}
.side-2 .jCarouselMainWrapper .slick-prev {
    left: 5px;
    background: url(images/jcarousel-left-small.png) no-repeat center;
}

.slick-carousel .item-box {width: 100%; padding: 0 5px; margin: 0;}

.carousel-item .ribbon-position {
    -webkit-transform: translateZ(0) scale(1.0, 1.0); /*Fix for delayed ribbon load on swipe*/
}

.hpcategories .home-page-category-grid {padding: 10px 0px 0 30px;}
.hpcategories .item-box {width: 90% !important; padding: 0 0 !important; border-radius: 6px; border: 0;}
.hpcategories .item-box:hover {box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.28);}
.hpcategories .item-box:nth-child(1n+0) {background-color: #39bbd1;}
.hpcategories .item-box:nth-child(2n+0) {background-color: #65d139;}
.hpcategories .item-box:nth-child(3n+0) {background-color: #398ed1;}
.hpcategories .item-box:nth-child(4n+0) {background-color: #fad849;}
.hpcategories .item-box .picture {background-color: transparent;}
.hpcategories .item-box .picture a img {top: auto; left: auto;}
.hpcategories .item-box .title {width: 40%; margin: 30px; text-align: left; font-size: 25px; color: #fff; font-weight: bold;}

.akce .product-grid .item-box {width: 94%; margin: 0 0.5% 30px; padding: 10px;}

.kurzy .product-grid .item-box {width: 94%; margin: 0 0.5% 30px; padding: 10px 10px 20px;}
.kurzy {position: relative;}
.kurzy .product-grid .item-box {width: 94%; margin: 0 0.5% 30px;}
.kurzy .home-page-product-grid {padding: 10px 15px 0 30px;}
.kurzy .slick-dots button {display: none;}
.kurzy .slick-arrow {position: absolute; top: 50%; z-index: 99; width: 10px; height: 60px; margin-top: -30px; border: none; font-size: 0; opacity: 1;}
.kurzy .slick-arrow:hover {opacity: 0.7;}
.kurzy .slick-prev {left: 0; background: url(images/jcarousel-left.png) no-repeat center;}
.kurzy .slick-next {right: 0; background: url(images/jcarousel-right.png) no-repeat center;}


.akce .item-box .product-box-add-to-cart-button, .novinky .item-box .product-box-add-to-cart-button {background-color: #fff; color: #0a0a0a; border: 1px solid #0a0a0a;}
.akce .item-box .product-box-add-to-cart-button:hover, .novinky .item-box .product-box-add-to-cart-button:hover {background-color: #e63188; color: #fff; border: 1px solid #e63188;}



/*Arrows*/

.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {    
    position: absolute;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    width: 35px;
    height: 35px;
    background-color: #f3f3f3;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
}
.jCarouselMainWrapper .slick-next {
    right: 0;
    background-image: url(images/jcarousel-right.png);
}
.jCarouselMainWrapper .slick-prev {
    left: 0;
    background-image: url(images/jcarousel-left.png);
}

.jCarouselMainWrapper .slick-disabled {
    opacity: 0.5;
    cursor: default;
}


/* Dots */

.jCarouselMainWrapper .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.jCarouselMainWrapper .slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
    text-align: center;
}

.jCarouselMainWrapper .slick-dots li {
	display: inline-block;
    margin: 0 5px;
}

.jCarouselMainWrapper .slick-dots li button {
    background: #eaeaea;
    border: none;
	width: 13px;
	height: 13px;
    font-size: 0;
}

.jCarouselMainWrapper .slick-dots .slick-active button {
	background: #53bbfa;
}

@media all and (min-width: 769px) {

.nop-jcarousel .carousel-title {margin: 0 0 5px;	font-size: 30px; padding: 10px 55px 15px 0;}
.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {
	width: 45px;
	height: 45px;
}
.center-2 .nop-jcarousel .carousel-title {
	font-size: 26px;
}

}

@media all and (min-width: 1001px) {

.center-2 .nop-jcarousel .carousel-title {
	text-align: left;
	padding: 0 80px 10px 10px;
}
.side-2 .nop-jcarousel .carousel-title {
    background: none;
    padding: 12px 75px 12px 10px;
    text-align: left;
}
.side-2 .nop-jcarousel .carousel-title strong {
    font-weight: bold;
}
.side-2 .jCarouselMainWrapper .slick-next {
    right: 0;
    background-image: url(images/jcarousel-right.png);
}
.side-2 .jCarouselMainWrapper .slick-prev {
    left: auto;
    right: 40px;
    background-image: url(images/jcarousel-left.png);
}
.center-2 .jCarouselMainWrapper .slick-next,
.center-2 .jCarouselMainWrapper .slick-prev {
	width: 35px;
	height: 35px;
    background-color: transparent;
}
.center-2 .jCarouselMainWrapper .slick-prev {
	left: auto;
	right: 40px;
}

.akce .nop-jcarousel .carousel-title, .novinky .nop-jcarousel .carousel-title {padding: 50px 0 10px;}

}


/*** jCarousel ***/
.kurzy .product-grid .item-box, .akce .product-grid .item-box {width: 94%; margin: 0 3% 30px; background-color: #fff;}
.kurzy .home-page-product-grid, .akce .home-page-product-grid {padding: 10px 0 0;}
.kurzy .slick-dots button, .akce .slick-dots button {display: none;}
.kurzy .slick-arrow, .akce .slick-arrow {position: absolute; top: 50%; z-index: 99; width: 10px; height: 60px; margin-top: -30px; border: none; font-size: 0;}
.kurzy .slick-arrow:hover, .akce .slick-arrow:hover {opacity: 0.5;}
.kurzy .slick-prev, .akce .slick-prev  {right: 0; margin: -30px 45px 0 auto; background: url(images/jcarousel-left2.png) no-repeat center;}
.kurzy .slick-next, .akce .slick-next {right: 0; margin-right: 10px; background: url(images/jcarousel-right2.png) no-repeat center;}