#nav-icon {
    display: inline-block !important;
    cursor: pointer;
    margin: 22px 20px 0 0;
    float: right;
}
/* body.scroll #nav-icon {margin: 12px 20px 0 0;}*/

.ham-bar1 {width:30px;margin-left:0}
.ham-bar2 {width:23px;margin-left:7px}
.ham-bar3 {width:26px;margin-left:4px}

.ham-bar1, .ham-bar2, .ham-bar3 {
    height: 2px;
    margin-top: 8px;margin-bottom:8px;
    transition: 0.4s;
}
/* Rotate first bar */
.change .ham-bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}
/* Fade out the second bar */
.change .ham-bar2 {
    opacity: 0;
}
/* Rotate last bar */
.change .ham-bar3 {
		width:30px;
    -webkit-transform: rotate(45deg) translate(-10px, -5px);
    transform: rotate(45deg) translate(-10px, -5px);
}

.change .ham-bar1, .change .ham-bar2,.change .ham-bar3 {background-color: white;}

.mobile-nav-toggle {
    position: fixed;
    z-index: 300;
    right: 0;
    top: 0;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
    z-index:99999999;
}
.mobile-nav-toggle i {margin: 18px 18px 0 0;}



@media (min-width:992px) {
	.d-lg-none {display: inline-block!important;}
	}


@media screen and (min-width: 1492px){
.mobile-nav-toggle {
    left:calc(((100vw - 1400px)/2) + 1352px);
    }
    }
    @media (max-width:1420px) {	
#nav-icon, body.scroll #nav-icon {margin-right:20px;}
  }
  
      @media (max-width:742px) {	
#nav-icon, body.scroll #nav-icon {margin: 20px 30px 0 0;}
  }
  
  
  /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav,
.main-nav * {
  padding: 0;
  list-style: none;
}
.main-nav {
 margin-right:40px;
}
.scroll .main-nav {margin-top:0px;}
.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
  padding:10px 15px 30px 15px;

}
.main-nav > ul > li.lang {margin-left:-10px;}
.main-nav > ul > li.active a {border-bottom:1px solid #006a8a;}
.main-nav > ul > li.active ul.drop-down > li a {border-bottom:none !important;}
.main-nav ul li:hover ul.drop-down {padding:20px 30px 10px 30px ; background: #fff; }

.main-nav a {
  display: inline-block;
  position: relative;
  color: #333;
  transition: 0.3s;
  font-size: 1rem;
  font-weight: 700;
  overflow:hidden;
}


.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
  color: #1d5d43 !important;
  text-decoration: none;
}

.main-nav a.line:after, .main-nav .login a span:after, .main-nav .lang a span:after {height: 1px;
background: #333;
content: '';
width: 100%;
display: block;
transform: scale(0);
transition: all .4s;}
.main-nav a.line:hover:after, .main-nav .login a:hover span:after, .main-nav .lang a:hover span:after {transform: scale(1)}




.main-nav ul .drop-down ul li a {text-transform: none !important;}

.main-nav  .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.main-nav ul  ul.drop-down {
  opacity: 0;
  top: 100%;
  visibility: hidden;
  display: none;
  position: fixed;
}


.main-nav ul li:hover > ul.drop-down {
  opacity: 1;
  top: 60px;
  visibility: visible;
  display:block;
}

.main-nav .drop-down li {
  position: relative;
}

.main-nav .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none !important;
  color: #065e77;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
  color: #39ab74;
}

.main-nav .drop-down > a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 10px;
}

.main-nav .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

main-nav .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.main-nav .drop-down .drop-down > a {
  padding-right: 35px;
}

.main-nav .drop-down .drop-down > a:after {
  content: "\f105";
  position: absolute;
  right: 15px;
}


/* Language Switcher */
li.lang-title, .lang a span.hidden-xs {display: none;}


.lang a,.navbar-collapse .lang a {
    padding-left: 0px;
	padding-top:4px;
}
.lang ul a, .navbar-collapse .lang ul a {
	margin-left: 0;
}
.lang a:before {
	font-family: "FontAwesome";
	font-size: 1.5em;
	top:0px;
	content: '';
	width: auto;
	float: left;
	position: absolute;
	color:#333;
	margin-left:15px;
}


