@import url('grid.css');
@import url('jquery.fancybox.css');
@import url('fonts.css');
@import url('forms.css');
@import url('navigation.css');
@import url('customdb.css');
@import url('banner.css');
@import url('images.css');
@import url('slick.css');
@import url('slicktheme.css');



/* Admin */
span[id^="fs_container_"] > .row {
    display: table;
	position: relative;
    width: 100%;
}
span[id^="fs_container_"] > .row > span > .columns, span[id^="fs_container_"] > .row > form >div > .columns {
    float: left;
    display: block;
    width: 100%;
    
}
#content-top {
    position: absolute;
    top: -102px;
    display: block;
    height: 1px;
    width: 1px;
}
.message-heading {
	display: none;
}
p.intro {
	font-weight: 700;
}
.button {
    background: #61abcf;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: bold;
	border: none;
}
.button:hover {
	background: #3c8eb5;
    color: #fff;
}
.cdb-item .editor.intro {
	display: none;
}
@media only screen and (min-width: 1px )  {

}
@media only screen and (min-width: 768px )  {
	.row {
		max-width:768px;
	}
}
@media only screen and (min-width: 1024px )  {
	.row {
		max-width:994px;
	}
}
@media only screen and (min-width: 1720px )  {
	.row {
		max-width:1140px;
	}
}

body {
	background: #fff;
}

a {
	color: #00894f;
	text-decoration: none;	
}
	a:hover {
		color: #005f37;
	}
	
div#language {
	max-height: 24px;
    margin-top: 4px;
}
.hidden {
	display: none!important;
}
/* Header */
.off-canvas-content > header,
header.unfixed {
    height: 102px;
    padding: 10px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 102;
	/*-webkit-transition: none;
	transition: none;*/
}
	header .logo.normal {
		opacity: 0;
		
		transition: 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
	}
	
	header .logo.white {
		opacity: 1;
		transition: 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
	}

	header.fixed .logo.normal {
		opacity: 1;
	}

	header.fixed .logo.white {
		opacity: 0;
	}
	header.unfixed .logo.normal {
		opacity: 0;
	}

	header.unfixed .logo.white {
		opacity: 1;
	}
	/*.off-canvas-content > header .logo.normal,
	header.unfixed .logo.normal {
		opacity: 0;
	}
	.off-canvas-content > header .logo.white,
	header.unfixed .logo.white {
		opacity: 1;
	}*/
	header * {
		/*-webkit-transition: none;
		transition: none;*/
	}
	header.fixed {
		position: fixed;
		top: -102px;
		
    	
		-webkit-animation: ltr 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
		animation: ltr 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
	}
	header.fixed.unfixed {
		-webkit-animation: rtl 0.3s cubic-bezier(0.4, 0, 0, 1) forwards;
		animation: rtl 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
	}
	
	.logo.normal svg {
		height: 82px;
	}
	header.fixed ul {
		margin-top: 29px;
	}
	header.fixed nav.menu ul li a {
		color: #282828;
	}

@-webkit-keyframes ltr {
    0% {
      top: -102px;
    }
    100% {
      top: 0px;
	  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
	  background: #fff;
    }
  }
  @keyframes ltr {
    0% {
      top: -102px;
    }
    100% {
      top: 0px;
	  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
	  background: #fff;
    }
  }
@-webkit-keyframes rtl {
	/*0% {
		top: -142px;
		background: #fff;
	}*/
	0% {
		top: -142px;
		background: #fff;
		box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
	}
	1% {
		box-shadow: none;
		background: none;
	}
	100% {
		top: 0px;
	}
  }
  @keyframes rtl {
	0% {
		top: -142px;
		background: #fff;
		box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
	}
	1% {
		box-shadow: none;
		background: none;
	}
	100% {
		top: 0px;
	}
  }


header.fixed.unfixed {
    height: 102px;
    padding: 10px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 102;
	/*-webkit-transition: none;
	transition: none;*/
	background:none;
	box-shadow: none;
}
	header.fixed.unfixed ul {
		margin-top: 48px;
	}
	header.fixed.unfixed nav.menu ul li a {
		color: #fff;
	}
