@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

body{font-family: "Geist", Helvetica, Arial, sans-serif; font-weight: 400;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Geist", Helvetica, Arial, sans-serif;}

a, a:hover{color: #001787}

.form-control:focus,
.custom-select:focus {
    border-color: #001787;
}

.hamburger-box {width: 25px; height: 25px;}
.hamburger{color: #66292b!important}
.hamburger:hover {opacity: 1;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
    background-color: #66292b!important;
}

.u-header__section--dark .hamburger-inner{background-color: #66292b!important}

.pagetitlebar {height:300px; background-image: url(../img/hsp-myc2025-pagetitle-bg.jpg); background-position: right bottom;
    background-repeat: no-repeat; background-size: cover}

.pagetitlebar h1{font-size:50px; margin-top:90px; text-shadow: 0 0 10px #FFFFFF, 0 0 5px #FFFFFF;}

.bg {background-image: url(../img/hsp-myc2025-bg.jpg); background-position: top center;
    background-repeat: no-repeat; background-size: 100%; min-height:600px}


.navbar .u-main-nav-v4 .nav-link {padding: 0!important; height:104px; align-items:center; display:flex; color:#fff; border-top: none; font-size:16px; font-weight: 500}

.js-header-change-moment .navbar .u-main-nav-v4 .nav-link {padding: 0!important; height:104px; align-items:center; display:flex; color:#193d61; border-top: none; font-size:14px; font-weight: 500}

.navbar .u-main-nav-v4 a.nav-link:hover{color: #b7cbea!important;} 

.navbar {align-items: start!important;}
.navbar .u-sub-menu-v1 .hs-sub-menu{border-top: none; background-color: #e74f13!important; color:#fff; padding:0; }
.navbar .u-sub-menu-v1 .hs-sub-menu li{border-bottom:1px solid rgba(255, 255, 255, 0.3)!important}

.navbar .u-sub-menu-v1 .hs-sub-menu{min-width:200px!important; width:200px}

.navbar .u-sub-menu-v1 .hs-sub-menu{font-size:14px;}
.navbar .u-sub-menu-v1 .hs-sub-menu a, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover{color:#fff!important; padding-top:10px; padding-bottom:10px}
.navbar .u-sub-menu-v1 .hs-sub-menu a:hover{background-color: #66292b!important}

.navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #f7c213!important;
}

.js-header-change-moment .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #e74f13!important;
}

.js-header-change-moment{border-bottom: 2px solid #e74f13; box-shadow: rgba(0, 0, 0, .117647) 0 1px 3px;}

.js-header-change-moment .navbar .u-main-nav-v4 .nav-link {height:65px;}
.js-header-change-moment .navbar-brand{margin-top:5px}
.js-header-change-moment .navbar-brand img{width:auto; height:55px;}

.hs-mobile-state .navbar-brand img{width:123px; height:auto; }

.g-bg-primary{background-color: #66292b!important}
.g-color-primary{color: #193d61!important}

.u-btn-primary {
    color: #fff;
    background-color: #e74f13; }

.u-btn-primary:hover, .u-btn-primary.active {
    border-color: #66292b;
    background-color: #66292b; }

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
    color: #fff; }



.footerbtm .u-icon-v2{font-size: 16px!important; width:34px; height:34px; border-color: rgba(255, 255, 255, 0.25)}

.footerbtm{border-top: 5px solid #e74f13}

.u-go-to-v2:hover, .u-go-to-v2:focus:hover {background-color: #193d61;}

@media only screen and (max-width: 1366px){
    .navbar .u-main-nav-v4 .nav-link {font-size:13px;}
    .lnav{max-width:100px; text-align:center; line-height: 1em}
}


@media only screen and (max-width: 1200px){
    .pagetitlebar {height:150px}
    .pagetitlebar h1{font-size:40px; margin-top:0}

    .lnav{max-width:none; text-align:left;}    

/* mobile state */    
    .navbar{-ms-flex-wrap: wrap;
        flex-wrap: wrap;}

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10;
        display: block!important;
    }
    .collapse:not(.show) {
        display: none!important;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center!important;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column!important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

/*
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -ms-flex-pack: start;
        justify-content: flex-start; }
    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10; } 
*/
/* mobile state */  

    /*.u-header--sticky-top{position: static;}*/
    .u-header__section{background-color: #fff!important}
    .u-header__section.g-py-10, .navbar-brand{padding-top:0!important; padding-bottom:0!important}
    .navbar-brand img{margin-left:30px; padding-bottom:0}
    .navbar-toggler{margin-right:30px; margin-top:5px}

    .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
        color: #fff!important;
    }    


    .navbar .u-main-nav-v4 .nav-link {
        height:42px;
        padding: 0 30px!important;
        border-top: none;
    }    
    .navbar .u-sub-menu-v1 .hs-sub-menu{box-shadow:none}

    .js-mega-menu.g-px-30{padding-right:0!important; padding-left:0!important}

    .nav-item{background-color: #e74f13}
    .nav-item.active{background-color: #66292b}
    
    .nav-item.g-mr-30{margin-right:0!important}
    .nav-item, .hs-sub-menu li{border-top:1px solid rgba(255, 255, 255, 0.3)}

    .navbar .u-sub-menu-v1 .hs-sub-menu a{padding-left:30px!important; padding-right:30px!important; font-size:16px}

    .navbar .u-sub-menu-v1 .hs-sub-menu a:before{content:"-"; padding-right:5px}
    
    .pagetitlebar{margin-top:68px}
    
    .js-header-change-moment .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .js-header-change-moment .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #fff!important;
}

.js-header-change-moment{border-bottom: 2px solid #e74f13}

.js-header-change-moment .navbar .u-main-nav-v4 .nav-link {height:65px;}
.js-header-change-moment .navbar-brand{margin-top:5px}
.js-header-change-moment .navbar-brand img{width:auto; height:55px;}
    
    .js-header-change-moment .navbar .u-main-nav-v4 .nav-link {
    padding: 0 30px!important;
    height: 42px;
    align-items: center;
    display: flex;
    color: #fff;
    border-top: none;
    font-size: 14px;
    font-weight: 500;
}
    
        .navbar .u-main-nav-v4 .nav-link {
        font-size: 14px;
    }


}