html * {margin:0; padding:0;}
html, body { font-size: 100%; min-width: 240px; color:#626262; }
body {background:#f2f2c6; font-family: 'Archivo Narrow', sans-serif;}

a {color:#fcff57;}
a:hover {color:#3f8eb8;}
img {width:100%;}

.clr {clear: both;}

.clear10 {height: 10px; clear: both;}
.clear15 {height: 15px; clear: both;}
.clear20 {height: 20px; clear: both;}
.clear30 {height: 30px; clear: both;}
.clear40 {height: 40px; clear: both;}
.clear50 {height: 50px; clear: both;}


#logo1 {background: #1ea266; padding:5px 0;}
#logo1 h1 {color:#fcff57; font-size:30px; font-weight: 300; padding: 15px 0; }

#top-Menu {background: #fff; border:none; clear: both; margin:0;}
#top-Menu .navbar {min-height: 40px;}
#top-Menu .navbar-default {background: transparent none; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0; margin:0;}
#bs-example-navbar-collapse-1 {padding: 0;}
#top-Menu ul.navbar-nav {list-style-type:none; padding: 0;}
#top-Menu ul.navbar-nav > li {border-left:1px solid #eeeeee;}
#top-Menu ul.navbar-nav > li.first {border:none;}
#top-Menu ul.navbar-nav > li.first span.mobile {display: none;}
#top-Menu ul.navbar-nav > li > a {padding:20px 10px; display: block;}
#top-Menu ul.navbar-nav li a {font-size:14px; font-weight: 300; color:#1ea266;}
#top-Menu ul.navbar-nav li ul {display:none; background-color:#eeeeee; position: absolute; z-index: 30; padding: 5px 0;}
#top-Menu ul.navbar-nav li ul li {display: block; float:none;}
#top-Menu ul.navbar-nav li ul li a {color:#1ea266; padding: 3px 15px; white-space: nowrap; display: block;}
#top-Menu ul.navbar-nav li a:hover {text-decoration: none;}
#top-Menu ul.navbar-nav li:hover {background: #eeeeee none;}
#top-Menu ul.navbar-nav li:hover ul {display: block; }
#top-Menu ul.navbar-nav li ul li a:hover {background-color:#fff; color:#1ea266;}

#slider2 { padding:0 0 20px 0; background: #1ea266;}
#slider2 .carousel-indicators {bottom:-30px;}
#slider2 .carousel-indicators li {border:none; background:none; width:180px; height: 6px; margin:0; }
#slider2 .carousel-indicators li span {display:block; width:180px; height:6px; background: #000; }
#slider2 .carousel-indicators li.active span {background: #fcff57;}
#slider2 .carousel-control span {background: #000; border-radius: 25px; height: 50px; width:50px; line-height: 50px;}

#pathway a {color:#1ea266;}
#pathway a:hover {color:#fcff57;}

#content-wrap {background: #ebe7df; font-size:14px;}
#content-wrap .text {padding:20px 0;}

#right {float:right;}

#content2 {background-color:transparent; }
#content2 a {color:#1ea266;}
#content2 a:hover {color:#fcff57;}
#content2 .articleList {background: #d4d0c9; margin:0 0 25px 0; }
#content2 .articleList .image {padding-top:10px;}
#content2 .articleList .info {color:#626262; font-size:12px; padding:0; margin:10px 0 0 0;}
#content2 .articleList .title { padding: 12px 10px 8px 0;}
#content2 .articleList .title h2 {font-size:18px;}
#content2 .articleList h2 a {color:#1a1e1c;}
#content2 .articleList .readmore {padding: 0 20px 20px 20px;}

#content2 .article-content { background: #dfdbd4; padding: 20px 15px; margin-bottom:30px;}
#content2 .article-content .image {padding-top:10px;}
#content2 .article-content .info {color:#999; font-size:12px; padding:0; margin-bottom:20px;}
#content2 .article-content .title {margin:0 0 20px 0; color:#1ea266;}
#content2 .article-content .title h2 {background:transparent url(../images/titleBottom.jpg) 0 100% no-repeat; font-size:14px; font-weight: 700; color:#333; font-size:18px; margin:0 0 20px 0;}
#content2 .article-content .title a {color:#1ea266;}
#content2 .article-content .title a:hover {color:#fcff57;}
#content2 .tab-panel {padding: 0 15px;}
#content2 .tab-panel a:hover {color:#333;}

#report .formTitle {padding: 0 0 0 20px;}

#content2 .similar {padding:0 15px;}
#content2 .similar h2 {font-size:14px; font-weight: 700; text-transform: uppercase; margin:0 0 20px 0;}
#content2 .similar .article {padding:0 0 20px 0; float:left; width:100%;}
#content2 .similar .article img {width:22%; float:left; margin:0 15px 15px 0;}
#content2 .similar .article h5 {font-weight: 700; margin:0 0 5px 0;}
#content2 .similar .article p {font-size:12px;}

#left {float:left; background: #1ea266; padding:10px;}
#left .pTitle {color:#fcff57; padding: 5px 15px; font-size:18px;  text-transform: uppercase;}
#left ul {list-style-type:square; padding:0 0 0 25px;}
#left ul li {padding: 0 0 0 2px; color:#e6e6e6;}
#left ul li:first-child {border:none;}
#left ul li a {color:#e6e6e6;}
#left ul li:hover {color:#fff;}
#left ul li a:hover {color:#fff; text-decoration: none;}

#footer {background: #2e2e2e; color:#979797;  padding: 40px 0;}

@media (max-width : 769px) {
    #bs-example-navbar-collapse-1 {padding:0 15px;}
    #top-Menu ul.navbar-nav {max-height: 800px; overflow: auto; text-align: left;}
    #top-Menu ul.navbar-nav > li {display: block;}
    #top-Menu ul.navbar-nav > li.first span.mobile {display: block;}
    #top-Menu ul.navbar-nav > li.first img {display: none;}
    #top-Menu ul.navbar-nav > li.first a {padding: 5px 8px;}
    #top-Menu ul.navbar-nav li ul {display: block; position: static; padding:0 0 0 20px;}
    #content2 .image {margin: 0 0 20px 0;}
    #left {float:none;}
    #left .nomobile {display:none;}
    #right {float:none;}
}

.col-lg-1:nth-child(12n+1),
.col-lg-2:nth-child(6n+1),
.col-lg-3:nth-child(4n+1),
.col-lg-4:nth-child(3n+1),
.col-lg-6:nth-child(2n+1),
.col-md-1:nth-child(12n+1),
.col-md-2:nth-child(6n+1),
.col-md-3:nth-child(4n+1),
.col-md-4:nth-child(3n+1),
.col-md-6:nth-child(2n+1) {
    clear: both;
}

.col-sm-1:nth-child(12n+1),
.col-sm-2:nth-child(6n+1),
.col-sm-3:nth-child(4n+1),
.col-sm-4:nth-child(3n+1),
.col-sm-6:nth-child(2n+1) {
    clear: left;
}
  
