@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

#menu ul {
    margin: 0;
    padding: 0;
}

#menu .main-menu {
    display: none;
}

#tm:checked + .main-menu {
    display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
    display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
    border-style: solid;
    border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
    border-width: 0 0 1px;
}

#menu .sub-menu {
    background-color: #444;
    border-width: 1px 1px 0;
    margin: 0 1em;
}

#menu .sub-menu li:last-child {
    border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
    position: relative;
    display: block;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
    text-decoration:none;
}

#menu {
    background-color: #09c;
}

#toggle-menu {
    background: #333;
}

#toggle-menu, 
#menu a {
    padding: 1em 1.5em;
}

#menu a {
    transition: all .125s ease-in-out;
    -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
    background-color: #333;
    color: #ffffff;
}

#menu .sub-menu {
    display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
    display: block;
}

#menu .sub-menu a:hover {
    color: #ffffff;
    text-decoration:none;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
    position: absolute;
    right: 0;
    top: 0;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
    padding: 1em;
    font-size: 1em;
    text-align: center;
    background-color: rgba(0, 0, 0, .125);
    text-shadow: 0 0 0 transparent;
    color: rgba(255, 255, 255, .75);
}


@media only screen and (min-width: 1024px) {

/*     header.header.new_header .header__navigation nav#menu ul.main-menu > li:nth-last-child(2) { display: none; } */
    header.header.new_header .header__navigation nav#menu ul.main-menu > li:last-child { display: none; }
    #menu .main-menu + div { display: none; }


    #menu .main-menu {
        display: block;
    }

    #toggle-menu, 
    #menu label.drop-icon {
        display: none;
    }

    #menu ul span.drop-icon {
        display: none;
    }

    #menu li {
        float: left;
        border-width: 0 1px 0 0;
    }
    #menu li.active-branch > a,
    #menu li.active > a {
        {#color:#02b4e6;#}
        color:#ffffff;
    }
    #menu .sub-menu li {
        float: none;
    }

    #menu .sub-menu {
        border-width: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 12em;
        z-index: 3000;
    }

    #menu .sub-menu, 
    #menu input[type="checkbox"]:checked + .sub-menu {
        display: none;
    }

    #menu .sub-menu li {
        border-width: 0 0 1px;
    }

    #menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }

    #menu .sub-menu .drop-icon {
        position: absolute;
        top: 0;
        right: 0;
        padding: 1em;
    }



    #menu li:hover > input[type="checkbox"] + .sub-menu {
        display: block;
    }
}

/* New Css */
.new_header #menu .main-menu > li > a { font-size:16px; }
.new_header #menu .main-menu > li:hover > a { background:#BB212B; color:#fff; }
.new_header #menu .main-menu > li .sub-menu { background: #fff; width: 250px; }
.new_header #menu .main-menu > li .sub-menu > li > a { color: #303842; text-shadow: none; font-weight: 700; font-family: Lato, sans-serif; padding: 15px 25px 15px 15px; position:relative; font-size:16px; }
.new_header #menu .main-menu > li .sub-menu > li.hs-children-menu > a:after { position:absolute; content:""; height:15px; width:9px; right:15px; top:0; bottom:0; background:url('https://f.hubspotusercontent20.net/hubfs/6757325/submenu-arrow.png') no-repeat center / cover; margin: auto 0; }
.new_header #menu .main-menu > li .sub-menu > li > a:hover { background: #F3F1F5; color: #BB222B; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu { background: #F3F1F5; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li { padding: 0 10px; border: 0; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li a { border-bottom: 1px solid #E3E1E7; padding:15px; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li:hover { background: #E9E8ED; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li a:hover { background: transparent; color: #303842; }
.new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li a:after { display:none; }
.new_header .header__container { align-items: center; }
@media (min-width:1024px){
    a.mobile-trigger, span.child-triggerm { display: none !important; }
    .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; }
    .row-fluid span.child-triggerm { display: none !important; }
}

@media (min-width:1024px) {
    .header__logo.header__logo--tablet { max-width: 150px; }
    header.new_header #menu a { padding: 10px 14px; font-size: 16px; }  
}

