/* body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  background: #f5f5f5;
}
*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
} 

/* Micro Clearfix */
 .cf:before,  
 .cf:after { 
	 content: ''; 
	 display: table; 
	 visibility: hidden; 
 } 

 .cf:after { 
	clear: both; 
 } 

.cf {
	*zoom: 1;
	float:right;
}

.wrap {
  text-align: center;
}

.row-line {
  /* max-width: 800px; */
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  width: 100%;
}

#divheader, #divheader-top-left {
  overflow: visible;
  position: relative;
  z-index:500;
 
  margin-right: 0;


}

#primary-nav{
	 background: linear-gradient(to right, rgba(0, 0, 0, 0.70) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 0.70) 100%) !important;
	 border-top-left-radius: 8px;
	 	margin-top:-60px;

}

#primary-nav-top-left{
	 background: linear-gradient(to right, rgba(0, 0, 0, 0.70) 0%, rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 0.70) 100%) !important;

}


#divheader p, #divheader-top-left p {
  text-indent:9999px;
}

/*  ORG #primary-nav-button { */
  /* background: transparent; */
  /* display: none; */
  /* border: 1px solid #aaa; */
  /* position: absolute; */
  /* bottom: 5px; */
  /* right: 0; */
  /* padding: 0; */
  /* text-decoration: none; */
  /* color: #333; */
  /* text-align: center; */
  /* font-weight: bold; */
  /* font-size: 0; */
/* } */

#primary-nav-button{
	/* border: 1px solid #17498c; */
    position: relative;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0;
	  
		background: url(../images/abstract.png) no-repeat center center;
}

#primary-nav-top-left-button{
	border: 1px solid #17498c;
    position: relative;
    top: 0;
    right: 0;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0;
	  
		background: url(../images/abstract.png) no-repeat center center;
}


.mobile-button-div-wrap{
	background: url(../images/shadow.png) no-repeat center center;
    background-size: cover;
	  margin-bottom: -3px;
}
.mobile-button-div{
	background: url(../images/abstract.png) no-repeat center center;
}
#primary-nav-button:hover, #primary-nav-top-left-button:hover {
  background: rgba(0,0,0,0.05);
}

#primary-nav-button.selected, #primary-nav-top-left-button.selected {
  background: rgba(0,0,0,0.1);
}

#primary-nav-button:before, #primary-nav-top-left-button:before {
  /* content: '☰'; */
  content: '\2261';
  display: block;
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.05;
  /* height: 1em; */
  width: 1em;
  color: inherit;
  speak: none;
}

.menut li {
  float: left;
  margin-right: 10px;
  position: relative;
}

.menut li:last-child {
  margin-right: 0;
}

.menut .sub-menu li {
  width: 100%;
}

.menut li a {
  display: block;
  text-decoration: none;
  font-family: "Cuprum",arial,sans-serif;
}

#top-nav li a {
  color: #8CC152;
  padding: 5px 0;
}

#top-nav .sub-menu {
  background: #fff;
}

#top-nav .sub-menu li a {
  padding: 5px;
}

#top-nav .sub-menu li > a:hover,
#top-nav .sub-menu li.selected > a {
  background: #8CC152;
  color: #000;

}

#primary-nav li a, #primary-nav-top-left li a {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:6px;
  padding-bottom:6px;
}
#primary-nav-top-left li.active >a, javascript:void(0);
#primary-nav li.active > a,javascript:void(0);
#primary-nav li > a:hover,
#primary-nav li.selected > a, #primary-nav-top-left li > a:hover, #primary-nav-top-left li.selected > a {
  /* background: #8CC152; */
  	background:url("../images/menu-hover.png") !important;

  color: #fff;
}

@media (max-width: 767px){
 #primary-nav, #primary-nav-top-left {border-top-left-radius: 0;}
}

@media (min-width: 768px){
 #primary-nav > ul.menut > li:first-child:hover > a:first-child, #primary-nav > ul.menut > li:first-child > a {
		 border-top-left-radius: 8px;
}
#primary-nav-top-left > ul.menut > li:first-child:hover > a:first-child, #primary-nav-top-left > ul.menut > li:first-child > a{
	border-top-left-radius: 0;
}

}




