.hamburger{padding:15px;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:#fff}
.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:2px;background-color:#fff;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:-8px}
.hamburger-inner::after{bottom:-8px}
.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%}
.mobileBar button:focus{outline:none}
#mobileMenu{background:#fff;transition: 300ms;width: 100%;height: calc(100% - 50px - 60px);position: fixed;top: 50px;right: -100%;overflow-y: scroll;}
#mobileMenu #navigation{padding-top:0px}
#mobileMenu #navigation li{display:block;width:100%;text-align:center;}
/*#mobileMenu #navigation li.act {background: rgba(255,255,255,0.2);}*/
#mobileMenu #navigation li a{font-size:20px;display:block;color:var(--regular-color);text-decoration:none; text-align: center;text-transform:uppercase; }
#mobileMenu #navigation li.act > a,
#mobileMenu #navigation li a.active {color:var(--green-color)!important;}
#mobileMenu #navigation ul.mobile-sub-menu li.act a {color:var(--green-color)!important;}
#mobileMenu #navigation li a span {
position:relative;
}
#mobileMenu #navigation li a span::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 1px;
  background-color: var(--gold-color);
  opacity: 0;
}
#mobileMenu #navigation li.act:not(.menuMobileLink) a span::before {
  opacity: 1;
}


#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,#mobileMenu #navigation li a {
  line-height: 50px;
}
.rozwin {
  color: var(--gold-color);;
  width: 50px;
  order: 2;
  display: block;
  font-size: 24px!important;
}
.rozwin .fa {transition:300ms;}
.rozwin.active .fa {transform:scaleY(-1);transition:300ms;}
.bottomNavMobile {
  height: 60px;
  position: fixed;
  bottom: 0;
  left:0;
  width: 100%;
  background: white;
  z-index: 99;
  justify-content: space-between;
  align-items: stretch;
  /* border-top: solid 1px rgba(0,0,0,0.1); */
}
.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;
  letter-spacing: 0.05em;
  line-height:1;
  padding-bottom: 5px;
}
.bottomNavMobile a img {height: 20px;margin: 3px 0 5px;float: none;}

.telMobile {
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.bottomNavMobile .rezerwujMobile {
  color: white;
  background: var(--gold-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: rgba(255,255,255,0.2);
}
.mobile-sub-menu.active {
  max-height: 450px;
  overflow: visible;
  opacity: 1;
  visibility: visible;
}
.mobile-sub-menu li a {
font-size:16px!important;
text-transform:none!important;
line-height:2!important;
padding: 0 35px 0 45px!important;
}
.mobile-sub-menu li:first-child {padding-top: 5px;}
.mobile-sub-menu li:last-child {padding-bottom: 10px;}

.menuMobileLink .rozwin ~ a {
font-size: 20px;
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
width:calc(100% - 50px);
}
.mobileBar  a {
  color:#fff;
  margin:0 3px;
}
.menuMobileLink a {
    width: 100%;
}

.langsMobile ul li {margin:0 10px;}
.langsMobile .currentLang a {font-family:var(--beuty-font);color:#000!important;font-weight:400;}