/* ================= Header Start ================= */
#header{background:#002459;position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;flex-flow:column;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;display:flex;align-items:center;}
.navbar{padding:0;width:100%;height:100px;}
.navbar-brand{width:318px;padding:0;margin:0;position:relative;z-index:99;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.dropdown-toggle.show>img{transform:rotate(180deg);}
@media only screen and (min-width:1200px){
    .navbar-nav>li>.dropdown-menu{display:block!important;top:100%!important;opacity:0;visibility:hidden;min-width:180px;box-shadow:0 5px 8px rgba(0,0,0,0.2);border:0;border-radius:0;transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;margin-top:10px!important;}
    .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;margin-top:10px;}
    .dropdown-item{padding:7px 15px;font-weight:400;color:var(--blue-primary);}
    .dropdown-item:focus,.dropdown-item:hover{color:#009FE3;background:transparent;}
    .dropdown.has-mega-menu{position:static;}
    .nav-link:hover{text-decoration: underline !important;}
    
    
}

/* mega menu  */
.dropdown.has-mega-menu .dropdown-menu{width:100%;left:0;box-shadow:0 3px 6px 0 rgb(0 0 0 / 16%);}
.mmc-left{width:25.65%;}
.mmc-right{width:74.35%;}
.mega-menu-box{line-height:1;}
.mega-menu-box:hover{color:#ff0;}
.mega-menu-item + .mega-menu-item{margin-top:4px;}

/* mega menu  */
.header-right-box:hover,.header-right-box:focus{background-color:var(--blue-primary);color:#002459;}
.header-right-box:hover img,.header-right-box:focus img{filter:brightness(0) invert(1);}
.navbar-toggler{width:45px;height:45px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;top:0;right:0;}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background:transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler .icon-bar{position:relative;display:inline-block;width:22px;height:4px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;vertical-align:middle;}
.navbar-toggler .icon-bar:before,.navbar-toggler .icon-bar:after{content:'';width:22px;height:4px;background:#005983;position:absolute;left:0;transition:all .2s ease-out;}
.navbar-toggler.collapsed .icon-bar{background:#005983!important;}
.navbar-toggler.collapsed .icon-bar:before,.navbar-toggler.collapsed .icon-bar:after{background:#005983;}
.navbar-toggler.collapsed .icon-bar:before{top:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .icon-bar:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .icon-bar:after{bottom:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .icon-bar:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.login-panel-inner{max-width:376px;width:100%;margin:0 auto;}
.login-panel-inner h5{font-family:var(--secondry-font);font-weight:500;font-size:22px;font-style:italic;letter-spacing:-.5px;margin-bottom:0;color:#ff0;}
.login-panel-inner h6{font-size:18px;margin-bottom:0;font-weight:400;margin-top:16px;}
.form-control{border:none;height:48px;border-radius:2px;padding:10px 20px;}
.form-control-sm{height:40px;}
.form-input{margin-top:20px;}
.form-control::placeholder{font-size:18px;color:#BFBFBF;}
.form-control:focus{box-shadow:none;}
h6 + .from-group{margin-top:27px;}
.form-link{font-size:13px;text-decoration:underline;}
body.nav-open{overflow:hidden;}
.navbar-overlay{position:absolute;width:100vw;height:100vh;background:rgb(0 0 0 / 50%);right:0;top:0;z-index:99;opacity:0;visibility:hidden;transition:.5s;}
.nav-open .navbar-overlay{opacity:1;visibility:visible;}

/* ================= Header End ================= */
.navbar-upper{padding:10px 0;font-size:12px;}
.dropdown-custom .dropdown-menu{width:176px;box-shadow:0 3px 3px 0 rgb(0 40 86 / 30%);top:100%!important;transform:none!important;}
.header-top-item + .header-top-item{margin-left:28px;}
.ht-social-media{margin-left:43px;}
.ht-social-media-link + .ht-social-media-link{margin-left:12px;}
.ht-contact-link + .ht-contact-link{margin-left:32px;}
.mmc-right-list{width:calc(100% + 32px);margin-left:-16px;}
.mmc-right-image{box-shadow:0 3px 6px 0 rgb(0 0 0 / 16%);}
.mmc-right-body h6{font-size:20px;font-weight:bold;line-height:1.68;}
.mmc-right-body small{font-size:10px;text-transform:uppercase;}
.mmc-right-box>a{font-size:12px;}
.mmc-right-body{margin-top:9px;padding:0 16px;}
.navbar-toggler:focus{box-shadow:none;}
.nav-inside-logo{width:36px;}
.dropdown-custom .dropdown-menu::after{content:'';position:absolute;width:30px;height:30px;background:#fff;top:-10px;left:21px;border-radius:4px;transform:rotate(45deg);z-index:-1;}
.dropdown-custom .dropdown-menu.dropdown-menu-end::after{left: auto; right: 21px;}
.search-panel-body>.form-control{font-size:64px;padding:24px 0;color:#fff;height:auto;line-height:1;font-weight:500;border-bottom:1px solid #ffff;}
.search-panel-body>.form-control::placeholder{font-size:64px;color:rgb(255 255 255 / 80%);text-transform:uppercase;}
.search-panel-body{margin-top:39px;}
.search-panel{z-index:99999;padding:60px 0;opacity:0;visibility:hidden;}
.open-search-panel .search-panel{opacity:1;visibility:visible;}
.close-button{width:24px;height:24px;filter:brightness(0) invert(1);cursor:pointer;}
.nav-item em.dropdown-toggle{width:16px;height:16px;position:absolute;display:flex;align-items:center;justify-content:center;filter:invert(1);display:none;}
.dropdown-menu{border-radius:16px;}
.header-top-menu .nav-link{line-height:28px;}
.dropdown-item:hover{text-decoration:underline;}
.mmc-right-box>a>span{transition:all 0.3s;}
.mmc-right-box>a:hover span{padding-right:20px!important;}
.mega-menu-item>a:hover{text-decoration: underline !important;}
.header-right-box.dropdown-toggle{cursor: pointer;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
    .navbar-upper{display:none;}
    .navbar{width:100%;height:80px;}
    .navbar-toggler{width:38px;height:73px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:fixed;right:29px;top:0;z-index:9999999;transform:none;}
    .navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background:transparent;}
    .navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;}
    .navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
    .home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover{background:transparent;}
    .navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:28px;height:2px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;vertical-align:middle;}
    .navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:'';width:28px;height:2px;background:#fff;position:absolute;left:0;transition:all .2s ease-out;}
    .navbar-toggler.collapsed .navbar-toggler-icon{background:#fff!important;}
    .navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:#fff;}
    .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
    .navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
    .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
    .navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
    .header-right{position:relative;margin-right:35px;z-index:0;}
    .navbar-collapse,.navbar-collapse.collapsing{overflow:hidden;top:0;position:fixed;right:-100%;padding:0;z-index:99;margin:0;border:0;bottom:0;width:305px;height:100%;display:block!important;transition:all .3s linear;z-index:999;}
    .navbar .collapse.show{right:0;}
    .navbar-toggler:not(.collapsed)::after{content:'';position:absolute;top:24px;left:-6.5px;width:30px;height:30px;border:2px solid var(--white);border-radius:50%;}
    .navbar-inside{height:100%;padding:60px 50px;display:flex;flex-flow:column;background:#37B082;overflow:auto;}
    .navbar-expand-xl .navbar-nav .nav-item{padding:0;margin:0;}
    .navbar-expand-xl .navbar-nav .nav-link{font-size:16px;line-height:30px;padding:7px 0;position:relative;color:var(--dark);}
    .navbar-nav.sm-collapsible .sub-arrow{border:0;margin:0;width:auto;font-size:30px;line-height:60px;top:0;height:60px;color:#f00;width:40px;}
    .dropdown-menu{background:transparent;border:0;padding:0;margin:0 0 20px 0;}
    .header-right-box:hover,.header-right-box:focus{background-color:transparent;}
    .search-panel,.login-panel{top:0;height:100%;overflow-y:auto;z-index:99999999;}
    .header-right-box:hover img,.header-right-box:focus img{filter:none;}
    .navbar-nav{margin-top:48px;}
    * + .ht-right{margin-top:60px;}
    .ht-social-media-link{width:32px;height:32px;}
    .ht-social-media{margin-top:60px;}
    .ht-social-media-link + .ht-social-media-link{margin-left:26px;}
    .header-right-item{border:none!important;z-index:-1;}
    .nav-inside-content .header-btn{width:fit-content;font-size:16px;}
    .navbar-nav + .nav-inside-content{margin-top:28px;}
    .dropdown-custom .dropdown-menu{margin:0!important;position:relative!important;box-shadow:none;padding:10px 0!important;width:100%;transition:all .3s;top:0!important;}
    .dropdown-custom .dropdown-menu::after{display:none;}
    .dropdown-item{font-size:12px;}
    .dropdown-custom .dropdown-menu li + li{margin-top:5px;}
    .header-top-menu .navbar-nav .nav-link{font-size:12px;padding-right:20px!important;}
    .nav-item em.dropdown-toggle{display:flex;right:0;top:13px;}
    .header-top-menu .nav-item .dropdown-toggle{top:7px;}
    .dropdown-item{color:#fff!important;}
    .dropdown-item:focus,.dropdown-item:hover{text-decoration:underline;background-color:transparent;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .search-panel-body>.form-control,.search-panel-body>.form-control::placeholder{font-size:32px;}
    .close-button{top:-60px!important;}
    .search-panel-head{padding:0!important;}
    .search-panel{padding-top:100px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .navbar-brand{width:111px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}