body{ font-family: 'Open Sans', sans-serif; margin:0px; padding:0px; font-size:13px; background:url(../img/bg.png);}
header{ background:#51a351; padding:10px 0px;}
@import url(https://fonts.googleapis.com/css?family=roboto);
nav {
  margin: 0;
  padding: 0;
  background-color: #FFF;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav input {
    display: none;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #000000; }

nav a:hover { background-color: #000000; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}


nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

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

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}
.navbar{ margin-bottom:0; min-height:auto}
.navbar .container-fluid{ padding:0}
.navbar .navbar-collapse{ padding:0}
.navbar-default{ background:none; border:0px;}
.navbar-nav > li > a { line-height: 20px; padding-bottom: 5px; padding-top: 5px; color:#fff; font-size:14px;}
.navbar-default .navbar-nav > li > a{ color:#fff; font-size:14px;}
.whiteBG{ background:#fff; padding:15px 0px;-webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);}
.logo img{ width:100%;}
.redBG{ background:#cc5408; padding:5px 0; color:#fff;}
.carousel.carousel-fade .item {	-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out;	transition: opacity 0.5s ease-in-out;	opacity:0;}
.carousel.carousel-fade .active.item {opacity:1;}
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {left: 0;z-index: 2; opacity: 0; filter: alpha(opacity=0);}
.carousel.carousel-fade .next,.carousel.carousel-fade .prev { left: 0;	z-index: 1;}
.carousel.carousel-fade .carousel-control {	z-index: 3;}
.conWrap{ padding:30px 0;}
.conWrap h2{ font-weight:800; color:#4ca450; font-size:17px; margin:0 0 10px;}
.conWrap h2.notice{ background:url(../img/notice.png) no-repeat left center; padding:0 0 0 35px; line-height:35px;}
.conWrap h2.management{ background:url(../img/management.png) no-repeat left center; padding:0 0 0 35px; line-height:35px;}
.conWrap h2.dcc{ background:url(../img/ddc.png) no-repeat left center; padding:0 0 0 35px; line-height:35px;}
.conWrap h2.news{ background:url(../img/news.png) no-repeat left center; padding:0 0 0 35px; line-height:35px;}
.menuBar{ background:#fff; border:solid 2px #CCCCCC; padding:10px;}
.menuBar h3{ font-size:15px; color:#fff; text-align:center; margin:0 0 10px; background:#669900; padding:5px; }
.menuBar ul{ margin:0px; padding:0px; list-style:none}
.menuBar ul li{ display:block; padding:5px 0px;}
.menuBar ul li a{ color:#115c23; font-weight:600;}
.management ul{ margin:0px; padding:0px; list-style:none}
/*.management ul li{ display:block; padding:5px 0px;}*/
 .management ul li{   display: block;
    float: left;
    margin: 0 0 15px;
    padding: 5px 0;
    width: 100%;}
.management ul li img{  float: left;
    width: auto; margin:0 10px 0 0}
.management ul li h3{ font-weight:800; font-size:17px; margin:8px 0 10px;}
.management ul li a{color:#115c23; text-decoration:none}

.ddc ul{ margin:0px; padding:0px; list-style:none}
.ddc ul li{ display:block; padding:5px 0px;}
.ddc ul li img{ width:100%}
.ddc ul li h3{ font-weight:700; color:#115c23; font-size:15px; margin:8px 0 10px;}

.news ul{ margin:0px; padding:0px; list-style:none}
.news ul li{ display:block; padding:5px 0px;}
.news ul li img{ width:100%}
.news ul li.green{ color:#115c23; font-size:15px; margin:8px 0 10px;}
.news ul li{  font-size:15px; margin:8px 0 10px;}
.few h4{ color:#90502a; font-weight:800; font-size:13px;}
footer{ background:#fff; padding:15px;}
.col-xs-15{ width:20%;}
footer .block{ background:#fcfcfc; border:solid 1px #d8d7d5}
footer .block h3{ background:#2fac6a; border-bottom:solid 3px #d7d6db; color:#fff; font-size:15px; padding:8px 10px; font-weight:700; margin:0}
footer .block ul{ margin:0px; padding:0px; list-style:none}
footer .block ul li{ display:block; padding:5px 10px 5px 20px; border-bottom:solid 1px #d7d7d7; background:url(../img/arrow.png) no-repeat 5px center;}
footer .block ul li a{ color:#000;}

footer .block.last ul{ margin:0px; padding:0px; list-style:none}
footer .block.last ul li{ display:block; padding:5px 10px 5px 10px; border-bottom:solid 1px #d7d7d7; background:none;}
footer .block.last ul li a{ color:#6ca242; font-size:15px;}
.btmLine{ border-top:solid 1px #d7d7d7; padding:35px 0px; text-align:center; margin-top:30px;}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{ color:#000}
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%;}

.logo #carousel_fade.carousel,.logo #carousel_fade.carousel .item{ height: 126px!important;}