/* custom style website */
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
body{
	color: #4c4a4b	;
	font-family: 'Hind', sans-serif;
	font-size: 16px;
	background: #f6f6f6;
	overflow-x: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Hind', sans-serif;
}
:root{
	font-family: 'Hind', sans-serif;
}
.nowrap{
	flex-wrap: nowrap!important;
}
.not-hover a:hover{
	color: #636363!important;
}
aside{
	width: 100%;
	padding-left: 20px;
	margin-bottom: 40px;
}
.box-side{
	background: #fff;
}
.circle-div {
    height: 100px;
    width: 100px;
		border:4px solid #66b65d;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 8px;
}
.breadcumb a{
	color: #6f6f6f;
}
.breadcumb a:hover{
	color: #6f6f6f;
	text-decoration: underline!important;
}
.desc-map-single{

}
.desc-map-single td{
	border-top: 0px;
}
a {
	outline:none;
	text-decoration: none!important;
	color: #4ca0bc;
}
.site-content{
	height: auto!important;
	margin-bottom: -23px;
}
a:hover{
	opacity: 0.7;
}
h3{
	font-weight: 600;
}
header{
	background: #fff;
}
section{
	margin-top: 15px;
}
.mt-2r{
	margin-top: 2rem;
}
.margin50{
	margin-top: 50px;
	margin-bottom: 50px;
}
.margin30{
	margin-top: 30px;
	margin-bottom: 30px;
}
.no-padding-left{
	padding-left: 0px!important;
}
.no-padding-right{
	padding-right: 0px!important;
}
.no-margin-left{
	margin-left: 0px!important;
}
.no-margin-right{
	margin-left: 0px!important;
}
.box-title-research{
	margin-bottom: -23px;
}
.custom-logo{
	width: auto;
	height: auto;
}
.custom-logo-link{
	margin-bottom: 0px!important;
}
.box-logo{
	width: 100%;
	padding-bottom: 10px;
	padding-top: 15px;
	border-bottom: 2px solid #eaeaea;
}
.box-logo-cgiar{
	vertical-align: text-top;
	float: left;
}
.logo-cgiar{
	width: auto;
	height: auto;
}
.box-logo-fta{
	float: left;
}
li:hover {
    cursor: pointer;
	}

.navbar{
	padding: 0px;
}
.navbar-toggler{
	background: #fff!important;
	right: 100%;
}
.ol-control button:focus, .ol-control button:hover{
	background: #3f7e32;
}
.ol-control button{
	background: #3f7e32;
}
.margin30{
	margin-top: 30px;
	margin-bottom: 30px;
}

.bg-green{
	background: #6ac150;
	color: #fff;
}
.custom-logo-link{
	margin-bottom: 15px;
}
.nav-link{
	color: #5a5a5a;
	opacity: 1!important;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	font-size: 15px;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
	color: #3f7b35;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
	color: #5a5a5a;
}
.nav-link:hover{
	color: #3f7b35!important;
	opacity: 1!important;
}
.nav-item{
	margin-right: 20px;
}
.dropdown:hover:after{
	content: '';
    position: absolute;
    bottom: 0px;
    margin-left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;;
    clear: both;
}
.menu-navigation-second .dropdown:hover:after{
	content: '';
    position: absolute;
    bottom: 0px;
    margin-left: 20px;
    width: 0;
    height: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    clear: both;
}
.mega-menu:hover:after{
	content: '';
    position: absolute;
    bottom: 0px;
    margin-left: 55px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;;
    clear: both;
}
.about-menu .nav-link{
	padding-left: 0px!important;
}
.dropdown:hover .dropdown-menu {
  display: block;

}

.btn-link:hover, .comments-link a:hover, .edit-link a:hover, .entry-meta a:hover, a:active, a:focus, a:hover{
	color: none;
	opacity: 0.7;
}
.acc-data:hover{
	color: #eee;
}
.acc-data{
	outline: none;
}

.dropdown2{width:185px;}

