.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}
.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(--themeColor)}
.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:3px;background-color:var(--themeColor);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: 300ms;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(--themeColor);}
#mobileMenu #navigation li a{font-size:var(--font-size);line-height:1.5;display:block;color:var(--themeColor);text-decoration:none;text-transform:uppercase;padding:10px 0;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(--themeColor);}
#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(--themeColor);
  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: 13px;
letter-spacing: 0 !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(--themeColor);
}
#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(--themeColor);
}

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