.navbar { padding:0; }
.logo1 { display:none; padding-left: 30px;padding-bottom: 5px;}


/*.navbar-brand img { width:100px; }*/

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:0rem;
   padding: 0px;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#1D5079 !important;
}



/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:0rem 0rem !important;
  margin:0rem 0.5rem !important;
 
}

.navbar .nav-item:hover a { color:#1D5079;}

/* makes the dropdown full width  */
.navbar .dropdown {position:static; }

.navbar .dropdown-menu {
  width:300px;
  left:0px;
  right:0;
/*  height of nav-item  */
  top:45px;
  display:none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  height: auto;

}


.management-nav {left: 120px !important;}

.leader-nav {left: 80px !important;}

.value-nav { left: 230px !important;}

.trends-nav {left: 370px !important;}

.capital-nav { left: 540px !important;}

.Statutory-nav { left: 720px !important;}

.Financial-nav { left: 800px !important;}

.dropdown-menu { display:block; opacity:0; visibility:hidden; transition:0.5s;}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
 /* display:block!important;*/ opacity:1; visibility:visible; top:84px; display:block;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

  
}
.navbar {background-color: transparent !important;}
.navbar-dark .navbar-nav .nav-link { color:#000; font-weight:400; padding:1.2rem 0rem; font-size:15px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#1C4088;}
.navbar-nav {margin-right:0px;margin-top: 30px;}

.dropdown-menu a.nav-link  { color:#FFF !important; border-bottom:solid 1px rgba(255,255,255,0.2); font-size:16px; font-weight:300 !important; padding:1rem 0.3rem !important; }
.dropdown-menu a.sub-title { font-size:17px !important; text-transform:uppercase;  font-weight:600 !important;}
#statutory-reports { width:25%; left: 510px;}
#financial { width:60%; left: 514px;}

.book-bt { color:#FFF; text-transform:uppercase; font-weight:600; margin-left: 10px; 
border-radius: 10px;
background: rgb(238,116,49); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(238,116,49,1) 0%, rgba(238,49,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(238,116,49,1) 0%,rgba(238,49,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(238,116,49,1) 0%,rgba(238,49,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7431', endColorstr='#1C4088',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.book-bt a { color:#FFF; padding:14px 14px;font-size: 13px; display:block; text-decoration: none !important; 
  padding-left: 43px; border-radius: 10px;}

.book-bt a:hover { color:#FFF; background-color: #333333; }

/* .navbar-dark .collapsed .navbar-toggler-icon { background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:center center;background-size: 30px; } */

.navbar-dark .navbar-toggler-icon { background-repeat:no-repeat; background-position:center center; background-size: 20px; }


.mobile-link {}

.mobile-link a { margin-right:10px; }

.navbar-dark .navbar-brand {padding-left:0px;padding-top:0px;text-align: center;padding: 6px 0px; position: relative; }
.Integrated {position: absolute; right:-110px; top:22px; text-align: left; line-height: 17px; font-weight: 700; font-size:16px; color: #21262F; }

.navbar-collapse {right:0px;top:0px;position: absolute;}

.navbar-dark .navbar-nav .nav-link.active { color:#1C4088; }

/* .collapse:not(.show) {
  display: block;
}

#header .collapse {height: 100vh; background-color: #1c4088;} */

#header .container,#header .dropdown-menu { padding:0px; }
.nav-left { background-color: #532771; padding:20px; height: 300px;}
.nav-left h2 { font-size: 22px; color: #FFF; }
.nav-left p { color: #FFF; font-size: 12px; line-height: 18px; font-weight: 300;}
.nav-left a.readmore { border: solid 1px #FFF; color: #FFF !important; font-size: 12px !important; }
.nav-left a.readmore:hover { background-color: #FFF; color: #000 !important; }

.nav-box p { color: #333; font-size:14px; line-height: 16px;}

.dar-bt { position: absolute; top: 0; right:0; background-color: #1D5079; font-weight: 700; color: #FFF; text-transform: uppercase; display: block; padding: 5px 10px; }
.dar-bt:hover { color:#fff; }



@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 
  
/*NAV*/
#header .top-header { display: none; }
#header .header-nav {margin-top: 0px;}
.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 8px;background-color:transparent;}
a.navbar-brand img {margin-left: 10px;
width: 130px;
}
.navbar-nav {
margin-left: 0;margin-right: 0px;
}
.navbar-nav {
margin-left: 0px !important;
background-color: #1C4088; padding-top: 10px;
}
.navbar-nav li { margin:0px 15px; }

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
}

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
font-weight: 600;
padding: 1.1rem 0rem !important;
font-size: 16px;
border-bottom: solid 1px rgba(255,255,255,0.1);
}
.dropdown-toggle::after {right: 20px; top:21px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #FFF;
}
.dropdown-menu a.nav-link {
padding: 0.5rem 0.3rem !important;
}


#header .collapse.show { height:100vh; background-color: #1C4088; }

.navbar .dropdown-menu div[class*="col"],.inner-glance [class*="col"],#our-brand-inner [class*="col-"],#our-presence [class*="col-"],#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"],.operational-container [class*="col-"] {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}


.dropdown-menu.show {
    padding: 10px 15px !important;height: auto;
}

.mobile-link {
    text-align: center;
    padding: 20px 0px;width: 40%;display: inline-block;transform: translate(0px, -15px);
}

button { outline:none !important; border:none !important; }

.navbar-dark .navbar-brand {
    padding-left:0px;
    padding-top:0px;
    text-align: center;
}

.navbar-collapse {position: absolute;top: 70px;right: 0; background-color: #1c4088;height: 100vh; display: block !important; left: 0px; transform: translate(-90%, 0px); transition: 0.5s; opacity: 0; visibility: hidden;}

#header .collapse.show {transform: translate(0%, 0px); opacity: 1; visibility: visible;}



.navbar {padding: 0rem 0rem;}
.navbar-dark .navbar-brand {padding: 0;}
/*END*/

.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}

#header .show-nav { display: block;border-left: none; margin: 0 11px;}
#header.fixed .nav-link {font-size: 16px;}
.dar-bt {position: relative; padding: 17px 10px; text-align: center; margin: 17px 15px; }



}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) { 


/*NAV*/
#header .top-header { display: none; }
#header .header-nav {margin-top: 0px;}
.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 8px;background-color:transparent;}
a.navbar-brand img {margin-left: 10px;
width: 130px;
}
.navbar-nav {
margin-left: 0;margin-right: 0px;
}
.navbar-nav {
margin-left: 0px !important;
background-color: #1C4088; padding-top: 10px;
}
.navbar-nav li { margin:0px 15px; }

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
}

.navbar-dark .navbar-nav .nav-link {
color: #FFF;
font-weight: 600;
padding: 1.1rem 0rem !important;
font-size: 16px;
border-bottom: solid 1px rgba(255,255,255,0.1);
}
.dropdown-toggle::after {right: 20px; top:21px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #FFF;
}
.dropdown-menu a.nav-link {
padding: 0.5rem 0.3rem !important;
}


#header .collapse.show { height:100vh; background-color: #1C4088; }

.navbar .dropdown-menu div[class*="col"],.inner-glance [class*="col"],#our-brand-inner [class*="col-"],#our-presence [class*="col-"],#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"],.operational-container [class*="col-"] {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}


.dropdown-menu.show {
    padding: 10px 15px !important;height: auto;
}

.mobile-link {
    text-align: center;
    padding: 20px 0px;width: 40%;display: inline-block;transform: translate(0px, -15px);
}

button { outline:none !important; border:none !important; }

.navbar-dark .navbar-brand {
    padding-left:0px;
    padding-top:0px;
    text-align: center;
}

.navbar-collapse {position: absolute;top: 58px;right: 0; background-color: #1c4088;height: 100vh; display: block !important; left: 0px; transform: translate(-90%, 0px); transition: 0.5s; opacity: 0; visibility: hidden;}

#header .collapse.show {transform: translate(0%, 0px); opacity: 1; visibility: visible;}



.navbar {padding: 0rem 0rem;}
.navbar-dark .navbar-brand {padding: 0;}
/*END*/

.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}

#header .show-nav { display: block;border-left: none; margin: 0 11px;}
#header.fixed .nav-link {font-size: 16px;}


}


@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
  .navbar-dark .navbar-nav .nav-link {font-size: 14px;padding: 1.2rem 0.2rem;}
  .navbar .nav-item {padding: 0rem 0.1rem !important;}
  .navbar-dark .navbar-brand {padding: 6px;}

}