.dropdown-menu{
	border: 0px;
	padding: 1rem;
	padding-left: 5px;
	padding-right: 5px;
	width: 180px;
	margin: 0 auto;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px;
	left: -10px;
	border-top: 1px solid #f4f4f4;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.dropdown.not-hover.hl.nav-item ul.dropdown-menu{width:190px;}


.dropdown2:hover .dropdown-menu2 {
  display: block;

}

.dropdown-menu2{
	display: none;
	border: 0px;
	padding: 1rem;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
	margin: 0 auto;
	margin-top: -46px;
	margin-right: 0px;
	border-radius: 0px;
	margin-left: 90%;
	border-left: 1px solid #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	position: absolute;
	background: #fff;
}
.dropdown-menu2 li{
	list-style:none;
	width:180px;
}
.menu-navigation{
	float: left;
	width: auto;
}
.dropdown-item{
	padding-left: 10px;
	padding-right: 5px;
	color: #6c6a6b;
	font-weight: 500;
	font-size: 14px;
	white-space: normal;
}
.dropdown-item:hover, .dropdown-item:focus{
	background: #fff;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus {
    color: #495057;
    background-color: #fff;
    border:1px solid #898888;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow: none;
}
.search-navigation{
	float: left;
}
.search {
  position: relative;
  color: #5a5a5a;
  font-size: 13px;
}
.user-post-by{
	display: none;
}

.search .fa-search {
  position: absolute;
  color: #5a5a5a;
	z-index: 9999;
}

.site-footer{
	border-top: 1px solid #fbfbfb;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: #fbfbfb!important;
}

.logo-footer{
	padding-top: 20px;
}
.logo-footer-mobile{
	padding-top: 0px;
	display: none;
}

.copyright{
	margin-top: 20px;
	text-align: left;
	color: #949494;
	font-size: 13px;
}
.copyright a{
	color: #292929!important;
	margin-left: 20px;
}
.copyright a:hover{
	text-decoration: underline;
}
.newsletter-footer{
}
.newsletter-footer span{
	color: #565656;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}
.newsletter-footer input{
	border: 0px;
	font-size: 14px;
	padding: 0px;
}
.newsletter-footer input:focus{
	border: 0px;
}
.newsletter-footer .col-text{
	width: 70%;
	float: left;
	border: 2px solid #efefef;
	border-right: 0px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
}
.col-btn{
	float: left;
	width: 30%;
}
.btn-newsletter{
	width: 100%;
	height: 55px;
	border-radius: 0px;
	background: #000;
	color: #fff;
	margin-top: 2px;
	text-transform: uppercase;
}
.icon-footer{
	clear: both;
	padding-left: 0px!important;
	vertical-align: bottom;
	height: 40px;
	width: auto;
}
.icon-footer .caption-footer, .icon-footer span{
	color: #a1a1a1;
	font-size: 13px;
	padding-top: 10px!important;
}
.icon-footer li{
	list-style: none;
	float: left!important;
	margin-right: 15px;
	padding-left: 0px!important;
	vertical-align: bottom;
}
.copyrigh-box{
	border-top: 2px solid #eaeaea;
	margin-top: 20px;
}
.box-desc-footer{
	padding-top: 30px;
	padding-bottom: 20px;
}
.title-foter{
	color: #4f4f4f;
	font-weight: 600;
	font-size: 13px;
	padding-bottom: 10px;
}
.desc-footer{
	color: #a1a1a1;
	font-size: 13px;
}
.box-desc-footer h4{
	margin-bottom: 5px!important;
}
.box-desc-footer h4 a{
	color: #464646!important;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 0.5;
}
.box-logo-fta a:hover{
	text-decoration: none;
}
.box-logo-fta h3{
	font-weight: 600;
	color: #3f7e32;
	font-size: 25px;
	line-height: 1;
}
.box-logo-fta h4{
	font-weight: 300;
	color: #3f7e32;
	font-size: 17px;
}
#breadcumb{
	margin-top: 20px;
}
.breadcumb ul{
	margin-left: 0px;
	padding-left: 0px;
	clear: both;
}
.breadcumb ul li{
	list-style: none;
	float: left;
	margin-right: 5px;
	font-size: 13px;
	color: #6f6f6f;
}
.breadcumb ul li i{
	margin-right: 5px;
}
.title h3{
	color: #292929;
	font-weight: 600;
}
.title h5{
	color: #292929;
	font-weight: 500;
	margin-bottom: 10px;
}
.slider-flagship .background-slider{
	height: 445px;
	-webkit-box-shadow: inset -1px -132px 56px -41px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px -132px 56px -41px rgba(0,0,0,0.75);
	box-shadow: inset -1px -132px 56px -41px rgba(0,0,0,0.75);
}
.box-brochure{
	padding-left: 5px;
	margin-bottom: 5px;
}
.desc-brochure{
	background: #6fc155;
	width: 55%;
	height: 220px;
	float: left;
	vertical-align: text-bottom;
	color: #e4e4e4;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 30px;
}
.desc-brochure a{
	position: relative;
	top: 15%;
}
.desc-brochure a:hover{
	color: #fff;
	opacity: 0.7;
}
.desc-brochure span{
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
}
.desc-brochure a:hover{
	text-decoration: underline;
}
.desc-brochure h4{
	margin-top: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
}
.img-brochure{
	width: 45%;
	height: 220px;
	float: left;
}
.box-contact{
	padding-left: 5px;
	margin-bottom: 5px;
}

p.lead{font-style:italic;font-size:1.15rem;}

.desc-contact{
	background: #e4e4e4;
	width: 55%;
	height: 220px;
	float: left;
	vertical-align: text-bottom;
	padding-top: 120px;
	color: #3a3a3a;
	padding-right: 20px;
	padding-left: 20px;
}
.desc-contact a{
	color: #53564f;
}
.desc-contact h4{
	margin-top: 5px;
	font-size: 18px;
	font-weight: 500;
}
.img-contact{
	width: 45%;
	height: 220px;
	float: left;
}
.content{
	padding-top: 10px;
	background: #f6f6f6;
}
.share-this{
	font-size: 17px;
	-webkit-text-stroke: 0.3px #fff;
}
.sidebar-pub h3{
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-bottom: 3px solid #6fbf56 ;
	color: #383838;
}

.latest-news{
	margin-top: 40px;
	margin-bottom: 40px;
}

.title-source{
	color: #292929;
	margin-bottom: 20px;
}
.attachment-post-thumbnail{
	width: 100%;
}
.detail-latest-news{
	width: 100%;
	min-height: 150px;
	background: #fff;
	padding: 15px 15px;
}
.date-post{
	font-size: 14px;
	color: #bcbcbc;
	text-transform: uppercase;
}
.title-post{
	color: #393939;
	font-size: 17px;
	margin-top: 10px;
	font-weight: 600;
	transition-delay: 0.1s;
}
.see-all{
	font-size: 14px;
	font-weight: 500;
	color: #4f4e53;
	position: absolute;
	right: 15px;
	top: 0px;
}
.see-all:hover{
	color: #969696;
	opacity: 0.7;
}
.bg-flagship{
	padding-top: 60px;
	padding-bottom: 60px;
	background-position: center;
	background-size: cover;

}
.box-grey{
	background: rgba(75,76,78,0.9);
	min-height: 600px;
	width: 100%;
	position: relative;
	right: 0px;
	left: 0px;
	margin: 0 auto;
	padding-top: 25px;
}
.box-black{
	background: rgba(51,51,51,0.5);
	padding: 10px;
}
.parallax-window{
	min-height: 600px;
}
.theme-flagship{
	min-height: 500px;
	background: none!important;
}
.theme-flagship h4{
	color: #fff;
}
.theme-flagship h5{
	color: #fff;
}
#theme-flagship-tab{
	margin-top: 20px;
}
.theme-flagship .nav-tabs{
	border-bottom:0px;
}
.theme-flagship .nav-tabs .nav-link{
	border: none!important;
	border-radius: 0px!important;
	color: #dcdcdc!important;
	padding: 0px;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.theme-flagship .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	border-bottom: 3px solid #6fbf56!important;
	color: #dcdcdc!important;
	background: none;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.theme-flagship .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-bottom: 3px solid #6fbf56!important;
	color: #dcdcdc!important;
	background: none;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
#theme-flagship-tab .nav-item{
	margin-right: 40px;
}
.theme-flagship .title-tab{
	border-bottom: 1px solid #6b6569;
	margin-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}
#theme-flagship-Content{
	padding-right: 25px;
	padding-left: 25px;
}
#theme-flagship-Content p{
	color: #dcdcdc!important;
}
#theme-flagship-Content td{
	color: #dcdcdc!important;	
}

#theme-flagship-Content td:first-child{
	width:3% !important;
}

