SmartZrcadla CSS

<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/smart_zrcadla_main_6.css">
<style>
@media (max-width:991px) {
.navigation-in>ul>li:first-child > a {padding-top:30px;}
.navigation-in ul.menu-level-2 li a {
padding: 10px 20px;
color: #898989;
}
.subcategories.with-image li a .image {
display: flex;
align-items: center;
}
}
@media (max-width: 479px) {
html:not(.scrolled) .content-window {top: 105px;}
}
@media (min-width: 480px) and (max-width: 991px) {
html:not(.scrolled) .content-window {top: 94px;}
}
@media (min-width: 992px) {
html:not(.scrolled) .content-window {top: 105px;}
}
#footer {background-color: #fff;}
.footer-bottom, .footer-newsletter {border-color: #fff;}
.benefitBanner__title {
color: #319de8;
text-transform: uppercase;
letter-spacing: 2px;
}
.type-product .benefitBanner {
max-width: 1418px;
margin: 70px auto 0px auto;
}
@media (min-width: 480px) {
.benefitBanner__data {font-size: 16px;}
}
.in-index.columns-4 .wide .products-block>div {width: 100% !important;}
.in-index.columns-3 .products-block > div, .in-index.columns-4 .products-block>div {padding:0;}
.owl-stage-outer .product {padding:15px;}
.owl-prev {
width: 15px;
height: 100px;
position: absolute;
top: 40%;
margin-left: -20px;
display: block !important;
border:0px solid black;
}

.owl-next {
width: 15px;
height: 100px;
position: absolute;
top: 40%;
right: -25px;
display: block !important;
border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
@media (max-width:992px) {
.products-block.products>div {
padding: 0px;
}
.owl-next, .owl-prev {
background: #ffffffbf !important;
width: 30px;
height: 30px;
border-radius: 100%;
}
.owl-nav button span {
position: absolute;
left: 8px;
top: -15px;
display: block;
line-height: 1;
height: 30px;
}
.owl-nav .owl-prev span {left: 6px;}
.owl-next {right: 10px;}
.owl-prev {left: 10px;}
}
.tab-content>.tab-pane {
border-top: none;
}
.in-index.columns-4 .wide .products-block>.owl-nav {float:unset;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {font-size: 55px !important;}
.owl-next, .owl-prev {top: 200px;}
.products-block > div .p .name {font-size:14px;}
.tab-pane .products-block {
margin: 0;
}

#footer {
background: #464646;
border-top-color: #319de8;
}
.footer-bottom, .footer-newsletter {
border-color: #000;
}
.copyright, #signature a {
color: #a8a8a8;
filter: grayscale(1);
}
#footer h4 {
color: #319de8;
}
#footer a {
color: #cdcdcd;
}
#footer ul li::before {
border-color: #319de8;
}
#footer .contact-box ul li>span::before {color:#319de8;}
.subcategories.with-image li a .image {
height: 80px;
}
.subcategories li a:hover {
color: #319de8;
}
.subcategories.with-image li a .image img {
max-height: 80px;
}
.products-block .p .p-bottom .p-tools .btn.btn-cart {
margin-top: 10px !important;
}
.navigation-buttons > a[data-target="cart"] i {
color: #fff;
background-color: #17bd38;
}
.products-block > div .p .name {height: 60px;}
</style>