html{font-family:arial;font-size:14pt;color:var(--text);}
*{background-size:contain!important;}
a{text-decoration:none;}
body{padding:0;margin:0;height:100vh;overflow-x:hidden;overflow-y:scroll;}
.container{display:inline-block;position:relative;width:100%;padding:0;margin:0;}
.inside{display:inline-block;position:relative;width:900px;padding:0;margin:0 calc(50% - 450px);}
.profiles{}
.profiles .banner{display:inline-block;padding:50px;width:calc(100% - 100px);height:calc(100vh - 100px);position:relative;}
.profiles .banner{background:url(../images/forest-bitter-melon.jpg) no-repeat bottom center;background-size:cover!important;}
.profiles .banner .logo{display:inline-block;width:320px;float:left;}
.profiles .banner .logo a{display:block;width:100%;height:103px;text-indent:100%;overflow:hidden;}
.profiles .banner .logo a{background:#155439 url(../images/logo.png) no-repeat center;background-size:contain!important;}
.profiles .banner .text{display:inline-block;width:calc(100% - 320px);line-height:103px;text-align:right;font-size:30pt;font-weight:bold;color:#fff;text-shadow:1px 1px #155439;}
.profiles h3.heading{font-size:18pt;font-weight:bold;color:#155439;line-height:32px;margin:20px 0;}
.profiles h3.heading span{display:block;line-height:initial;font-size:12pt;font-weight:normal;}
.profiles h3.heading:before{display:inline-block;float:left;content:' ';width:50px;height:55px;margin:0 10px 0 0;background:#155439;}
.profiles img{}
.profiles img.left{float:left;width:250px;}
.profiles img.right{float:right;width:250px;}
.profiles img.full{display:inline-block;width:100%;margin:0 0 20px 0;}
.profiles .about{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .about .text{display:inline-block;width:calc(100% - 320px);}
.profiles .about .text.left{float:left;}
.profiles .about p{text-align:justify;font-size:14pt;line-height:25px;}
.profiles .about p.small{font-size:10pt;text-align:right;margin:120px 0 0 0;}
.profiles .about ul{margin:20px 0;padding:0 0 0 17px;list-style:square;}
.profiles .about ul li{text-align:justify;font-size:14pt;line-height:25px;}
.profiles .value{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .value .text{display:inline-block;width:calc(100% - 314px);border:2px solid #155439;padding:20px;}
.profiles .value h3{font-size:18pt;font-weight:bold;color:#155439;line-height:32px;margin:0 0 20px 0;text-align:center;}
.profiles .value h3 span{display:block;line-height:initial;font-size:12pt;font-weight:normal;}
.profiles .value .text.right{float:right;}
.profiles .value .text .item{display:inline-block;width:calc(50% - 10px);font-size:11pt;}
.profiles .value .text .item table{width:100%;}
.profiles .value .text .item td{padding:2px 0 3px 0;border-bottom:1px dotted #ccc;}
.profiles .value .text .item td.cell-name{}
.profiles .value .text .item td.cell-value{text-align:right;}
.profiles .value .text .item:nth-child(1){float:left;}
.profiles .value .text .item:nth-child(2){float:right;}
.profiles .uses{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .uses .text{display:inline-block;width:calc(100% - 320px);}
.profiles .uses .text.right{float:right;}
.profiles .uses .item{}
.profiles .farm{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .farm .text{display:inline-block;width:100%;padding:0;}
.profiles .farm .text p{text-align:justify;font-size:14pt;line-height:25px;}
.profiles .farm .item{display:inline-block;width:calc(50% - 10px);}
.profiles .farm .item:nth-child(odd){float:left;margin:10px 20px 20px 0;}
.profiles .farm .item:nth-child(even){float:right;margin:10px 0 20px 0;}
.profiles .farm .item img{float:left;width:110px;margin:0 15px 0 0;}
.profiles .farm .item p{text-align:justify;font-size:14pt;line-height:25px;margin:0;}
.profiles .step{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .step .item{display:inline-block;width:100%;}
.profiles .step .item img{float:left;width:40px;margin:0 20px 0 0;}
.profiles .step .item p{text-align:justify;font-size:14pt;line-height:25px;margin:0;}
.profiles .step .item strong{display:block;margin:20px 0 5px 0;}
.profiles .step .item:nth-child(1) strong{color:#f8931f;}
.profiles .step .item:nth-child(2) strong{color:#0071bd;}
.profiles .step .item:nth-child(3) strong{color:#299b12;}
.profiles .step .item:nth-child(4) strong{color:#d81417;}
.profiles .factory{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .factory .text{display:inline-block;width:100%;padding:0;}
.profiles .factory .text p{text-align:justify;font-size:14pt;line-height:25px;}
.profiles .oversea{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .oversea p{text-align:justify;font-size:14pt;line-height:25px;}
.profiles .oversea .item{display:inline-block;width:100%;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px dotted #ccc;}
.profiles .oversea .item img{float:left;width:180px;margin:0 20px 0 0;}
.profiles .oversea .item p{text-align:justify;font-size:14pt;line-height:25px;margin:0;}
.profiles .download{display:inline-block;width:100%;padding:20px 0;border-bottom:1px solid #e4e4e4;}
.profiles .download ul.files{margin:20px 0;padding:0 0 0 17px;list-style:square;}
.profiles .download ul.files li.item{padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #ccc;font-size:12pt;}
.profiles .download ul.files li.item a{display:block;line-height:22px;color:#7b7b7b;}
.profiles .download ul.files li.item a:hover{color:#1b8a5a;}
.profiles .gallery{display:inline-block;width:100%;padding:20px 0;}
.profiles .gallery ul.files{margin:40px 0 20px 0;padding:0 0 0 17px;list-style:square;}
.profiles .gallery ul.files li.item{padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #ccc;font-size:12pt;}
.profiles .gallery ul.files li.item a{display:block;line-height:22px;color:#7b7b7b;}
.profiles .gallery ul.files li.item a:hover{color:#1b8a5a;}
.profiles .gallery .frame{width: 100%;border: 1px solid #efefef;margin: 20px 0 0 0;min-height: 400px;}
@media only screen and (max-width:1023px){
	.inside{width:calc(100% - 40px);margin:0 20px;}
	.profiles{}
	.profiles .banner{padding:20px 0;width:100%;height:initial;min-height:300px;}
	.profiles .banner{}
	.profiles .banner .logo{float:initial;margin:0 calc(50% - 160px);}
	.profiles .banner .logo a{}
	.profiles .banner .logo a{}
	.profiles .banner .text{width:100%;margin:50px 0 0 0;padding:0;text-align:center;}
	.profiles h3.heading{}
	.profiles h3.heading span{}
	.profiles h3.heading:before{}
	.profiles img{}
	.profiles img.left,
	.profiles img.right{float:initial;width:100%;}
	.profiles img.full{}
	.profiles .about{}
	.profiles .about img{display:none;}
	.profiles .about .text{}
	.profiles .about .text.left{float:initial;width:100%;margin:0 0 20px 0;}
	.profiles .about p{font-size:12pt;margin:0;}
	.profiles .about p.small{margin:20px 0;text-align:center;font-size:8pt;}
	.profiles .about ul{}
	.profiles .about ul li{font-size:12pt;}
	.profiles .value{}
	.profiles .value img{display:none;}
	.profiles .value .text{}
	.profiles .value h3{}
	.profiles .value h3 span{}
	.profiles .value .text.right{float:initial;width:calc(100% - 40px);margin:0 0 20px 0;}
	.profiles .value .text .item{width:100%;}
	.profiles .value .text .item table{}
	.profiles .value .text .item td{}
	.profiles .value .text .item td.cell-name{}
	.profiles .value .text .item td.cell-value{}
	.profiles .value .text .item:nth-child(1){}
	.profiles .value .text .item:nth-child(2){}
	.profiles .uses{}
	.profiles .uses .text{}
	.profiles .uses .text.right{}
	.profiles .uses .item{}
	.profiles .farm{}
	.profiles .farm .text{}
	.profiles .farm .text p{font-size:12pt;margin:0;}
	.profiles .farm .item{width:100%;margin:20px 0!important;}
	.profiles .farm .item:nth-child(odd){}
	.profiles .farm .item:nth-child(even){}
	.profiles .farm .item img{}
	.profiles .farm .item p{font-size:12pt;margin:0;}
	.profiles .step{}
	.profiles .step .item{}
	.profiles .step .item img{}
	.profiles .step .item p{font-size:12pt;margin:0;}
	.profiles .step .item strong{margin:10px 0 0 0!important;}
	.profiles .step .item:nth-child(1) strong{}
	.profiles .step .item:nth-child(2) strong{}
	.profiles .step .item:nth-child(3) strong{}
	.profiles .step .item:nth-child(4) strong{}
	.profiles .factory{}
	.profiles .factory .text{}
	.profiles .factory .text p{font-size:12pt;margin:0;}
	.profiles .oversea{}
	.profiles .oversea p{font-size:12pt;margin:0 0 20px 0;}
	.profiles .oversea .item{}
	.profiles .oversea .item img{width:125px;}
	.profiles .oversea .item p{font-size:12pt;margin:0;}
	.profiles .download{}
	.profiles .download h3{}
}
::-webkit-scrollbar{width:1px;background:var(--lgreen);}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-thumb{background:var(--dgreen);}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}