.research-flagship h4{
	color: #383838;
}
#research-flagship-tab{
	margin-top: 20px;
}
.research-flagship .nav-tabs{
	border-bottom:0px;
}
.research-flagship .nav-tabs .nav-link{
	border: none!important;
	border-radius: 0px!important;
	color: #515151!important;
	padding: 0px;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.research-flagship .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.research-flagship .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	background: none;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.title-megamenu{
	margin-top: 10px;
	background: #f4f4f4;
}
.title-megamenu .nav-tabs{
	border-bottom: 0px;
	margin-bottom: 0px;
}
.title-megamenu .nav-tabs .nav-link{
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	border:none;
	background-color: none!important;
	border-bottom: 3px solid #f4f4f4!important;
	color: #515151!important;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
}
.title-megamenu .nav-tabs .nav-link.active, .title-megamenu .nav-tabs .nav-link:hover, .title-megamenu .nav-tabs .nav-link:focus{
	background: none;
	border:none;
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
#research-flagship-tab .nav-item{
	margin-right: 40px;
}
.research-flagship .title-tab{
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
}
.caption-photo-grey{
	color: #c1bdbc;
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 25px;
}
.caption-photo-black{
	color: #6a6869;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-style:italic;
}
.list-tab-content{
	margin-bottom: 1rem;

}
.list-tab-content td{
	border-top: 0px;
	padding: 0px;
	vertical-align: top;
	padding-bottom: 0.5rem;
}
.bullets{
	font-size: 20px !important;
	margin-left: 10px;
	margin-right: 10px;
}
.research-flagship{
	background: #fff;
	margin-top: 0px;
	padding-top: 50px;
}
.box-green {
    background: #c9f9dc;
    padding: 10px;
    color: #595858;
}
.recent-resources{
	padding-bottom: 50px;
}
.list-recent{
	margin-left: -20px;
}
.list-recent li{
	list-style: none;
}
.box-videos-recent{
	min-height: 170px;
	vertical-align: middle;
}
.box-videos-recent img{
	height: 170px;
	width: 100%;
}
.see-all-resources{
	border: 1px solid #e0dfdf;
	padding: 7px 20px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #4f4e53;
}
.see-all-resources:hover{
	color: #fff;
	background: #656565;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	width: auto;
	height: auto;
}
.carousel-control-next-icon{
	opacity: 0.75;
	background: none;
	font-size: 50px;
}
.carousel-control-prev-icon{
	opacity: 0.75;
	background: none;
	font-size: 50px;
}
.carousel-control-next-icon:after
{
	font-family: FontAwesome;
  	content: "\f105";
}

.carousel-control-prev-icon:after {
	font-family: FontAwesome;
 	content: "\f104";
}
.carousel-control-prev, .carousel-control-next{
	opacity: 0;
	width: 7%;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
	opacity: 1;
}
.desc-slider{
	bottom: 20px;
	position: absolute;
	padding-left: 30px;
	color: #fff;
}
.desc-slider h5{
	color: #fff;
	font-weight: 600;
}
.newsletter{
	margin-top: 0px;
	background: #eeeeee;
	padding-top: 50px;
	padding-bottom: 50px;
}
.box-newsletter{
	padding-right: 30px;
}
.box-newsmed{
	padding-left: 30px;
}
.social-footer{
	padding-left: 0px;
	margin-left: 0px;
}
.social-footer li{
	list-style: none;
	height: 60px;
	width: 60px;
	border: 2px solid #000;
	border-radius: 50px;
	text-align: center;
	float: left;
	margin-right: 15px;
	color: #000;
}
.social-footer li:hover{
	background: #000;
	color: #fff;
}
.social-footer li i{
	font-size: 35px;

	margin-top: 10px;
}
.social-share{
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 10px;
}
.social-share li{
	list-style: none;
	height: 33px;
	width: 33px;
	border-radius: 50px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.social-share li i{
	font-size: 20px;
	color: #fff;
	margin-top: 7px;
}
.icon-fb{
	background: #3b5999;
}
.icon-twitter{
	background: #18a4f9;
}
.icon-linkedin{
	background: #0374b6;
}
.icon-mail{
	background: #41494c;
}

.hentry.card .card-body{
	padding-top: 10px;
}
.card{
	border-radius: 0px;
	border:0px;
}
.title-single{
	/*padding-bottom: 20px;*/
}
.wp-caption{
}
.wp-caption .wp-caption-text{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	color: #787878;
}
.post-previous{
	float: left;
	width: 50%;
}
.img-prev{
	width: 20%;
	float: left
}
.title-prev{
	width: 80%;
	float: left;
}
.title-prev a{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.title-prev h5{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.title-prev span{
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.post-next{
	float: right;
	width: 50%;
}
.img-next{
	width: 20%;
	float: right;
	text-align:right;
}
.title-next{
	width: 80%;
	float: right;
	text-align: right;
}
.title-next a{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.title-next h5{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.title-next span{
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.entry-content{
	margin-bottom: 20px;
	margin-top: 0px;
}
.back-img-single{
	width: 100%;
	height: 500px;
	background-position: center;
	-webkit-box-shadow: inset 0px -12px 22px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -12px 22px -12px rgba(0,0,0,0.75);
	box-shadow: inset 0px -12px 22px -12px rgba(0,0,0,0.75);
}
.video-icon-label-container {
	position: absolute;
	top: 25%;
	left: 45%;
	right: 0;
	width: 40%;
}
.video-icon-label {
	display: table;
	height: 100%;
	width: 100%;
}
.video-icon {
	position: absolute;
	top: 20%;
	left: 45%;
	right: 0;
	width: 40%;
}
.thumbnail-container{
	position:relative;
	width:95%;
	float:left;
	height:95%;
}
.video-icon i {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    /* background: rgba(255,255,255,0.25); */
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 2px;
    box-shadow: 0px 0px 5px #666;
    text-shadow: 0px 0px 5px #666;
}
.kategori{
	clear:both;
	width:100%;
	font-size:15px;
	color:#f3f3f3;
	font-weight:600;
}

.wp-caption{
	/* width: 100%!important; */
}
.wp-caption img[class*="wp-image-"]{
	width: 100%!important;
}
.box-file-publication{
	width: 170px;
}
.box-file-publication img{
	margin-bottom: 10px;
	margin-top: 30px;
}

.box-share-post{
	position: absolute;
	left: 30px;
	top: 735px;
	z-index: 999;
	padding: 0px 15px;
	padding-bottom: 30px;
}
.header-share-post{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	color: #aeaeae;
}
.box-share-post ul{
	margin-left: 0px;
	padding-left: 0px;
}
.box-share-post ul li{
	list-style: none;
	font-size: 13px;
	float: none;
	margin-bottom: 5px;
	height: 30px;
	width: 30px;
}
.box-share-post li i{
	font-size: 15px;
	margin-top: 7px;
}
.box-share-post-statis{
	position: absolute;
	left: 30px;
	top: 420px;
	z-index: 999;
	padding: 0px 15px;
	padding-bottom: 30px;
}
.box-share-post-statis ul{
	margin-left: 0px;
	padding-left: 0px;
}
.box-share-post-statis ul li{
	list-style: none;
	font-size: 13px;
	float: none;
	margin-bottom: 5px;
	height: 30px;
	width: 30px;
}
.box-share-post-statis li i{
	font-size: 15px;
	margin-top: 7px;
}
.gallery-icon{
	padding: 5px;
}
figcaption{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	color: #787878;
}
.gallery{
	margin-bottom: 5px;
}
.cap-single{
	text-align: left;
	font-size: 13px;
	padding-left: 20px;
	position: absolute;
	padding-top: 350px;
	color: #fff;
	font-weight: bold;
}
.back-header{
	height: 180px;
	width: 100%;
	position: relative;
}
.back-header2{
	height: 240px;
	width: 100%;
	position: relative;
}
.back-header-portal{
	height: 250px;
	margin-bottom: 40px;
}
.box-datasets{
	background: #fff;
	width: 100%;
	padding: 20px 25px;
	min-height: 320px;
	margin-bottom: 25px;
}
.btn-filter{
	background: #4c8fdd;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bolder;
	border-radius: 2px;
	margin-right: 10px;
}
.btn-more{
	border:1px solid #fff;
	background: transparent;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
}
.btn-datasets{
	border:2px solid #eee;
	border-radius: 2px;
	color: #5b5b5d;
	width: 100%;
	background: #fff;
	padding: 5px 0px;
	margin-bottom: 3px;
	font-weight: 600;
	font-size: 13px;
}
.image-line img{
	max-height: 75px;
	vertical-align: middle;
	width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.image-line{
	vertical-align: middle;
	display: inline-block;
	height: 100px;
	width: 100%;
}
.back-header.isc{height:420px;}

.bread{padding-left:26%}

.breadcumb{float:left;clear:both;width:100%;margin-top:12px;margin-bottom:20px;}

.header-caption{
	color: #fff;
	background: rgba(0,0,0,0.35);
	padding-top: 70px;
	width: 100%;
	height: 100%;
}
.header-caption-portal{
	color: #fff;
	background: rgba(0,0,0,0.35);
	padding-top: 50px;
	width: 100%;
	height: 100%;
}
.header-caption-priorities{
	color: #fff;
	background: rgba(0,0,0,0.35);
	padding-top: 100px;
	width: 100%;
	height: 100%;
}
.header-caption-flagship{
	color: #fff;
	background: rgba(0,0,0,0.35);
	padding-top: 60px;
	width: 100%;
	height: 100%;
}
.header-caption.isc{padding-top:100px;}
.header-caption.isc h1{font-size:3.1em;}
/* .header-caption.isc p{font-size:1.2em;} */

#search-landing{
	margin-top: 50px;
	margin-bottom: 50px;
}
#form-search-landing{
	margin-bottom: 30px;
}
#form-search-landing .form-control{
	width: 100%;
	background-color: #f6f6f6;
	font-size: 13px;
	padding: 5px;
	height: 40px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#form-search-landing button{
	border-radius: 2px;
	margin-right: 20px;
	height: 40px;
	font-weight: 600;
	border:0px;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 20px;
}

.b-search{
	background: #37812a;
	color: #fff;
	text-transform: uppercase;
	margin-right: 10px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
}
.b-search:hover{
	background: #37812a;
	color: #fff;
	opacity: 0.9;
}
.b-reset{
	background: #d94d4c;
	color: #fff;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
}
.b-reset:hover{
	background: #d94d4c;
	color: #fff;
	opacity: 0.9;
}


#form-search-content .form-control{
	width: 85%;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #fff;
	font-size: 13px;
	padding: 5px;
	height: 40px;
	padding-left: 10px;
}
#form-search-content .form-control:hover{
	border-bottom: 0px;
}
#form-search-content .form-control:focus{
	border-bottom: 0px;
}
#form-search-content button{
	width: 15%;
	border-radius: 2px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 40px;
	background: #37812a;
	color: #fff;
	font-weight: 600;
	border:0px;
	text-transform: uppercase;
	font-size: 14px;

}

.box-resource-landing{
	margin-bottom: 20px;
}
.box-resource-landing a{
	position: absolute;
	bottom: 25px;
	width: 80%;
}
.box-resource-landing .detail-latest-news{
	height: 200px;
}
.resources-landing{
	margin-bottom: 50px;
}
.content-resources{
	padding-top: 10px;
}
#left-filter .head-filter{
	margin-bottom: 10px;
}
#left-filter .head-filter span{
	color: #337d28;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
}


