h1, h2, h4, h3{
	font-family: myFirstFont;
}

p, span, h5, h6, a, i{
	font-family: myFirstFont;
}

a:hover{
	outline: none;
	text-decoration: none;
}

body{
	overflow-x: hidden !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #333 !important;
}


/************************************TOP TASK BAR****************************/
.top_task_bar{
	background-color:#056839;
	min-height:15px;
	padding-top:1%;
}

.top_top_nav{
	padding-top:0%;
	padding-left: 0px;
	padding-right: 5px;
}

.top_menu{
	text-align:right;
	float:right;
	padding-left:2%;
	padding-right:2%;
	color: #FFF;
}

.top_menu a{
	color: #FFF;
}

.top_menu a:hover{
	color: #000;
}

.top_active{
	color:#000 !important;
}

.special_line{
	color:#FFF;
	letter-spacing:2px;
}

.top_link{
	color:#FFF;
	font-size:13px;
}


/************************************MENU**********************************/
.eartic_navbar{
	background-color:#EEE;
	padding-bottom:0%;
	margin-bottom:0px;
	border-radius:0;
	border:none;
	transition:all 0.4s;
	margin-top:0%;
	min-height:50px;
	z-index:1 !important;
	padding-right: 0%;
}

.logo{
	margin-left:2%;
	margin-top:0%;
	position:absolute;
	z-index:-1 !important;
	height: 60px;
}

@media (max-width: 1130px){
	.logo{
		margin-left:2%;
		position:relative;
		z-index:-1 !important;
	}
}

@media (max-width: 768px){
	.logo{
		margin-top:-65px;
		margin-bottom: 3%;
		width: auto;
	}

	.top_link{
		color:#FFF;
		font-size:10px;
	}

	.men_btn{
		top: 20px;
	}
}

.nav_ul{
	margin-top:1%;
}

.menu_li a{
	color:#056839 !important;
	transition:all 0.4s;
	background-color:transparent;
	text-align:right;
	font-size:13px;
	font-weight: bolder;
	letter-spacing: 1px;
}

.menu_li a:hover{
	color:#96ca4b !important;
	transition:all 0.4s;
}


.menu_li_02 a{
	color:#000 !important;
	transition:all 0.4s;
	background-color:transparent;
	text-align:left;
	font-size:13px;
	font-weight: 600;
}

.menu_li_02 a:hover{
	color:#96ca4b !important;
	transition:all 0.4s;
}

.menu_text_act a{
	color:#96ca4b !important;
	transition:all 0.4s;
}

.li_active a{
	color:#96ca4b !important;
}

.main_nav_ul{
	background-color:#FFF;
	border-radius:0px;
	z-index: 999999 !important;
}

.main_nav_ul2{
	background-color:#FFF;
	border-radius:0px;
	z-index: 999999 !important;
}

.dropdown-toggle:hover > a, 
.dropdown-toggle:hover > a:hover,
li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
    z-index: 999999 !important;
}
li.dropdown:hover > .main_nav_ul {
    display: block;
    z-index: 999999 !important;
    top: 35px;
}

li.dropdown:hover > .main_nav_ul2 {
    display: block;
    z-index: 999999 !important;
    left: 98%;
    top: 2px;
}

@media (max-width: 768px){
	li.dropdown:hover > .main_nav_ul {
	    display: block;
	    z-index: 999999 !important;
	    top: 30px;
	    left: -100px;
	}

	li.dropdown:hover > .main_nav_ul2 {
	    display: block;
	    z-index: 999999 !important;
	    left: -60px;
	    top: 15px;
	}
}	

/************SCROLL MENU****************/
.eartic_navbar_fix{
	background-color:#f8f8f8;
	padding-top:0.5%;
	margin-bottom:0px;
	border-radius:0;
	border:none;
	transition:all 0.4s;
	margin-top:0%;
	min-height:60px;
	z-index:999999 !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
}

.logo2{
	left:4%;
	top:3%;
	position:absolute;
	z-index:999 !important;
	width: 150px;
}

.eartic_navbar_fix .menu_li{
	margin-top: -13px !important;
}

