.headere{background-image:unset!important;background-color:transparent!important}

#header {}

.go-bottom{
    cursor: pointer;
    position:fixed;bottom:30px;right:calc(50% - 45px);
    color:#000;background-color:#fff;
    width:70px;height:70px;padding:20px;border-radius:50px;z-index:1052;
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.go-bottom i{font-size:24px;text-align:center;padding:3px 0 0 3px}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.header-fixed{
    position:fixed;width:100%;z-index:1053;padding:20px!important;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    background-color: #2f463b;

    -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.2);box-shadow:0 0 25px 0 rgba(0,0,0,0.2);
}
.header-black{
    position:fixed;width:100%;z-index:1053;padding:20px!important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background-color: #000;

    -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.2);box-shadow:0 0 25px 0 rgba(0,0,0,0.2)
}
#header {
    position: fixed;
    width: 100%;
    height: 120px;
    z-index: 10099;
    transition: all 0.9s ease;
    opacity: 1;
}
.header-hidden{
    display: none;
    opacity: 0;
    transition: all 0.9s ease;
}
.header-visible{
    display: block;
    background-color: #000;
    opacity: 1;
    transition: all 0.9s ease;
}
#header .logo{max-height:45px; max-width: 100%;}
#header i {
    color: #fff; width: 32px;
    height: 32px;
    text-align: center;}
#header .header-top{
    margin-top: 40px;
    transition: all 1s ease;
}
#header ul{margin:0;padding:0;list-style-type:none;display:inline-block; position: relative}
#header ul li{margin:0 15px;font-size:19px;line-height:40px;float:left;display:inline-block;text-transform:uppercase; position: relative}
#header ul li a{color:#fff!important;font-weight:400}

#header ul .search{
    margin-top: 8px;
    line-height: 0;
}

#header ul li a.active-lang,
#header ul li:last-child a{color:#FFD600!important;}

#header ul li a.link i {border: solid 1px #fff; padding: 2px 2px 2px 3px;border-radius: 50px;transform: rotate(0deg);transition: all 0.5s;}
#header ul li a.link:hover i {transform: rotate(180deg);transition: all 0.5s;}


#header ul li ul.subMenu {
    visibility: hidden;
    position: absolute;
    width: 256px;
    height: 265px;
    padding-left: 0;
    left: 0px;
    top: 50px;
    background: #FFD600;
    border-radius: 8px;
    transition: all  0.3s ease;
    opacity: 0;
    display: block;
    padding-top: 20px;
    text-align: left;
}
#header ul li ul.subMenu:after {
    display: block;
    content: '';
    position: absolute;
    top: -9px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 9px;
    border-color: transparent transparent #FFD600;
}
#header ul li:hover > ul.subMenu,
#header ul li ul.subMenu:hover {
    transition: all  0.3s ease;
    visibility: visible;
    display: block;
    opacity: 1;
    width: 256px;
    height: 265px;
    text-align: left;
    padding-top: 20px;
}

#header ul li ul.subMenu li {
    clear: both;
    width: 180px;
    border-style: none;
    padding-left: 15px;
    margin-bottom: 15px;font-size:18px;letter-spacing:1.5px;line-height:unset;float:left;display:block;text-transform:uppercase;
}
#header ul li ul.subMenu li a{
    display: inline-flex;
    width: 180px;
    height: 20px;
    font-family: Syne;
    font-size:24px !important;
    font-weight:500 !important;
    color:#000 !important;
    font-style: normal;
    line-height: 30px;
    letter-spacing: -0.72px;
}
#header ul li ul.subMenu li .nmbr{
    display: inline-block;
    width: 40px;
    height: 20px;
    color: #BC9E00;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Syne;
    font-size: 14px;
    font-style: normal;
    font-weight: 755;
    line-height: 16px;
    padding-right: 8px;
    padding-bottom: 5px;
}




#header ul li a:hover + #header .header-top {
    position:fixed;width:100%;z-index:1053;padding:20px!important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background-color: #000;
    -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.2);box-shadow:0 0 25px 0 rgba(0,0,0,0.2)
}