#left-filter .panel-heading  a:before {
   font-family: FontAwesome;
   content: "\f105";
   float: right;
   transition: all 0.5s;
}
#left-filter .panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.head-category{
	color: #373737!important;
	font-weight: 600;
	font-size: 13px;
}
#left-filter table td{
	border-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 13px;
	padding-top: 5px;
}
#left-filter input{
	background: transparent;
	margin-top: 3px;
}

.head-content-resource{
	margin-bottom: 20px;
}
.disp-page{
	font-weight: 500;
	color: #3a3a3a;
	font-size : 14px;
}
#tab-list-resource .nav-tabs{
	float: right;
	border-bottom: 0px;
}
#tab-list-resource .nav-tabs li{
	margin-left: 10px;
}
#tab-list-resource i{
	font-size: 20px;
	margin-top: 3px;
}
#tab-list-resource a{
	color: #666;
}
.dif-icon{
	font-size: 20px!important;
}
#tab-list-resource .show{
	color: #494949;
}
#tab-list-resource ul{
	float: right;
	list-style: none;
	margin-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	 margin-left: 20px;

}
#tab-list-resource .dropdown-menu{
	margin-top: 20px;
}
#tab-list-resource button{
	background: none;
	border:none;
	float: left;
}
#tab-list-resource button i{
	font-size: 20px;
	color:#494949;
}
.author-resource{
	color: #3f4940;
	font-size: 13px;
	font-weight: 500;
}
.content-list-resource p{
	margin-bottom: 10px;
}
.list-resource{
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}
.list-resource .title-post{
	margin-bottom: 20px;
}
.col-list-left{
	float: left;
	width: 80%;
}
.col-list-right{
	float: left;
	width: 20%;
	padding-left: 30px;
}
.list-resource .head-category{
	margin-bottom: 20px;
	margin-top: 10px;
}
.list-resource .head-category span{
	color: #337d28;
	font-weight: 600;
	font-size: 13px;
}

.list-resource .head-category p{
	font-size: 13px;
	color: #4a4a4a!important;
	font-weight: 300;
	margin-top: 10px;
}
.pagination{
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
}
.pagination ul{
	margin-left: 0px;
	padding-left: 0px;
	position: relative;
}
.pagination ul li{
	list-style: none;
	float: left;
	padding: 5px;
}
.pagination a{
	color: #353535;
}
.carousel-indicators li{
	width: 5px;
	height: 5px;
}
.carousel-indicators{
	position: absolute;
	right: 0px;
	left: auto;
}
.mega-menus{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 9999;
	background: #f4f4f4;
	margin-top: 40px;
	display: none;
	-webkit-box-shadow: 0px 13px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 16px -6px rgba(0,0,0,0.75)
}

.megamenu{
	width: 100%;
	float: left;
}
.megamenu h2{
	font-size: 25px;
	color: #373737;
	font-weight: 600;
}
.megamenu h3{
	font-size: 20px;
	color: #373737;
}
.megamenu p{
	color: #656364;
}
.learn-more{
	width: 100%;
	text-align: center;
	border:2px solid #fff;
	padding: 5px;
	padding-top: 8px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 70px;
}
.learn-more a{
	color: #fff;
}
.content-megamenu{
	background: #fff;
	padding-top: 20px;
}

