.back-drop {

display: none;

}



#header { background-color:#FFF;z-index: 9998; padding-top: 60px;}

#header .navbar-brand { position:absolute; right:0px; top:-53px; }

.top-annual-report { position:absolute; left:0px; top:-45px; font-size: 13px; color:#646464; background: url(../images/download-icon.svg) no-repeat left 2px; padding-left: 28px; padding-bottom: 5px;  background-size: 21px;}

.top-annual-report:hover { color:#000; }





.left-img-holder,.nav-hover-img { position: absolute;

left: -60px;

top: -10px;

width: 318px;

height: 220px;

overflow: hidden;

background-image:url(../images/nav-banner.jpg); background-repeat:no-repeat; background-size:cover;}



.nav-hover-img { top:0px; left:0px; }	



.navbar-nav{padding-top:10px;}



/* adds some margin below the link sets  */

.navbar .dropdown-menu div[class*="col"] {

margin-bottom:1rem;

}



.navbar .dropdown-menu {

border:none;

background-color:rgba(255,255,255,.97) !important;

border-radius: 0;

}



.navbar-dark .navbar-nav .nav-link { color: #646464 !important; font-size:16px; font-weight:400; font-style:normal; position:relative; 

/* padding: 11px 0px;  */

padding: 3px 0px 11px; 

margin-right: 24px;}

/* .navbar-dark .navbar-nav .nav-link.active{border-bottom:3px solid #00893d;} */



.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:#00893d!important;}



.navbar-dark .navbar-nav .nav-link:before{opacity:0;}   

.navbar-dark .navbar-nav .nav-link.active:before{ content:''; position:absolute; width:100%; height:3px; background-color: #00893d; bottom:0px; left:0px; right:0px; transition:0.5s; z-index:1; opacity:1;}

.navbar-dark .navbar-nav .nav-link:hover:before { opacity:1; } 





.dropdown-toggle::after { display:none; }



.requestcallback {}

.requestcallback a { display:inline-block; background-color:#c57e16; text-transform:uppercase; font-weight:300; color:#FFF; padding:13px 15px; font-size:13px; letter-spacing:2px;}



.dropdown-link-box {}

.dropdown-link-box ul { margin:0px; padding:0px; list-style-type:none; }

.dropdown-link-box ul li {border-top: solid 1px #ced5da;}

.dropdown-link-box ul li:last-child {border-bottom: solid 1px #ced5da;}

.dropdown-link-box ul li a {color: #646464;

font-size: 16px;

font-weight: 300;

padding: 18px 0px;

display: block;}



.dropdown-link-box ul li a:hover{ color:#00893d; }



.nav-link {

display: block;

padding: 0.8rem 1rem;

}



/* 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 {

border-top: solid 1px #ced5da;

padding:0rem;

margin-top: 10px;

}



/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */

.navbar .nav-item {

padding:0rem 0rem;

margin:0 0rem;

}

.navbar-expand-lg .navbar-nav .dropdown-menu {

position: fixed; padding: 20px 0px;

}

/* makes the dropdown full width  */

.navbar .dropdown {position:static;}



.navbar .dropdown-menu {

width:100%;

left:0;

right:0;

/*  height of nav-item  */

/* top:90px; */

top:114px;

}



/* shows the dropdown menu on hover */

/*.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {

display:block!important;

}*/



.navbar .dropdown-menu {

/* border: 1px solid rgba(0,0,0,.15); */

background-color: #fff;

box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);

}







}







@media (min-width: 320px) and (max-width: 480px) {

#header {padding-top: 6px;}	

#header .common-container { width:100%; }

.navbar {padding: .5rem 0rem;}

#header .navbar-brand {top: 11px;}

.navbar-brand img {width: 150px;}	

.top-annual-report { top:0; position: relative;border-bottom: solid 1px #ced5da;padding-bottom: 6px; display:block;padding-left: 10px;}



.navbar-dark .navbar-toggler-icon { background-image:none !important; }



.navbar-toggler {background-image: url(../images/closed.png);

background-size: 23px;

background-repeat: no-repeat;

background-position: center center; margin-top: 0px;padding: .25rem 0.5rem;}



.navbar-toggler.collapsed {background-image: url(../images/ham.png);

background-size: 23px;

background-repeat: no-repeat;

background-position: center center; margin-top: 0px;}





/* #header {padding: 7px 0px;} */

.navbar-collapse {height:95vh;  background: #FFF;  position: absolute;

width: 100%;

left: -5%;

top: 64px; /*overflow:scroll;*/ transition: all 0.3s ease; visibility: hidden; opacity: 0;}



.navbar-collapse.show{left:0px; transition: all 0.3s ease; visibility: visible; opacity: 1;top: 49px;} 

.navbar-nav {

margin-left: 5px;

/* margin-right: 5px !important; */

height:auto;padding: 0 20px !important;

} 

.navbar-dark .navbar-nav .nav-link {border-bottom: solid 1px #e6e6e6;padding: 1.5rem 0.3rem;font-weight: 600;}



.dropdown-toggle::after {

content: "";

position: absolute;

right: 10px;

top: 27px;

border: solid #777777;

border-width: 0 2px 2px 0;

display: inline-block;

padding: 3px;

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

}



.nav-closed { background:url(../images/close-button.png) no-repeat center center; }

.nav-closed .navbar-toggler-icon { background-image:none; }

.navbar { margin-top: 0; padding: 10px;}

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





.navbar-expand-lg .navbar-nav .dropdown-menu {

position: fixed;

height: calc(100% - 90px);

width: 100%;

padding: 10px;

background-position: center;

top:90px;

left:-5%;

transition: all 0.3s ease;

display:block!important;

border-radius: 0;

visibility:hidden; 

opacity:0;

overflow-y: scroll;

}



.navbar-expand-lg .navbar-nav .dropdown-menu > .common-drop{transform:translate(-20px, 0px);}



.navbar-expand-lg .navbar-nav .dropdown-menu.show{left:0px; opacity:1; visibility:visible;}



.navbar-expand-lg .navbar-nav .dropdown-menu.show > .common-drop{transform:translate(0px, 0px); transition: all 0.3s ease;}



.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #000;}



.dropdown-links ul li {border-bottom: solid 1px #676767;padding-bottom: 16px;margin-bottom: 20px;}

.dropdown-item{font-size:15px; border-bottom: 1px solid rgba(000, 00, 00, 0.5);}

.drop-title{display:none;}

.drop-title::after{display:none;}

.navbar-expand-lg .navbar-nav{padding: 0px 10px 20px;}

.navbar{padding: 4px 0px;}

.nav-link{display: block;

font-size: 15px;

border-bottom: solid 1px #e9e9e9;

padding: 25px 0 15px !important;

text-transform:capitalize;}

.dropdown-item::after{/*left: 10px; top: 40px; width: 93%;*/ display:none;}

.back-drop{display:block !important; text-align:left; position:relative; padding: 15px 15px 20px 35px!important;color: #000;}

.back-drop:before{content: "";

position: absolute;

left: 15px;

top: 20px;

width: 0; 

height: 0; 

border: solid #000;

border-width: 0 2px 2px 0;

display: inline-block;

padding: 3px;

transform: rotate(135deg);

-webkit-transform: rotate(135deg);

}



.nav-link.active{color:inherit!important; font-weight:400; border-image-source:none; border-bottom: solid 1px #e9e9e9; border-image-slice: unset;}



.navbar-brand{padding-top:0px;}



.requestcallback a {

display: block;

text-align: center;

width: 90%;

margin: auto;

}



.dropdown-menu .container-1280-wrp {

position: relative;

width: 100%;

}



.pull-right {

float: none !important;

}	



.navbar .dropdown-menu div[class*="col"] {

margin-bottom: 0rem;

}


.dropdown-link-box ul li {border-bottom: solid 1px #063458;}

.top-annual-report { font-size: 12px; padding-left: 28px; margin-left: 12px; }  

}



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

#header {padding-top: 6px;}	

#header .common-container { width:100%; }

.navbar {padding: .5rem 0rem;}

#header .navbar-brand {top: 11px;}

.navbar-brand img {width: 150px;}	

.top-annual-report { top:0; position: relative;border-bottom: solid 1px #ced5da;padding-bottom: 6px; display:block;padding-left: 10px;}	



.navbar-toggler {background-image: url(../images/closed.png);

background-size: 23px;

background-repeat: no-repeat;

background-position: center center; margin-top: 0px;padding: .25rem 0.5rem;}



.navbar-toggler.collapsed {background-image: url(../images/ham.png);

background-size: 23px;

background-repeat: no-repeat;

background-position: center center; margin-top: 0px;}	

.navbar-nav {width: 96%;margin: auto; }

}	




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

.navbar-dark .navbar-nav .nav-link {font-size: 13px; }
}