.logo {
    position: absolute;
    left: 50%;
}
	header.unfixed .logo svg,
	.logo svg {
		margin-left: -58px;
		width: 120px;
		height: 120px;
		fill: #fff;
	}

.more {
	font-weight: bold;
}
.off-canvas-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}
.off-canvas-content > * {
	-webkit-box-flex: 0;
	-ms-flex: none;
    flex: none;
}
#content {
    -webkit-box-flex: 1;	
    -ms-flex: 1 0 auto;	
    flex: 1 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
	box-shadow: 0 -4px 0 0 #67a53e;
	overflow: hidden;
}
#content .xlarge-8 ul {
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
	margin-top:0;
}
#content .xlarge-8 ul li {
    list-style: none;
    padding-left: 1.3em;
    position: relative;
    margin-bottom: 11px;
}
#content .xlarge-8 ul li:before {
    content: "\2022";
    color: #6dad41;
    font-size: 26px;
    line-height: 0px;
    position: absolute;
    left: 0;
    top: 13px;
}
.background-images {
    position: absolute;
    height: 100%;
    width: 100%;
	z-index: 0;
	/*display: none;*/
}
#content .background-images {
	display: none;
}
.img-tag span {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 19px;
    margin: 4px auto 0;
    text-align: center;
}
.background-images .row {
	height: 100%;
}
.background-images + .row {
    z-index: 1;
    position: relative;
}
.left-bg {
	position: relative
}
.left-bg:before {
    content: "";
    position: absolute;
    background: #eee url('../images/pt_grey.jpg');
	
    /* width: 100%; */
    height: 100%;
    right: 0;
    left: -200%;
	z-index: -1;
}
.right-bg {
	position: relative
}
.right-bg:before {
    content: "";
    position: absolute;
    background: #eee url('../images/pt_white.jpg');
	
    /* width: 100%; */
    height: 100%;
    left: 0;
    right: -200%;
	z-index: -1;
}

.front-page #countries svg {
	width: 100%!important;
    height: 100%!important;
    padding: 0!important;
    position: absolute;
    top: 0;
}


path#congo,
path#colombia,
path#ghana,
g#indonesia path,
path#suriname,
path#vietnam {
	cursor: pointer;
}
path#congo:hover,
path#colombia:hover,
path#ghana:hover,
g#indonesia:hover path,
path#suriname:hover,
path#vietnam:hover {
	fill: red!important;
}

#special .object.frontpage {
	box-shadow: none;
}
#special div.none + .cdb-view .object.frontpage {
    box-shadow: 0 -4px 0 0 #67a53e;
}
#special #content > .row .editor {
    margin: 40px 0;
}
#special #content {
    background: #f2f2f2 url(../images/pt_white.jpg);
}
#special #content > div:nth-child(even) {
    background: #f2f2f2 url(../images/pt_grey.jpg);
}
footer {
	-webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
	position: relative;
	overflow: hidden;
}
	footer h2 {
		position: relative;
		margin-bottom: 30px;
		font-size: 21px;
		line-height: 28px;
	}
	footer h2:after {
		    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-image: -webkit-radial-gradient(rgb(204, 204, 204) 18%, transparent 32%);
    background-image: radial-gradient(rgb(204, 204, 204) 18%, transparent 32%);
    background-size: 11px 11px;
    background-position: 0 0, 10px 10px;
    position: absolute;
    bottom: -17px;
    left: -2px;
    z-index: +1;
	}
	footer .left-bg:before {
		background: #eee url('../images/pt_green.jpg');
		
	}
	footer .right-bg:before {
		background: #eee url('../images/pt_blank.jpg');
		
	}
	footer > .row > .columns {
		padding-top: 20px;
		position: relative;
	}
	footer .smaller-column {
		text-align: center;
	}
	footer .editor {
		margin: 20px 0 50px;
	}
	footer .editor p {
		text-align: center;
		font-size: 12px;
		line-height: 19px;
	}
	footer .logo2 {
		width: 152px;
		height: 114px;
		display: inline-block;
		margin-top: 9px;
	}
	#copyright {
		left: 0;
		font-size: 11px;
		position: absolute;
		bottom: 0;
		margin-bottom: 6px;
		text-align: center;
		width: 100%;
		color:#9f9f9f;
	}
	#copyright a {
		color:#525252;
		font-weight: bold;
	}