.mega-menu:hover + #mega-menu {
    display: block;
}
.navbar-light .navbar-nav .nav-link{
	color: #636363;
	font-weight: 600;
}
blockquote{
	font-size: 20px;
	color: #595959;
	font-weight: 500;
	border-left: 0px;
	background: transparent;
	font-style: normal;
	padding: 0px;
	margin-bottom: 30px;
}
blockquote p{
	font-size: 20px;
}
.hentry.card .card-body{
	background: #f6f6f6;
}
.post-by{
	margin-top: 35px;
	border-top: 0px;
}
.post-by td{
	padding: 0px;
	border-top: 0px;
	vertical-align: middle;
}
.head-post-by{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	color: #aeaeae;
}
.box-content-postby{
	padding-left: 10px;
}
.box-content-postby p{
	font-size: 12px;
	color: #3e3e3e;
	font-weight: 600;
	margin-bottom: 0px;
}
.user-post-by{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-top: 5px;
}
.hentry.card .card-body{
	padding: 0px;
}
.card-body{
	background:#f6f6f6;
}
.related-post{
	width: 30%;
	float: left;
	margin-left: -200px;
	margin-right: 30px;
	border:2px solid #e7e5e6;
	padding: 10px;
	margin-top: 20px;
/* display:none; */    
}
.head-related-post{
	color: #adadad;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}
.related-post ul{
	margin-left: 0px;
	left: 0px;
	padding-left: 0px;
}
.related-post li{
	list-style: none;
	margin-top: 10px;
}
.related-post li a{
	font-size: 14px;
	color: #3a3a3a;
	font-weight: 600;
}
.related-post li p{
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 5px;
}
#post-nav{
	margin-bottom: 20px;
}
#share-publication{

}
.head-downlod{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 20px;
}
.sidebar-pub h3{
	margin-top: 20px;
	font-size: 18px;
	color: #292929;
}
.content-pub{
	padding-left: 30px;
	padding-right: 30px;
}

.sidebar-pub .title-post{
	font-size: 14px;
	margin-top: 0px;
}
.related-view{
	background: #fff;
	padding-top: 20px;
}
.sidebar-pub figure{
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
}
#search-header{
	display: none;
	z-index: 99;
	width:300px;
	margin-left:-20px;
	-webkit-box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
	box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
}
.box-search-head{
	background: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#search-header input{
	background: #f9f9f9;
	border: 1px solid #eee!important;
	border-radius: 0px;
	width: 90%;
	height: 30px;
	font-size: 13px;
	float: left;
	padding: 5px;
}
#search-header button{
	background: none;
	border:0px;
	float: left;
}
#search-header i{
	margin-top: 10px;
	color: #636363;
	font-size: 13px;
}
#search-mobile{
	display: none;
}
#search-header-mobile{
	background: #fff;
	display: none;
	position: absolute;
	z-index: 99;
	width: 100%;
	-webkit-box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
	box-shadow: 0px 113px 171px -129px rgba(0,0,0,0.75);
}
#search-header-mobile input{
	background: #fff;
	border:0px;
	width: 90%;
	height: 30px;
	font-size: 13px;
	float: left;
	padding: 5px;
}
#search-header-mobile button{
	background: none;
	border:0px;
	float: left;
}
#search-header-mobile i{
	margin-top: 10px;
	color: #636363;
	font-size: 13px;
}

.img-latest-news img{
	width: 100%;
}
.navbar-dark .navbar-nav .dropdown-menu a{
	padding-left: 0px;
}
.icon_section{
	width: 25px!important;
	margin-right: 10px;
}
.priorities-headline{
	font-size: 15px;
	color: #3d3d3d;
	font-weight: bold;
}
.priorities-headline:hover,.priorities-headline:focus{
	color: #3d3d3d;
}
.content-priorities h1{
	font-size: 15px;
	font-weight: bold;

}
.content-priorities{
	border:1px solid #eee;
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.menu-navigation-second{
	background: #0a311c;
	padding-left: 10px;
	padding-bottom: 5px;
}
.menu-navigation-second .menu-item {
	padding-top: 10px;
}
.menu-navigation-second .menu-item .sub-menu{
	padding-left: 15px;
	margin-left: -10px;
	background: #024722;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menu-navigation-second .menu-item .sub-menu li{
	padding-top: 5px;
}
.menu-navigation-second .menu-item a{
	color: #bed0c4;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
}
.menu-navigation-second .menu-item a i{
	position: absolute;
	right: 20px;
}
.menu-navigation-second ul{
	margin-left: 0px;
	padding-left: 0px;
}
.menu-navigation-second li{
	list-style: none;
}
.padleft40{
	padding-left: 40px;
}
.padleft20{
	padding-left: 4px;
}
.title-nav-flag{
	background: #16783f;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px;
}
#box-share{
	margin-top: 10px;
}
#left-content{
	display: none;
}
#nav-flagship{
	max-width: 190px;
	z-index: 99;
}
.symbolics{
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}
#m-priorities ul{
	margin-left: 0px;
	padding-left: 0px;
}
#m-priorities li{
	margin-bottom: 5px;
	list-style: none;
}
.mega-menus a{
	color: #3a3a3a;
	font-weight: bold;
}
.box-mega-flag{
	border-right: 1px solid #e3e3e3;
	padding:20px;
	border-bottom: 1px solid #e3e3e3;
}
#m-flagship table{
	padding: 0px;
	vertical-align: middle;
	border-top: 0px solid #dee2e6;
}
#m-flagship td{
	padding: 0px;
	vertical-align: middle;
	border-top: 0px solid #dee2e6;
}
.box-mega-cross{
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.box-mega-cross table{
	margin-bottom: 0px;
}
.box-mega-cross td{
	border-top: 0px;
}
.icon-flagship{
	width: 50px;
}
#box-prev-next{
	background: #fff;
}
#box-post-navigator{
	padding-bottom: 30px;
}
.back-post-nav{
	width: 100%; height: 250px;
	padding-top: 120px;
	padding-left: 10px;
	padding-right: 10px;
}
#related-page{
	background: #474747;
	padding-top: 30px;
	padding-bottom: 30px;
}
.white-color{
	color: #fff;
}
.box-white{
	background: #fff;
	padding: 40px 20px;
	margin-top: 20px;
}
.box-white h5{
	color: #373737;
}
.priorities-list .panel-heading{
	border-bottom: 1px solid #dedede;
	padding-top: 10px;
	padding-bottom: 10px;
}
.priorities-list .panel-heading i{
	margin-top: 3px;
}
.desc-who p{
	color: #545454;
	font-weight: 500;
}
#default-tab{
	margin-top: 20px;
	margin-bottom: 30px;

}
#default-tab .title-tab{
	border-bottom:1px solid #ccc;
}
.default-tab .nav-tabs{
	border-bottom:0px;
}
.default-tab .nav-tabs .nav-link{
	border: none!important;
	border-radius: 0px!important;
	color: #515151!important;
	padding: 0px;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.default-tab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.default-tab .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	background: none;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.default-tab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	background: none;
}
#list-people{
	margin-left: 0px;
	padding-left: 0px;
}
#list-people li{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #ccc;
	list-style: none;
}
#list-people .desc{
	padding-right: 50px;
}
.head-detail{
	text-align: left;
}
.head-detail span{
	color: #337d28;
	font-weight: 600;
	font-size: 13px;
}

.head-detail p{
	font-size: 13px;
	color: #4a4a4a!important;
	font-weight: 300;
	margin-top: 0px;
}
#list-people h4{
	color: #3a3a3a;
}
#list-people h5{
	color: #3a3a3a;
}
.box-flagship-landing{
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	/*padding: 20px 30px;*/
	height: 250px;
}
.box-flagship-landing h5{
	color: #353535;
	font-weight: bold;
}

