html {min-height: 100%;height:100%;scroll-behavior: smooth;/**/}
body {margin:0;font-family: "Sofia Sans Condensed", sans-serif;background: #fff;color:#754c29;font-size:1.3em;}

* {box-sizing: border-box;}

/*
#754c29 castanho
#046938 verde
#ee4136 vermelho
#8cc53f verde claro
*/

header {height: 100vh;min-height:100vh}

p,
li {font-weight:600;line-height:1.4em;}
.ttl {font-size:2em;color:#ee4136;font-weight:800;line-height:1em;}
.ttlSml {font-size:1.1em;color:#ee4136;font-weight:800;line-height:1em;}
h2 {font-weight:800;font-size:3em;color:#ee4136;line-height:1em;margin:0 0 20px 0}
h2 span {font-size:0.5em;display:block;color:#754c29;line-height:1em;}
h4 {line-height:1em;}
.text-red {color:#ee4136}
.text-green {color:#8cc53f}
a {text-decoration:none;}

/*bg and images*/
.bg-fruit {background-image:url('../images/site/bg_fruit.webp');background-repeat:no-repeat;background-position:center top;background-size:cover;}

.bgClear {background-color:#f3ede3}
.bgClearGreen {background-color:#e9e8bd}
.bgDarkGreen {background-color:#d8d8b2}
.bgLightBrown {background-color:#e8dcca}
.bgGreen {background-color:#046938;color:#fff;}
.bgDarkBrown {background-color:#d3bea0}

.bgEven {background-color:#eae9be;}
.bgOdd  {background-color:#d7d58e;}

.bgLogos {background-color:#fff;border-radius:16px;text-align:center;margin:20px;}
.bgLogos img {min-height:80px;margin:0 8px}

.bgTitle {background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;}
.bgTitle h2 {color:#fff;margin-top:60px;}

.bgImg {background-repeat:no-repeat;background-position:right bottom;background-size:40%;}

.logo-main {max-width:50%;margin:80px 0 0 0;max-height:60vh;}
.imgSizer {width:20%}
.w-40 {width:40%}
.mw-100 {max-width:100%}

ul {list-style:none;margin:20px 0 40px 0}
ul li {padding:0 0 0 20px;margin:0 0 10px 0;position:relative;}
ul li:before {content:"";width:8px;height:8px;border-radius:50%;background-color:#ee4136;display:block;position:absolute;top:10px;left:0}

.listImg {margin:20px 0;padding:0}
.listImg li:before {display:none;}
.listImg li {padding:0;display:flex;}
.listImg li span {display:block;}
.listImg li img {width:100px;height:100px;margin:0 15px 0 0}
.listImg li ul {margin:0;padding:0}
.listImg li ul li {padding:0 0 0 20px;margin:0 0 0 0;}
.listImg li ul li:before {content:"";width:8px;height:8px;border-radius:50%;background-color:#ee4136;display:block;position:absolute;top:10px;left:0}

.listColumn {margin:0;padding:0;display:flex;flex-wrap:wrap}
.listColumn li:before {display:none;}
.listColumn li {margin:0;padding:0 0 10px 0;width:50%}

.icos {margin:30px 0;padding:0;display:flex;flex-wrap:wrap;width:50%;}
.icos li:before {display:none;}
.icos li {margin:0;padding:0 0 10px 0;width:50%;font-size:1.3em;}
.icos li i {margin:0 10px 0 0}

/*nav stuff*/
.navbar-sidenav {list-style:none;text-align:left;margin:0;padding:30px 85px 30px 30px;}
.navbar-sidenav .nav-item {padding: 0;margin:0 0 5px 0;}
.navbar-sidenav .nav-item:before {display:none;}
.navbar-sidenav .nav-link {color:#ee4136;font-size:1.8em;padding:15px 20px;display:block;white-space:nowrap;border-bottom:3px dotted #d8d8b2 }
.navbar-sidenav .nav-link:hover {border-bottom:3px dotted #ee4136;background-color:#d8d8b2;color:#fff;}

.navbar-nav a,
.navbar-nav .nav-link {color:#fff;}
.navbar-nav a:hover,
.navbar-nav .nav-link:hover {color:#666;}
.navbar-nav .nav-item {}

.sidenav {
  /*height: 100% !important;  100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 999; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  right: 0;
  background-color: #e9e8bd; 
  overflow-x: hidden; /* Disable horizontal scroll */
  /*padding-top: 60px;  Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size:2.2em; /*margin-left: 50px;*/ background-color: #ee4136; height:60px;width:60px; text-align:center; text-decoration:none; color:#fff;z-index:999}
.sidenav .closebtn i {display:block;}
.sidenav .closebtn:hover {background-color:#8dc540}

header .openMenu { text-align:center; background-color:#d8d8b2; }
header .fixedNav {position: fixed; top: 0; right: 25px;text-align:center; z-index: 99;background-color:#e9e8bd;}
header .fixedNav span,
header .fixedNav a {padding:10px}
header .fixedNav span {display:block;line-height:1em}
header .fixedNav span i {color:#009447;display:block;cursor:pointer;font-size:2.2em;}
header .fixedNav a {display:block;line-height:1em}
header .fixedNav a i {color:#8dc540;display:block;cursor:pointer;font-size:2em;}
header .fixedNav span:hover,
header .fixedNav a:hover {background-color:#ee4136}
header .fixedNav span:hover i,
header .fixedNav a:hover i {color:#fff}
header .fixedNav a:hover .bi-info-square-fill:after {color:#ee4136}

header .fixedNav .bi-info-square-fill {position:relative;}
header .fixedNav .bi-info-square-fill:after {content:"+";font-size:0.7em;height:10px;width:10px;position:absolute;top:18px;left:2px;color:#e9e8bd;font-weight:600;line-height:11px;}

footer img.topLogo {min-width:70%;max-width:80%;}
footer img.topLogoPng {max-width:80%;}
footer img.instLogo {min-height:80px;margin:0 20px 0 0}

#botGoUp {
  display:none;
  bottom: 0;
  right: 25px; 
  z-index: 99;  
  border: none; 
  outline: none; 
  background-color:#e9e8bd;
  height:60px;width:60px;
  cursor: pointer; 
  /*padding: 15px;  Some padding */
  /*border-radius: 10px;  Rounded corners */
  /*font-size: 18px;  Increase font size 
  transition: 1s;  */
  /*height:50px;width:50px;
  background-position:center 8px;*/
  padding:0;
  position:fixed;
  margin-bottom:-80px;
  opacity:100
}

#botGoUp i {color:#8dc540;display:block;cursor:pointer;font-size:2em;}
#botGoUp:hover {background-color:#ee4136}
#botGoUp:hover i {color:#fff}

/*#botGoUp:hover {
  background-color: rgba(61,78,86,1);  Add a dark-grey background on hover 
}*/
#botGoUp i:before {display:block;}
#botGoUp.show.bottom-padding {
  /*margin-bottom: 200px;  Adjust this value as needed */
}

#botGoUp.show {
    display: block;
	margin-bottom: 0;
    opacity:100
}

/*areaSpecific*/
.gridPartner {color:#754c29;}
.gridPartner .bgImg {min-height:140px;background-size:cover;}
.gridPartner h4 {color:#006838;font-size:1.8em;font-weight:600}
.gridPartner .ttl {font-size:1.6em;text-align:center;margin:0;padding:0}
.gridPartner ul {margin:0;padding:0}
.gridPartner .bgEven,
.gridPartner .bgOdd {justify-content:space-between;flex-direction:column;display:flex;}

.minHeightAfricaMap {min-height:600px;}
.bgImgAngolaMap {min-height:600px;background-size: auto 100%;}
.bgImgHuamboMap {min-height:600px;background-size: auto 170%;}

@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	/*header {border:1px solid lime}*/
	
}


@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	/*header {border:1px solid red}*/
	
	.bgLogos img {max-height:auto;min-height:auto; margin:0 10px;min-width:90px;max-width:100px;} 
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
			
	header {border:1px solid purple}*/
	
	.bgLogos img {max-height:auto;min-height:auto; margin:0 10px;min-width:90px;max-width:100px;} 
	
	.minHeightAfricaMap {background-position:top right}
	.bgImgAngolaMap {min-height:600px;background-size: auto 90%;background-position:top right}
	.bgImgHuamboMap {min-height:600px;background-size: auto 130%;}
	
	.sub-col {max-width:60%;}
	.sub-col .w-40 {width:60%;}
	
	.icos {width:100%;}
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	/*header {border:1px solid blue}*/
	
	.bgLogos img {max-height:auto;min-height:auto; margin:0 10px;min-width:90px;max-width:100px;} 
	
	.imgSizer {width:30%}
	.minHeightAfricaMap {background-position:top right;background-size:auto 90%;background-position:120% top }
	.bgImgAngolaMap {min-height:600px;background-size: auto 45%;background-position:right center}
	.bgImgHuamboMap {min-height:600px;background-size: auto 65%;background-position:right top}
	.bgGirassol {background-size:50%;}
	.bgImg {background-size:50%;}
	
	.sub-col {max-width:60%;}
	.sub-col .w-40 {width:60%;}
	
	.icos {width:100%;}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {			
	
	/*header {border:1px solid aqua}*/
	
	.imgSizer {width:30%}
	.w-100-responsive {width:50% !important;}
	
	.minHeightAfricaMap {background-position:top right;background-size:auto 60%;background-position:130% top }
	.bgImgAngolaMap {min-height:600px;background-size: auto 35%;background-position:right top}
	.bgImgHuamboMap {min-height:600px;background-size: auto 65%;background-position:right top}
	
	.icos {width:100%;}
	
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
		
	/*header {border:1px solid yellow}*/
	
	header {height: 80vh;min-height:80vh}
	.logo-main {max-width:80%;margin:140px 0 0 0}
	
	header .fixedNav,
	.sidenav .closebtn,
	#botGoUp {right: 15px;}
	header .fixedNav span i {font-size:1.8em;}
	#botGoUp i {font-size:1.8em;}
	.sidenav .closebtn,
	header .fixedNav a i {font-size:1.8em;}
	header .fixedNav .bi-info-square-fill:after {font-size:0.7em;height:10px;width:10px;position:absolute;top:14px;right:7px;line-height:11px;}
	.sidenav .closebtn {height:55px;}
	
	.navbar-sidenav .nav-link {font-size:1.2em;white-space:wrap;padding:9px 5px;transition:1s;opacity:1;}
	
	.navbar-sidenav {padding:15px 80px 20px 20px;}
	.navbar-sidenav .nav-item {padding: 0;margin:0 0 5px 0;white-space:nowrap;min-width:300px;}

	
	h2 {font-size:2.2em;}
	.ttl  {font-size:1.5em;}
	
	.imgSizer {width:45%}
	
	.bgImg {background-size:70%;}
	.bgGirassol {background-size: auto 400px;background-position:190px 90px;}
	.minHeightAfricaMap {padding-bottom:430px !important;background-size: auto 500px;background-position:right bottom;}
	.bgImgAngolaMap {padding-bottom:420px !important;background-size: auto 500px;background-position:right bottom;}
	.bgImgHuamboMap {padding-bottom:420px !important;background-size: auto 530px;background-position:right bottom;}
	
	.w-100-responsive {width:50% !important;}
	.sub-col .w-40 {width:60%;}
	
	.listColumn {margin:0;padding:0;display:block;}
	.listColumn li:before {display:none;}
	.listColumn li {margin:0;padding:0 0 10px 0;width:100%}
	
	.listImg li img {width:60px;height:60px;margin:0 10px 0 0}
	
	.icos {width:100%;display:block;}	
	.icos li {width:100%;font-size:1.1em;}
	
	footer img.instLogo {min-height:auto;margin:0 5px 5px 0;width:46%;max-width:auto;}
	footer img.topLogo,
	footer img.topLogoPng {margin-bottom:30px;}	
	
}


@media only screen and (min-width: 100px) and (max-width: 280px) {
									
	
	
}


@media only screen and (min-width: 100px) and (max-width: 800px) {
	
	
}