.headere{background-image:unset!important;background-color:transparent!important}
.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: #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-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:100px;z-index:10099}
#header .logo{max-height:45px; max-width: 100%;}
#header .header-top{
    padding:35px 20px 30px!important;
    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:14px;letter-spacing:1.5px;line-height:40px;float:left;display:inline-block;text-transform:uppercase}
#header ul li a{color:#fff!important;font-weight:500}
#header ul li:nth-last-child(-n+1) a{padding:0 20px;border-radius:50px;color:#e8ddc3!important;font-size:14px;font-weight:600;border:solid 1px #fff;height:40px;display:inline-block}
#header ul li:nth-last-child(-n+1) a{color:#fff!important; transition: all 500ms ease}
#header ul li:nth-last-child(-n+1){margin-right:0; margin-left: 30px}
#header ul li:last-child:hover a{color:#000!important; background-color: #fff;}

#header ul li a i{font-size:13px;font-weight:600}
#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;
    opacity: 0;
    position: absolute;
    padding-left: 0;
    left: 0;
    display: none;
    background: #000;
}
#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 #fff;
}
#header ul li:hover > ul.subMenu,
#header ul li ul.subMenu:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    min-width: 250px;
    text-align: left;
    padding-top: 20px;
}
#header ul li ul.subMenu li {
    clear: both;
    width: 100%;
    text-align: left;
    border-style: none;

    margin:0;font-size:18px;letter-spacing:1.5px;line-height:unset;float:left;display:block;text-transform:uppercase
}
#header ul li ul.subMenu li a{
    padding:0 20px 20px !important;
    background-color:transparent;
    font-size:14px !important;
    font-weight:400 !important;
    text-transform:none;
    color:#fff!important;
    opacity:1;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;

    border-radius:unset !important;
    border:unset !important;
    height:unset !important;
    margin-right:unset !important; margin-left: unset !important;
}
#header ul li ul.subMenu li a:hover {
    color: #fff !important;
    background-color:transparent;
}

#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}
.link::before,.link::after{position:absolute;width:100%;height:1px;background:#fff;top:100%;left:0;pointer-events:none}
.link::before{content:''}
.link--elara::before{transform-origin:50% 100%;transition:clip-path 0.3s,transform .3s cubic-bezier(0.2,1,0.8,1);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::before{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,-2px,0)}

#header ul li:first-child .link--elara:hover::before{display: none}


#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: 1400px) {
    /*
    #header ul li,#header ul li:nth-last-child(-n+2) a{margin:0 9px;font-size:unset!important;letter-spacing:unset!important}
     */
}
@media (max-width: 1280px) {
    #header ul li{margin:0 6px; font-size: 16px}
    #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: 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}
}