.box-flagship-landing a{
	font-weight: bold;
	text-transform: uppercase;
}
#gender-team img{
	width: 150px!important;
	margin-right: 20px;
	max-width: none;
	float: left;
	margin-top: 20px;
}
.less-margin{
	margin-right: 10px!important
}
#tab-influence{
	font-size: 13px;
	border: 1px solid #dee2e6;
}
#tab-influence td{
	border: 1px solid #dee2e6;
}
#tab-influence thead{
	background: #eee;
	font-weight: bold
}
#left-filter{
	padding-right: 20px;
}
.select2{
	width: 100%!important;
	background-color: #f6f6f6;
}
.select2-container .select2-selection--single{
	padding: 5px 5px;
	background: #dbd9da;
	font-size: 13px;
	height: auto!important;
	border: 1px solid #ced4da;
	color: #424041;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 5px;
}
.select2-results__option[aria-selected]{
	color: #495057;
	font-size: 13px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background: #333;
	color: #fff;
	font-size: 13px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border: 1px solid #ced4da;
	background: #f6f6f6;
}
.select2-dropdown{
	background: #f6f6f6;
	border: 1px solid #ced4da;
}
#left-filter .select2{
	margin-bottom: 10px;
}
.box-scroll{
	height: 200px;
	overflow-y: auto;
	margin-bottom: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+87,f5f6f6+100,dddfe3+100 */
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f6f6 90%, #f5f6f6 100%, #dddfe3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f6f6 90%,#f5f6f6 100%,#dddfe3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f6f6 90%,#dddfe3 100%,#f5f6f6 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#dddfe3',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 0px 50px -100px rgba(0,0,0,0.27);
	-moz-box-shadow: inset 0px 0px 50px -100px rgba(0,0,0,0.27);
	box-shadow: inset 0px 0px 50px -100px rgba(0,0,0,0.27);
}
.box-section-landing{
	margin-bottom: 50px;
}
.head-result{
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.head-result b{
	font-weight: 600;
	color: #4e4e4e;
}
.select-min{
	height: 25px;
	font-size: 13px;
	padding: 0px!important;
	padding-left: 5px;
	width: 50px;
	float: left;
}
.select-align{
	height: 25px;
	font-size: 13px;
	padding: 0px!important;
	padding-left: 5px;
	width: 50px;
	float: left;
	margin-left: 10px;
}
#label-display{
	float: left;
	margin-right: 10px;
	color: #3a3a3a;
	font-weight: 500;
}
#title-page{
	color:  #292929;
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 500;
}
.vbox-newsletter{
	height: 150px;
	border-left: 3px solid #dae9d4;
}
.vbox-announcement{
	min-height: 150px;
/*	border-left: 2px solid #6bb75c;
	border: 1px solid #6bb75c;
	border-top:none; */
	background-color:#f0eded;
}
.vbox-event{
	height: auto;
/*	border-left: 3px solid #dae8d7; */
}
.mb-2r{
	margin-bottom: 2rem;
}
.mb-3r{
	margin-bottom: 3rem;
}
.mb-1r{
	margin-bottom: 1rem;
}
.back-news-box{
	width: 100%; height: 150px;
}
.back-stories-box{
	width: 100%; height: 190px;
}
.detail-stories{
	margin-top: 10px;
	margin-bottom: 15px;
}
#form-search-simple{
	margin-top: 20px;
}
#form-search-simple input{
	width: 70%;
	background-color: #fafafa;
	border:1px solid #e7e5e6;
	font-size: 13px;
	padding: 5px;
	padding-left: 5px;
	height: 40px;
	padding-left: 10px;
}
#form-search-simple button{
	background: #5a5a5a;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	text-transform: uppercase;
	border:1px solid #5a5a5a;
}
.select-box {
  cursor: pointer;
  position : relative;
  max-width:  20em;
  width: 100%;
}
.select-box option{
	background: #fff;
	font-size: 15px;
	color: #424041;
	border-bottom:1px solid #eee;
	margin-left: 5px;
}
.select,
.label {
  color: #424041;
  display: block;
  font-size:15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.select {
  width: 100%;
  position: absolute;
  top: 0;
  padding: 5px 0;
  height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #dbd9da;
  border: 0 none;
}

.label {
  position: relative;
  padding: 10px 15px;
  cursor: pointer;
  background: #dbd9da;
}
.open .label::after {
   content: "\f106";
   font-family: FontAwesome;
}
.label::after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 11px 10px;
  border-left: 3px solid #fff;
}
#form-filter-advance .labels{
	font-size: 15px;
	font-weight: 500;
	color: #393939;
}
#form-filter-advance input {
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e7e5e6;
    font-size: 13px;
    padding: 5px;
    padding-left: 5px;
    padding-left: 5px;
    height: 40px;
    padding-left: 10px;
}
.welcome-play-video td{
	border:0px;
	padding-bottom: 0px;
}
.welcome-play-video p{
	font-weight: 500;
	font-size: 17px;
}
.round-play{
	background: rgb(0,0,0,0.5);
	border:2px solid #fff;
	height: 90px;
	width: 90px;
	border-radius: 45px;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	font-size: 35px;
	padding-left: 7px;
}
.tell-us{
	background: #262626;
	color: #d1d1d1;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
.tell-us h4{
	color: #fff;
	margin-bottom: 10px;
}
.tell-us p{
	color: #929292;
}
.grid-option{
	margin-top: 0px;
}
.grid-option h4{
	color: #fff;
	margin-bottom: 10px;
}
.grid-option p{
	color: #fff;
}
.box-white-datasets{
	background: #fff;
	padding: 20px;
}

.box-white-datasets label{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500
}

.box-white-datasets span{
	font-weight: 600;
	color: #3a3a3a
}
.tab-content-datasets{
	padding-top: 20px;
}
.video-datasets{
	height: 190px;
	width: 100%;
}
#resource-nav-datasets{
	width: 150px;
	float: left;
}
.resources-pen-nav a{
	width: 160px;
	height: 50px;
	vertical-align: middle;
}
#footer-datasets{
	background: #262626;
	padding-top: 40px;
	padding-bottom: 40px;
}
.icon-footer-datasets img{
	margin-right: 10px;
	margin-bottom: 20px;
}
.grid{
	height: 350px;
	background: #fff;
}
.box-grid{
	margin-bottom: 10px;
}
.title-grid{
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.img-grid{
	padding-bottom: 10px;
}
.desc-grid{
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.back-to-top{
	position: fixed;
	bottom: 100px;
	z-index: 99;
	right: 30px;
	display: none;
	cursor: pointer;
}
.back-to-top span{
	font-size: 13px;
	color: #333
}
.back-to-top i{
	font-size: 25px;
	color: #fff
}
.box-back-to-top{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #137343;
	text-align: center;
	padding-top: 7px;
	margin:0 auto
}
.not-found{
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn-sort{
	cursor: pointer;
}
.entry-content br{
	margin-top: 10px;
}
.acc-data{
	background: #000;
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 14px;
}
#swamp-datasets .list-resource{
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#swamp-datasets .tab-content-datasets{
	padding-top: 0px
}
#swamp-datasets .title-source{
	margin-bottom: 0px;
}
#related-page .box-white{
	min-height: 300px
}
#wpcf7-f69215-p69213-o1{
	background: #fff;
	padding: 20px;
	border:1px solid 333;
	margin-bottom: 20px;
}
#wpcf7-f69215-p69213-o1 .first{
	margin-left: 0px
}
#wpcf7-f69215-p69213-o1 .form-control{
	background-color: #fafafa;
	border: 1px solid #e7e5e6;
}
#wpcf7-f69215-p69213-o1 label{
	font-size: 15px;
	font-weight: 500;
	color: #393939;
}

