Nandej CSS backup

<link href="/user/documents/upload/swiper.min.css" rel="stylesheet" />
<link href="https://www.nandej.cz/user/documents/upload/resources/Left_menu_icons.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<style>

::-webkit-scrollbar {width: 0px;}
.wide-carousel {background-image: url("http://code.kubanavratil.com/user/documents/upload/resources 2019/Nandej concept/background_small.png"); background-repeat:no-repeat; background-size: contain; background-position: center center;
background-color: #000;}
.breadcrumbs.navigation-home-icon-wrapper {display: none;}

body::-webkit-scrollbar {height: 0px;}
.top-products-wrapper {display:none;}
.navigation-buttons>a, .navigation-buttons {border-color: #000;}
#header .site-name {margin-right: 30px;}
.p {border-color: #fff;}
.p-code {display: none !important;}
@media (min-width: 1200px) {
.shp-tabs-holder ul.shp-tabs li a {
padding-left: 20px;
padding-right: 20px;
font-size: 30px;
}
}

.product .p:hover, .product .p:hover {background-color: #000; border-color: #fff;}
.product .p:hover a, .product .p:hover .prices strong {color:#fff;}
.product .p:hover .btn.btn-cart {background-color: #fff; color: #000;}
.products-block .p {-webkit-transition: none; -o-transition: none; transition: none;}
.p-in-in span {font-size: 24px;font-weight: 600;}
.products-block .p .name:hover {text-decoration:none;}

.advanced-parameter-inner, .advanced-parameter-inner img {border-radius: 0px;}
.advanced-parameter-inner.yes-before {border-color: #000;}
.advanced-parameter-inner {
border: 1px solid #ffffff;
box-shadow: none;
}

@media (min-width: 992px) {
.content-wrapper-in > #content {width: calc(100% - 340px);}
.content-wrapper-in {flex-wrap: wrap;}
}

/*
.flags.flags-extra {
left: auto;
top: auto;
bottom: 0;
right: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.flags-extra .flag {width: 75px; height: 75px;}
.flag-discount {margin-left:0px;}
.flags-extra .flag {border-radius: 0px;}
.flag.flag-action {background-color: #ed3819;}
.flag.flag-new {background-color: #0dda74;}
.flag.flag-tip {background-color: #017cd6;}
.flag.flag-freeshipping {background-color: #fff; border: solid 2px #000;}
.icon-van::before, .flag.flag-freeshipping .flag-text {color: #000;}
.flag.flag-discount {background-color: #000; border: solid 2px #000;}
.p-image-wrapper .flags-extra .flag {border-radius: 0 !important;}
.wide .p-detail .flags.flags-extra {bottom: 25px;}

*/

.carousel-btn {background-color: #fff; padding: 7px 20px; border: solid 1px #fff;}
.carousel-btn:hover {background-color: transparent; border: solid 1px #fff; color: #fff;}
.carousel-btn_inverted {background-color: #000; padding: 7px 20px; border: solid 1px #000; color: #fff;}
.carousel-btn_inverted:hover {background-color: #fff; border: solid 1px #fff; color: #000;}

@media (min-width: 992px) {
.next-to-carousel-banners {
margin-top: -50px;
}
}
.banner-wrapper {box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.33);}

@media (min-width: 992px) {
.navigation-in>ul>li {transition: background-color 0.5s ease-in-out;}
.navigation-in>ul>li:hover {background-color: #555;}

.navigation-in ul.menu-level-2 {
border-color: transparent;
top: auto;
width: 100%;
}
.navigation-in ul.menu-level-2 li {background-color: #000;transition: background-color 0.5s ease-in-out;}
.navigation-in ul.menu-level-2 li:hover {background-color: #222;}
.navigation-in ul.menu-level-2 li a {text-align: center;}
}

#footer {
background-color: #000;
border-top-color: #000;
}
#footer h4, #footer .footer-newsletter p, #footer a, .contact-box ul li>span::before, .copyright {color: #fff;}
#footer ul li::before {
border-color: #fff;
}
.footer-bottom, .footer-newsletter {
border-color: #222;
}
/* Footer */

.categories .topic > a, #categories .expandable.expanded > ul li a {
padding-top: 13px;
padding-bottom: 13px;
padding-left: 78px;
background: xffffff;
color: #444444;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #fafafa;
border-top: 0;

background-position: 30px center;
background-repeat: no-repeat;
background-size: 30px auto;
}
.categories .topic > a:hover, .categories .topic.active>a:hover, .categories .topic.child-active>a:hover {background-color: #555; color: #fff; text-decoration: none !important;}
.categories .topic > a:hover svg, .categories .topic.active>a:hover svg {fill: #fff;}
.categories .topic.active>a, .categories .topic.child-active>a {background-color: #000; color: #fff; text-decoration: none;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable.expanded > ul {background: #fff;margin-bottom:0px;}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before {font-size:10px;font-weight:400;}
#categories .expandable.active.expanded>.topic>a>span {color:white;}
.categories a {padding-top:7px;padding-bottom:4px;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {top:17px;}
#categories ul .expandable .cat-trigger {top:9px;}
.box.box-bg-variant.box-categories > h4 {margin-bottom: 35px;}
#categories > div:nth-child(even), #categories .expandable.expanded > ul li:nth-child(even) {background-color: #e9e9e9;}
#categories .expandable.expanded > ul li {width: calc(100% - 35px); margin-left:35px;}
/* Levé menu */

</style>

<style>
@import "lesshat";

.ba-slider {
position: relative;
overflow: hidden;
}

.ba-slider img {
width: 100%;
max-width:1440px !important;
display:block;
}

.resize {
position: absolute;
top:0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}

.handle { /* Thin line seperator */
position:absolute;
left:50%;
top:0;
bottom:0;
width:4px;
margin-left:-2px;

background: rgba(0,0,0,.5);
cursor: ew-resize;
}

.handle:after { /* Big orange knob */
position: absolute;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;

content:'\2194';
color:white;
font-weight:bold;
font-size:36px;
text-align:center;
line-height:55px;

background: #000;
border:1px solid #000;
border-radius: 50%;
transition:all 0.3s ease;
}

.draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height:38px;
font-size:30px;
}
</style>

<script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/swiper.min.js' type="text/javascript"></script><script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/swiper.min.js' type="text/javascript"></script><script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/jquery.vide.js' type="text/javascript"></script>
 <!-- Initialize Swiper -->  <script>    var swiper = new Swiper('.swiper-container', {      effect: 'coverflow',      grabCursor: true,      centeredSlides: true,      slidesPerView: 'auto',      initialSlide : 3,      coverflowEffect: {        rotate: 30,        stretch: 0,        depth: 100,        modifier: 1,        slideShadows : true,      },      pagination: {        el: '.swiper-pagination',      },    });  </script>
<script type="text/javascript">jQuery(function ($) {var config = {contentUrl: 'https://code.kubanavratil.com/code/nandej-menu/'};if ($('.row.banners-row').length) {$.get(config.contentUrl, function (data) {$('.row.banners-row').append($(data).find('.news-item-detail .text').html()); }); } });</script>
<script>$('#myBlock').vide('https://code.kubanavratil.com/user/documents/upload/resources 2019/full_screen_video.mp4');</script>
<script type="text/javascript">$( init ); function init() {// Přesune banner 1 nad detail produktu$('.content-wrapper-in').append( $('.shp-tabs-wrapper.p-detail-tabs-wrapper') );}</script>
<script type="text/javascript">$( init ); function init() {// Přesune banner 1 nad detail produktu$('#products').append( $('.cat_banner') );}</script>
<script>// Call & init$(document).ready(function(){  $('.ba-slider').each(function(){    var cur = $(this);    // Adjust the slider    var width = cur.width()+'px';    cur.find('.resize img').css('width', width);    // Bind dragging events    drags(cur.find('.handle'), cur.find('.resize'), cur);  });});
// Update sliders on resize. // Because we all do this: i.imgur.com/YkbaV.gif$(window).resize(function(){  $('.ba-slider').each(function(){    var cur = $(this);    var width = cur.width()+'px';    cur.find('.resize img').css('width', width);  });});
function drags(dragElement, resizeElement, container) {   // Initialize the dragging event on mousedown.  dragElement.on('mousedown touchstart', function(e) {        dragElement.addClass('draggable');    resizeElement.addClass('resizable');        // Check if it's a mouse or touch event and pass along the correct value    var startX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX;        // Get the initial position    var dragWidth = dragElement.outerWidth(),        posX = dragElement.offset().left + dragWidth - startX,        containerOffset = container.offset().left,        containerWidth = container.outerWidth();     // Set limits    minLeft = containerOffset + 10;    maxLeft = containerOffset + containerWidth - dragWidth - 10;        // Calculate the dragging distance on mousemove.    dragElement.parents().on("mousemove touchmove", function(e) {          // Check if it's a mouse or touch event and pass along the correct value      var moveX = (e.pageX) ? e.pageX : e.originalEvent.touches[0].pageX;            leftValue = moveX + posX - dragWidth;            // Prevent going off limits      if ( leftValue < minLeft) {        leftValue = minLeft;      } else if (leftValue > maxLeft) {        leftValue = maxLeft;      }            // Translate the handle's left value to masked divs width.      widthValue = (leftValue + dragWidth/2 - containerOffset)*100/containerWidth+'%';       // Set the new values for the slider and the handle.       // Bind mouseup events to stop dragging.      $('.draggable').css('left', widthValue).on('mouseup touchend touchcancel', function () {        $(this).removeClass('draggable');        resizeElement.removeClass('resizable');      });      $('.resizable').css('width', widthValue);    }).on('mouseup touchend touchcancel', function(){      dragElement.removeClass('draggable');      resizeElement.removeClass('resizable');    });    e.preventDefault();  }).on('mouseup touchend touchcancel', function(e){    dragElement.removeClass('draggable');    resizeElement.removeClass('resizable');  });}

</script>