@media (max-width:1023px){
    header.header.new_header .header__navigation nav#menu ul.main-menu > li:nth-child(3) ul.sub-menu > li:first-child { display: none; }
    .header__button.header--element.main_header_btn.mbl { display: inline-block; vertical-align: top; width: 100%; padding: 15px; }
    .new_header #menu a:hover { background: #be2026 !important; }
    header.new_header { display: inline-block; vertical-align: top; width: 100%; background: #000; padding: 15px; position:relative; }
    header.new_header .header__column { position: initial;}
    header.new_header .header__logo.header__logo--main { max-width: 100%; padding: 0; }
    header.new_header .header__logo.header__logo--main img, header.new_header .header__logo.header__logo--tablet { max-width: 150px; }
    header.new_header .header__container { padding: 0; }
    header.new_header .header__navigation--toggle { margin: 0; display:none; }
    header.new_header .header__navigation.header--element { display: inline-block; vertical-align: top; width: 100%; }
    header.new_header nav#menu { position: absolute; top: 100%; left: 0; width: 100%; display:none; background:#fff; }
    header.new_header nav#menu ul.main-menu { display: inline-block; vertical-align: top; width: 100%; }
    header.new_header nav#menu label#toggle-menu { display: none; }
    header.new_header label.drop-icon { display: none; }
    header.new_header span.drop-icon { display: none; }
    .new_header #menu .main-menu > li { padding:0; border:0; text-shadow:none; }
    .new_header #menu .main-menu > li > a { color:#000 !important; font-size: 14px; font-weight: 600; position:relative; }
    .new_header #menu .main-menu > li > a:after { position:absolute; content:""; height:1px; width:calc(100% - 20px); left:0; right:0; bottom:0; margin:0 auto; background:rgba(0, 0, 0, .05); }
    .new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li a:before { position: absolute; content: ""; height: 1px; width: calc(100% - 20px); left: 0; right: 0; bottom: 0; background: #E3E1E7; margin: 0 auto; }
    .new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li a { border:0; }

    .new_header #menu .main-menu > li .sub-menu { width: 100%; margin: 0; background: #F3F1F5; border:0; }
    .new_header #menu .main-menu > li.submenu-open > a { color:#fff !important; background:#BB212B !important; }
    .new_header #menu a:hover, .new_header #menu .main-menu > li:hover > a { background:transparent; }
    .new_header #menu .main-menu > li .sub-menu > li.hs-children-menu > a:after { display: none; }
    header.new_header #menu a { padding: 15px; text-shadow: none; }
    .new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu li { padding:0; }
    .new_header #menu .main-menu > li .sub-menu > li > ul.sub-menu { background: #fff; }
    .new_header #menu .main-menu > li .sub-menu span.child-triggerm.child-open span { color:#BB212B; }
    .new_header .header__search.header--element { display:none; }
    .new_header .header__row-1 { padding: 0; }
    header.new_header .header__logo.header__logo--main a, header.new_header .header__logo.header__logo--tablet a { line-height: 0; }
    .new_header span.child-triggerm.child-open span { transform: rotate(90deg); top: 4px; color: #fff; }

    .new_header #menu .main-menu > li .sub-menu > li > a, .new_header #menu .main-menu > li .sub-menu > li > ul > li > a { font-size:14px; }

    /* Menu */
    .mainmenu, .mainmenu li, .mainmenu li a { 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; }
    .new_header a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top:10px; right:0; width:60px; height:60px; text-align:center; background:transparent; padding:12px 10px; z-index:99999999999; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
    .new_header a.mobile-trigger:hover { text-decoration:none; }
    .new_header a.mobile-trigger span { display:inline; }
    .new_header a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    .new_header a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }

    .mobile-open .new_header a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
    .mobile-open .new_header a.mobile-trigger span:after { opacity:1; }

    .new_header 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; }
    .new_header a.mobile-trigger i:before, .new_header a.mobile-trigger i:after { position:absolute; content: ''; }
    .new_header a.mobile-trigger i, .new_header a.mobile-trigger i:before, .new_header a.mobile-trigger i:after { width:30px; height:3px; display:inline-block; background:#fff; }
    .new_header a.mobile-trigger i:before { margin-top:-8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    .new_header 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); }

    .new_header span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:60px !important; height:100% !important; padding:0 !important; }
    .new_header span.child-triggerm span { position:absolute; left:50%; top:3px; transition:all ease-in-out .5s; transform:translateX(-50%); color:#BB212B; font-size:30px; text-shadow:none; }
    /*     .new_header span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background:#fff; transform:translate(-50%, -50%); }
    .new_header span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background:#fff; transform:translate(-50%, -50%); }
    .new_header span.child-triggerm.child-open span { transform:translateX(-50%) rotate(45deg); } */

    .new_header .main-menu.js-enabled .hs-menu-flow-horizontal, .new_header .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .new_header .main-menu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

    .new_header .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; top:60px; left:0px; width:100%; padding:0px; background-color:#094c8e; width:100%; z-index:8888; }

    .new_header .main-menu .hs-menu-flow-horizontal > ul > li { position:relative; }
    .new_header .main-menu .hs-menu-flow-horizontal > ul > li { border-bottom:1px solid #5f8ab5; }
    .new_header .main-menu .hs-menu-flow-horizontal > ul > li:last-child { border-bottom:0; } 

    .new_header .main-menu .hs-menu-flow-horizontal > ul ul ul li a { text-indent:30px; }
    .new_header .main-menu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent:50px; }
}