#mc_embed_signup .mc-field-group.input-group ul{
	padding-left: 10px!important;
}
#mc_embed_signup .mc-field-group.input-group input{
	margin-right: 5px;
}
#mc_embed_signup div#mce-responses{
	width: 95%;
	padding: 0px;
	margin: 0;

}
#mce-success-response{
	background: #529214;
	color: #fff!important;
	padding: 15px;
	text-align: center;
}
#mce-error-response{
	padding: 15px;
	text-align: center;
}
.read-more{
	color: #0069d9;
	cursor: pointer;
	opacity: 0.7;
}
.content-left-what-is-fta{
	max-width: 540px;
	float: right;
}
.coverimg img{
	width: 140px;
}
.coverimg{
	padding-right:60px;
	padding-top:50px;
}
.toppub {
	background:#57c191;
	float:left;
	width:100%;
	height:auto;
	padding-bottom: 55px;
}
.bottompub {
	background:#485750;
	float:left;
	width:100%;
	height:auto;
	padding-bottom: 55px;
}
.btn.btn-outline-light{
	margin-top:30px;
}
.descthumb{
	float:left;
	width:70%;
	height:100%
}
.pubthumb{
	float:left;
	width:30%;
	height:100%
}
.textdesc{
	padding-left:30px;
	padding-top:50px;
	color:#f3f3f3;
	padding-right:25px;
}

.title-grey{color:#000;font-size:42px;font-weight:500;}
.title-blacky.small{font-size:17px;float:left;margin-top:40px;clear:both;width:100%}
#search-mobile{
	display: none;
}
.select2-container--default .select2-selection--multiple{
	background-color: #f6f6f6;
	border: 1px solid #ced4da;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #898888;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
	color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background: #373737;
	border:1px solid #373737;
	color: #eee;
	font-size: 13px;
	margin-top: 8px;
}
.visible-xs{display:none;}
.select2-container--default .select2-search--inline .select2-search__field{
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.select2-results__options{
	font-size: 13px;
}
/*Responsive Styles*/
@media only screen and (max-width : 767px){
	#nav-flagship{
		display: none;
	}
	.hidden-xs{display:none;visibility:hidden;}
	.visible-xs{display:block;padding-top:0;padding-bottom:20px;padding-left:15px;}
	.back-header.isc{
		height: 280px;
	}
	.back-header{
		height: auto!important;
	}
	.header-caption{
		padding-top: 10px;
	}
	figure img{
		max-width: 60%;
	}
	figure img.thumb{
		max-width: 30%;
	}
	.content-pub{
		padding-left: 0px;
		padding-right: 0px;
	}
	.card-body{
		padding-left: 0px;
		padding-right: 0px;
	}
	.entry-content.bold{
		width: 100%!important;
	}
	.col-md-8.map{
		padding-right: 0px;
		height: 500px;
	}
	.padleft40{
		padding-left: 20px;
	}
	body{
		font-size: 13px;
	}
	.box-logo-fta h3{
		font-size: 15px;
	}
	.alignleft{
		margin-right: 0px!important;
	}
	.alignright{
		margin-right: 0px!important;
	}
	.wp-caption{
		width: 100%!important;
	}
	#research-flagship-tab .nav-item{
		margin-right: 15px;
	}
	.box-logo-fta h4{
		font-size: 12px;
	}
	.logo-footer{
		display: none;
	}
	.logo-footer-mobile{
		display: block;
	}
	.logo-footer-mobile .icon-footer li{
		height: 30px;
		margin-bottom: 5px;
	}
	.box-desc-footer{
		padding-bottom: 0px;
	}
	.logo-footer-mobile .icon-footer li img{
		height: 30px;
		width: auto;
	}
	.navbar-toggler{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.title-carousel{
		padding-left: 20px;
		padding-right: 20px;
		left: 0px!important;
	}
	.carousel-indicators{
		right: -75%;
	}
	#rightpanels{
		display: none;
	}
	.back-to-top{
		right: 10px;
		bottom: 10px;
	}
	.pad5{
		padding-right: 0px!important;
	}
	.boxnews{
		display: none;
	}
	.column-feat{
		margin-top: 0px;
	}
	.panel.panel-default{
		width: 100%!important;
	}
	.title-source{
		margin-top: 7px;
		margin-bottom: 0px;
		font-size: 20px;
		float:left;
	/*	width:87%; */
	}

	.box-newsletter .title-source{
		margin-top: 7px;
		font-size: 20px;
		float:left;
		width:100%;
		margin-bottom: 10px;
	}
	.see-all{
		position: inherit;
		padding-top:10px;
	}
	.title-post{
		font-size: 15px;
	}
	.mb-2r{float:left}
	.detail-latest-news{
	/*	height: 100px; */
	}
	.see-all{
		float:right;
	}
	.title-blacky.small{
		margin-top: 20px;
		font-size:
	}
	.title-grey{
		font-size: 32px;
	}
	.date-post{
		font-size: 13px;
	}
	#social{
		display: none;
	}
	.box-newsletter{
		padding-right: 0px;
	}
	.btn-newsletter{
		height: 53px;
	}
	.box-newsmed{
		padding-left: 0px;
		margin-top: 30px;
	}
	.social-footer li{
		height: 40px;
		width: 40px;
	}
	.social-footer li i{
		font-size: 22px;
		margin-top: 7px;
	}
	.btn{
		font-size: 12px;
		margin-bottom:10px;
	}
	.box-newsmed .title-source{
		width: auto;
		margin-right: 10px;
	}
	.box-newsmed .social-footer li{
		margin-right: 5px;
	}
	.newsletter {
    padding-top: 40px;
    padding-bottom: 40px;
	}
	.newsletter-footer{
		margin-top: 10px;
	}
	.desc-footer{
		margin-top: 10px;
	}
	.link h4{
		float: left;
		width: auto;
		margin-top: 10px;
		margin-right: 10px;
	}
	.back-img-single{
		height: 150px;
	}
	.title h3{
		font-size: 20px;
	}
	.mt-2r{
		margin-top: 0px;
	}
	.mb-2r{
		width:100%;
	}
	.post-by{
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.related-post{
		margin-top: 20px!important
	}
	.header-caption.isc{
		padding-top: 20px;
	}
	.header-caption.isc h1{
		font-size: 30px;
	}
	.btn.btn-outline-light{
		margin-top: 10px;
	}
	.open .label::after {
	   content:none;
	   font-family: FontAwesome;
	}
	.label::after {
	  padding: 0px 0px;
	  border-left: 0px solid #fff;
	}
	.dropdown:hover:after{
		content: '';
	    position: absolute;
	    bottom: 0px;
	    margin-left: 20px;
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 0px solid #f4f4f4;;
	    clear: both;
	}
	.dropdown-menu{
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.menu-navigation{
		width: 100%;
	}
	.nav-item{
		margin-right: 0px;
		border-bottom: 1px solid #eee;
	}
	.dropdown-menu{
		background: #fdfdfd;
	}
	.mega-menus{
		display: none!important;
	}
	.box-search-top{
		display: none;
	}
	.title-carousel{
		bottom: 150px!important;
	}
	.dropdown-menu2{
		position: relative;
		padding: 0px;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 7px;
		margin-left: 20px;
		margin-top:0px;
		border-left: 0px;
		border-bottom: 1px solid #f4f4f4;
		background: #fdfdfd;
	}
	#search-mobile{
		display: block;
	}
	#search-mobile{
		height: 40px;
	}
	#search-header-mobile{
		display: block;
	}
	.box-search-head{
		margin-left: -17px;
	}
	.back-header{
		height: 130px;
	}
	.nav-tabs .nav-item{
		margin-bottom: 0px;
	}
	#list-people .desc{
		padding-right: 0px;
	}
	#list-people h4{
		margin-top: 10px;
	}
	.box-flagship-landing a{
		font-size: 13px;
	}
	.box-flagship-landing h5{
		font-size: 13px;
	}
	.box-flagship-landing{
		height: auto;
	}
	.row.op{
		padding-top: 20px!important;
	}
	p.leadop{
		margin-bottom: 20px!important;
	}

	#left-filter{
		padding-right: 0px;
	}
	.desc-slider{
		bottom: 50px;
		padding-left: 10px;
	}
	.no-padding-right{
		padding-right: 0px;
	}
	.no-padding-left{
		padding-left: 0px;
	}
	.box-videos-recent img{
		height: 250px;
	}
	.video-icon{
		top: 30%;
	}
	.related-view{
		display: none;
	}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	#grad-1{
		height: 100px!important;
	}
	#imgbackn{
		height: 218px!important;
	}
	#imgback{
		height: 440px!important;
	}
}
@media only screen and (min-width : 1025px)
{
/* Add Your CSS Styling Here */
}