.eartic_navbar_fix .menu_li a{
	color: #FFF !important
}

.eartic_navbar_fix .menu_li a{
	color: #056839 !important;
	/*-webkit-text-stroke: 1px #056839;
	text-stroke: 1px #056839;*/
	transition:all 0.4s;
	background-color:transparent;
	text-align:right;
	font-size:13px;
}

.eartic_navbar_fix .menu_li a:hover{
	color:#96ca4b !important;
	/*-webkit-text-stroke: 1px #96ca4b;
	text-stroke: 1px #96ca4b;*/
	transition:all 0.4s;
}

.eartic_navbar_fix .menu_li_02 a{
	color:#000 !important;
	transition:all 0.4s;
	background-color:transparent;
	text-align:left;
	font-size:13px;
}

.eartic_navbar_fix .menu_li_02 a:hover{
	color:#96ca4b !important;
	/*-webkit-text-stroke: 1px #96ca4b;
	text-stroke: 1px #96ca4b;*/
	transition:all 0.4s;
}

.eartic_navbar_fix .menu_text_act a{
	color:#96ca4b !important;
	/*-webkit-text-stroke: 1px #96ca4b;
	transition:all 0.4s;*/
}

.eartic_navbar_fix .li_active a{
	color:#96ca4b !important;
		/*text-stroke: 1px #96ca4b;*/
}

.eartic_navbar_fix .main_nav_ul{
	background-color:#FFF;
	border-radius:0px;
	z-index: 999999 !important;
}

/******************************FOOTER*****************************/
.footer{
	min-height: 250px;
	background-color: #056839;
	padding -top: 3%;
}

.footer_name{
	color: #FFF;
	text-align: center;
	font-size: 60px;
}

.logo_sec{
	border-bottom: solid 1px rgba(255,255,255,0.2);
	padding-bottom: 3%;
	padding-top: 3%;
}

.menu_sec{
	padding-top: 2.5%;
	padding-bottom: 2%;
	border-bottom: solid 1px rgba(255,255,255,0.2);
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 21%
}

