/**
Global Style Changes Here
This is the final set of styles loaded so it will override everything else
and be easy to reconcile on the four websites it effects. You can delete this comment ;)
 */
 
     .line2{
 	    display:block;
 	    border:none;
 	    color:white;
 //	    background:black;
 //    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(black), to(green));
 //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 	padding: 8px;
 
 
 background: #008a00; /* Old browsers */
 background: -moz-radial-gradient(center, ellipse cover,  #008a00 0%, #002400 100%); /* FF3.6-15 */
 background: -webkit-radial-gradient(center, ellipse cover,  #008a00 0%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
 background: radial-gradient(ellipse at center,  #008a00 0%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 
 
 	    border-radius: 8px;
 
 
 text-align: center;
 
 	//    background-image: -webkit-gradient(linear,left top,right top,from(green),to(black));
 	//    background-image: linear-gradient(to right,green,black);
 	}
 
 .imgopac:hover { opacity: 0.5;  filter: alpha(opacity=50);}
 
 #back_top{width:50px;height:50px;display:block;background:#007934;font:20px/47px 'FontAwesome';color:#fff;text-align:center;position:fixed;right:60px;bottom:60px;z-index:999;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:none}
 #back_top:hover{background:#69bd0e}
 
 
 .tstroke
 {
 -webkit-text-stroke: 3px #000;
     -webkit-text-fill-color: #fff;
 }









//.imgopac {opacity: 0.3;  filter: alpha(opacity=30);}
.imgopac:hover { opacity: 0.5;  filter: alpha(opacity=50);}



footer
{background-color: #007934; /* For browsers that do not support gradients */
  background-image: linear-gradient(#477036, black); /* Standard syntax (must be last) */}





.wsmenu .wsmenu-list > li {
	width: 90%;
	margin-left: 20px;
}


.wsmenu .wsmenu-list > li a{
	font-size: 16px;
}

.mobile-sub .wsmenu-submenu li a {
	font-size: 16px !important;

}



/* Style The Dropdown Button */
.dropbtn {
  color: #333333;
//  padding: 16px;
//  font-size: 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background-color: white;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  padding: 10px;
//  border: 1px solid green;
  background: white;
//  border-radius: 5px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fefefe;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
//  padding: 10px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #333333;
//  color: black;
//  padding: 12px 16px;
  text-decoration: none;
  display: block;
//  background-color: grey;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover
{
//background-color: #f1f1f1;
//background-color: #cbdcc8;
background-color: #d9d9d9;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
 // background-color: #3e8e41;
  color: #333333;
}


*{
  box-sizing:border-box;
//  font-family:"Dosis", sans-serif;
}

.main-navigation{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  margin:2em;
}

ul{
  margin:0; //reset
  padding:0;
}

.menu{
  display:flex;
  flex-direction:column;

  li{
    display:block;
    list-style-type:none;
    text-transform:uppercase;
  }

  li a{
    display:flex;
    text-align:center;
    text-decoration:none;
    color:#777;
    padding:1rem;
  }

  li a:hover{
    background:#777;
    color:#fff;
  }
}

@media (min-width: 800px) {
    .menu{
      flex-direction:row;
      justify-content:space-between;
    }
}

.menu-item-has-children > a:after{
  font-family:'Genericons';
  content: '\f431';
  padding:1px;
}

nav ul ul {
    display: none;
}

@media (min-width: 800px) {
  nav ul ul {
    display: none;
    position:absolute;
  }
}

nav ul li:hover > ul {
  display:block;
  color:#fff;
  padding-left:2rem;
}

@media (min-width: 800px) {
  nav ul li:hover > ul {
    padding-left:0;
    background:#777;
  }

  nav ul li:hover > ul a{
    color:#fff;
  }

  .sub-menu{
    li{
      display:flex;
      padding-right:2em;
    }

    li:hover, li a:hover{
      background:#ddd;
      color:#777;
    }
  }

  nav ul ul ul{
    margin:0 0 0 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  }

  .menu-item-has-children .menu-item-has-children > a:after{
    font-family:'Genericons';
    content: '\f431';
    padding:1px;
    transform: rotate(-90deg);
  }

}


@media (min-width: 400px) {
#top_panel_text{

		display: none;
		visibility: hidden;

	}
}

.titleline{

	text-align: center;
	background-image: -webkit-gradient(linear,left top,right top,from(#477036),to(black));
    background-image: linear-gradient(to right,#477036,black);
    position: relative;
    border-radius: 8px;
}


.overbar
{

//  position: absolute;
//  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #white;
  width: 100%;
//  max-width: 100%;
//  font-size: 20px;
  padding: 20px;
  text-align: center;
//  font-family: Dosis, sans-serif;

}



* {box-sizing: border-box}

/* Container needed to position the overlay. Adjust the width as needed */
.overlaycont {
  position: relative;
//  width: 50%;
  max-width: 300px;
}

/* Make the image to responsive */
.overimage {
  display: block;
  width: 100%;
  height: auto;
}

/* The overlay effect - lays on top of the container and over the image */
//.overlay {
//  position: absolute;
//  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.overlaycont:hover .overlay {
  opacity: 1;
}


.banner_link
{
 font-family: Dosis, sans-serif; text-transform: none; font-size: 40px; font-weight: normal; text-align: center; letter-spacing: normal;  line-height:1em;
}



//blog and cdc area

.newsrow {
  width: 100%;
    text-align: center;
  margin: auto;
}
.newsblock {
//  width: 100px;
  /*float: left;*/
    display: inline-block;
//    zoom: 1;
  margin: auto;
  width: 45%;
}





.print-hide
{
//width: 90%;
}





footer
{background-color: #007934; /* For browsers that do not support gradients */
  background-image: linear-gradient(#477036, black); /* Standard syntax (must be last) */
  }



.container
{
width: 90%;

}


.rev_slider_wrapper
{
//width: 0;
}




.wsmenu
{

//width: 100%;

}


.wsmenu > li
{

//width: 100%;

}

.wsmenu-list
{

//width: 100%;

}



@media only screen and (min-width: 768px)
{
	.mclogo
	{
//		max-width: 90%;
	}

}




@media only screen and (min-width: 768px)
{
	.wsmenu .wsmenu-list .wsmenu .wsmenu > li
	{
		width: 100%;
	}

}



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

    .wsmenu {
        width: 100%;
        left: 0; /**left: -240px;**/
        height: 100%;
        position: relative;
    }

}




*{
  box-sizing:border-box;
 // font-family:"Dosis", sans-serif;
}

.main-navigation{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  margin:2em;
}

ul{
  margin:0; //reset
  padding:0;
}

.menu{
  display:flex;
  flex-direction:column;

  li{
    display:block;
    list-style-type:none;
    text-transform:uppercase;
  }

  li a{
    display:flex;
    text-align:center;
    text-decoration:none;
    color:#777;
    padding:1rem;
  }

  li a:hover{
    background:#777;
    color:#fff;
  }
}

@media (min-width: 800px) {
    .menu{
      flex-direction:row;
      justify-content:space-between;
    }
}

.menu-item-has-children > a:after{
  font-family:'Genericons';
  content: '\f431';
  padding:1px;
}

nav ul ul {
    display: none;
}

@media (min-width: 800px) {
  nav ul ul {
    display: none;
    position:absolute;
  }
}

nav ul li:hover > ul {
  display:block;
  color:#fff;
  padding-left:2rem;
}

@media (min-width: 800px) {
  nav ul li:hover > ul {
    padding-left:0;
    background:#777;
  }

  nav ul li:hover > ul a{
    color:#fff;
  }

  .sub-menu{
    li{
      display:flex;
      padding-right:2em;
    }

    li:hover, li a:hover{
      background:#ddd;
      color:#777;
    }
  }

  nav ul ul ul{
    margin:0 0 0 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  }

  .menu-item-has-children .menu-item-has-children > a:after{
    font-family:'Genericons';
    content: '\f431';
    padding:1px;
    transform: rotate(-90deg);
  }

}


@media (min-width: 400px) {
#top_panel_text{

display: none;
visibility: hidden;

}



}

.titleline{

	text-align: center;
	background-image: -webkit-gradient(linear,left top,right top,from(#477036),to(black));
    background-image: linear-gradient(to right,#477036,black);
    position: relative;
    border-radius: 8px;
}


.overbar
{

//  position: absolute;
//  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #white;
  width: 100%;
//  max-width: 100%;
//  font-size: 20px;
  padding: 20px;
  text-align: center;
//  font-family: Dosis, sans-serif;

}



* {box-sizing: border-box}

/* Container needed to position the overlay. Adjust the width as needed */
.overlaycont {
  position: relative;
//  width: 50%;
  max-width: 300px;
}

/* Make the image to responsive */
.overimage {
  display: block;
  width: 100%;
  height: auto;
}

/* The overlay effect - lays on top of the container and over the image */
//.overlay {
//  position: absolute;
//  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.overlaycont:hover .overlay {
  opacity: 1;
}


.banner_link
{
// font-family: Dosis, sans-serif; 
 text-transform: none; font-size: 40px; font-weight: normal; text-align: center; letter-spacing: normal;  line-height:1em;
}



//blog and cdc area

.newsrow {
  width: 100%;
    text-align: center;
  margin: auto;
}
.newsblock {
//  width: 100px;
  /*float: left;*/
    display: inline-block;
//    zoom: 1;
  margin: auto;
  width: 45%;
}






.box {
  float: left;
  margin: 1em;
//  border: 1px solid red;
text-align: center;
}

.box2 {
  float: left;
  padding: 35px;
//  border: 1px solid red;
text-align: center;
height: 250px;
width: 200px;
}

.after-box {
  clear: left;
}


.closeimg
{
	width: 100px;
	height: 100px;
}

.links
{
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 1em;
    color: #477036;
}

a.links:hover
{
    color: #71b356;
}

.promo
{
//	width: 80px;
	height: 120px;
	text-align: center;
	margin: auto;
//	border: 2px solid pink;
	padding: 10px;
}

.pname
{
	text-align: center;
//	border: 2px solid green;
	width: 100px;
}

._line2{
    display:block;
    border:none;
    color:white;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(black), to(white));

//    background-image: -webkit-gradient(linear,left top,right top,from(green),to(black));
//    background-image: linear-gradient(to right,green,black);
}

.anchorname
{
	color: white;
}

.anchorname:hover
{
	color: white;
}





.blogboxes
{

//max-width: 860px;
    margin: 0 auto;
//    overflow: hidden;
	    padding-bottom: 34px;
height: 380px;
}

.section-blog
{
padding: 58px 0 36px;
    font-size: 18px;
    line-height: 1.39;
    color: #373737;
    text-align: center;
}

.blogboxes ul {
//    overflow: hidden;
    list-style: none outside none;
    }


@media only screen and (max-width: 1140px)
.section-blog .blogboxes li
{
    width: 44%;
    margin: 0 24px;
    float: right;

    }


.section-blog .box {
    width: 340px;
    height: 380px;
    background-image: url(../image/wall3.jpg);
//    background-size: 150px 151px;
    }

.box {
    position: relative;
    width: 240px;
    min-height: 330px;
    border: 1px solid #d8d8d8;
    margin: 0 28px 48px;
    text-align: left;
    -webkit-box-shadow: 0 0 5px #f1f1f1;
    box-shadow: 0 0 5px #f1f1f1;
    }

.box-body {
	    padding: 17px 20px 60px;
	    font-size: 14px;
	    line-height: 1.25;
}

.section-blog .box h4 {
    font-family: 'Century Gothic',sans-serif;
    font-size: 24px;
    color: #006c5b;
    margin-bottom: 10px;
    text-transform: none;
    }


.section-blog .read-more {
    position: absolute;
    bottom: 20px;
}

.btn-cyan {
    background: #1a7b6c;
    color: #fff;
}

.btn {
    padding: 14px 20px 13px;
    font-family: 'Century Gothic Bold',sans-serif;
    font-size: 16px;
    line-height: 1.25;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.btn, .btn-alt {
    position: relative;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}


.blogimg
{
width: 100px;
height: 140px;

}



.blogimgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
//  width: 50%;
}