@media only screen and (min-width : 1201px)
{
/* Add Your CSS Styling Here */
}



.back-header.species {
	position: relative;
	top: -50px;
}

.species_menu {
	position: relative;
	top: -90px;
	padding-left: 20px;
	color: white;
}

.species_menu_item {
	margin-right: 10px;
}
.species_menu_item a:link {
	color: white;
	text-decoration: underline !important;
}

.species_menu_item a:visited {
	color: white;
	text-decoration: underline !important;
}



.col-md-4.side-bar-species {
	background: white;
	padding: 10px 30px;
}

.col-md-12.content-species-item {
	background: white;
	margin-left: 40px;
	padding: 30px;
	margin-bottom: 30px;
}

.panel-title {
	position: relative;
}

.panel-title::after {
	content: "\f107";
	color: #333;
	top: -2px;
	right: 0px;
	position: absolute;
	font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
	content: "\f106";
}

div#accordion {
	width: 100%;
	margin-left: 20px;
	background-color: white;
	padding: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

div#alphabetical {
	margin-top: 30px;
}

.nav-link:active {
	border-bottom: 3px solid #6fbf56!important;
	color: #515151!important;
	border-top: hidden;

}

.default-tab .nav-tabs .nav-link:active, .nav-tabs .nav-link:focus {
	border-bottom: 3px solid #6fbf56!important;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
	border-bottom-color: rgb(111, 191, 86) !important;
	color: #515151!important;
	background: none;
	-webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.show, .nav-tabs .nav-item.show .nav-link {
	color: #495057;
	background-color: #fff;
	border-color: #fff;
	border-bottom: 3px solid #6fbf56!important;

}

.nav-tabs {
	border-bottom: 1px solid #dee2e6;
	width: 100%;
}
.margin-bottom-30 {
	margin-bottom: 20px;
}

.row.margin-left-20 {
	margin-left: 25px;
}

#result {
	position: absolute;
	width: 100%;
	max-width:870px;
	cursor: pointer;
	overflow-y: auto;
	max-height: 400px;
	box-sizing: border-box;
	z-index: 1001;
}
.link-class:hover{
	background-color:#f1f1f1;
}


}
.row .result {
	background-color: #c9e6c1;
	margin-left: 15px;
	margin-top: -10px;
}

div#filter-records {

}

.form-group.species {
	margin-left: 5px;
	width: 100%;
}

div#filter-records {
	position: absolute;
	z-index: 1;
	white-space: nowrap;
}

.list-result {
	background-color: #c9e6c1;
	padding: 10px 20px;
	margin-right: 100px;
	min-width: 400px;
}

.row.result {
	background-color: #d3d3d3e8;
	padding: 10px 20px;
	margin-right: 100px;
	min-width: 400px;
}

li.list_result {
	list-style-type: none;
}

.col-md-12.margin-line {
	margin: -15px;
}

.col-md-12.margin-line hr {
	background-color: #cccccc85;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;}

.pre-scrollable {
	max-height: 90vh;
	min-width: 320px;
	overflow-y: scroll;
}

.max_height_1000 {
	max-height: 100vh;

}

ul.reference_list {
	list-style-type: none;
}

.row.properties_tab {
	padding: 20px;
}


li.list{
	display: none;
}
li.year,  li.level_01, li.header{
	display: block;
}

.down {
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
}

.row.line_row {
	line-break: loose;
	border-bottom: 1pt solid #e0d0d0;
}

li.list {
	list-style: none;
	margin-left: -25px;
}

ul.the_list {
	padding-left: 10px;
}


/*
style tree
 */

.clt, .clt ul, .clt li {
	position: relative;
}

.clt ul {
	list-style: none;
	padding-left: 32px;
}

.clt li::before, .clt li::after {
	content: "";
	position: absolute;
	left: -12px;
}

.clt li::before {
	border-top: 1px solid #000;
	top: 9px;
	width: 8px;
	height: 0;
}

.clt li::after {
	border-left: 1px solid #000;
	height: 100%;
	width: 0px;
	top: 2px;
}

.clt ul > li:last-child::after {
	height: 8px;
}

div#filter-records {
	width: 94%;
	padding: 10px;
	margin-left: 10px;
}

.row.list {
	background-color: #292929eb;
	color: #8f8f8f;
	padding: 10px;
	margin-top: -20px;
}

span.item-species {
	color: white;
}

.header-caption-species {
	color: white;
}


h5.measurement-stats {
    position: relative;
    top: 40px;
}

div#wood {
    margin-top: 0px;
}

.row.properties_tab.measurement {
    padding-top: 0px;
}

h5.wood-density {
    position: relative;
    top: 40px;
}