.lang a span.visible-xs {color:#000; font-weight: normal !important;padding-left:35px;}
.main-nav .lang a {font-size: 12px;border-left:1px solid #888;}
.main-nav li.lang a:hover span.visible-xs {color:#1d5d43;}

.login a:before {
	font-family: "fontawesome";
	font-size: 1.2em;
	top:0px;
	content: '';
	width: auto;
	float: left;
	position: absolute;
	color:#333;
	margin-left:15px;
}

.main-nav .login a span {font-size: 12px; font-weight: normal;padding-left:35px;}
.login {padding-left: 5px;}
.login a {border-left:1px solid #888;}

/* Side Navigation */

.sidebar ul {list-style-type: none;padding:0;margin:0;}
.sidebar ul li.rex-current a {font-weight:bold; color:black;}
.sidebar ul.rex-navi1 {display: inline-block;font-size:1.2rem;}
.sidebar ul.rex-navi1 > li {margin-bottom:12px;}
.sidebar ul.rex-navi2 {margin-bottom:20px;}
.sidebar ul.rex-navi2 li {padding-left:20px;}
.sidebar ul.rex-navi2 li a {font-weight: normal !important; font-size: .85em;}
.sidebar ul.rex-navi2 li a:hover {text-decoration: underline;}


.sidebar ul.rex-navi1 > li.rex-normal ul.rex-navi2 {
  display: none;
}
.sidebar ul.rex-navi1 > li.rex-normal ul.rex-navi2 {padding:5px 50px 5px 0px;}
.sidebar ul.rex-navi1 > li.rex-normal ul.rex-navi2 li {width:100%;}



/* Mobile Navigation */

.mobile-nav {
  position: fixed;
  top: -999px;
  z-index: 9999999;
  overflow-y: auto;
  padding-top:80px;
  width: 100%;
background: #006a8a;
  background: linear-gradient(31.21deg, #014b61 10%, #0090bb 90%);
  background: #474747; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #474747 0%, #020202 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #474747 0%,#020202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #474747 0%,#020202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#020202',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background: #00a7e7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #267750 2%, #164430 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #267750 2%,#164430 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #267750 2%,#164430 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267750', endColorstr='#164430',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

opacity: 0;
  transition: all 0.4s;

}
nav.mobile-nav > ul {max-width:800px;width:90%;margin:auto;}
.mobile-nav-active .mobile-nav {box-shadow: 20px 14px 40px 12px rgba(0,0,0,0.66)  ;}
.mobile-nav-active .mobile-nav a {font-weight: 700;font-size: 1.25em;line-height:0;padding:1.25em 0;}
.mobile-nav-active .mobile-nav a:hover {color:#39ab74 !important;}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 0px;
  font-weight: 500;
}
.mobile-nav > ul > li {border-bottom:1px solid #ddd;padding:0;}

.mobile-nav .drop-down a {padding:5px 0 5px 20px;}
.mobile-nav .drop-down li:hover {background: white;}

.mobile-nav .lang:before {border-left:none;color:white; top:10px;}
.mobile-nav .lang a span, .mobile-nav .lang a:before {color:#f9dc40; }
.mobile-nav .lang a:before, .mobile-nav .login a:before {
	font-size: 1.2em;
	top:21px;
	margin-left:5px;
	color:#f9dc40;
}
.mobile-nav .login a, .mobile-nav .login a span, .mobile-nav .lang a {border-left:none;color:#f9dc40;}
.mobile-nav-active .mobile-nav .login a,.mobile-nav-active .mobile-nav .lang a {font-weight: nomal;font-size: 1em;line-height:0;padding:1.25em 0;}
.mobile-nav .login a span {font-weight:normal;padding-left:35px;}


.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #39ab74 !important;
  text-decoration: none;
}

.mobile-nav li.has-children > a:after, .sidebar ul.rex-navi1.rex-navi-has-2-elements > li.rex-normal > a:after {
  content: "";
  font-family: 'pe-icon-7-stroke';
  padding-left: 10px;
  position: absolute;
}
.mobile-nav li.has-children:hover > a:after, .sidebar ul.rex-navi1.rex-navi-has-2-elements > li.rex-normal:hover > a:after {
  content: "";
}

.mobile-nav .login a:hover span, .mobile-nav .lang a:hover span,
.mobile-nav .login a:hover:before, .mobile-nav .lang a:hover:before {color:white !important;}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down {
display:none;
  overflow: hidden;margin-bottom:15px;}


.mobile-nav ul li:hover .drop-down {background:rgba(0,0,0,.0);}
.mobile-nav ul li:hover .drop-down a {color:#ddd;font-weight: normal;font-size: 1em;}
.mobile-nav ul li:hover .drop-down .active a {color:#333}

.mobile-nav .drop-down li a{
  padding: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 10px;
  top: 0;
  z-index: 99998;
  border: 0;
  background: none;
  font-size: 30px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 18px 10px 0 0;
  color: #fff;
}


.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(51,51,51, 0.5);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
  top:0;
  height:100%;
  opacity: 1;
}

.mobile-nav-toggle i {
  color: #333;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.main-nav div.contact {display: none; }
.mobile-nav ul li.contact {display: list-item; }
.mobile-nav ul li.contact a, .main-nav ul li.contact a {color:#f9dc40;}
.mobile-nav div.contact {max-width:800px;width:90%;margin:auto;}
.mobile-nav div.contact a {display: inline-block;font-size: 1em;font-weight: normal; margin-right:20px;}
.mobile-nav div.contact a.integer:after {margin-left:20px;}
.mobile-nav div.contact a:hover:after {color:white;}
.mobile-nav div.contact a:after {content:' | '; font-family: inherit;font-size: 1em;}
.mobile-nav div.contact .social-links a:last-of-type:after {content:' ';}
.mobile-nav div.contact .social-links a:after {	margin-left:20px;}
.mobile-nav div.contact div.social-links {display: inline-block}
.mobile-nav div.contact div.social-links a:before {content:' ' !important;margin-left:-10px;}


  #nav-icon {
    display: inline-block;
    cursor: pointer;
    margin: 26px 20px 0 0;
    /*float: right;*/
    width:40px;
  }
  .ham-bar1, .ham-bar2, .ham-bar3 {
    height: 2px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
    #nav-icon:hover .ham-bar1, #nav-icon:hover .ham-bar2, #nav-icon:hover .ham-bar3 {margin:8px 0;}
        #nav-icon:hover {margin: 22px 20px 0 0;}
        
            #nav-icon:hover.change .ham-bar1,  #nav-icon:hover.change .ham-bar3,  #nav-icon:hover.change .ham-bar2 {margin: 6px 0;}
                    #nav-icon:hover.change {margin: 26px 20px 0 0;}
  
  /* Rotate first bar */
  .change .ham-bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 3px);
    transform: rotate(-45deg) translate(-3px, 3px);
  }
  /* Fade out the second bar */
  .change .ham-bar2 {
    opacity: 0;
  }
  /* Rotate last bar */
  .change .ham-bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
  }
  
.change .ham-bar1, .change .ham-bar2,.change .ham-bar3 {background-color: white;}


@media (min-width:992px) {
	.d-lg-none {display: inline-block!important;}
	}


@media screen and (min-width: 1492px){
.mobile-nav-toggle {
    left:calc(((100vw - 1400px)/2) + 1352px);
    }
    }
    @media (max-width:1420px) {	
#nav-icon, body.scroll #nav-icon {margin-right:20px;}
  }
  
      @media (max-width:742px) {	
#nav-icon, body.scroll #nav-icon {margin: 20px 20px 0 0;}
  }
  
  
.sidebar ul.rex-navi3 {display:none;}
.sidebar ul.rex-navi2 li.rex-current ul.rex-navi3,  .sidebar ul.rex-navi2 li.rex-active ul.rex-navi3{display:block;}