.hamburger{padding:15px 0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;align-items: center;}
.hamburger:hover{opacity:.7}
.hamburger.is-active:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:/*var(--light-color)*/#000}
.hamburger-box{width:35px;height:30px;display:block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:35px;height:1px;background-color:/*var(--light-color)*/#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}
.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}
.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}
.mobileBarCOntainer{justify-content:space-between;align-items:center}
.mobileBar{justify-content:space-between;align-items:center;width:100%;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.mobileBar button:focus{outline:none}
#mobileMenu{background: var(--little-gray-bkg);transition: 600ms;width: 100%;height: calc(100vh - 60px - 60px);position: fixed;top: 60px;right: -100%;overflow-y: scroll;}
#mobileMenu #navigation{padding-top:20px}
#mobileMenu #navigation li{display:block;width:100%;text-align:center}
#mobileMenu #navigation li.act {background:var(--light-color);}
#mobileMenu #navigation li a{font-size:14px;font-family: var(--regularFont);line-height:60px;display:block;color:var(--light-color);text-decoration:none;text-transform:uppercase;width:100%}
#mobileMenu #navigation li.currentLang a {font-weight:400;}
#mobileMenu #navigation li.act li.act a,
#mobileMenu #navigation li.act a {color: white;}
#mobileMenu #navigation li.act li a {color: var(--light-color);}
#mobileMenu #navigation li.current_page_item a{color:rgba(255,255,255,0.2)}
#mobileMenu #navigation li{border-top:1px solid rgba(255,255,255,0.1)}
#mobileMenu.showMenu{right:0}
.rozwin {
color: var(--light-color);
width: 50px;
order: 2;
line-height: 60px;
display: block;
font-size: 26px;
cursor:pointer;
}
li.act .rozwin {color:#fff;}
.bottomNavMobile {
height: 60px;
position: fixed;
bottom: 0;
left:0;
width: 100%;
background: white;
z-index: 150;
justify-content: space-between;
align-items: center;
}
.bottomNavMobile > a {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 60px;
color: var(--dark-color);
text-transform: uppercase;
width: 33.333%;
text-decoration: none;
font-size: 14px;
font-family: var(--regularFont);
letter-spacing: 0.1em !important;
border-top: 1px solid rgba(63, 66, 89,0.2);
}
.telMobile {
border-left: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
}
.bottomNavMobile .rezerwujMobile {
border-top: unset;
color: white;
background: var(--light-color);
}
#mobileMenu #navigation li {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: center;
}
.mobile-sub-menu {
width:100%;
order:3;
max-height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: 300ms;
background: var(--light-color);
}
.mobile-sub-menu.active {
max-height: 450px;
overflow: visible;
opacity: 1;
visibility: visible;
}
.menuMobileLink .rozwin ~ a {
width:calc(100% - 50px);
padding-left: 50px;
}
.mobileBar .socialMedia a {
color:/*var(--light-color)*/#000;
}

.bottomNavMobile img {height: 20px;margin: 6px 0 2px;}