.header-section{position:relative;padding:32px 0;position:fixed; width:100%; left:0; right:0;z-index:9;-webkit-animation: 1s ease 0s normal forwards 1 fadein;animation:1.5s ease 0s normal forwards 1 fadein;}
.header-section .container > div > div {display: flex; flex-wrap: wrap;align-items: center;}

.h-mleft{width:200px;position:relative;}
.h-mright{width:calc(100% - 200px);}
.h-smallg,.small-header .h-biglg{opacity:0;}
.h-biglg{transition:opacity 0.3s ease;}
.header-section  .h-smallg{position: absolute; left: 0; right: 0; width: 66px; opacity: 0; transition:opacity 0.3s ease;}
.small-header .h-smallg{opacity:1;}

@keyframes fadein{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*************************************Depth 1****************************************************/
.header-section .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.header-section .menu ul > li.hs-menu-depth-1 > a{margin: 0 28px;padding:10px 0; display: inline-block; line-height: 1.2; position:relative;text-decoration: none;}
.header-section .menu ul > li.hs-menu-depth-1 > a:before{position:absolute;content:"";opacity:0; height:2px; bottom:5px; left:0; right:0; width:100%;}
.header-section .menu ul > li.hs-menu-depth-1 > a:hover:before{opacity:1;}
.header-section .menu ul .header-contact a.cta_button{ margin-left:28.5px;margin-right:0; text-decoration: none;border-width:2px; border-style:solid; padding:11px 35px 13px; line-height: 1.3; display: inline-block; min-width: 170px; text-align: center; }

/*************************************Depth 2****************************************************/
.header-section .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.header-section .menu ul > li.hs-menu-depth-2 > a{padding:5px 15px;display: inline-block;font-size:inherit;}
.header-section .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{padding:5px 0; position: absolute;left: 0; right: 0; background:var(--color3); width: 100%; min-width: 150px;visibility: hidden; box-shadow: 0px 0px 4px rgb(0 0 0 / 30%); }
.header-section .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.header-section .menu ul > li.hs-menu-depth-1 > .child-trigger { position: absolute; top: 23px; right: 0; }
.header-section .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.header-section .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.header-section .menu ul > li.hs-menu-depth-1 > .child-trigger i { position: relative; width: 0; height: 0; display: block; border-width: 10px; border-style: solid; border-right: 10px solid transparent; border-color:var(--color1) transparent transparent; }

/*************************************Depth 3****************************************************/
.header-section .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.header-section .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.header-section .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.header-section .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.header-section .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.header-section .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;}



@media(max-width:1280px){
  .header-section .menu ul > li.hs-menu-depth-1 > a{margin:0 20px;}
  .header-section .menu ul .header-contact a.cta_button{margin-left:20px;min-width: 150px;}
}


@media(min-width:1025px){
.header-section .hs-menu-wrapper{display:block !important;}
.header-section .mobile-trigger{display: none!important;}
}

@media(max-width:1024px){
  .header-section .menu ul > li.hs-menu-depth-1 > a{margin:0;}
  .header-section .menu ul .header-contact a.cta_button{margin:25px 0 0;min-width:170px;}
.header-section{padding:27px 0;}
 .header-section .h-smallg{width:56px;}
.header-contact {width: 100%;}
  
  
/**********************************************Toggle Icon***************************************/
.header-section .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right:18px; width: 40px; padding: 20px 0px; z-index: 12; top:30px;}
.header-section .mobile-trigger .line {display: block;width:34px;height:5px;position:absolute;left: 0;border-radius: 4px;}
.header-section .mobile-trigger .line.line-3{top:60%;}
.header-section .mobile-trigger.active-re .line-3 { transform: translateY(-23px) translateX(0) rotate(-42deg); -webkit-transform: translateY(-23px) translateX(0) rotate(-42deg); -moz-transform: translateY(-23px) translateX(0) rotate(-42deg);}
.header-section .mobile-trigger.active-re .line.line-3 {top:80%;}
.header-section .mobile-trigger .line.line-2{top:30%;}
.header-section .mobile-trigger.active-re .line-2 { opacity: 0;}
.header-section .mobile-trigger .line.line-1{top:0;}
.header-section .mobile-trigger.active-re .line-1{top:11%;}
.header-section .mobile-trigger.active-re .line-1 { transform: translateY(5px) translateX(0) rotate(42deg); -webkit-transform: translateY(5px) translateX(0) rotate(42deg); -moz-transform: translateY(5px) translateX(0) rotate(42deg);}
.header-section .mobile-trigger.active-re .line{height:3px;}
  
/**********************************************Depth 1***************************************/
.header-section .hs-menu-wrapper{display:none;position:absolute;height: 100vh;width: 100%;max-width: 100%;left:0;right:0;top:100%;background:var(--color3); text-align:center;}
.header-section .menu ul > li.hs-menu-depth-1{ width: 100%;}
.header-section .menu ul > li.hs-menu-depth-1 > a{padding:12px 15px;display: inline-block;}

/**********************************************Depth 2***************************************/
.header-section .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;box-shadow:none;border-top:1px solid var(--color1); border-bottom:1px solid var(--color1);}
.header-section .menu ul > li.hs-menu-depth-1 .child-trigger{top:20px;right:20px;}
  .header-section .menu ul > li.hs-menu-depth-1 .child-trigger.child-open{top:15px;transform: rotate(180deg);}
.header-section .menu ul > li.hs-menu-depth-2,.header-section .menu ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; }
.header-section .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.header-section .menu ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}{transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}

/**********************************************Depth 3***************************************/
.header-section .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
}

@media(max-width:1280px){
  .header-section .menu ul > li.hs-menu-depth-1 > .child-trigger i{border-width: 8px;  border-right: 8px solid transparent;}
}


@media(max-width:380px){
.header-section .menu ul .header-contact a.cta_button {margin: 15px 0 0; min-width: 150px;} 
}