@charset "utf-8";
/* CSS Document */
.headermenu-wrapper{ background: #2BB673; padding: 15px;}
.headermenu-wrapper p{margin-bottom:0!important;}
.nav-bar-spacer-block
{
background: transparent;
}

.nav-bar-spacer-block header section:nth-of-type(1)
{
background:url(../images/header-top-bg.png) ;
}

.nav-bar-spacer-block header section:nth-of-type(2)
{
background:url(../images/header-bg.png) ;
}

.nav-bar-spacer-block header section:nth-of-type(2)  section
{
background:none ;
}



.menuhead.active > a:first-child
{
	color: #fff;
    position: relative;
  /*  background: #ED145B;
    display: block;*/
}


.menuhead.active > a:first-child:before  { content: '';  background: #EEEEEF;  border: 1px solid #fff; width: 27px;  height: 28px;  box-sizing: border-box;  position: absolute;  transition: width 0.25s ease-out,height 0.2s ease-out 0.25s;  border-radius: 50%;  z-index: 9;  left: -14px;  top: 9px;}
.menuhead.active > a:first-child:after  { content: '\e93c'; font-family: 'icomoon'; speak: none;  z-index: 99;  position: absolute; left: -9px; top: 11px; color: #2BB673; transition: all .5s ease; font-size: 17px;}

.nav-menu-bar-bg
{
background: #dee2e6;
min-height: 36px;
webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dropdown-menu
{
background: #E0EBE9;
border-radius: 0!important;
border: 2px dotted rgba(94,152,50,0.3);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(64,64,64,1);
display: table;
height: 100%;
}
.nav-link div
{
display: table-cell;
vertical-align: middle;
}
.dropdown-menu a
{
color: #006F52;
white-space: initial;
}
.activemenu1
{
background: rgba(94,152,50,0.3);
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 15px;
padding-left: 15px;
}
.activemenu1 .nav-link
{
color: #006F52 !important;
font-weight: bold;
}

.activemenu1 a
{
color: #006F52;
font-weight: bold;
}



/**************MENU*******************/
.menu-button {color: #EA8D00 !important;text-decoration: none !important;font-size: 28px;font-weight: 700 !important;text-transform: uppercase;padding-left: 40px;position: relative;display:inline-block; /*EB added*/}
/*
.menu-button:before {
content: url("../images/icon_menu.png");
position: absolute;
left: 0px;
}
*/

/*MENU TRIGGER UPATE - WITH CHANGING HAMBURGER ICON*/
.toolbar-wrapper p {margin-bottom: 0;}
a.menu-button i {font-style: normal;font-weight: 700;color: #fff;}
span.nav-toggle {display:inline-block;top: 50%;transform:translateY(-50%);}
span.nav-toggle, span.nav-toggle:before, span.nav-toggle:after {border-radius: 1px;height: 2px;width: 35px;background: #fff;position: absolute;display: block;content: '';left:0;color: #003c52;}
span.nav-toggle {display:table-cell;vertical-align:middle}
span.nav-toggle:before {top: -10px;}
span.nav-toggle:after {bottom: -10px; }

span.nav-toggle, span.nav-toggle:before, span.nav-toggle:after {transition: all 500ms ease-in-out;}
.active span.nav-toggle {background-color: transparent;}
.active span.nav-toggle:before, .active span.nav-toggle:after {top:0;}
.active span.nav-toggle:before {transform: rotate(45deg);}
.active span.nav-toggle:after {transform: rotate(-45deg);}

.menu-wrapper {width: 100%;display: block;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;top: 218px;height: auto;z-index: 9999;}


nav {
max-width: 1335px;
padding:0;
margin: 0 auto;
width: 100%;
display:none;    position: relative;
}
nav > ul {
list-style: none;
margin-top: 0;
padding: 0;
position: relative;
width: 100%;
min-height: 580px;
background: #2BB673;
padding: 50px 0 0 60px;
}
nav ul > li {padding: 0;font-size: 25px;font-weight: 100;width: 41.5%;/* background: #FFF; */color: #fff; cursor: pointer;-webkit-transition: background 0.3s ease-out, color 0.3s ease-out;transition: background 0.3s ease-out, color 0.3s ease-out;text-transform: inherit;}
nav ul li ul {
position: absolute;
left: 500px;
top: 0px;
margin-top: 0px;
list-style: none;
margin-left: 0px;
padding: 0px;
display: none;
}
nav ul li a {text-decoration: none !important;color: #003c52; padding: 12px;width: 100%;position: relative;font-weight: 400;  font-size: 18px;  text-transform: uppercase; display: block;}

/*nav ul li a:hover {{background: #ED145B}*/


nav ul li a:hover:before { content: '';  background: #EEEEEF;  border: 1px solid #fff; width: 27px;  height: 28px;  box-sizing: border-box;  position: absolute;  transition: width 0.25s ease-out,height 0.2s ease-out 0.25s;  border-radius: 50%;  left: -19px;  top: 10px;}
nav ul li a:hover:after { content: '\e93c'; font-family: 'icomoon'; speak: none;  position: absolute; left: -12px;  top: 12px; color: #2BB673; transition: all .5s ease; font-size: 17px; }

nav > ul li:hover {color: #fff;  font-weight: 400;  background: #ED145B;}
nav > ul li:hover a:before {content: "";opacity: 1;}
nav > ul li:hover > a {color: #064056;font-weight: bold;}
nav ul li ul li {
font-size: 18px;
width: auto;
}
nav ul li ul li:hover {
background: none;
}
/*nav ul li:hover ul li a {background: none;color: #064056;}*/
ul.submenu {padding-left: 50px; width: 62.6%;  background: #EEEEEF;  padding-top: 50px; min-height: 580px;}
ul.submenu.active {display: block;}

.menuhead.active > a:first-child:before  { content: '';  background: #EEEEEF;  border: 1px solid #fff; width: 27px;  height: 28px;  box-sizing: border-box;  position: absolute;  transition: width 0.25s ease-out,height 0.2s ease-out 0.25s;  border-radius: 50%;  z-index: 9;  left: -19px;  top: 10px;}
.menuhead.active > a:first-child:after  { content: '\e93c'; font-family: 'icomoon'; speak: none;  z-index: 99;  position: absolute; left: -12px; top: 12px; color: #2BB673; transition: all .5s ease; font-size: 17px; }

ul.submenu li {padding: 0;position: relative;}
ul.submenu li a {padding: 0; color: #2BB673;  text-transform: unset;  position: relative; font-size: 14px; font-weight: 500;  line-height: 2;}
ul.submenu li a:hover {color: #ED145B; }


ul.submenu li a:hover:after { content: '\e93c'; font-family: 'icomoon'; speak: none;  position: absolute; left: -18px;  top: -3px; font-weight: 600;  color: #ED145B; transition: all .5s ease; font-size: 17px; }
/*ul.submenu li a:hover:after { content: '';  background: #2BB673;  border: 1px solid #fff; width: 27px;  height: 28px;  box-sizing: border-box;  position: absolute;  transition: width 0.25s ease-out,height 0.2s ease-out 0.25s;  border-radius: 50%;  left: -32px;  top: 0px;}*/

ul.submenu img{position:absolute; top:0; right:0;}

nav > ul li ul.submenu li a:before { display: none;}
nav > ul li:hover ul.submenu li a:before { display: none;}

nav > ul li:hover ul.submenu li:hover { border: none; }
nav > ul li:hover ul.submenu li:hover a { font-weight: 600;  }

.submenu-heading { margin-top: 20px;}


/**************Menu Close***********************/
.nav-item
{
text-align: center;
font-size: 13px;
position: relative;
font-weight: 600;

webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-item:hover
{
background: rgba(94,152,50,0.3);
}
.navbar
{
display: block!important;
padding: 0;
}
.dropdown-toggle
{
white-space: pre-wrap;
}
.dropdown-item
{
padding-left: 50px;
webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #EC9E30;
text-decoration: none;
background-color: transparent;
font-weight: bold;
}

.navbar-nav .dropdown-menu {
left: -40%;
min-width: 450px;
top: 36px;
}
.navbar-nav .dropdown-menulast {
left: auto;
right: 0;
min-width: 600px;
}
.dropdown-item img
{
width: 20px;
margin-top: -10px;
margin-bottom: 9px;
margin-right: 10px;
display: none;

webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dropdown-item:hover
{
padding-left: 20px;
}

.dropdown-item:hover img
{
display: block;
float: left;
}
.navbarDropdownholder {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
.navbarDropdownholder:before {
content: "";
width: 37px;
height: 20px;
border: solid #5E9832;
border-width: 3px 0px 0px 3px;
position: absolute;
top: -10px;
left: -1px;
}
.navbarDropdownholder:after {
content: "";
width: 37px;
height: 20px;
border: solid #5E9832;
border-width: 0px 3px 3px 0px;
position: absolute;
bottom: -10px;
right: -1px;
}

.logo-scrolled
{
position: fixed;
width: 100px;
top: 0;
left: 0;

webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.activemenu:after
{
opacity: 1;	
}
.activemenu
{
	color: #0b4459;
    font-weight: bold;
}
.activemenu {
    margin-top: 0px;
    padding-right: 43px;
    color: #fff !important;
}

/*.activemenu:before  { content: '';  background: #EEEEEF;  border: 1px solid #fff; width: 27px;  height: 28px;  box-sizing: border-box;  position: absolute;  transition: width 0.25s ease-out,height 0.2s ease-out 0.25s;  border-radius: 50%;  z-index: 9;  left: -14px;  top: 4px;}
.activemenu:after  { content: '\e93c'; font-family: 'icomoon'; speak: none;  z-index: 99;  position: absolute; left: -17px; top: 7px; color: #2BB673; transition: all .5s ease; font-size: 17px;    margin-left: 5px;}
*/
.downloads .activemenu
{
	color: #fff !important;
}
.logo-scrolled img
{
width: 100%;
}
.nav-menu-bar-bg .logo-scrolled
{
display: none;
}
.toolbar-wrapper-fixed .logo-scrolled
{
display: block;
}
.toolbar-wrapper-fixed {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 9999999;
    background: #fff;
    box-shadow: 1px 10px 14px -13px rgb(0 0 0 / 73%);
    -webkit-box-shadow: 1px 10px 14px -13px rgb(0 0 0 / 73%);
    -moz-box-shadow: 1px 10px 14px -13px rgba(0,0,0,0.73);
    min-height: auto;
    padding: 0;
    animation: slide-down 2s ease-in-out;
}

@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}




@-moz-document url-prefix() {

.dropdown-toggle::after {
position: absolute;
top: 43%;

}
}


@media screen and (max-width: 1600px)
{
.quicklinksfixed
{
top: 55px;
}
.navbar-nav
{
padding-left: 100px;
}
}
@media screen and (max-width: 1200px)
{
.navbar-light .navbar-nav .nav-link
{
position: relative;
}
.nav-item {
font-size: 11px;
}
.dropdown-toggle::after {
position: absolute;
top: 46%;
right: 0;
}
}



@media screen and (max-width:1024px) {
.menu-wrapper {
width: 100%;
}

nav ul > li {
position: relative;
width: 100%;
}
nav ul li ul {
position: relative;
left: 0px;
}
ul.submenu {
padding-left: 10px;
margin: 0px;
border-left: none;
display: block;
overflow: hidden;
}
ul.submenu.active {

}
nav ul li.active, nav ul li:hover, nav > ul li:hover a {
background: none;
color: #1F2C60;
}



.img-footer-bottom { margin-top: 10px;}


nav > ul li:hover {
border: none;
color: #FFF;
}
nav > ul li {
border-bottom: 1px solid #fff;
}
ul.submenu { border:none; width: 100%}
.submenu-heading {display: none;}
nav ul li.active a {display: block;background: #e4002c;}
nav ul li.active ul.submenu li a { background: none;}
nav > ul li ul.submenu li { width: 100%; border-bottom: 1px dashed #CF4707;}
nav ul > li.active {padding-top: 0;}
nav ul li ul.submenu li a { padding: 5px 0 5px 15px;}
nav > ul li ul.submenu li:last-child { border-bottom: none;}
	
nav > ul {  min-height: auto;}




}





@media screen and (max-width: 991px)
{

.navbar-light .navbar-nav .nav-link {
position: relative;
width: 100%;
text-align: left;
}
.dropdown-toggle::after {
right: 15px;
}
.navbar-collapse
{
height: 100vw;
overflow: scroll;
overflow-x: hidden;
width: 100%;
}
.img-responsive
{
width: 100%;
max-width: 100%;
}
.mine-map-diagram-block-img img
{
width: 100%;
}
.graph-block img
{
width: 100%;
}
.navbar-nav .dropdown-menu {
left: auto;
min-width: 100%;
top: auto;
}
.scrollable
{
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
}


.page-button .button-text
{
display: none;
}
.nav-item {
font-size: 14px;
}

.navbar-nav
{
padding-left: 0;
padding-top: 0px;
}

.logo-scrolled
{
margin-top: 10px;
width: 120px;
}

.navbar-nav .dropdown-menulast {
min-width: 100%;
}
.firstlink-nav
{
margin-top: 70px;
}

.activemenu
{
margin-top: 0px;

}
	
}


@media screen and (max-width: 980px){
	
	.menu-wrapper { top: 252px;}
	
		
}

@media screen and (max-width: 899px){

.menu-wrapper {  top: 249px;}

}

@media screen and (max-width: 768px)
{

ul.submenu { min-height:auto; padding-top:0}
ul.submenu img {display:none;}

nav > ul { padding: 0 30px;}

ul.submenu li a br { display:none}

}



@media screen and (max-width: 571px){

.menu-wrapper { top: 242px}
nav ul > li  {padding: 10px 0;font-size: 18px;}
.nav-bar-spacer-block header section:nth-of-type(2) {background: url(../images/header-bg.png) no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover }



}

@media screen and (max-width: 525px){
	
	.menu-wrapper { top: 316px;}
	
	
}

@media screen and (max-width: 508px){
	
	.menu-wrapper { top: 377px;}
	
	
}

@media screen and (max-width: 480px){
	
	.menu-wrapper { top: 361px;}
	
	
}