.menu_sec2{
	padding-top: 2.5%;
	padding-bottom: 2%;
	border-bottom: solid 1px rgba(255,255,255,0.2);
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.footer_link{
	text-align:center;
	float:left;
	margin-left:3.5%;
	color:#FFF;
	letter-spacing:1px;
	font-size:13px;
	font-weight:lighter;
}

.footer_link a{
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	font-size:13px;
	font-weight:lighter;
	transition: all 0.4s;
}

.footer_link a:hover{
	text-align:center;
	color:#96ca4b;
	letter-spacing:1px;
	font-size:13px;
	font-weight:lighter;
	transition: all 0.4s;
}

.f_link{
	color:#FFF;
	transition:all 0.4s;
}

.f_link:hover{
	color:#96ca4b;
	transition:all 0.4s;
}

.spec_vert{
	border-right: solid 1px #FFF; 
}

.last_sec{
	padding-top: 2%;
	padding-bottom: 2%;
}

.s_icon{
	color: #FFF;
	margin-top: 5px;
	transition: all 0.4s;
}

.s_icon:hover{
	color: #96ca4b;
	transition: all 0.4s;
}

.f_para{color: #FFF;}

.f_block_2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.special_fooetrp{
	text-align: right;
}

@media (max-width: 768px){
	.footer_link{
		text-align:center;
		float:none;
		margin-left:0%;
		color:#FFF;
		letter-spacing:1px;
		font-size:13px;
		font-weight:lighter;
	}

	.footer_link a{
		text-align:center;
		color:#FFF;
		letter-spacing:1px;
		font-size:13px;
		font-weight:lighter;
		transition: all 0.4s;
	}

	.spec_vert{
		border-right: solid 0px #FFF; 
		display: none;
	}

	.menu_sec{
		padding-top: 2.5%;
		padding-bottom: 2%;
		border-bottom: solid 1px rgba(255,255,255,0.2);
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0%
	}

	.menu_sec2{
		padding-top: 2.5%;
		padding-bottom: 2%;
		border-bottom: solid 1px rgba(255,255,255,0.2);
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.f_block_2{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	.special_fooetrp{
		text-align: center;
	}

}

/***************************BANNER**************************/
.carousel-fade .item {
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;
	-ms-transition: opacity 3s;
	-o-transition: opacity 3s;
	transition: opacity 3s;
	z-index: -1;
}

.carousel-fade{
	z-index: -2;
}
	
.carousel-fade .active.left {
	left:0;opacity:0;z-index:2;
}

.carousel-fade .active.right {
	left:0;opacity:0;z-index:2;
} 

.banner_img{
	z-index: -1 !important;
	margin-top: 0%;
	width: 100% !important;
}

.growbags_slider_control{
	margin-top: -55%;
	z-index: 999 !important;
}

.grow_arr{
	color:#96ca4b;
	font-size:20px;
	transition:all 0.4s;
	font-weight: lighter;
	z-index: 999 !important;
	padding: 2%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #FFF;
	visibility: hidden;
}

.grow_arr:hover{
	color:#FFF;
	transition:all 0.4s;
	cursor:pointer;
	background-color: #96ca4b;
}

.crop_box1:hover .grow_arr{
	visibility: visible;
}

.crop_box22:hover .grow_arr{
	visibility: visible;
}

.crop_box3:hover .grow_arr{
	visibility: visible;
}

.crop_box4:hover .grow_arr{
	visibility: visible;
}

.grow_right_arr{
	margin-right: 4px;
	padding-left:23px; 
	padding-top: 10px;
}

.grow_left_arr{
	margin-left: 4px;
	padding-left:20px; 
	padding-top: 10px;
}

.text_holder{
	position: absolute;
	right: 5%;
  	top: 20%;
}

.slider_text{
	text-align: right;
	font-size: 48px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFF;
	font-family: myFirstFont;
	-webkit-text-stroke: 1px #FFF;
	text-stroke: 1px #FFF;
	letter-spacing: 10px;
}

.slider_text_sub{
	text-align: left;
	font-weight: bolder;
	font-size: 18px;
	text-transform: uppercase;
	color: #EEE;
	font-family: myFirstFont;
	-webkit-text-stroke: 1px #EEE;
	text-stroke: 1px #EEE;
}

@media (max-width: 768px){
	.text_holder{
		position: absolute;
		top: 5%;
		left: 10%;
	}

	.slider_text{
		text-align: left;
		font-size: 20px;
		font-weight: bolder;
		text-transform: uppercase;
		color: #FFF;
		font-family: mySecFont;
		-webkit-text-stroke: 1px #FFF;
		text-stroke: 1px #FFF;
		letter-spacing: 2px;
	}

	.slider_text_sub{
		text-align: left;
		font-weight: bolder;
		font-size: 10px;
		text-transform: uppercase;
		color: #EEE;
		font-family: mySecFont;
		-webkit-text-stroke: 1px #EEE;
		text-stroke: 1px #EEE;
		margin-top: -2%;
	}

}


.growbags_slider_control_crop{
	margin-top: -35%;
	z-index: 999 !important;
}

.grow_arr_crop{
	color:#FFF;
	font-size:20px;
	transition:all 0.4s;
	font-weight: lighter;
	z-index: 999 !important;
	padding: 2%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #056839;
}

.grow_arr_crop:hover{
	color:#056839;
	transition:all 0.4s;
	cursor:pointer;
	background-color: #FFF;
}

.grow_right_arr_crop{
	margin-right: 25px;
	padding-left:20px; 
	padding-top: 10px;
}

.grow_left_arr_crop{
	margin-left: 25px;
	padding-left:20px; 
	padding-top: 10px;
}


/******************************ABOUT SECTION********************************/
.about_sec{
	background-color: #FFF;
	min-height: 450px;
	margin-top:0px;
	padding: 4%;
}

.padd_less{
	padding: 0px;
}

.padd_less_left{
	padding-left: 0px;
}

.padd_less_right{
	padding-right: 0px;
}

.about_box{
	padding-right: 0%;
	padding-top: 0%;
}

.gen_titt_dark{
	text-align: left;
	font-size: 40px;
	color: #056839;
	font-weight: lighter;
	padding-bottom: 2%;
	margin-top: 4%;
}

.gen_titt_dark2{
	text-align: left;
	font-size: 40px;
	color: #056839;
	font-weight: lighter;
	padding-bottom: 1%;
	margin-top: 2%;
}

.para{
	text-align: justify;
	color: #333;
	font-size: 18px;
	line-height: 25px;
}

.read_more{
	color: #FFF;
	background-color: #056839;
	border: solid 1px rgba(0,0,0,0);
	padding: 10px;
	font-size: 15px;
	transition: all 0.4s;
}

.read_more:hover{
	color: #056839;
	background-color: #FFF;
	border: solid 1px #056839;
	padding: 10px;
	transition: all 0.4s;
}

.gen_text_white2{
	text-align: center;
	font-weight: bolder;
	text-transform: capitalize;
	color: #056839;
	font-size: 40px;
	/*-webkit-text-stroke: 1px #FFF;
	text-stroke: 1px #FFF;*/
	margin-bottom: 20px;
}

.para2{
	text-align: justify;
	color: #333;
	font-size: 24px;
	line-height: 35px;
}

.read_more2{
	color: #FFF;
	background-color: #056839;
	border: solid 1px rgba(0,0,0,0);
	padding: 13px;
	font-size: 19px;
	transition: all 0.4s;
}

.read_more2:hover{
	color: #056839;
	background-color: transparent;
	border: solid 1px #056839;
	padding: 13px;
	transition: all 0.4s;
}

.prohome_box{
	border-left: solid 1px rgba(0,0,0,0.1);
	min-height: 400px;
	padding-left: 4%;
}

.home_pro_box{
	background-color: #efefef;
	height: 200px;
	margin-bottom: 3%;
	transition: all 0.4s;
}

.home_pro_box:hover{
	background-color: #dcdcdc;
	transition: all 0.4s;
}

.home_pro{
	margin-left: auto;
	margin-right: auto;
}

/************************CROP SECTION****************************/
.crop_sec{
	min-height: 600px;
	padding: 0px;
	margin: 0px;
}

.crop_box{
	min-height: 600px;
	padding: 0px;
	margin: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.4s;
}

.crop_box-gradient {
  position: absolute;
  top: 0;
  height: 600px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(3, 105, 57, 0.19) 100px, #036939 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
  padding-top: 100px;
}

.crop_name_h{
	color: #FFF;
	font-size: 32px;
	font-weight: bolder;
	margin-top: 4%;
}

.prod_img_crop{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.6);
	width: 200px;
	transition: all 0.4s;
}

.view_prod{
	padding: 10px;
	border: solid 1px rgba(255,255,255,0.7);
	color: #FFF;
	transition: all 0.4s;
	font-size: 15px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: transparent;
}

.view_prod:hover{
	padding: 10px;
	border: solid 1px rgba(255,255,255,0);
	background-color: #FFF;
	color: #036939;
	transition: all 0.4s;
	font-size: 15px;
	border-radius: 10px;
	margin-top: 30px;
}

.crop_box:hover .crop_box-gradient {
  position: absolute;
  top: 0;
  height: 600px;
  width: 100%;
  background: linear-gradient(to top, rgba(3, 105, 57, 0.19) 100px, #036939 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
  padding-top: 100px;
  transition: all 0.4s;
}

.crop_box:hover .prod_img_crop{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	border-radius: 50%;
	background-color: rgba(255,255,255,1);
	width: 200px;
	transition: all 0.4s;
}

/******************************CONTACT SECTION********************************/
.contact_sec{
	background-color: #EEE;
	min-height: 180px;
	margin-top:0px;
	padding: 1%;
}

.eartic_form{
	padding: 10px;
	min-height: 85px;
	border-radius: 0px;
	color: #036939;
	font-size: 15px;
	font-weight: 400;
	border: solid 1px rgba(0,0,0,0.1);
	background-color: transparent;
}

.eartic_main_form div{
	padding: 20px;
}

.eartic_btn{
	background-color: #036939;
	border: solid 1px rgba(0,0,0,0.1);
	color: #FFF !important;
}

/******************************SERVICES SECTION********************************/
.services_sec{
	height: auto;
	padding-top: 20px;
	padding-bottom: 40px;
}

.gap_top{
	margin-top: 40px;
}

.gen_text_white{
	text-align: center;
	font-weight: bolder;
	text-transform: capitalize;
	color: #FFF;
	/*-webkit-text-stroke: 1px #FFF;
	text-stroke: 1px #FFF;*/
}

.sub_titt{
	text-align: center;
	font-weight: 400;
	color: #CCC;
	margin-bottom: 3%;
	font-size: 20px;
}

.why_we_box_ins{
	background-color: #FFF;
	color: #036939;
	padding: 3%;
	min-height: 300px;
}

.why_we_icon{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	color: #036939;
}

.why_we_titt{
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	color: #036939;
}

.why_we_para{
	text-align: center;
	color: #036939;
}


/******************************QUALITY SECTION********************************/
.quality_sec{
	background-color: #FFF;
	min-height: 400px;
	margin-top:0px;
	padding: 4%;
}

.qua_box{
	border-right: solid 1px rgba(0,0,0,0.1);
	min-height: 350px;
	padding-right: 4%;
}

.sus_box{
	padding-left: 4%;
}

.big_text_para{
	text-align: justify;
	font-size: 28px;
	color: #555;
	line-height: 30px;
	letter-spacing: 1px;
}

.top_banner_sec{
	margin-top: 0px;
	padding-top: 0px;
}

/******************TOMATO GROW BAG*****************/
.tom_grw_top_banner_sec{
	background-image: url(../images/tomato_ban2.jpg); 
	background-repeat: no-repeat;
	background-position: center center
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 270px;
}

.fiber_img_box{
	padding: 0%;
	padding-right: 10px;
	background-color: #EEE;
}

.fiber_des_box{
	padding: 0%;
	padding-left: 10px;
}

.caret_f2{
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;  
	border-right: 40px solid #EEE;
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    top: 40%;
    left: -40px;
	transition:all 0.4s;
	z-index:999 !important;
}

.table_div{
	margin-top: 40px;
}

.er_td{
	padding: 15px !important;
	font-weight: bold;
	color: #a07457;
}

.er_td2{
	padding: 0px !important;
	font-weight: bold;
	color: #a07457;
	width: 540px;
}

.water100{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 90%;
	float: left;
	text-align: center;
}

.air10{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 10%;
	float: left;
	text-align: center;
}

.water80{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 80%;
	float: left;
	text-align: center;
}

.air20{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 20%;
	float: left;
	text-align: center;
}

.water60{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 60%;
	float: left;
	text-align: center;
}

.air40{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 40%;
	float: left;
	text-align: center;
}

.water50{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 50%;
	float: left;
	text-align: center;
}

.air50{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 50%;
	float: left;
	text-align: center;
}

.water40{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 40%;
	float: left;
	text-align: center;
}

.air60{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 60%;
	float: left;
	text-align: center;
}

.water30{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 30%;
	float: left;
	text-align: center;
}

.air70{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 70%;
	float: left;
	text-align: center;
}

.water10{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 15%;
	float: left;
	text-align: center;
}

.air100{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 85%;
	float: left;
	text-align: center;
}

.water20{
	height: 50px;
	background-color:#396DE2;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 20%;
	float: left;
	text-align: center;
}

.air80{
	height: 50px;
	background-color:#edd187;
	color: #FFF;
	padding: 15px;
	margin: 0px;
	width: 80%;
	float: left;
	text-align: center;
}

/*************************CROP SIDE MENU*************************/
.crop_side_menu{
	background-color: #cccccc;
	width: 120px;
	height: auto;
	position: fixed;
	top: 20%;
	right: 50px;
	border-radius: 10px;
	transition: all 0.4s;
}

.crop_side_menu_visi{
	visibility: visible;
	transition: all 0.4s;
}

.side_li{
	border-bottom: solid 1px rgba(255,255,255,0.4);
	padding: 1%;
	background-color: rgba(255,255,255,0);
	transition: all 0.4s;
}

.side_li:hover{
	border-bottom: solid 1px rgba(255,255,255,0.4);
	padding: 1%;
	background-color: rgba(255,255,255,0.4);
	transition: all 0.4s;
}

.side_li_activ{
	background-color: rgba(255,255,255,0.4) !important;
	transition: all 0.4s;
}

.side_li:last-child{
	border-bottom: solid 1px rgba(255,255,255,0);
	padding: 1%;
}


.side_crop_img{
	padding: 2%;
	margin-left: auto;
	margin-right: auto;
}

.side_crop_name{
	color: #777;
	font-size: 14px;
	font-weight: 600;
	margin-top: -1.5%;
}

.caret_f3{
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;  
	border-right: 20px solid #cccccc;
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    top: 30%;
    left: -20px;
	transition:all 0.4s;
	z-index:999 !important;
}

@media (max-width: 768px){
	.crop_side_menu{
		background-color: #cccccc !important;
		width: auto;
		height: auto;
		position: relative;
		border-radius: 10px;
		transition: all 0.4s;
		margin-left: 30px;
		margin-top: 2%;
		margin-bottom:2%;
	}

	.side_li{
		border-bottom: solid 1px rgba(255,255,255,0.4);
		padding: 1%;
		background-color: rgba(255,255,255,0);
		transition: all 0.4s;
		width: 70px;
		float: left;
		background-color: #FFF !important;
		margin-left: 1%;
	}

	.side_crop_name{
		color: #777;
		font-size: 11px;
		font-weight: 600;
		margin-top: -1.5%;
	}

	.er_td{
		padding: 7px !important;
		font-weight: bold;
		color: #a07457;
		font-size: 12px;
	}

	.er_td2{
		padding: 0px !important;
		font-weight: bold;
		color: #a07457;
		width: 540px;
		font-size: 9px;
	}

	.water100{
		height: 50px;
		background-color:#396DE2;
		color: #FFF;
		padding: 15px;
		margin: 0px;
		width: 85%;
		float: left;
		text-align: center;
	}

	.air10{
		height: 50px;
		background-color:#edd187;
		color: #FFF;
		padding: 15px;
		margin: 0px;
		width: 15%;
		float: left;
		text-align: center;
	}

	.air100{
		height: 50px;
		background-color:#396DE2;
		color: #FFF;
		padding: 15px;
		margin: 0px;
		width: 85%;
		float: left;
		text-align: center;
	}

	.water10{
		height: 50px;
		background-color:#edd187;
		color: #FFF;
		padding: 15px;
		margin: 0px;
		width: 15%;
		float: left;
		text-align: center;
	}

	.growbags_slider_control_crop{
		margin-top: -40%;
		z-index: 999 !important;
	}
}

/*************************CROP PAGE***************************/
.crop_page_sec{
	padding-left: 0px;
	padding-right: 0px;
	background-color: #e9eeec;
}

.crop_box2{
	min-height: 100vh;
	padding: 0px;
	margin: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.4s;
}

.crop_box-gradient2 {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  background: linear-gradient(to bottom, rgba(3, 105, 57, 0.19) 100px, #036939 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
  padding-top: 100px;
}

.crop_name_h2{
	color: #FFF;
	font-size: 26px;
	font-weight: bolder;
	margin-top: 4%;
}

.prod_img_crop2{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-radius: 5%;
	background-color: rgba(255,255,255,0.6);
	width: 250px;
	transition: all 0.4s;
	margin-bottom: 30px;
}

.crop_box2:hover .crop_box-gradient2 {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  background: linear-gradient(to top, rgba(3, 105, 57, 0.19) 100px, #036939 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
  padding-top: 100px;
  transition: all 0.4s;
}

.crop_box2:hover .prod_img_crop2{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-radius: 50%;
	background-color: rgba(255,255,255,1);
	width: 250px;
	transition: all 0.4s;
}

.crop_page_des{
	padding-left: 3%;
}

.view_prod2{
	padding: 10px;
	border: solid 1px rgba(255,255,255,0.7);
	color: #FFF;
	transition: all 0.4s;
	font-size: 12px;
	margin-top: 50px;
	border-radius: 10px;
	background-color: transparent;
}

.view_prod2:hover{
	padding: 10px;
	border: solid 1px rgba(255,255,255,0);
	background-color: #FFF;
	color: #036939;
	transition: all 0.4s;
	font-size: 12px;
	border-radius: 10px;
	margin-top: 30px;
}

.gap_border{
	margin-bottom: 30px;
	border-bottom: solid 1px rgba(255,255,255,0.3);
}

.caret_f4{
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;  
	border-left: 20px solid #064228;
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    top: 40%;
    left: 100%;
	transition:all 0.4s;
	z-index:999 !important;
}


/***************************SERVICES***************************/
.other_page_sec{
	padding-bottom: 3%;
}

.services_box{
	background: linear-gradient(to top, rgba(3, 105, 57, 0.3) 20px, #036939 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
	padding: 3%;
	height: auto;
	margin-bottom: 2%;
}

.serv_titt{
	color: #FFF;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}

.pro_tech_spec{
	color: #333;
	text-align: center;
	font-size: 21px;
}

.witeline_gap{
	height: 15px;
	border-top: solid 1px rgba(0,0,0,0.1);
	margin-top: 5px;
}

.otherpages_bg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 250px;
}

.qality_pic_box{
	margin-top: 30px;	
}

.qality_des_box{
	margin-top: 30px;
	border-left: solid 1px rgba(0,0,0,0.1);
	padding-left: 2%;
}

.qality_box{
	background: linear-gradient(to top, rgba(3, 105, 57, 0.3) 20px, #8cc63e 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
	padding: 3%;
	height: auto;
	margin-bottom: 2%;
}

.qality_text{
	text-align: justify;
	font-size: 15px;
}

.qality_img{
	margin-left: auto;
	margin-right: auto;
	border: solid 1px rgba(0,0,0,0.1);
	padding: 4%;
}

.eartic_form3{
	padding: 5px;
	min-height: 55px;
	border-radius: 0px;
	color: #036939;
	font-size: 15px;
	font-weight: 400;
	border: solid 1px rgba(0,0,0,0.1);
	background-color: transparent;
}

.adres{
	font-size: 18px;
}

.sustainability_box{
	background: linear-gradient(to top, rgba(3, 105, 57, 0.3) 20px, #8cc63e 500px);
  -webkit-transition: top 0.3s ease-in-out 0.3s;
  transition: top 0.3s ease-in-out 0.3s;
	padding: 4%;
	height: 320px;
	margin-bottom: 2%;
}

.sustainability_titt_box{
	background-color: #036939;
	padding: 3%;
	height: 320px;
}

.number{
	font-size: 60px;
	color: #FFF;
	font-weight: bolder;
	text-align: center;
	margin-top: 20%;
}

.sus_para{
	color: #333;
	text-align: justify;
	font-size: 18px;
	margin-top: 15px;
}

.sustainability_titt_box2{
	background-color: #036939;
	padding: 3%;
	height: auto;
}

.number2{
	font-size: 60px;
	color: #FFF;
	font-weight: bolder;
	text-align: center;
	margin-top: 2%;
}

.special_para{
	color: #036939;
	font-weight: bold;
}

@media (max-width: 768px){
	.serv_titt{
		color: #FFF;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
	}

	.sustainability_box{
		background: linear-gradient(to top, rgba(3, 105, 57, 0.3) 20px, #8cc63e 500px);
	  -webkit-transition: top 0.3s ease-in-out 0.3s;
	  transition: top 0.3s ease-in-out 0.3s;
		padding: 2% 4%;
		height: auto;
		margin-bottom: 2%;
	}

	.sustainability_titt_box{
		background-color: #036939;
		padding: 2%;
		height: auto;
	}

	.padd_rem_mobsep{
		padding-left: 0px;
		padding-right: 0px;
	}

	.crop_box{
		min-height: 600px;
		padding: 0px;
		margin: 5px 0px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		transition: all 0.4s;
	}

	.growbags_slider_control{
		margin-top: -45%;
		z-index: 999 !important;
	}

	.otherpages_bg{
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 150px;
	}


}