#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; z-index: 99999999;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  display:inline-block; background: #56780c; border-radius: 5px;
}
#cssmenu > ul {
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 15px 21px 15px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  box-sizing:border-box;

}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #56780c;
  border-bottom:5px solid #79a41b;
  box-sizing:border-box; 
}
#cssmenu > ul > li.has-sub > a {
  padding-right:40px;
  border-bottom:0px;
}
#cssmenu > ul > li.has-sub ul{
	height:0px;
	overflow:hidden;
}
#cssmenu > ul > li.has-sub:hover ul{
	height:auto;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #56780C;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #56780C;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index:999999;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #648d0a;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  padding: 14px 25px;
  width: 180px;
  color: #ffffff;
  font-size:15px;
  background: #648d0a;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #ffffff;
  background: #84b716;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media (max-width: 1180px) {
	#cssmenu{
		display:block;
		width:100%;
	}
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #648D0A;
	display:inline-block;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
	background:#648d0a;
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height:7px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu > ul > li > ul::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #cssmenu ul ul li a{
	  background:#597E08;
  }
  #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a{
	  border-bottom:0px;
  }
}

@media (max-width: 800px) {

  #cssmenu > ul > li > a {    
    color: #ffffff;   
}

 }


 .heighter{
	height:300px;
}
.bgier{
	background:#930;
}
.wrapper{
	width:auto;
	position:relative;
}
.intro{
	width:auto;
	background:#fff;
	position:relative;
}
.slider-container{
	width:100%;
	position:absolute;
	top:0px;
}
.header-section{
	position:absolute;
  z-index:1000;
  width: 100%;
}
.menu-part{	
  margin:0px auto;
  widows: 100%;
  text-align: left;
  padding-top: 25px;
}
.home-widget{
	float:right;
}
#widget-sm{
	display:none;
}
.time-date-total{
	padding:5px 15px;
	background:#75A30F;
	float:left;
}
.weather-container{
	background:rgba(158, 155, 155, 0.13);
	float:left;
	padding:7.5px 10px;
	padding-left:0px;
}


#wxWrap {
    width:auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#wxIntro {
    display: inline-block;
    font: 14px/20px Arial,Verdana,sans-serif;
    color: #666;
    vertical-align: top;
    padding-top: 9px;
}
.wxIcon {
    display: inline-block;
    width: 51px;
    height: 34px;
    margin: 2px 0 -1px 1px;
    overflow: hidden;
    background:url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat center;
}
.wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 6px 0 8px;
    overflow: hidden;
}
.wxTemp {
    display: inline-block;
    font: 20px/28px Arial,Verdana,sans-serif;
    color:#ffffff;
    vertical-align: top;
    padding-top: 5px;
    margin-left: 0;
}
.dater{
	color:#ffffff;
	font-family: 'robotolight';
	font-size:12px;
	text-align:right;
}
.timer{
	font: 20px/28px Arial,Verdana,sans-serif;
	color:#ffffff;
	text-align:right;
	
}

.logo-part{
	text-align:center;
	padding-top:80px;
	padding-bottom:98px;
	padding-left:15px;
	padding-right:15px;
}
.logo-part-other{
	text-align:center;
	padding-top:50px;
	padding-bottom:70px;
	padding-left:15px;
	padding-right:15px;
}
.intro-para{
	background: url(../img/cut-bg.png) no-repeat bottom center;
	position:relative;
	z-index:100;
	padding-bottom:35px;
	padding-left:15px;
	padding-right:15px;
}
.intro-para h1{
	font: size 3.5;em;
	color:#ffffff;
  padding-bottom:105px;
  padding-top:105px;
	text-align:center;
	margin:0px; text-transform: uppercase; font-weight: 600;
}
.intro-more-container{
	text-align:center;
}
.intro-para-aligner{
	max-width:970px;
	margin:0px auto;
}
.intro-para p{
	font-size:18px;
	color:#7C7A7A;
	font-family: 'robotolight';
	padding-bottom:20px;
	line-height:26px;
	text-align:center;
}
.link-more-about{
	margin-top:7px;
	color:#648d0a;
	text-decoration:none;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	display:block;
}
.link-more-about:hover{
	color:#ffffff;
	text-decoration:none;
}



/* Hang */
@-webkit-keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hang {
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}


/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
 
  list-style: none;
  overflow: hidden;
  width: 100%;
  max-width:100% !important;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  @media (max-width: 998px) {
  .intro-para h1 {
    font-size: 2.5em !important;
    
    }
  }

  @media (max-width: 800px) {
    .menu-part {      
      padding-top: 12px;
      text-align: left;
  }
  .intro-para h1 {    
    padding-bottom: 80px;
    padding-top: 80px;   
}
    }

    @media (max-width: 600px) {
     
    .intro-para h1 {    
      padding-bottom: 60px;
      padding-top: 80px; 
      font-size: 2em !important;  
  }
      }

      @media (max-width: 500px) {
        
      .intro-para h1 {    
        padding-bottom: 00px;
        padding-top: 70px; 
        font-size: 1.3em !important;  
    }
        }