.side-column {
	padding-top: 51px;

}
.sidecolumn {
	position: relative;
}
.sidecolumn:before {
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	right:-20%;
	left: -20%;    z-index: -1;
	background: #eee url(../images/pt_grey.jpg);
}
.maincolumn {
	position: relative;
}
.maincolumn:before {
	content: "";
	    z-index: -1;
	position: absolute;
	top:0;
	bottom: 0;
	right:-20%;
	left: -20%;
	background: #eee url(../images/pt_white.jpg);
}

.larger-column {
	background: #eee url(../images/pt_blank.jpg);
}
.smaller-column {
	background: #eee url(../images/pt_green.jpg);
}

.placeholder {
	position: absolute;
    top: 20%;
    bottom: 0;
    left: 20%;
    right: 0;
    width: 60%;
    height: 60%;
    fill: #ccc;
	z-index: +1;
}
.image .inner > div + .placeholder,
.image > div + .placeholder {
	display: none;
}
#page-navigation {
	position: relative;
	margin-bottom: 30px;
}
#page-navigation .middle {
    width: 100%;
    text-align: center;
}
#page-navigation .middle * {
    display: inline-block;
    padding: 0 5px;
}
#page-navigation .left {
	position: absolute;
	left: 0;
	top:0;
}
#page-navigation .right {
	position: absolute;
	right: 0;
	top:0;
}
@media only screen and (min-width: 1px)  {

}

