.heroTitle {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
width:100%
}

.mainNav .logo {
display:block
}

.mainHeader:not(.act) .mainNav:not(.scrolled) .logo {
padding:20px 20px 0
}

.mainNav .logoFixed {
display:none
}

.act .mainNav .logoFixed {
display:inline-block;
position:relative;
height:50px;
padding:10px
}

.act .mainNav .logoStandard {
display:none
}

.mainNav li {
position:relative
}

.header-middle {
width:100%;
position:fixed;
top:10px;
z-index:99;
background:transparent
}

.act .header-middle {
background:#063930;
height:65px;
top:0;
box-shadow:0 0 6px rgba(0,0,0,.16)
}

.act .header-middle a.logo {
color:#fff;
width:120px;
text-align:center
}

.navigation-contianer,.mainNav {
width:100%
}

.sub-menu {
position:absolute;
text-align:center;
left:50%;
width:200px;
transform:translate(-50%);
background:#fff;
margin-top:20px;
visibility:hidden;
opacity:0;
transform:translate3d(-50%,10px,0);
transition:transform ease .3s,opacity ease .3s,visibility ease .3s;
box-shadow:0 3px 20px 0 rgba(0,0,0,.15);
padding-top:22px;
padding-bottom:20px;
margin-left:30px
}

li:not(.currentLangLi) .sub-menu::after {
content:'';
display:block;
position:absolute;
bottom:100%;
left:calc(35%);
width:0;
height:0;
border-right:12px solid transparent;
border-bottom:8px solid #fff;
border-left:12px solid transparent;
font-size:8px;
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.act .sub-menu {
margin-top:29px
}

.sub-menu::before {
content:'';
position:absolute;
top:-20px;
left:0;
width:100%;
height:20px
}

.act .sub-menu::before {
top:-29px;
height:29px
}

.mainMenu li:hover .sub-menu {
opacity:1;
visibility:visible;
transform:translate3d(-50%,0,0)
}

.menu_rightBox {
display:flex;
flex-direction:row
}

.topVoucher a i {
color:#fff;
font-size:18px;
animation:_ball-grid-pulse-small 1.5s infinite;
padding-bottom:2px
}

.topVoucher a:hover {
opacity:.7
}

@keyframes ball-grid-pulse-small {
0% {
transform:scale(.9)
}

50% {
transform:scale(1)
}

100% {
transform:scale(.9)
}
}

.topVoucher a {
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:46px!important;
height:46px!important;
margin-right:30px;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
cursor:pointer
}

.sub-menu a .hsicon-angle-double-down {
transform:rotate(270deg);
position:absolute;
left:15px;
opacity:0
}

.sub-menu a:hover .hsicon-angle-double-down {
opacity:1
}

.sub-menu a {
padding:8px 20px 8px 45px;
min-height:40px;
display:flex;
align-items:center;
width:100%;
background:#fff;
color:var(--dark-color)!important;
text-align:left;
text-transform:none!important;
font-size:14px!important;
font-weight:300;
letter-spacing:.04em;
line-height:1.3;
transition:color .2s
}

.sub-menu a:hover {
color:var(--gold-color)!important
}

.sub-menu li.act a {
color:var(--gold-color)!important
}

.scrollDown {
position:absolute;
left:50%;
transform:translate(-50%);
animation:scrollDown 2s ease infinite;
cursor:pointer
}

@keyframes scrollDown {
0% {
bottom:150px
}

50% {
bottom:140px
}

100% {
bottom:150px
}
}

.sliderOff .topBar {
display:none
}

@media(max-width:1180px) {
.act .header-middle {
height:50px
}

.mainHeader .header-middle::after,.mainNav,.rezForm {
display:none!important
}

.mainNav,.topBar,.rezForm {
display:none
}

.header-middle {
background:var(--green-color);
top:0
}

.mobileBar {
height:50px
}

.mobileBar .logo img {
height:100%;
padding:10px 20px
}

.mobileBar .logo {
height:100%
}

.mobileBar a {
display:block;
height:100%
}

.rozwin {
cursor:pointer
}
}

@keyframes scrollDown {
0% {
bottom:150px
}

50% {
bottom:90px
}

100% {
bottom:150px
}
}

@media(max-width:560px) {
.heroTitle {
width:90%;
left:5%!important;
transform:none!important;
overflow:hidden;
}
}