
.top-brand{background:#fff;padding:20px 0 18px;border-bottom:1px solid #d8d8d8}

.top-brand .container { padding: 0 16px;}

.top-brand .row { display: flex; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; align-items: center;}
.top-brand .row {
  margin-top: 0px !important;
}


.brand-logo img { display: block;}

.top-tagline{font-size:20px;font-weight:700;color:#efaf11;line-height:1.35;text-align:center;max-width:520px;margin:auto; 
  font-family:"Encode Sans Condensed", sans-serif;}
.top-tagline span { display:  block; padding: 0 0 0 130px;}

.top-search{max-width:220px;margin-left:auto}
.top-search .form-control{height:30px;border-radius:0;border:1px solid #bdbdbd;font-size:13px}
.top-search .btn{width:30px; height:30px;border-radius:0;background:#313131 url(../images/mdi_search.svg) 50% 50% no-repeat;color:#fff;border:none;padding:0 12px; background-size: 20px auto;}
.top-search .btn:hover {background:#2f2926 url(../images/mdi_search.svg) 50% 50% no-repeat; background-size: 20px auto;}



.main-nav{background:#5c5754;position:relative;z-index:99; height:30px;}
.main-nav .navbar{padding:0}
.main-nav .nav-link{color:#fff!important;font-size:12px;font-weight:600;padding:1px 14px;display:block}
.main-nav .nav-link:hover{background:rgba(255,255,255,.08)}

.main-menu,.main-menu ul{list-style:none;margin:0;padding:0}
.main-menu>li{position:relative}

.has-submenu>.nav-link,.has-submenu-child>a{position:relative;padding-right:35px !important;}

.has-submenu>.nav-link:after {content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; background: url(../images/menu-arrow-right.svg) 0 0 no-repeat; width:24px; height:24px;  }
.has-submenu-child>a:after{ content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; font-size:10px; background: url(../images/menu-arrow-right.svg) 0 0 no-repeat; width:24px; height:24px;   }

.submenu,.submenu-child{position:absolute;top:100%;left:0;min-width:230px;background:#5c5754;box-shadow:0 10px 25px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}

.submenu li,.submenu-child li{position:relative}

.submenu a,.submenu-child a{display:block;color:#fff;font-size:13px;font-weight:500;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}

.submenu a:hover,.submenu-child a:hover{background:#6a5d56;color:#fff}

.submenu-child{top:0;left:100%;transform:translateX(8px)}



.navbar-nav { margin-left:0px!important; }


.search-hover { color: #000; font-size: 12px; font-weight: 600; padding-bottom: 5px; font-family: "Encode Sans", sans-serif; }

.mt-3 { margin-top: 1rem !important; }


.cms-fix-pages { min-height: calc(100vh - 350px); }

.social-icons a i { display: flex;}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-toggler {  display: none; }

.col-lg-3 { flex: 0 0 auto;  width: 25%;}

.col-lg-6 { flex: 0 0 auto; width: 50%;}

}




@media (min-width:992px){

.has-submenu:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.has-submenu-child:hover>.submenu-child{opacity:1;visibility:visible;transform:translateX(0)}
.main-menu-right .has-submenu>.submenu {right:0px; left: auto;}
.main-menu-right .has-submenu-child>.submenu-child { left:-100%; } 

.has-submenu>.nav-link:after { transform:translateY(-50%) rotate(90deg)  }

}

@media (max-width:991.98px){


.main-nav .navbar-collapse{ background:#4a403c; padding: 0px;
  /* padding:10px 0px 15px 0px; */
}
.main-menu{width:100%}
.main-menu>li{border-top:1px solid rgba(255,255,255,.08)}

.submenu,.submenu-child{position:static;min-width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;background:#5b4f49}
.submenu-child{background:#675a53}

.has-submenu.open>.submenu{display:block}
.has-submenu-child.open>.submenu-child{display:block}

.submenu a,.submenu-child a{padding:11px 24px}
.submenu .has-submenu-child>a{padding-left:24px !important;}
.submenu-child a{padding-left:38px !important;}

.has-submenu>.nav-link:after,.has-submenu-child>a:after{transition:.25s ease}
.has-submenu.open>.nav-link:after,.has-submenu-child.open>a:after{transform:translateY(-50%) rotate(90deg)}



}




@media(max-width:991px){
    
  .brand-logo{font-size:52px;text-align:center}
  .brand-logo span{font-size:20px}
  .top-tagline{font-size:18px;margin:18px auto}
  .top-search { margin: 0px auto 0;   float: right; }

}


@media(max-width:767px){ 

  .main-nav .nav-link{padding:10px 14px; }
  .mobilemenu { display: none !important;}

.cms-fix-pages{ background: #fff !important; margin-top: -10px !important; }

  

}







/* new add */


.main-nav{background:#5c5754;position:relative;z-index:99; height:24px; font-family: "Encode Sans", sans-serif; margin-bottom: 8px;}



.d-flex { display: flex !important; }


.navbar-toggler { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:600; width:100%;
    padding:0; background-color:transparent; color:#fff; border:none;}


.photo-profile { margin-top:-8px; }

.navbar:before, .navbar:after { display: none;} 
.navbar-collapse:before, .navbar-collapse:after { display: none; }

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
      justify-content: space-between;
  }
}

@media(max-width:991px){


.top-brand .row .col-lg-6 {  display: none; }

.brand-logo { font-size: 52px; text-align: center; }

.top-brand .row .col-lg-3 { width:65%; }
.top-brand .row .col-lg-3:first-child { width:35%; }

.main-nav { height:34px;}
.navbar-toggler { margin-top:1px; height: 30px; padding-right: 6px;}
.navbar-toggler img { width: 26px; }


}


@media (max-width:767px){
    .d-flex.search-hover{ display:none !important; }

.black-theme .navbar-nav { margin: 0; background: none; }

.main-nav .nav-link { padding: 7px 14px; }

.top-search {  max-width: 100%;}

.brand-logo img { max-width: 100%; }



iframe{ width:100%; }
}



/* footer start */


.program-link{font-size:13px;font-weight:700;color:var(--bs-primary)}
.site-footer{background:#050505;color:#fff;padding:42px 0; font-family: "Encode Sans", sans-serif; }
.footer-logo{font-size:64px;font-weight:800;line-height:.9;color:var(--bs-primary);letter-spacing:-2px}
.footer-logo small{display:block;font-size:18px;letter-spacing:0;color:#fff;font-weight:600}
.footer-text{font-size:14px;line-height:1.7;color:#fff}
.footer-menu a{display:block;color:#fff;font-size:14px;line-height:2}
.footer-menu a:hover { opacity: 0.8;}
.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);color:#fff;margin-right:6px;font-size:13px; background: #2a2a2a; border-radius: 3px;}
.social-icons a:hover { opacity: 0.8;}
.social-icons a svg { width: 15px;} 
.social-icons a svg path { fill: #fff;}
.social-icons a .facebook-icon svg { width: 10px;}


.footer-menu {  display:grid;  grid-template-columns:repeat(2,1fr);  gap:0px 20px;}
.footer-menu a{  display:block; }
.footer-text strong { color: #fff;}

.mobile-menu2{ display:none !important; }
@media (max-width: 767px) {
  .social-icons {
      text-align: center;
      padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .footer-menu {
      padding-top: 20px;
  }

  .footer-logo, .footer-text, .footer-menu {
    text-align: center;
}

.footer-text { padding: 20px 0px;}


}
