Ski&Bike Main page

14.8.2020

.owl-carousel {
width: 100%;
max-width: 800px;
margin: auto;
}
.owl-carousel .owl-stage-outer {
overflow: visible;
}
.owl-carousel.owl-drag .owl-item {
margin-right: 10px;
}
.owl-carousel .owl-nav, .owl-carousel.owl-theme .owl-nav {
position: absolute;
height: 50px;
right: 0;
z-index: 100;
top: calc(50% - 50px);
width: 100%;
left: 0;
margin: 0;
display: flex;
justify-content: space-between;
padding: 0px 15px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
font-size: 60px;
background: #fafafa;
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 35px;
box-shadow: 5px 5px 5px #00000030;
}
.owl-carousel .owl-nav button.owl-next span {
position: relative;
top: -6px;
left: 1px;
}
.owl-carousel .owl-nav button.owl-prev span {
position: relative;
top: -6px;
left: -2px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #000000;
color: #fff;
text-decoration: none;
}
.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus {
outline: none;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-bottom: 20px;
}
.owl-carousel.owl-drag .owl-item img {
border-radius: 15px
}
@media (max-width: 992px) {
.carousel_desktop_only {display: none !important;}
}

.kn_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;}
/* Fix for Safari width */
.kn_container:before, .kn_container:after {
width: 100%;
}
.kn_child3 p {margin-bottom: 0px;}
.kn_child3 p img {border-radius: 10px;}
@media (max-width: 768px) {
.kn_child3 {width:100%; margin-bottom:5px;}
}

@media (min-width: 768px) and (max-width: 992px) {
.kn_child3 {width:49.5%; margin: 0.25% 0;}
}
@media (min-width: 992px) {
.kn_child3 {width:32.8333%; margin: 0.25% 0;}
}
--></style>
<div class="owl-carousel owl-theme container carousel_desktop_only">
<div class="item">
<h4><a href="#"><img style="display: block; margin-left: auto; margin-right: auto;" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></a></h4>
</div>
<div class="item">
<h4><a href="#"><img style="display: block; margin-left: auto; margin-right: auto;" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></a></h4>
</div>
<div class="item">
<h4><a href="#"><img style="display: block; margin-left: auto; margin-right: auto;" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></a></h4>
</div>
<div class="item">
<h4><a href="#"><img style="display: block; margin-left: auto; margin-right: auto;" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></a></h4>
</div>
</div>
<div class="kn_container">
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
<div class="kn_child3">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/Carousel.png' /></p>
</div>
</div>

Odebírat newsletter