@media only screen and (max-width: 1023px) {

	.left-bg:before {
		left: -20%;
		right: -20%;
	}
	.right-bg:before {
		left: -20%;
		right: -20%;
	}
	footer .left-bg:before {
    right: 0;
    left: -200%;
	}
	footer .right-bg:before {
    left: 0;
    right: -200%;
	}
}
@media only screen and (min-width: 768px) {
	.larger-column {
		background: none;
	}
	.smaller-column {
		/*background: none;*/
	}
}
@media only screen and (min-width: 1024px) {
		.sidecolumn:before,
	.maincolumn:before {
		content: none;
	}
	#content > .background-images {
		display: block;
	}
	header.unfixed .logo svg,
	.logo svg {
		margin-left: -80px;
		width: 160px;
	}
	.row .row {
		margin-left: -1.4750rem;
		margin-right: -1.4750rem; }
	.column, .columns {
	padding-left: 1.4750rem;
	padding-right: 1.4750rem; }
}
@media only screen and (min-width: 1720px) {
	.row .row {
		margin-left: -1.8750rem;
		margin-right: -1.8750rem; }
	.column, .columns {
	padding-left: 1.8750rem;
	padding-right: 1.8750rem; }

}
@media only screen and (max-width: 767px) {
	h1 {
		font-size:18px;
		line-height: 23px;
	}
	h2 {
		font-size:18px;
		line-height: 23px;
	}
	h3,
	.side-column h3 {
		font-size:16px;
		line-height: 20px;
	}
	h4 {
		font-size:15px;
		line-height: 19px;
	}
	h5 {
		font-size:14px;
		line-height: 18px;
	}
	h6 {
		font-size:13px;
		line-height: 17px;
	}
	p, body, li, table, td, tr {
		font-size:13px;
		line-height: 21px;

	}
	#news.overview .content {
		padding-left: 0;
	}
	#news.overview .image {
		max-width: none;
		width: 100%;
		padding-bottom: 40%;
	}
	#news .info {
		height: 182px;
		margin-bottom: 4px;
	}
	.full-width-image {
		padding: 40px 0;
	}
	.full-width-image h2 {
		font-size: 38px;
		line-height: 45px;
	}
	.full-width-image p {
		font-size: 16px;
		line-height: 28px;
	}
	.side-column .object h2 {
		font-size: 18px;
		line-height: 23px;
	}
	.object.frontpage h2 .more {
		top: 3px;
		font-size: 12px;
	}
	.object.frontpage h2 {
	    font-size: 21px;
		margin-bottom: 36px;
		text-align: left;
	}
	#news.frontpage h3 {
		font-size: 18px;
		line-height: 23px;

	}
	.object.frontpage {
		padding: 22px 0 20px;
	}
	.overview h2 {
		font-size: 16px;
		line-height: 23px;
	}
	#news.frontpage p {
		font-size:13px;
		line-height: 21px;
	}
	.social {
		background: #191919;
		padding: 0;
		padding-left: 7px;
		padding-top: 7px;
		right: 0;
		top: auto;
		bottom: 0;
		left: 0;
		height: 40px;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
				    -webkit-transition: none;
				    transition: none;
	}
	.social a {
		display: inline-block;
		padding-bottom: 0;
	}
	search {
		position: relative;
		font-size: 100%;
		display: inline-block;
		margin: 0px 0 -4px;
		z-index: +1;
		height: 32px;
		width: 25px;
	}
	.social svg {
		fill: #fff!important;
	}
	.social svg use {
		fill: #fff!important;
	}
	search form {
		right: -6px;
		top: -3px;
	}
	.off-canvas-content > header, header.unfixed {
		height: 72px;
		    padding: 4px 0;
	}
	header.unfixed .logo svg, .logo svg {
		height: 62px
	}
	
	header.fixed {
    	top: -122px;
	}
	header.fixed .logo svg {
		height: 62px;
	}
	.toggle-menu {
    	top: 12px;
	}
	.banner {
		height: 346px;
	}
	.banner.front {
		height: 506px;
	}
	#resources.overview .image {
		width: 70%;
		padding-bottom: 105%;
		margin-bottom: 10px;
		margin: 0 auto 51px;
		float: none;
	}
	#resources.overview .content {
		padding-left: 0;
		clear: both;
	}
	#resources.overview .element {
		padding-bottom: 0px; 
	}
	#resources.frontpage .button {
		display: none;
	}
	#resources .image {
		width: 50%;
		padding-bottom: 75%;
		margin-bottom: 10px;
		margin: 0 auto 23px;
		float: none;
	}
	#resources.frontpage .content {
		max-width: none;
		text-align: center;
	}
	#resources.frontpage .info {
		height: auto;
		overflow: hidden;
		margin-bottom: 20px;
	}
	#resources.frontpage h3 {
		font: 16px/20px 'Neuton', Arial, sans-serif;
	}
	.Vietnamese #resources.frontpage h3 {
		font-family: 'Open Sans';
		font-size: 14px;
	} 
	.object.related div.image {
		display: none;
	}
	.object.related div.image + .content {
		padding-left:0;
	}
	#news.overview.staff .image {
		padding-bottom: 44%!important;
    	width: 30%!important;
	}
}
#countries.object.frontpage {
    padding: 22px 0 40px;
}
.svgcontainer {
	width: 100%;
	padding-bottom: 40%; 
	position: relative;
	margin-top: 33px;
}
.svgcontainer img {
	width: 100%;
	height: 100%;
	position: absolute;
}
.cdb-item .order1 + div #order-form {
    display: block;
}
.contact-group h2 {
	display: none!important;
}
.contact-group h2:first-child {
	display: block!important;
}
.overview.staff .element {
	border-top: 2px dotted #ccc;
    padding-top: 19px;
    margin-bottom: 0;
	margin-top: 5px;
	border-bottom: none;
}

.overview h2:empty:after {
    content: "...";
}
@media only screen and (max-width:440px) {


}
div#cookieBannerBackground {
	z-index: +1000;
}
div#cookieBanner {
	z-index: +1001;
}