.header-section { width: 100%; display: inline-block; vertical-align: top; background:#093f5d;}
.header-section .page-center { padding: 0px 15px !important; }
.header-section .left-part { width: 220px; float: left; }
.header-section .right-part { width: calc(100% - 220px); float: left; text-align: right; }
.header-section .right-part .mainmenu { width: auto; float: none; display: inline-block; vertical-align: middle; }
.header-section .right-part .header-btn { width: auto; display: inline-block; vertical-align: middle; float: none; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul { margin: 0 !important; float: left; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li { display: inline-block; padding: 30px 0px 20px 0px; margin-right: 35px; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children { position: relative; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a{color:#FFF;font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 18px; padding: 0;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a:hover{color:#e1e533;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; top: 100%; z-index: 9; text-align: left; background: #e1e533; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 180px; transition: all 0.5s; opacity: 0; visibility: hidden; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 10px; display: inline-block; width: 100%; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); font-size: 15px; color:#093f5d; white-space: unset; max-width: 100%; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border: 0; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background: #093f5d; color: #FFF; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.header-section .page-center { display: flex; align-items: center; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children a { font-weight: 500; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active-branch a, .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active a{color:#e1e533;}
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li.active-branch a, .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li.active a{ ; }

.header-section .right-part .header-btn a { color: #fff; font-size: 18px; font-weight: 700; font-family: 'Montserrat', sans-serif; position: relative; }
.header-section .right-part .header-btn a:before { content: ' '; top: auto; bottom: -5px; width: 100%; height: 2px; background: #fff; position: absolute; transition: all 0.5s; }
.header-section .right-part .header-btn a:hover { color: #E1E533; }
.header-section .right-part .header-btn a:hover:before { background: #E1E533; }
.header-section .right-part .mainmenu .hs-menu-wrapper .header-btn { display: none;}






@media (max-width:1199px){

    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li { margin-right: 20px; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a { font-size: 16px; }
    .header-section .right-part .header-btn a { font-size: 16px; }


}

@media (min-width:992px){
    .header-section .right-part .mainmenu .hs-menu-wrapper{display:block !important; }
}


@media (max-width:991px){


    .mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
        border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; max-width: none;width: 100%;height: auto;
        line-height: 1; font-weight: normal;text-decoration: none;text-indent: 0px;text-align: left;color: #093f5d;}
    a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 19px; right: 15px; width: 44px; height: 44px; padding: 12px 10px;
        background: #e1e733; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
        border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in;}
    a.mobile-trigger:hover { text-decoration: none; color: #093f5d;}
    a.mobile-trigger span{ display: inline;}
    a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; 
        background-color: #093f5d; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }

    /* Change button when menu is open */
    .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear;}
    .mobile-open a.mobile-trigger span:after{ opacity: 1; }

    /* Toggle Button Icon & Animations */
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;
        transition-duration: 0s; transition-delay: .2s; background: #093f5d;}
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px; background: #093f5d; display: inline-block;}
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}

    /* Child Toggle Button */
    span.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 45px !important; 
        padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20);}
    span.child-triggerm:hover { text-decoration: none;}

    /* Child Toggle Button Icon & Animations */
    span.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
    span.child-triggerm span:after { position: absolute; content: '';}
    span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 1px; background-color: #093f5d; display: block;}
    .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #093f5d; }
    span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}

    /* Menu Styles on Mobile Devices */ 
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active-branch a, .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.active a{color:#093f5d;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;} 
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; top: 100%; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); background: #e1e733; padding: 0;}
    .mainmenu .hs-menu-flow-horizontal{ padding: 40px 0 0 0; background-color: #093f5d; width: 100%; z-index: 8888;}
    .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative;}
    .mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 17px; line-height: 45px; overflow: visible;}
    .mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgb(9 63 93 / 34%); }
    .mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 10px !important;}
    .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #093f5d; }
    .mainmenu .hs-menu-flow-horizontal > ul li ul { width: 100%; box-shadow: none; padding-left: 10px; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper { box-shadow: none; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
    .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 16px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px;}
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children a { font-weight: 600; }
.header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper { width: 100%; max-width: 100%; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 0 !important; white-space: unset !important; width: 100%; max-width: 100%; border: none; }

    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li{margin: 0; padding: 0;}
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a{ color: #093f5d;}
    .header-section{ position:relative; padding: 25px 0;}
    .header-section .right-part .header-btn{display:none;}
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn { display: block;padding: 16px 10px 15px; border-top: 1px dotted rgb(9 63 93 / 34%); float: left; width: 100%; }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn script { display: none; }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn a { color: #093f5d; }
    .header-section .right-part .mainmenu .hs-menu-wrapper .header-btn a:before { display: none; }
    .header-section .right-part .mainmenu .hs-menu-wrapper>ul>li>a:hover {color: #093f5d;}


}


@media (max-width:767px){

    .header-section .left-part { width: 200px; }
    a.mobile-trigger { top: 17px; }

}