/********menu css*********/
.hidden-mob { overflow: hidden;}
.hamburger-menu { display: none; z-index: 4;}
.hamburger { cursor: pointer; padding:0px 0px 0 0; position: relative;  width: 30px; height: 30px;  display: flex; align-items: center; }
.hamburger span, .hamburger span:before, .hamburger span:after {cursor: pointer; border-radius: 0px; height: 2px; width: 30px; background: #FFFFFF;
position: absolute;display: inline-block;content: '';right: 0;left: 0;margin: 0 auto;}
.hamburger span:before { top: -8px; left: auto;}
.hamburger span:after { top: 8px; left: 0; right: auto;}
.hamburger span, .hamburger span:before, .hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
.hamburger.active span { background-color: transparent;}
.hamburger.active span:before, .hamburger.active span:after { top: 0; width: 30px; }
.hamburger.active span:before {transform: rotate(45deg);background: #FFFFFF;}
.hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #FFFFFF; width: 30px;}

.mobile-menu { float: left; width: 100%; transition: all 0.4s ease; padding: 100px 0px 0px; opacity: 0; visibility: hidden; z-index: 999; position: fixed; top: 0px; height: 100%; background: #CF3324; }
.mobile-menu.open { opacity: 1; visibility: visible;}
.mobile-menu::after { filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(3%) hue-rotate(338deg) brightness(113%) contrast(100%); position: absolute; content: ""; background: url("../images/ico-logo-felantix-color.svg") no-repeat scroll bottom right; background-size: contain; opacity: 0.20; bottom: -50px; right: -30px; width: 100%; height: 180px; z-index: -1;}
.mobile-menu-out { height: 100%; overflow-y: scroll; padding: 0px 15px; }
.mobile-menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.mobile-menu-links ul li { flex: 0 1 100%;}
.mobile-menu-links ul li a { color: #FFFFFF; font-size: 24px; line-height: 1.1; display: flex; flex-wrap: wrap; justify-content: space-between; font-family: 'Roboto-Regular'; padding: 0; border: none; border-radius: 0px;  }
.mobile-menu-links ul li a:hover { color: #DD764F;}
.mobile-menu-links ul li a.active { font-family: 'Roboto-Bold';}

.mob-scl-links { float: left; width: 100%; margin-top: 40px;}
.mob-scl-links ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 20px;}
.mob-scl-links ul li { flex: 0 1 auto;}
.mob-scl-links ul li a { transition: all .5s ease; }
.mob-scl-links ul li a img { float: left; width: auto; }
.mob-scl-links ul li a:hover { opacity: 0.7;}

.mobile-menu .hdr-links ul li a.search {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(68deg) brightness(106%) contrast(99%);}
.mobile-menu .select-lang .nice-select { color: #ffffff;}
.mobile-menu .select-lang .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; }

.wht-hdr .hamburger span, .wht-hdr .hamburger span:before, .wht-hdr .hamburger span:after { background: #CF3324;}
.wht-hdr .hamburger.active span { background-color: transparent; }
.wht-hdr .hamburger.active span:before {transform: rotate(45deg);background: #CF3324;}
.wht-hdr .hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #CF3324; width: 30px;}

.inner-hdr .hamburger span, .inner-hdr .hamburger span:before, .inner-hdr .hamburger span:after { background: #CF3324;}
.inner-hdr .hamburger.active span { background-color: transparent; }
.inner-hdr .hamburger.active span:before {transform: rotate(45deg);background: #CF3324;}
.inner-hdr .hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #CF3324; width: 30px;}

.is-sticky .hamburger span, .is-sticky .hamburger span::before, .is-sticky .hamburger span::after { background: #CF3324;}
.is-sticky .hamburger.active span { background-color: transparent;}
.is-sticky .hamburger.active span:before {transform: rotate(45deg);background: #CF3324;}
.is-sticky .hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #CF3324; width: 30px;}