.downarrow {
  	background: none;
  display: inline-block;
	  padding: 0;
  	text-align: center;
  min-width: 3px;
}

.sub-menu .downarrow {
  position: absolute;
  right: 0;
  padding-right: 0px;
}

.downarrow:before {
  content: '\25be';
  color: inherit;
  display: block;
	  font-family: sans-serif;
	  font-size: 1em;
  line-height: 1.1;
	  width: 1em;
  	height: 1em;
}

.menut .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  max-height: 3000px;
  box-shadow: 0px 0px 3px 1px #000000cf;
}

.menut .sub-menu.hide {
  display: none;
}
@media (min-width: 768px){
#primary-nav .sub-menu, #primary-nav-top-left .sub-menu {
  /* background: #A0D468; */
   min-width: 200px;
  /*min-width: max-content;*/
  z-index: 200;
}

#primary-nav li a:hover, #primary-nav-top-left li a:hover{ 
background:url("../images/menu-hover.png") !important;
}

}

/* #primary-nav .sub-menu li { */
  /* border-bottom: 1px solid #7cb142; */
/* } */

#primary-nav .sub-menu li:last-child, #primary-nav-top-left .sub-menu li:last-child {
  border-bottom: 0;
}

#primary-nav .sub-menu .downarrow:before, #primary-nav-top-left .sub-menu .downarrow:before {
  content: '\25b8';
}

/* #primary-nav.mobile { */
  /* display: none; */
  /* position: absolute; */
  /* top: 100%; */
  /* background: #A0D468; */
  /* width: 100%; */
/* } */


	#primary-nav.mobile, #primary-nav-top-left.mobile  {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    /* left: -15px; */
    margin-top: 0;
	
}

@media (max-width: 767px){

#primary-nav.mobile, #primary-nav-top-left.mobile  {
    display: none;
    position: absolute;
    width: 90%;
    top: 0;
    /* left: -15px; */
	margin-top: 0;
	height:500px;
	overflow-y:scroll;
	}

#primary-nav::-webkit-scrollbar {
    -webkit-appearance: none;
}

#primary-nav::-webkit-scrollbar:vertical {
    width: 11px;
}

#primary-nav::-webkit-scrollbar:horizontal {
    height: 11px;
}

#primary-nav::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; 
    background-color: rgba(0, 0, 0, .5);
}

}



#primary-nav.mobile li, #primary-nav-top-left.mobile li {
  width: 100%;
  margin: 0;
  /* border-bottom: 1px solid #7cb142; */
}

#primary-nav.mobile li.selected > a, #primary-nav-top-left.mobile li.selected > a {
  /* border-bottom: 1px solid #7cb142; */
}

#primary-nav.mobile li:last-child, #primary-nav-top-left.mobile li:last-child {
  border: none;
}

#primary-nav.mobile li a, #primary-nav-top-left.mobile li a {
  padding: 3%;
}

#primary-nav.mobile .sub-menu li a, #primary-nav-top-left.mobile .sub-menu li a {
  padding-left: 5%;  
}

#primary-nav.mobile .sub-menu .submenu li a, #primary-nav-top-left.mobile .sub-menu .submenu li a {
  padding-left: 7%;  
}

#primary-nav.mobile .sub-menu .sub-menu .sub-menu li a, #primary-nav-top-left.mobile .sub-menu .sub-menu .sub-menu li a  {
  padding-left: 9%;  
}

#primary-nav.mobile .sub-menu, #primary-nav-top-left.mobile .sub-menu {
  float: left;
  position: relative;
  width: 100%;
}

.mobile .downarrow,
.mobile .sub-menu .downarrow {
  position: absolute;
  right: 0;
  padding-right: 5%;
}

#primary-nav.mobile .sub-menu .downarrow:before, #primary-nav-top-left.mobile .sub-menu .downarrow:before {
  content: '\25be';
}
#primary-nav-button.mobile, #primary-nav-top-left-button.mobile {
  display: inline-block;
}
  }
@media (max-width: 767px){
	
	#primary-nav .sub-menu, #primary-nav-top-left .sub-menu {
  min-width: 100%;
}



}