/*Navbar*/
.white-bg-menu {
    /* position: fixed; */
     width: 100%;
     background-color: white;
     z-index: 9998;
 }

.header-anim {
		display:none;
	font-family: "Michroma", sans-serif!important;
	}
	
	.header-text {
		display:none;
		font-family: "Michroma", sans-serif!important;
	}
	
 
 nav {
     display: flex;
     position: relative;
     background-color: white;
     align-items: center;
     z-index: 9999;
     justify-content: space-between;
     left: 0%;
     right: 0%;
     padding-top: 0.5em;
     margin:auto;
 }
 
 .left-header {
     display: flex;
     align-items: center;
 }
 
 nav img, img.custom-logo {
     height: 60px!important;
     width: auto!important;
 }
 
 
 nav ul a {
     color: var(--black-color);
     position: relative;
     transition: all 0.3s ease;
     font-weight: 600;
     font-size: 0.9rem;
     text-decoration: none;
 }
 
 nav ul a::after {
 position: absolute;
 bottom: -0.5em;
 left: 0;
 content: '';
 transition: all 0.3s ease;
 height: 1.5px;
 background-color: var(--primary-color);
 width: 0;
 
 }
 
 nav ul a:hover::after {
     width: 70%;
     
     }
 
 .pc-nav ul a {
     margin-right:1em;
 }
 
 
 nav ul {
     display: flex;
     align-items: center;
 }
 
 
 nav ul li {
     padding-left: 1.2em;
     list-style: none;
 }
 
 
 .m-nav {
     display: none;
     top: 100px;
     width: 100%;
     padding: 1em;
     min-height: 100vh;
     top: 0;
     z-index: 3;
     background-color: white;
 }
 
 
 .m-nav ul {
     display: block;
 }
 
 
 .m-nav ul a {color:var(--black);font-size: 1.5rem;margin-bottom: 1.5rem;}
 
 
 .m-nav.on {
     display: flex;
     justify-content: center;
     text-align: center;
     position: fixed;
     top: 0;
     bottom: 0;
     overflow-y: scroll;
 }
 
 
 .m-nav.on::-webkit-scrollbar {
     display: none;
   }
  
   /* Hide scrollbar for IE, Edge and Firefox */
   .m-nav.on {
     -ms-overflow-style: none;  /* IE and Edge */
     scrollbar-width: none;  /* Firefox */
   }
 
 
 .tog {
     display: none;
 }
 
 
 .toggle {
     cursor: pointer;
     overflow: hidden;
     width: 50px;
     height: 50px;
     background: transparent;
     z-index: 9;
     border-radius: 10px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 
 .line-toggle {
     position: absolute;
     display: block;
     width: 25px;
     height: 2px;
     background: black;
     border-radius: 5px;
     transition: all .6s;
 }
 
 
 .line-toggle:first-child {
     transform: translateY(-5px) translateX(-2px);
     width: 20px;
     transition-delay: 0s;
 }
 
 
 .toggle .line-toggle:nth-child(2) {
     transition-delay: .12s;
 }
 
 
 .line-toggle:last-child {
     transform: translateY(5px) translateX(-2px);
     width: 20px;
     transition-delay: 0s;
 }
 
 
 .toggle.activate .line-toggle:first-child {
     background: black;
     transform: translateY(0) translateX(0) rotate(45deg);
     width: 40px;
     height: 2px;
     transition-delay: .1s;
 }
 
 
 .toggle.activate .line-toggle:nth-child(2) {
     transform: translateX(110px);
     transition-delay: 0s;
 }
 
 
 .toggle.activate .line-toggle:last-child {
     background: black;
     transform: translateY(0) translateX(0) rotate(314deg);
     width: 40px;
     height: 2px;
     transition-delay: .1s;
 }
 
 
 .right-menu {
     align-items: center;
     display: flex;
 }
 
 
 .right-menu * {
     padding-right: 0.5em;
 }
 
 
 section.pc-nav * {
     padding: 0;
 }
 
 
 section.pc-nav li {
     padding-right: 1em;
 }
 
 
 section.kontakt a.white-btn {
     margin-top: 0;
 }
 
 
 section.kontakt {
     padding-right: 1em;
 }
 /*end navbar */
 
 section.pc-nav.section-padding li:last-child, section.pc-nav.section-padding li:last-child a {
     margin:0!important;
 }
 
 
 @media only screen and (max-width: 991px) {
     .tog {
         display: block;
     }
     .pc-nav {
         display: none;
     }
 
 
     nav.pc {
         justify-content: space-between;
     }
 
 
     .m-nav ul {padding-left: 0;}
     .m-nav ul li {padding-left: 0;}
     .m-nav.on a {
         display: inline-block;
       }
 
       nav ul {
         display: flex;
         align-items: center;
     }
 
     nav ul li {
         padding-left: 0.2em;
         list-style: none;
     }
 
     a.cart-icon.woocommerce-cart-icon {
         display: flex;
     }
     
     nav img, img.custom-logo {
     height: 60px!important;
     width: auto!important;
 }
 
 
 
 
 }
 
 
 