@charset "UTF-8";
/*
 * PASTEL LINES www.pastel-lines.com
 */
 /*Common*/
.single-banner{
	float: left;
    width: 100%;
    margin: 0px 0px 65px;
    padding: 40px 0px 43px;
    background: linear-gradient(
		 to right, 
rgba(51,51,51,.9) 0%, 
rgba(51,51,51,.9) 20%, 
rgba(51,51,51,.9)  30%, 
 transparent 100%), url(../images/single-banner-mobi.jpg) left bottom;
    position: relative;
}
 .company-detail-wrap,
 .com-detail-feature,
 .community-img{
 	position: relative;
 }
 .company-detail-wrap:before,
 .community-img:before,
 .step:before{
 content: "";
background-repeat: no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company-detail-wrap:before{
	background-image: url(../images/our-company/company-detail-bg.jpg);
background-size: cover;
background-position: center center;
}
.community-img:before{
	background-image: url(../images/our-company/support-community.jpg);
background-size: cover;
background-position: center center;
}
.company-detail{
    background-color: rgba(51,51,51,.6);
    padding: 2em 1em;
}
.com-detail-feature{
	padding: 1.5em 0 1.5em 4em;
}
.com-detail-feature:before{
content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    padding: .3em .3em;
    border-radius: 100px;
    box-shadow: 0px 0px 15px #7FB927;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
}
.com-detail-feature:nth-child(1):before{
	content: url(../images/icons/gov-support.svg);
}
.com-detail-feature:nth-child(2):before{
		content: url(../images/icons/fair-trade.svg);
}
.com-detail-feature:nth-child(3):before{
		content: url(../images/icons/quality.svg);
}
.com-detail-feature:nth-child(4):before{
		content: url(../images/icons/sustain.svg);
}
@media (min-width: 550px){
.single-banner{
	background: linear-gradient(
		 to right, 
rgba(51,51,51,.9) 0%, 
rgba(51,51,51,.9) 20%, 
rgba(51,51,51,.9)  30%, 
 transparent 100%), url(../images/single-banner.jpg) left bottom;
}
}
@media(min-width: 550px) and (max-width: 749.98px){
	.vision-plus-title .five.columns,
	.vision-plus-title .seven.columns,
	.company-detail-wrap .eight.columns,
	.company-detail-wrap .four.columns,
	.contribute-comm .five.columns,
	.contribute-comm .seven.columns{
		width: 100%;
		margin-left: 0;
	}
	.detail-com-features{
		columns: 2;
	}
	.com-detail-feature{
		min-height: 90px;
	}
}
@media (max-width: 749.98px){
	.community-img{
		width: 100%;
		margin-bottom: 2.5em;
		min-height: 250px;
		height: 250px;	}
	}
@media (min-width: 750px) and (max-width: 1199.98px){
.com-detail-feature:before{
    left: -3.5em;
}
}
@media(min-width: 750px) and (max-width: 999.98px){
	.com-detail-feature h3{
	padding-left: 1em;	
	}
	
}
@media (min-width: 750px){
	.detail-com-features{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	}
	.com-detail-feature{
	padding: 2em 0;
	}
	.company-detail{
	padding: 2em 2em;
	}
}
@media (min-width: 1000px){
	.company-detail{
		padding: 5em 2em;
	}
	.com-detail-feature:before{
    	left: -4.25em;
	}
}
@media (min-width: 1199.98px){
		.company-detail-wrap:before{
		background-size: 100%;
	}
}
/*EC*/
.ec-single-img,
.step{
	position: relative;
}
.ec-single-img img{
	display: block;
}
.ec-single-img:hover:after{
	content: '';
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(51,51,51,.9);*/
	    background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.ec-images,
.prduction-process{
	margin-top: 2.5em;
}
.ec-single-img{
	margin-bottom: 8%;
}
.step{
	padding: 6.5em 2em 1em;
    box-sizing: border-box;
	}
.step:before{
	background-size: cover;
background-position: center center;
z-index: -2;
}
.step:nth-child(1):before{
	background:  linear-gradient(to top, rgba(127,185,39,.7) 0%,rgba(127,185,39,.7) 100%), url(../images/eucheuma-cottonii/seaweed-harvest.jpg);
}
.step:nth-child(2):before{
	background: linear-gradient(to top, rgba(51,51,51,.9) 0%,rgba(51,51,51,.9) 100%),url(../images/eucheuma-cottonii/seaweed-dry.jpg);
}
.step:nth-child(3):before{
	background-image: linear-gradient(to top, rgba(127,185,39,.7) 0%,rgba(127,185,39,.7) 100%),url(../images/eucheuma-cottonii/xport.jpg);
}
.step h3:before{
	position: absolute;
	top: 3em;
    left: 1.25em;
}
.step:nth-child(1) h3:before{
	content: url(../images/eucheuma-cottonii/harvest-icon.png);
}
.step:nth-child(2) h3:before{
	content: url(../images/eucheuma-cottonii/sun-icon.png);
}
.step:nth-child(3) h3:before{
	content: url(../images/eucheuma-cottonii/ship-icon.png);
}
.step:not(:last-child):after{
	position: absolute;
	font-family: 'typicons';
	font-size: 3rem;
}
.seaweed-speciality-wrap{
	position: relative;
	background-color: #F5F3EB;
	z-index: -1;
}
.speciality-bg-img:before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(
		 to bottom, 
rgba(127,185,39,.2) 0%, 
transparent 40%, 
transparent  60%, 
 rgba(127,185,39,.2) 100%),  url(../images/eucheuma-cottonii/seaweed-detail-mobi-bg.jpg) center center;
    background-repeat: no-repeat;
    width: 25%;
    z-index: -1;
}

#organic:before{
		content: url(../images/icons/organic.svg);
}
#unpolluted:before{
		content: url(../images/icons/unpolluted.svg);
}
#hand-made:before{
		content: url(../images/icons/hand-made.svg);
}
#ideal:before{
		content: url(../images/icons/ideal-condition.svg);
}
.industries-set-wrap{
	margin-top: 3em;
}
.industry-item{
	position: relative;
	padding: 6em 1em;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 0px 13px 3px #ddd;
	margin-bottom: 4%;
	box-sizing: border-box;
	z-index: 2;
}
.industry-item:nth-child(2n+1){
	margin-left: 0;
	float: left;
}
.industry-item:hover{
	box-shadow: none;
}
.industry-item:nth-child(1):before{
content: "";
background-repeat: no-repeat;
background-size: cover;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
#food{
	background-image: linear-gradient(to top, rgb(255,2555,255) 0%, rgba(127,185,39,.6) 100%),url(../images/eucheuma-cottonii/food-industry.jpg);
}
#textile{
	background-image: linear-gradient(to top, rgb(255,2555,255) 0%, rgba(127,185,39,.6) 100%),url(../images/eucheuma-cottonii/textile-industry.jpg);
}
#cosmetic{
	background-image: linear-gradient(to top, rgb(255,2555,255) 0%, rgba(127,185,39,.6) 100%),url(../images/eucheuma-cottonii/cosmetics-industry.jpg);
}
#fertilizer{
	background-image: linear-gradient(to top, rgb(255,2555,255) 0%, rgba(127,185,39,.6) 100%),url(../images/eucheuma-cottonii/fertilizer-industry.jpg);
}
.how-to-buy{
	position: relative;
}
.how-to-buy:after{
	content: '1';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.how-to-buy:nth-child(2):after{
	content: '2';
}
.how-to-buy:nth-child(3):after{
	content: '3';
}
.bg-how-to-buy-form{
	position: relative;
}
.bg-how-to-buy-form:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(51,51,51,.9) 0%, rgba(51,51,51,.9) 100%),url(../images/buy-seaweed/how-to-buy-form.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.how-to-buy-form-wrap{
	margin: 4em 0;
}
.buyer-types-wrap{
		position: relative;
		padding: 4em 1.5em 2em;
		background: radial-gradient(transparent, rgba(255,255,255,.8), rgba(255,255,255,.9),#fff),  url(../images/buy-seaweed/buyer-types-bg.jpg) left top;
		box-sizing: border-box;
		background-repeat: no-repeat;
}
@media (min-width: 750px){
	.step{
    height: 385px;
	}
}
@media (min-width: 750px) and (max-width: 999.98px){
	.industry-item{
		min-height: 645px;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px){
	.industry-item{
		min-height: 565px;
	}
}
@media (min-width: 1200px){
	.industry-item{
		min-height: 500px;
	}
}
/*Contact*/
.contact-info-wrap address,
.phone-nos,
.email-c{
	position: relative;
	padding-left: 2em;
	margin-left: 3em;
}
.contact-info-wrap address:before,
.phone-nos:before,
.email-c:before{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'typicons';
	color: #30A841;
	font-size: 2rem;
}
.contact-info-wrap address:before{
content: '\e08a';
}
.phone-nos:before{
content: '\e0c5';
transform: rotate(90deg);
}
.email-c:before{
content: '\e0b8';

}
#map {
    height: 100%;
    width: 100%;
}
.map-wrap{
	height: 350px;
}
@media (max-width: 549px){
		.how-to-buy{
		margin-bottom: 2.5em;
	}
}
@media (max-width: 749.98px){
	.step:not(:last-child):after{
	content: '\e00b';
	bottom: -.5em;
	left: 50%;
	transform: rotate(90deg);
	}
}
@media (min-width: 550px) and (max-width: 749.98px){
	.step.four.columns,
	.com-feature.six.columns,
	.contact-info-wrap .six.columns{
		width: 100%;
		margin-left: 0;
	}
}
@media(min-width: 550px) and (max-width: 999.98px){
	.ec-images.six.columns,
	.ec-intro-desc.six.columns {
		width: 100%;
		margin-left: 0;
	}
	.industry-item.three.columns{
		width: 48%;
	}
	.industry-item:nth-child(3n+3){
		margin-left: 0;
	}
	.how-to-buy h3{
		min-height: 47px;
	}
}
@media (min-width: 750px) and (max-width: 1199.98px){
	.step{
	padding: 6em 1em 0em;
	}
	.step h3:before{
    left: .3em;
    top: 2em;
	}
	.speciality-bg-img:before{
    width: 195px;
	}
}
@media (min-width: 750px){
	.step.four.columns{
		width: 33.333333%;
		margin-left: 0;
	}
	.speciality-bg-img:before{
    background: linear-gradient(
		 to bottom, 
#F5F3EB 0%, 
transparent 40%, 
transparent  60%, 
 #fff 100%),  url(../images/eucheuma-cottonii/seaweed-detail-bg.jpg) center center;
}
.step:not(:last-child):after{
	content: '\e00b';
	top: 50%;
	right: -.5em;
}
.logical-intro{
	margin-bottom: 2.5em;
}
.buyer-types-wrap{
		padding: 7em 1.5em;
		height: 500px;
		max-height: 500px;
	}
.map-wrap{
	height: 500px;
	}
.email-form-img:before{
	content: url(../images/ceylon-seaweed.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	}
}
@media (min-width: 1000px){
	.last-set{
		margin-top: 5em;
	}
}
@media (min-width: 1200px){
	.step h3:before{
    left: 2.8em;
     top: 2em;
	}
	.step{
	padding: 6em 4em 1em;
	}
	.speciality-bg-img:before{
    width: 270px;
	}

}