.header { width:100%; background:#01a396; position:relative; padding:1rem 0; z-index: 1; position: fixed; top:0;  }
.header .container { display:flex; flex-wrap:wrap; padding:0 1rem; align-items:center; max-width: 81.5625rem; justify-content:space-between; }   
.header .logo { width:auto; line-height:0; flex-basis: 22rem; height: 5rem; flex-shrink: 0; display: flex; align-items: center; }
.header .mainmenu { width:auto; line-height:0; flex-grow: 1; }
.header .logo img { height: 100%!important; vertical-align: middle; width: 100%; }

@media (min-width: 1150px) {

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { font-size: 100%; list-style: none; margin: 0; padding: 0; width: 100%; text-align: right; float: none;}

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul { width:auto; margin:0; padding:0; list-style:none; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children { position:relative; }

    /*     .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul > li.hs-item-has-children > a:after { position:relative; content:"\f107"; font-family:"FontAwesome"; margin-left: 8px; font-size: 24px; font-weight: 300; float: none; display: inline-block; vertical-align: middle; line-height: 15px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { content:"\f105"; font-size: 16px; line-height: 15px; } */

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li { padding:0; position:relative; width:auto; float:none; display:inline-block; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-weight: 600; text-decoration:none; font-size: 16px; line-height:1; font-family: Poppins,sans-serif; padding:0 12px; text-transform:uppercase; display:inline-block; color:#fff; position:relative; white-space: normal; text-overflow: inherit; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:#fff; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover > a { color:#fff; }

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) ul.hs-menu-children-wrapper li:nth-child(4)> a { position:relative; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) ul.hs-menu-children-wrapper li:nth-child(5)> a { position:relative; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) ul.hs-menu-children-wrapper li:nth-child(4) > a:after { content: ""; font-family: dashicons,sans-serif; font-size: 1rem; margin-left: 10px; opacity: .5; position: absolute; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) ul.hs-menu-children-wrapper li:nth-child(5) > a:after { content: ""; font-family: dashicons,sans-serif; font-size: 1rem; margin-left: 10px; opacity: .5; position: absolute; }

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {  pointer-events:inherit; opacity:1; visibility:visible; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { z-index:1; top:100%; display:none !important; left:0; padding:0.5rem; position:absolute; background:#01a396; width:19rem;line-height:0; transition:all .4s ease; opacity:0; visibility:hidden; z-index:11; pointer-events:none; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:0 12px; text-transform: capitalize; color:#fff; font-size:16px; line-height:2; width:100% !important; white-space: normal; width:100% !important; text-align:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }   
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color:#fff; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; } 

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover > a { color:#fff; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left:100%; top:0; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper { pointer-events:inherit; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a:after {
        content: "";
        display: inline-block;
        font-family: dashicons,sans-serif;
        position: absolute;
        right: 0;
        transition-duration: .3s;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        width: 0.625rem;
        top: 40%;
    }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { font-size: 16px; font-weight: 600; line-height: 1; padding: 0 .75rem; height: 5rem; display: flex; align-items: center;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>a {
        margin-right: 1rem;
        position: relative;
    }
    a.mobile-trigger, a.child-triggerm { display: none !important; }
    .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block !important; }
}



@media (max-width:991px) {

    .header .container { max-width:100%; }  

}


@media (max-width:1279.9px) {
    .header .logo {
        flex-basis: 16rem;
    }
}

@media (max-width:1149.9px) {
    .header .logo { height: 81px;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { margin-right: 0; font-family: Poppins-Medium; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; padding: 0.5rem; color: #fff; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:#fff; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {  font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; font-family: Poppins-Medium; display: block; padding: 0.5rem; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(3) ul.hs-menu-children-wrapper li > a:after { position:relative; top:2px; opacity:.5; display:inline-block; vertical-align:inherit; margin-left:10px; width: 1rem;  height: 1rem; content: url(data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg enable-background='new 0 0 43 43' version='1.1' viewBox='0 0 43 43' xml:space='preserve' fill='%23cc122c' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='33 38 5 38 5 10 17.5 10 17.5 5 0 5 0 43 38 43 38 25.5 33 25.5'/%3e%3cpolygon points='22.5 0 22.5 5 33.9 5 12.4 26.4 16.6 30.6 38 9.1 38 20.5 43 20.5 43 0'/%3e%3c/svg%3e); filter: saturate(25%) brightness(250%); }
    .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: #fff; }
    /*     a.mobile-trigger { display: inline-block !important; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; cursor: pointer; position: absolute; top: 43%; transform:translateY(-43%); right: 12px; width: 30px; height: 30px; padding:10px; background: transparent; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 50%; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; } */
    a.mobile-trigger { float:right;    justify-content: center; align-items: center; display: flex; width: 6rem; height: 5rem; }
    a.mobile-trigger:hover { text-decoration: none; color: #fff; }
    .mobile-open a.mobile-trigger { top: -1px; }
    a.mobile-trigger span { display: inline; }
    .mobile-open a.mobile-trigger .close-trigger { display: block; z-index: 999;}
    a.mobile-trigger .close-trigger{display:none;}
    a.mobile-trigger span:before { position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; background-color: #455560; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .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; }
    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; }
    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: 16px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #fff; /* Icon color */ display: inline-block; }
    a.mobile-trigger  i:before { margin-top: -7px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    a.mobile-trigger  i:after { margin-top: 7px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
    .mainmenu .hs-menu-flow-horizontal > ul > li a.child-triggerm { float: right!important; padding: 0.5625rem 0.625rem; position: absolute; right: 0; top: 0; z-index: 100; border: 0; color: #fff; cursor: pointer; font-size: 1rem!important; font-weight: 600!important; text-decoration: none; white-space: normal!important; width: auto!important; background-color: transparent; border-width: 0; display: block!important; line-height: 1.15!important; margin: 0 auto; text-align: center; visibility: visible; overflow: hidden!important;  padding-right: 0;   }
    .mainmenu .hs-menu-flow-horizontal > ul > li a.child-triggerm:hover { text-decoration: none; }
    .mainmenu .hs-menu-flow-horizontal>ul>li a.child-triggerm:before{ font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; content: "\f347"; font-style: normal; speak: never; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; transition: color .1s ease-in; }
    .mainmenu .hs-menu-flow-horizontal > ul > li a.child-triggerm.child-open:before { transform: rotate(180deg); }

    a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm span:after { position: absolute; content: ''; }
    a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block; }
    .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span:after { background-color: #fff; }
    a.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; }
    a.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; }
    a.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; }
    .mobile-open a.mobile-trigger .open-trigger {
        display: none;
    }
    /* Hide menu on mobile */
    .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper { display: none; }

    /* Make child lists appear below parent items */
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }

    /* Mobile Menu Styles */
    .mobile-open .header { position:fixed; top:0; left:0; z-index:99; }

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {    float: left; margin-top: 0; width: 100%; padding-left: 2rem; padding-right: 2rem; padding-top: 8rem; list-style: none; padding-bottom: 2rem; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; left: 0px; top:0; width: 100%; overflow-Y:auto !important; }
    .mainmenu .hs-menu-flow-horizontal { padding: 0; background-color: #01a396; width: 100%; height:100vh; z-index: 888; }

    /* Level 1 Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; width: 100%; float: left; }
    .mainmenu .hs-menu-flow-horizontal > ul > li a { text-decoration:none; font-size: 16px; line-height: 24px; padding: 10px 15px; float: left; width: 100% !important; max-width: 100% !important; overflow: visible; white-space: normal; width: 100% !important; float: left; max-width: 100% !important; overflow: hidden; text-overflow: inherit; }

    /* Level 1 and Higher Menu List Styles */

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; }
    .mainmenu .hs-menu-flow-horizontal ul li a { padding: 10px 15px; float: left; width: 100%; }

    /* Level 2 and Higher Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul ul li { width: 100%; float: left; }
    /*     .mainmenu .hs-menu-flow-horizontal > ul ul li a { padding:10px 20px 10px 40px !important; font-size: 16px; width: 100%; float: left; } */

    /* Level 3 and Higher Menu List Styles */
    .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; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul {
        list-style: none;
        margin: 0.625rem 0 0.625rem 1.5rem;
        padding-left:0;
        overflow:visible!important;
    }
    .header .logo {
        flex-basis: 22rem;
    }
}



@media (max-width:639.9px) {
    .header .logo {
        height: 80px;
        display: flex;
        align-items: center;
        flex-basis: 14rem;
    }
    .header.political-header .logo img {
        width: 100%;
    }
}

@media (max-width:350.9px) {
    a.mobile-trigger {
        position: absolute;
        right: 14px;
        top: 0;
    }
    .header .container {
        position: relative;
    }
    .mobile-open a.mobile-trigger { 
        margin-right: 30px;
        right: -16px;
        padding-right: 0;
        position: absolute;
        top: 0;
    }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
        padding: 7rem 2rem 2rem;
    }
}

@media (max-width: 320px){
    .mobile-open a.mobile-trigger {
        right: -16px;
        margin-right: 0;
        top:0;
    }
    a.mobile-trigger {
        right: -16px;
    }
}