#headerHome ul{margin:0;padding:0;list-style-type:none;display:inline-block;}
#headerHome ul li{margin:0 15px;font-size:18px;letter-spacing:1.5px;line-height:45px;float:left;display:inline-block}
#headerHome ul li a{color:#3c4433;font-weight:500}
#headerHome ul li:nth-last-child(-n+2) a{padding:0 20px;border-radius:50px;color:#fff;font-size:18px;font-weight:500;background-color:#516c31;height:45px;display:inline-block}
#headerHome ul li:nth-last-child(-n+2){margin-right:0}
#headerHome{position:relative;background-image:unset;background-color:transparent;height:370px;z-index:995}
#headerHome i{margin-right:10px}

.ulHome li a{color:#fff!important}
.ulHome li:nth-last-child(-n+2) a{color:#000!important;background-color:#fff!important}
.mw-header-100{max-width:60%!important}



.link{cursor:pointer;position:relative;white-space:nowrap}
.lactive::before,
.lactive::after,
.link::before,
.link::after{position:absolute;width:100%;height:0px;background:#FFD600;bottom:-12px;left:0;pointer-events:none}

.lactive::after,
.link::after{content:''}
.link--elara::after{

    transition: all 0.3s ease;
    /*
    transform-origin:50% 100%;transition:clip-path 0.3s,transform .3s cubic-bezier(0.2,0.2,0.2,0.2);
    clip-path:polygon(0% 0%,0% 100%,0 100%,0 0,100% 0,100% 100%,0 100%,0 100%,100% 100%,100% 0%)
    */
}
.link--elara:hover::after{
    height:2px;
    bottom:-10px
    /*
    transform:translate3d(0,2px,0) scale3d(1.08,3,1);
    clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,0 100%,100% 100%,100% 0%);
     */
}
.link--elara span{display:inline-block;transition:transform .3s cubic-bezier(0.2,1,0.8,1)}
.link--elara:hover span{transform:translate3d(0,-10px,0)}

.lactive::after {
    height:2px;
    bottom:-10px
    /*
    transform:translate3d(0,2px,0) scale3d(1.08,3,1);
    clip-path:polygon(0% 0%,0% 100%,50% 100%,50% 0,50% 0,50% 100%,50% 100%,0 100%,100% 100%,100% 0%);
     */
}


#header ul li:hover > .hzd_subMenu {
    display: block;
    top: 80px;
    left: -80px;
    transition:all 0.3s ease;
}
#header ul li .hzd_subMenu {
    display: none;
    position: absolute;

    top: -100px;
    left: -100px;
    transition:all 0.3s ease;

    z-index: 99;
    height: 100vh;
    width: 100%;
    padding: 100px;
    background-color: #000;
    text-align: left;

}
#header ul li .hzd_subMenu a {
    color: #fff;
    display: block;
}
#header ul li .hzd_subMenu::after {
    content: "";
    width: 200px;
    height: 100vh;
    top: 0; right: -150px;
    background-color: #000;
    position: absolute;
}





@media (max-width: 1919px) {
    #header ul li{margin:0 10px; font-size: 18px}
    /*#header ul li:nth-last-child(-n+1){margin-right:0; margin-left: 15px}
    #header ul li:nth-last-child(-n+1) a {font-size: 16px}
    #headerHome ul li{margin:0 6px; font-size: 16px}*/
}

@media (max-width: 1600px) {
    #header ul li{margin:0 8px; font-size: 16px}
}
@media (max-width: 1440px) {
    #header ul li{margin:0 6px; font-size: 15px}
}
@media (max-width: 1199px) {
    #header {
        height: 75px;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        display: block;
        background-color: #000;
        opacity: 1;
        transition: all 0.9s ease;
    }
    #header .header-top {margin-top: 20px}
}
@media (max-width: 991px) {
    .header-fixed .mw-logo-100{width:100%!important}
    .mw-header-100{max-width:unset!important;max-height:85px}
    header{height:unset!important}
    /*#header{height:175px}*/
    #header .p-5{padding:1rem!important}
    #headerHome .p-5{padding:1rem!important}
}