@font-face {
font-family: 'RussoOne-Regular';
src: url('../font/RussoOne-Regular.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Regular';
src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.ttf')  format('truetype'), url('../font/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans-Regular';
src: url('../font/PTSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/PTSans-Regular.woff') format('woff'), url('../font/PTSans-Regular.ttf')  format('truetype'), url('../font/PTSans-Regular.svg#PTSans-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-ExtraBold.woff2') format('woff2'),
url('../font/Poppins-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-ExtraLight.woff2') format('woff2'),
url('../font/Poppins-ExtraLight.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Changa One';
src: url('../font/ChangaOne.woff2') format('woff2'),
url('../font/ChangaOne.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
html
{
width:100%;
height:auto;
float:left;
margin:0px !important;
padding:0px !important;    
scroll-behavior: smooth;    
}
body
{
width:100%;
height:auto;
float:left;
margin:0px !important;
padding:0px !important;
font-family: 'Lato-Regular', sans-serif !important;
background-color: #efefef !important;
overflow-x: hidden !important;
}
.errortxt
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 0px 0px;
font-size:11px;
letter-spacing:0.8px;
font-weight:300;
color:red;
text-align: left;    
}
.capcha_errortxt
{
width: 100%;
height: auto;
float: left;
font-size: 12px;
color: red;
font-weight: 300;
letter-spacing: 1px;
position: relative;
}	
.recaptcha_bx
{
width: 100%;
height: auto;
float: left;	
}	
header
{
width: 100%;
height: auto;
float: left;
position: fixed;
z-index: 1111;
padding: 10px 0px;
}



.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding:7px 0px !important;
    z-index: 10000 !important;
    transition: all 0.2s ease-in-out !important;
    height: auto !important;
    background-color:transparent !important;  

}

.header.active {
    background-color:#010f21 !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}






.res_foot_link
{
display:none;    
}


.innerheader_bg
{
background-color:#010f21 !important;
}
.header_wrap
{
width:100%;
height:auto;
float:left;
margin:0px !important;
padding:0px !important;
}
.clearHeader
{
background-color: transparent;    
}
.darkHeader
{
background-color:#010f21;
box-shadow: 0px 0px 3px 1px #3fb8ff;
}
.inner_header_bg
{
background-color: #fff;
box-shadow:0px 0px 3px 1px #009ffd;     
}
.desc_readmore
{
color: #fff !important;
font-size:12px !important;
font-weight: 300 !important;
border: 1px solid #011f31 !important;
background-color: #011f31 !important;
padding:5px 5px !important; 
letter-spacing:1px !important;
margin:0px 0px 20px 0px !important;
line-height:17px !important;
position: relative;
top: -15px;
}
.logo
{
width:100%;
height:65px;
background-image:url(../images/jg-white-logo.png);
background-position:left;
background-repeat:no-repeat;
background-size: contain;
position: relative;
z-index: 111;
}
.booNavigation ul
{
width: 100%;
height: auto;
float: left;
margin:10px 0px 0px 0px; 
}
.mega_nav_conent_container
{
width: 32%;
    height: auto;
    float: left;
    margin: 0px 34% 20px 34%;
}
.inner_hr_colm
{
width: 100%;
height: auto;
float: left;  
}
.nopad
{
padding: 0px !important;  
}
.inner_hr_colm li
{
width:100%;
height: auto;
float: left; 
margin:0px 0px 0px 0px;   
}
.inner_hr_colm_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:21px;
font-weight: 800;
letter-spacing: 0.6px;
color: #fff;
margin: 0px 0px 10px 0px; 
}
.inner_hr_colm_hdtxt a
{
font-size:21px;
font-weight: 800;
letter-spacing: 0.6px;
color: #fff;    
}
.inner_hr_colm_hdtxt a:hover, .inner_hr_colm_hdtxt a:focus
{
 color:#fff;
 text-decoration:none;
}
.divider_line
{
  width:70%;
  height: 1px;
  float: left;
  background-color:#ccccccc7;
  margin: 0px 0px 10px 0px; 
}
.booNavigation .navContent ul li a
{
padding: 8px 0px !important;  
}
.hm_bdy_sec
{
width: 100%;
height: auto;
float: left;
margin:30px 0px 0px 0px;  
}
.hm_first_sec
{
width: 100%;
height: auto;
float: left; 

}
.additional_link_icons
{
width: auto;
height: auto;
float: left;
background-color: #71922a4d;
position: absolute;
bottom: 31px;
right: 16px;
}
.additional_link_icons2 {
    width: auto;
    height: auto;
    float: left;
    background-color: #71922a4d;
    position: absolute;
    right: 16px;
    padding: 15px;
    bottom: 54%;
}
.linkicon2
{
    top: 87% !important;
    position: relative;
    right: -90%;
    background-color: #002a5f94;  
}
.leadicon
{
background-color:#00000042 !important;    
}
.busicon1
{
width: auto;
height: auto;
float: left;
background-color: #00000042;
position: absolute;
bottom:0px;
right:15px;    
}
.busicon2
{
background-color: #6796cd8c !important;    
bottom:0px;
right:0px !important;     
}
.additional_link_icons img
{
margin:0px 0px 0px 0px;
padding: 11px 15px;
}
.hm_bdy_sec_hdtxt
{
width: auto;
    height: auto;
    float: left;
    font-size:17px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #000;
    margin: 0px 0px 10px 0px;
    background-color: #fffc;
    padding: 5px 26px;
    position: relative;
    top:26px;
    z-index: 11;
}
.hm_bdy_sec_hdtxt2
{
width: auto;
    height: auto;
    float: left;
    font-size:17px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #000;
    margin: 0px 0px 10px 0px;
    background-color: #fffc;
    padding: 5px 26px;
    position: relative;
    top: -16px;
    z-index: 11;
    left: -17px;
}
.hm_bdy_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
font-weight:300;
letter-spacing: 0.6px;
color: #000;
line-height:25px;
margin: 0px 0px 0px 0px;  
}
.our_business_sec
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 30px 0px;    
}
.hmimg_content {
    width: 94%;
    position: absolute;
    z-index: 11;
    height: auto;
    float: left;
    padding: 30px 40px;
}
.our_business_sec_bx
{
width: 100%;
height: auto;
float: left;
padding:0px;
border:1px solid #ccc;
margin:0px 0px 30px 0px;
box-shadow: 7px 9px 9px -8px #333;
}
.our_business_sec_bx2
{
width: 100%;
height: auto;
float: left;
padding:0px;
border:1px solid #ccc;
margin:80px 0px 30px 0px;
box-shadow: 7px 9px 9px -8px #333;
}
.leadt_bdy_sec_hdtxt2
{
width: auto;
height: auto;
float: left;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.6px;
color: #000;
margin: 0px 0px 10px 0px;
background-color: #fffc;
padding: 5px 26px;
position: relative;
position: absolute;
z-index: 11;
left: -10px;
margin: -22px 0px 0px 0px;    
}
.hydrocart_img
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/water-mgt-bg.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover;
box-shadow: 7px 9px 9px -8px #333;
}
.hydrocart_img:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:350px;
  background: rgba(0, 0, 0, 0.3); 
}
.hm_hydrocart_img
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/ecom-bg.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover;
box-shadow: 7px 9px 9px -8px #333;
}
.hm_hydrocart_img:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:350px;
  background: rgba(0, 0, 0, 0.3); 
}
.hydrotxt
{
width:80%;
height:auto;
float: left; 
font-size:21px;
font-weight:800;
letter-spacing:1px;
margin:0px 10% 10px 10%;
color: #fff;
    position: relative;
    top:28%;
    font-family: 'Poppins' !important;
}
.hydrocart_img_content_bx {
    width: 90%;
    height: auto;
    float: left;
    background-color: #043a5ad4;
    padding: 23px;
    margin: 0px 5% 0px 5%;
    position: relative;
    top:15%;
}
.hyperlink_btn {
    width: 90%;
    height: auto;
    float: left;
    text-align: right;
    position: relative;
    top:75%;
    z-index:11;
}
.hyperlink_btn a
{
    color:#043A5A;
    padding:14px 19px;
    font-size:17px;
    background-color:#efefefc7;
}
.hyperlink_btn a:hover
{
    color:#307FE2;
}
.link2
{
position: relative !important;
right: -55px !important;
top: 10% !important;    
}
.link3
{
right: -76px !important;
    top: 15% !important;    
}
.link4 
{
z-index: 11;
position: absolute;
top: 50px;
right: 15px;
}
.hydrocart_img_content_bx_hdtxt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin: 0px 0px 10px 0px;
    color: #fff;
}
.hydrocart_img_content_bx_subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.7px;
color: #d6d5d5;
line-height: 21px;
}
.hm_img_hdtxt {
    width:100%;
    height: auto;
    float: left;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 1px;
    margin:0px;
    color: #fff;
    font-family: 'Poppins' !important;
}
.hm_img_subtxt
{
    width:100%;
    height: auto;
    float: left;
    font-size:14px;
    font-weight:300;
    letter-spacing:0.8px;
    margin:0px;
    color: #fff;
    line-height:25px;
    margin:88px 0px 0px 0px;
}
.hmhdtxt {
    top: -20px !important;
    left: -70px;
}
.hmhdtxt2
{
    top: -20px !important;
    left:-15px;
}
.aquasip_img
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/aquasip-bg.png); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
box-shadow: 7px 9px 9px -8px #333;
}
.aquasip_img:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:350px;
  background: rgba(0, 0, 0, 0.5); 
}
.glofcourse_img
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/golf-course-bg.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover;  
box-shadow: 7px 9px 9px -8px #333;
}
.glofcourse_img:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:350px;
  background: rgba(0, 0, 0, 0.5); 
}
.about_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/Jayamgroup-history.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.about_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}

.jg_career_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/jayam-career.png); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.jg_career_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}
.career_fm_field
{
width:100%;
height:60px;
float:left;    
}
.career_btm_sec
{
width:100%;
height:auto;
float:left;
margin:0px 0px 60px 0px;
background-color:#fff;
    box-shadow:6px 7px 6px -5px #b5b5b5;

}
.career_btm_sec_logo
{
    width: 20%;
    height: auto;
    float: left;
}
.career_btm_sec_abt_job
{
width:55%;
height:auto;
float:left;
padding:30px 30px 50px 30px;
}
.career_btm_sec_apply_details
{
width:25%;
height:auto;
float:left;
padding:30px 30px 0px 30px;
}
.job_posted_company
{
width: 100%;
height:150px;
float: left;
background-color:#fff;
/*background-image: url(../images/aquasip-logo-blue.svg);
background-position: center;
background-repeat: no-repeat ;
background-size: 50%; */
}
.job_posted_company img 
{
width: 80%;
height: 115px;
float: left;
margin: 0px 10%;
}
.job_posted_company2
{
width: 100%;
height:150px;
float: left;
background-color:#fff;
/*background-image: url(../images/ritemix-logo.png);
background-position: center;
background-repeat: no-repeat ;
background-size:80%; */
}
.job_posted_company2 img 
{
width: 80%;
height: 115px;
float: left;
margin: 0px 10%;
}
.job_posted_company3
{
width: 100%;
height:150px;
float: left;
background-color:#fff;
/*background-image: url(../images/hydrocart-logo.jpg);
background-position: center;
background-repeat: no-repeat ;
background-size: 50%; */
}

.job_posted_company3 img 
{
width: 80%;
height: 115px;
float: left;
margin: 0px 10%;
}



.career_btm_sec_abt_job_hdtxt
{
width:100%;
height: auto;
float: left;
font-size: 21px;
font-weight: 800;
letter-spacing: 1px;
margin:0px;
color: #000;
}
.career_btm_sec_abt_job_subtxt
{
width:100%;
height: auto;
float: left;
font-size:13px;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
color: #000;
line-height: 20px;
margin: 10px 0px 35px 0px;
}
.career_btm_sec_abt_job_knmore
{
width:100%;
height: auto;
float: left;
text-align:right;
}
.career_btm_sec_abt_job_knmore a
{
background-color:transparent;
color:#010f21;    
padding: 10px 15px;
font-size: 11px;
font-weight: 300;
letter-spacing: 0.8px;
border:1px solid #010f21;
}
.career_btm_sec_abt_job_knmore a:hover, .career_btm_sec_abt_job_knmore a:focus
{
color: #fff;    
background-color: #010f21;
text-decoration:none;
}
.post_dt
{
width:100%;
height: auto;
float: left;
font-size:15px;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
color: #000;
line-height: 20px;
margin:0px 0px 40px 0px;  
text-align:center;
}
.job_apply_btn
{
width:100%;
height: auto;
float: left;
text-align:center;
}
.job_apply_btn a
{
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0px;
    color: #fff;
    padding: 10px 12px;
    background-color: #010f21;
    border: 2px solid #010f21;
}
.job_apply_btn a:hover, .job_apply_btn a:focus
{
background-color:transparent;
color:#010f21;
text-decoration:none;
}
.list_details
{
width:100%;
height: auto;
float: left;  
}
.no_vacancy_content
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 60px 0px;
background-color: #fff;
box-shadow: 6px 7px 6px -5px #b5b5b5;
font-size: 13px;
font-weight: 300;
color: #000;
letter-spacing: 0.6px;
line-height: 25px;
padding: 20px 25px;
}
.no_vacancy_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:16px;
font-weight:800;
color: #000;
letter-spacing: 0.6px;
line-height: 25px; 
margin: 0px 0px 15px 0px; 
}
.brand_indx_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/business-overview-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.brand_indx_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.3); 
}
.watermgt_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/sports-field-water-management.png); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.watermgt_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.3); 
}
.sports_field_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/sports-field-construction.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.sports_field_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}
.fmcg_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/fmcg-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.fmcg_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}
.ecom_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/ecommerce-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.ecom_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}
.ritemix_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/brand-ritemix-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.ritemix_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}
.brand_aquasip_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/brand-aquasip-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.brand_aquasip_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}

.brand_hyrocart_techno_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/sports-field-construction.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.brand_hyrocart_techno_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.3); 
}


.band_ecom_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/ecommerce-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.band_ecom_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.3); 
}
.jg_jayamtech_banner
{
width:100%;
height:650px;
float:left;
margin:0px 0px 30px 0px;
background-image:url(../images/jg-jayamtech-banner.jpg); 
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.jg_jayamtech_banner:after
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.5); 
}







/*hm welcome sec */
.jg_welcome_sec
{
width: 100%;
height:auto;
float: left;    
margin:90px 0px 30px 0px;    
}
.welcome_bgimg
{
width: 100%;
height:320px;
float: left;
background-image:url(../images/About-Company.png
);
background-position:center;
background-size:contain;
background-repeat:no-repeat;
background-color:#01524C;
box-shadow: 7px 9px 9px -8px #333;
}
.welcome_content_hdtxt
{
width: 100%;
height:auto;
float: left;
text-align: left;
padding:0px 0px;
font-size: 23px;
letter-spacing: 1px;
color: #000;
font-weight: 800;
margin:30px 0px 30px 0px;
}
.welcome_content_subtxt
{
width: 100%;
height:auto;
float: left;
text-align: left;
padding:0px 0px;
font-size:16px;
letter-spacing:0.6px;
color: #000;
font-weight:300;
line-height:30px;
}
/*hm welcome sec end */





.jg_brands_sec
{
width: 100%;
height:auto;
float: left;    
margin:50px 0px  70px 0px;
background-color:#fff;
padding:30px 20px;
box-shadow: 7px 9px 9px -8px #333;
}
.jg_brands_sec_list
{
width: 100%;
height:auto;
float: left;     
}
.jg_brands_sec_list ul
{
width: 100%;
height:auto;
float: left;
margin:0px;
padding:0px;
}
.jg_brands_sec_list ul li
{
list-style: none;
float: none;
width: 18%;
height: auto;
margin: 0px 1%;
border: 1px solid #eee;
float: left;
transition: .5s;
}
.jg_brands_sec_list ul li:hover
{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.jg_brand1
{
width: 100%;
height:150px;
float: left;
background-image:url(../images/Pro-turf-logo.png);
background-position:center;
    background-size:56%;
background-repeat:no-repeat;
padding:32px 20px;
transition: .5s;
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out; 
}
.jg_brand1:hover
{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);    
}
.jg_brand2
{
width: 100%;
height:150px;
float: left;
background-image:url(../images/Grow-Max-Logo.png);
background-position:center;
    background-size:62%;
background-repeat:no-repeat;
padding:32px 20px;
transition: .5s;
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out; 
}
.jg_brand2:hover
{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);    
}
.jg_brand3
{
width: 100%;
height:150px;
float: left;
background-image:url(../images/hydrocart-logo.jpg);
background-position:center;
    background-size: 68%;
background-repeat:no-repeat;
padding:32px 20px;
transition: .5s;
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out; 
}
.jg_brand3:hover
{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);    
}
.jg_brand4
{
width: 100%;
height:150px;
float: left;
background-image:url(../images/aquasip-logo-blue.svg);
background-position:center;
    background-size: 68%;
background-repeat:no-repeat;
padding:32px 20px;
transition: .5s;
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out; 
}
.jg_brand4:hover
{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);    
}
.jg_brand5
{
width: 100%;
height:150px;
float: left;
background-image:url(../images/ritemix-logo.png);
background-position:center;
    background-size: 68%;
background-repeat:no-repeat;
padding:32px 20px;
transition: .5s;
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out; 
}
.jg_brand5:hover
{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.01);    
}
.inx_brand_hd
{
width: auto;
height: auto;
float: left;
font-size: 24px;
font-weight: 800;
letter-spacing: 0.6px;
color: #000;
margin: -46px 0px 15px -40px;
background-color: #ffffff6b;
padding: 5px 26px;
/* position: relative; */
/* top: -58px; */
/* left: -53px; */
z-index: 11;  
}

.abtus_bx
{
width: 100%;
height:auto;
float: left;
box-shadow: 7px 9px 9px -8px #333;
}


.round {
    position: absolute;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:15px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(../images/left_arrow_icon.svg);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

/* JG Directors */
.jg_directors
{
width:100%;
height:auto;
float:left;
margin:60px 0px 60px 0px;    
}
.jg_directors_hdtxt
{
width: 100%;
height: auto;
float: left;
width: 100%;
height: auto;
float: left;
font-size:17px;
font-weight: 600;
letter-spacing: 1px;
margin: 0px 0px 25px 0px;
color: #000;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
}
.jg_directors_hdtxt span
{
background-color:#fffc; 
padding:10px 20px;
    position: relative;
    top: 4px;
}
.jg_mgt_team
{
width:100%;
height:auto;
float:left;
margin:60px 0px 60px 0px;    
}
.jg_mgt_team_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 26px;
font-weight: 600;
letter-spacing: 1px;
color: #000;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
}

.team_social
{
width: 100%;
height: auto;
float: left;  
margin:25px 0px 15px 0px;
}
.team_social a
{
font-size:20px;
letter-spacing: 1px;
color: #fff; 
margin:0px 5px 0px 0px;
}
.team_social a:hover
{
text-decoration:none;    
}
.ico_facebook:hover
{
color:#4267B2;    
}
.ico_twitter:hover
{
color:#1DA1F2;    
}
.ico_instagram:hover
{
color:#BC3682;    
}
.resviewradio
{
width: 50% !important;
float: left;
text-align: left;
}




@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
.team{padding-bottom:70px;font-family:'Poppins', sans-serif}
.team .section-title{text-align:left;margin-bottom:50px}
.team__item{height:480px;position:relative;z-index:1;margin-bottom:30px;overflow:hidden;background-position:center;background-size:cover; box-shadow: 7px 9px 9px -8px #333;}
.team__item:after{position:absolute;left:0;top:0;height:100%;width:100%;background:#000000bf;content:"";z-index:-1;opacity:0;-webkit-transition:all,0.5s,ease-out,.5s;-o-transition:all,0.5s,ease-out,.5s;transition:all,0.5s,ease-out,.5s}
.team__item:hover:after{opacity:1}
.team__item:hover .team__text{top:0}
.team__item:hover .team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;opacity:0;visibility:hidden;position:relative;bottom:initial;opacity:1;visibility:visible}
.team__item:hover .team__text p{top:0;opacity:1;visibility:visible;-webkit-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;transition:all .5s ease .3s}
.team__item:hover .team__text .team__social{opacity:1;visibility:visible;bottom:34px;-webkit-transition:all .5s ease .5s;-o-transition:all .5s ease .5s;transition:all .5s ease .5s}
.team__text{height:100%;top:315px;position:relative;padding:35px 30px 30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;position:relative}
.team__text .team__title h4{color:#fff;font-weight:700;margin-bottom:6px}
.team__text .team__title span{    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing:0.7px;}
.team__text p{color:#e4e4e4;line-height:26px;opacity:0;visibility:hidden;position:relative;top:50px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.team__text .team__social{position:absolute;left:0;width:100%;padding:0 30px;bottom:0;opacity:0;visibility:hidden}
.team__text .team__social a{display:inline-block;font-size:20px;color:#fff;margin-right:34px;-webkit-transition:all,.3s;-o-transition:all,.3s;transition:all,.3s}
.team__text .team__social a:last-child{margin-right:0}
.team__text .team__social a:hover{color:#88C417}
@media(max-width:768px) {
  .team__item{height:350px}
  .team__text{padding:25px 20px 20px}
}

.borderalign_none
{
    border-right:none !important;
   
}
.our_brands_hdtxt
{
width: auto;
    height: auto;
    float: left;
    background-color: #ffffffa3;
   padding: 8px 30px;
    font-size:17px;
    font-weight:600;
    letter-spacing: 0.6px;
    position: absolute;
    z-index: 11;
    top: -18px;
    left: -32px;
}
.team__item:hover
{
cursor:pointer;    
}
.jp_brandsimg1
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/jayam-tech-img.jpg) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:cover !important;    
}
.jp_brandsimg1
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/Pro-turf-logo.png) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:50% !important;    
}
.jp_brandsimg2
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/Grow-Max-Logo.png) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:50% !important;    
}
.jp_brandsimg3
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/hydrocart-logo.jpg) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:50% !important;    
}
.jp_brandsimg4
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/jayam-tech-img.jpg) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:cover !important;    
}
.jp_brandsimg5
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/aquasip-logo-blue.svg) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:50% !important;   
}
.jp_brandsimg6
{
width:100% !important;
height:300px !important;
float:left !important;
background-color:#fff !important;
margin:0px 0px 0px 0px;
border:1px solid #f5f5f5 !important;
background-image:url(../images/ritemix-logo.png) !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:50% !important;   
}

.jayam_techlogotxt
{
width: 100%;
height: auto;
float: left;
font-size: 45px;
letter-spacing: 1px;
color: #35AB39;
font-weight: 800;
text-align: center;
position: relative;
top: 80px;
z-index: -1;
}
.hydro_turflogotxt
{
width: 100%;
height: auto;
float: left;
font-size:35px;
letter-spacing: 1px;
color:#018853;
font-weight: 800;
text-align: center;
position: relative;
top: 80px;
z-index: -1;
}
.hydrocart_logotxt
{
width: 100%;
height: auto;
float: left;
font-size: 45px;
letter-spacing: 1px;
color:red;
font-weight: 800;
text-align: center;
position: relative;
top: 80px;
z-index: -1;
}
.brandicon {
    width: auto;
    height: auto;
    float: left;
    background-color: #000000c7;
    position: absolute;
    top: 31px;
    right: 0px;
    bottom: auto;
}
.jayamtechbg
{
    width: 100% !important;
    height: auto !important;
    float: left !important;
    background-color:#efefef !important;
}
.brandbg
{
    margin:0px !important;
    padding:0px !important;
}
.brandcont
{
    width: 100% !important;
    height: auto !important;
    float: left !important;
    background-color:#fff !important;
    margin:0px !important;
    padding:30px 0px 0px 0px !important;
}
.brandicon
{
background-color: #000000a6 !important;
    right: 15px !important;
    bottom: 0 !important;
    top: auto !important;
}  
.brandsec
{
    width: 97% !important;
    height: auto !important;
    float: left !important;
    margin: 0px 1% 60px 1.5% !important;

}
.posfix
{
position:absolute !important;    
}
.posfix2
{
position:absolute !important;  
z-index:11 !important;
left: 0 !important;
}









.jg_directors_img
{
width:100%;
height:430px;
float:left;
background-image:url(../images/employee-2.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;    
}
.jg_directors_img2
{
width:100%;
height:430px;
float:left;
background-image:url(../images/employee-1.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.jg_directors_img4
{
width:100%;
height:430px;
float:left;
background-image:url(../images/employee-4.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover; 
}
.jg_directors_img3
{
width:100%;
height:430px;
float:left;
background-image:none;
background-position:center;
background-repeat:no-repeat;
background-size:cover;   
}
.jg_directors_img5
{
width:100%;
height:430px;
float:left;
background-image:url(../images/Suresh_A.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;   
}
.jg_directors_img6
{
width:100%;
height:430px;
float:left;
background-image:url(../images/K_Arivazhan.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;   
}
.mgt_team_img
{
width:100%;
height:430px;
float:left;
background-color:#ccc;
/*background-image:url(../images/aquasip-bg.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover; */   
}
.mgt_team_img2
{
width:100%;
height:430px;
float:left;
background-color:#ccc;
/*background-image:url(../images/aquasip-bg.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover; */   
}
.mgt_team_img3
{
width:100%;
height:430px;
float:left;
background-color:#ccc;
/*background-image:url(../images/aquasip-bg.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover; */   
}
/* JG Directors end */

/*contact us*/
.contact_banner
{
width:100%;
height:280px;
float:left;
background-image:url(../images/contact.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
margin:75px 0px 0px 0px;
}
.contact_banner:after
{
content: " ";
    z-index: 10;
    display: block;
    height:280px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.4;
}

.jobs_banner
{
width:100%;
height:280px;
float:left;
background-image:url(../images/Career_Banner.png);
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
margin:75px 0px 0px 0px;
}
.jobs_banner:after
{
content: " ";
    z-index: 10;
    display: block;
    height:280px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.4;
}

.contact_bannertxt
{
width:85%;
height:auto;
float:left;
text-align:left;
position:absolute;
top:180px;
z-index:11;
text-transform:uppercase;
color:#fff;
font-size:50px;
font-weight:800;
letter-spacing:0.8px;
}
.contacthd_txt
{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0px 10px 0px;
    font-size: 50px;
    letter-spacing: 1px;
    font-weight:300;
    color: #ccc;
    text-align: right;
}
.contact_sideimg
{
    width: 98.2%;
    height: 300px;
    float: left;
    background-image:url(../images/contact-us-sideimg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin: -25px 0px 30px 25px;
}
.whowe_subtxt i
{
margin-right:10px;
color:#E53333;
}
.contact_form_hdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:40px;
letter-spacing:1px;
font-weight:300;
color:#b9b9b9;
margin: 25px 0px;
}
.desc_field
{
width:100%;
height:100px;
float:left;
}
.field
{
width:100%;
height:45px;
float:left;
}
.enquiry_field
{
width: 100%;
    height:115px !important;
    float: left;
}
.field_label
{
width:48%;
height:auto;
float:left;
font-size:12px;
letter-spacing:0.8px;
color:#111;
font-weight:500;
padding:5px 10px 4px 10px;
outline:none;
border: none;
border-bottom: 1px solid #eaeaea;
margin-right:10px;
}
.textarea_field_label
{
width:48%;
height:100px;
float:left;
font-size:12px;
letter-spacing:0.8px;
color:#111;
font-weight:500;
padding:5px 10px 4px 10px;
outline:none;
border: none;
border-bottom: 1px solid #eaeaea;
margin-right:10px;
}
.field_insert
{
width:50%;
height:auto;
float:left;
}
.field_insert input
{
width:100%;
height:auto;
float:left;
padding:5px 10px 5px 0px;
outline:none;
border: none;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
background-color:#fbfbfb;
border-bottom: 1px solid #eaeaea;
}
.field_insert select
{
width:100%;
height:auto;
float:left;
padding:5px 10px 5px 10px;
background-color:#fbfbfb;
outline:none;
border: none;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
border-bottom: 1px solid #eaeaea;
    -webkit-appearance: none;
	-moz-appearance:none; 	
}
.field_insert i 
{
position: absolute;
right:0px;
font-size: 17px;
font-weight: 600;
margin:10px 20px 0px 0px;
}
.foot_field_insert {
    width: 100%;
    height: 62px;
    float: left;
}
.field_insert textarea
{
width:100%;
height:100px;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
float:left;
padding:5px 10px 5px 10px;
outline:none;
border: none;
background-color:#fbfbfb;
border-bottom: 1px solid #eaeaea;
}
.back_links
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:10px 0px;
font-size:15px;
color:#fff;
letter-spacing:0.6px;
font-weight:300;
}
.back_links a i
{
font-size:15px;
color:#fff;
}
.back_links a i:hover
{
color:#fff;
}
.contact_submit
{
width:100%;
height:auto;
float:left;
text-align:center;
padding:60px 0px 30px 0px;
}
.contact_submit input
{
background-color:#E53333;
border:1px solid #E53333;
padding:8px 30px;
color:#fff;
outline:none;
box-shadow: 0px 0px 8px 1px #ccc;
}
.app_submit
{
width:100%;
height:auto;
float:left;
text-align:center;
padding:60px 0px 30px 0px;
}
.app_submit input
{
background-color:#E53333;
border:1px solid #E53333;
padding:8px 30px;
color:#fff;
outline:none;
box-shadow: 0px 0px 8px 1px #ccc;
}
.nobrder
{
border:none !important;
}
.contact_submit input:hover
{
background-color:transparent;
color:#E53333;
}
.contact_section
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 30px 0px;
position:relative;
z-index:1;
}
.contact_form_bg
{
width:100%;
height:auto;
float:left;
background-color:#fbfbfb;
position:relative;
z-index:1;
margin:-60px 0px 60px 0px;
padding:0px 30px;
}
/*contact us end*/


/* Career */
.career_banner
{
width:100%;
height:400px;
background-image:url(../images/career-banner.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.career_banner:after
{
    content: " ";
    z-index: 10;
    display: block;
    height:400px;
    top: 0;
    left: 0;
    right: 0;
    background-color:#000;
	opacity:0.5;
}

.careerbody_section
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
}
.wrking_withus
{
width:100%;
text-align:center;
font-size:35px;
color:#111;
letter-spacing:0.8px;
font-weight:300;
margin: 0px 0px 10px 0px;
}
.paracontxt
{
font-size:14px;
line-height:25px;
letter-spacing:0.8px;
}
.notetxt
{
width:100%;
text-align:left;
font-size:13px;
color:#111;
letter-spacing:0.8px;
font-weight:600;
margin-bottom:30px;
float:left;
}
.crntopentxt
{
width:100%;
text-align:center;
font-size:35px;
color:#111;
letter-spacing:0.8px;
font-weight:300;
margin-top:30px;
}
.applylink
{
width:100%;
text-align:left;
margin:30px 0px 20px 0px;
font-size:18px;
letter-spacing:0.8px;
}
.applylink span
{
font-weight:800;
}
.joblist
{
width:100%;
height:auto;
float:left;
}
.joblist ul
{
padding:0px 0px 0px 25px;
} 
.joblist ul li
{
list-style: circle;
line-height:30px;
letter-spacing: 0.5px;
}
.joblist ul li a
{
font-size:16px;
letter-spacing:0.6px;
color:red;
}
.joblist ul li a:hover
{
text-decoration:none;
color:#111;
}
.joblisttxt
{
width:100%;
margin:15px 0px;
}
.joblisttxt a
{
font-size:16px;
letter-spacing:0.8px;
color:#15547D;
text-decoration:underline;
}
.joblisttxt a:hover
{
text-decoration:none;
color:red;
}
.destxt
{
width:100%;
height:auto;
font-size:14px;
color:#111;
margin-top:30px;
letter-spacing:0.6px;
font-weight:600;
float:left;
}
.destxt span
{
font-weight:normal !important;
}
.applythis
{
width:100%;
height:auto;
margin:30px 0px;
float:left;
}
.applythis a
{
font-size:15px;
color:#fff;
background-color:#e03026 ;
padding:10px 28px;
font-weight:600;
letter-spacing:0.8px;
text-transform:uppercase;
}
.applythis a:hover
{
text-decoration:none;
background-color:#15547D;
color:#fff;
}
.applyfrm
{
    width: 46%;
    height: auto;
    text-align: center;
    float: left;
    margin: 30px 27% 30px 27%;
}
.namelabel
{
width:30%;
float:left;
text-align:left;
padding:10px 0px;
margin-right:10px;
font-size:12px;
letter-spacing:0.8px;
}
.textbox
{
width:50%;
float:left;
text-align:left;
}

.textbox input
{
width:90%;
padding:8px 15px;
border:1px solid #ccc;
margin:0 auto;
font-size:12px;
letter-spacing:0.8px;
}
.textbox select
{
width:90%;
padding:8px 15px;
border:1px solid #ccc;
margin:0 auto;
font-size:12px;
letter-spacing:0.8px;
-moz-appearance: none;
}

.peral_infotxt
{
width:100%;
height:auto;
float:left;
margin:20px 0px;
font-size:20px;
color:#E53333;
font-weight:300;
letter-spacing:0.8px;
}
.radiobtn
{
width:22%; float:left; margin-right:20px;
}
.radiobtn input
{
width:38% !important;
}
.whr_hr
{
padding: 20px 0px 9px 0px !important;
}
.whr_hr_icon
{
position:absolute;
right:0;
margin:15px 30px 0px 0px;
}
.fileupload input
{
margin:10px 0px !important;
width:100% !important;
border:none !important;
padding:0px !important;
}
.submitbtn
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:20px 0px;
}
.submitbtn button
{
background-color: #010F21;
color: #fff;
font-size: 16px;
letter-spacing: 0.8px;
padding:8px 23px;
border: 1px solid #010F21;
}
.submitbtn button:hover
{
background-color:transparent;
border:1px solid #010F21;
color:#010F21;
}
.modalf
{
    left: 23px;
}
.calenrf {
    position: relative !important;
    top: -28px;
    right: 0;
    left: 138px !important;
}
.calenr {
    position: relative !important;
    left: 138px !important;
    top: -28px !important;
}
.fromdatepickicon
{
    position: absolute;
    bottom: 63px;
}
.fromdatepickicon:after
{
    content:"\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
        position: relative;
    left: 135px;
    top: -30px;
}
.todatepickicon
{
    position: absolute;
    bottom: 63px;
}
.todatepickicon:after
{
    content:"\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
        position: relative;
    left: 135px;
    top: -30px;
}
.todateicon:after
{
    content:"\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
        position: relative;
    left: 135px;
    top: -30px;
}
.modal
{
    position: absolute !important;
    border-radius: 0px !important;
    right: 0px !important;
	bottom:auto !important;}
.modalcontent
{
width:100% !important;
margin:0px !important;
}
.fromdate
{
width:44%;
height:auto;
float:left;
margin-right:10px;
}
.fromdate input
{
width:100%;
}
.todate
{
width:44%;
height:auto;
float:left;
}
.todate input
{
width:100%;
}
.function_order
{
width:100%;
height:250px;
background-image:url(../images/function-order-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin-top:20px;
}
.function_order:after
{
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
	margin-top:70px;
    height:250px;
    top: 0;
    left: 0;
    right: 0;
    background-color:#3392BA;
	opacity:0.8;
}
.contact_us
{
width:100%;
height:350px;
background-image:url(../images/contactus-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.contact_us:after
{
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height:350px;
    top: 0;
    left: 0;
    right: 0;
    background-color:#3392BA;
	opacity:0.9;
}

.textbox textarea
{
width:90%;
height:50px;
padding:8px 15px;
border:1px solid #ccc;
margin:0 auto;
font-size:12px;
letter-spacing:0.8px;
}
.errormsg {
    width: 100%;
	height:auto;
	float:left;
    font-size: 12px;
    margin-top:2px;
    color: red;
	letter-spacing:0.8px;
}
.field_insert span
{
font-size:12px;
letter-spacing:0.8px;
font-weight:400;
color:#15547D;
margin-top:10px;
}
/*Career End*/


example_f {
   border-radius: 4px;
   background: linear-gradient(to right, #67b26b, #4ca2cb) !important;
   border: none;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   font-size: 22px;
   padding: 20px;
   width: 200px;
   transition: all 0.4s;
   cursor: pointer;
   margin: 5px;
 }
 .example_f span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.4s;
 }
 .example_f span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .example_f:hover span {
   padding-right:12px;
 }
 .example_f:hover span:after {
    opacity: 1;
    right: -10px;
    font-size: 24px;
    top: -8px;
 }



/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.fmcgicon
{
background-color: #4eafec !important;
bottom: 0px !important;
right:2.5% !important;
position: absolute !important;
z-index: 111 !important;
}
.fmcgicon2
{
background-color: #4eafec !important;
bottom: 0px !important;
right:2.5% !important;
position: absolute !important;
z-index: 111 !important;
}
.topmarg0
{
margin-top:0px !important; 
padding:0px !important;
margin-bottom:40px !important;
}
.watericon
{
background-color: #307fe24d !important;
    top: 20px !important;
    right: 3% !important;
    bottom: auto;
}
.nomrgn
{
margin:0px !important;    
}
.whtbg
{
background-color:#fff !important;
margin:0px !important;
padding:30px 0px 0px 0px !important;
}
.marg0
{
    margin:0px !important;
}
.marg0:hover
{
box-shadow:0px 0px 0px 0px #555 !important;
-webkit-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
transform: translateY(0px) !important;
cursor: pointer;   
}
.watrmgt
{
height:400px !important;
border-top: 2px solid #999 !important;
box-shadow: 0 -5px 5px -5px #333 !important;
}
.sportsnametxt
{
    padding: 8px 30px;
    font-size:17px;
    font-weight:600;
    letter-spacing: 0.6px;
    color: #000;
    background-color: #fffc;
    position: absolute;
    z-index: 99;
    margin: -21px 0px 0px -27px;  
}

.watrmgt:after {
  content: " " !important;
  z-index: 10 !important;
  display: block !important;
  height:400px !important;
  background: rgba(0, 0, 0, 0.3) !important;
}
.watermgt_content
{
width: 80%;
height: auto;
float: left;
text-align: center;
padding:100px 30px 0px 30px;
position: absolute;
}
.watermgt_content_hdtxt
{
width:100%;
height:auto;
float:left;
margin:0px;
font-size:40px;
color:#fff;
font-weight:800;
letter-spacing:0.8px;    
}
.watermgt_content_subtxt
{
    width: 90%;
    height: auto;
    float: left;
    margin: 20px 5%;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 26px;    
}


/*Responsive menu */
/*Responsive menu*/
.description {
position: absolute;
top: 50%;
left: 50%;
width:85%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.abtus li
{
line-height: 12px !important;
border-bottom: 1px solid #e0e0e0;
padding:5px 0px !important;}

.menu
{
position:absolute;
right:0px;
top:8px;
padding:0px;
}
.arrow-down {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:43%;
}
.arrow-down2 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:81%;
}
.arrow-down3 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:46%;
}

.menu-container {
width: 100%;
}

.menu-mobile {
display: none;
padding: 20px;
}

.menu-mobile:after {
content: "\f394";
font-family: "Ionicons";
font-size: 2.5rem;
padding: 0;
float: right;
position: relative;
top: 50%;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}

.menu-dropdown-icon:before {
content: "\f489";
font-family: "Ionicons";
display: none;
cursor: pointer;
float: right;
padding: 1.5em 2em;
background: #fff;
color: #333;
}

.menu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
padding: 0;
position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}

.menu > ul:after {
clear: both;
}

.menu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.inner_hdtxt
{
color:#111 !important;
font-weight:500 !important;
font-size:13px !important;
}
.support_maintain
{
border-bottom: 1px solid #ccc !important;
padding:14px 0px !important;
color:#111 !important;
font-weight:500 !important;
font-size:15px !important;
}

.menu > ul > li a {
text-decoration: none;
padding:5px 20px 8px 20px;
display: block;
color:#111;
font-size:15px;
font-weight:600;
letter-spacing:1px;
}

.menu > ul > li:hover {
opacity:1;
color:#111;
}
.menu > ul > li a:hover {
color:#ff6600;
}
.menu > ul > li > ul {
display: none;
width:1250px;
height:auto;
background: #f0f0f0;
padding: 20px;
position: absolute;
z-index: 99;
left:-860px;
top:45px;
margin: 0;
list-style: none;
box-sizing: border-box;
border-top:3px solid red;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
content: "";
display: table;
}

.menu > ul > li > ul:after {
clear: both;
}

.menu > ul > li > ul > li {
margin: 0;
padding-bottom: 0;
list-style: none;
width: 25%;
background: none;
float: left;
}

.menu > ul > li > ul > li a {
color: #555;
padding: .2em 0;
font-size:14px;
font-weight:400;
width: 95%;
display: block;
border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover {
margin-left:5px;
color:#ff6600;
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
content: "";
display: table;
}

.menu > ul > li > ul > li > ul:after {
clear: both;
}

.menu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
font-size: .8em;
line-height:0px;
}

.menu > ul > li > ul > li > ul > li a {
border: 0;
}

.menu > ul > li > ul.normal-sub {
width:280px;
height:auto;
left:-3px;
padding: 10px 20px;
border-top:3px solid red;
}

.menu > ul > li > ul.normal-sub > li {
width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
border: 0;
padding:5px 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
.menu-container {
width: 100%;
}
.menu-mobile {
display: block;
}
.menu-dropdown-icon:before {
display: block;
}
.menu > ul {
display: none;
}
.menu > ul > li {
width: 100%;
float: none;
display: block;
}
.menu > ul > li a {
padding: 1.5em;
width: 100%;
display: block;
}
.menu > ul > li > ul {
position: relative;
}
.menu > ul > li > ul.normal-sub {
width: 100%;
}
.menu > ul > li > ul > li {
float: none;
width: 100%;
margin-top: 20px;
}
.menu > ul > li > ul > li:first-child {
margin: 0;
}
.menu > ul > li > ul > li > ul {
position: relative;
}
.menu > ul > li > ul > li > ul > li {
float: none;
}
.menu .show-on-mobile {
display: block;
}
}

.menu-wrap {
background-color: #fff;
position: fixed;
top: 0;
height: 100%;
width:280px;
margin-left: -340px;
font-size: 1em;
font-weight: 700;
overflow: auto;
transition: .25s;
z-index: 10;
}
.menu-show {
margin-left: 0;
box-shadow: 4px 2px 15px 1px #B9ADAD;
}
.menu-sidebar {
margin:50px 0 0px 0px;
position: relative;
}
.menu-sidebar li {
padding: 18px 10px 0;
list-style:none;
}
.menu-sidebar li > a {
color: #e03026;
font-size:16px;
position: relative;
}
.menu-sidebar li > a:hover
{
text-decoration:none;
}
/*.menu-sidebar li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
transform: translate(-50%);
background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}*/
.menu-sidebar li > a:hover::after {
background-position: -100% 0;
}
.menu-sidebar .menu-item-has-children {
position: relative;
}
.menu-sidebar .menu-item-has-children .sub-menu {
display: none;
padding:0px;
}
.sidebar-menu-arrow::after {
    content: "\f107";
    font-family: 'FontAwesome';
    padding: 10px;
    color: #555;
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 23px;
}
.sidebar-menu-arrow:hover::after {
cursor: pointer;
color: #ff6600;
}
.sidebar-menu-arrow:active::after {
top: 2px;
}


/*Hamburger Button*/
.toggle-button {
position: fixed;
width: 44px;
height: 40px;
top:20px;
left:5px;
padding: 4px;
transition: .25s;
z-index: 15;
}
.toggle-button
{
display:none;
}
.toggle-button:hover {
cursor: pointer;
}
.toggle-button .menu-bar {
position: absolute;
border-radius: 2px;
width: 80%;
transition: .5s;
}
.toggle-button .menu-bar-top {
border: 4px solid #111;
border-bottom: none;
top: 0;
}
.toggle-button .menu-bar-middle {
height: 4px;
background-color: #111;
margin-top: 7px;
margin-bottom: 7px;
top: 4px;
}
.toggle-button .menu-bar-bottom {
border: 4px solid #111;
border-top: none;
top: 22px;
}
.button-open {
left: 25px;
}
.button-open .menu-bar-top {
border-color: #111;
transform: rotate(45deg) translate(8px, 8px);
transition: .5s;
}
.button-open .menu-bar-middle {
background-color: #111;
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.button-open .menu-bar-bottom {
border-color: #111;
transform: rotate(-45deg) translate(7px, -7px);
transition: .5s;
}

/*Responsive menu end*/



/* Slider */
/*========== Banner Slider ===============*/
.home_banner
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.slider_img1
{
width:100%;
height:100vh;
background-image:url(../images/water-mgt.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.slider_img1:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
background-image:url(../images/overlay-bg.png);
background-position:center;
background-repeat:repeat;
}

.slider_img2
{
width:100%;
height:100vh;
background-image:url(../images/slider-2.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.slider_img2:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
background-image:url(../images/overlay-bg.png);
background-position:center;
background-repeat:repeat;
opacity: 0.5;
}

.slider_img3
{
width:100%;
height:100vh;
background-image:url(../images/slider-1.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.slider_img3:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
  background: rgba(0, 0, 0, 0.3);
}


.slider_img4
{
width:100%;
height:100vh;
background-image:url(../images/ecommerce-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

.slider_img4:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
  background-image:url(../images/overlay-bg.png);

  background-position:center;
background-repeat:repeat;
opacity: 0.5;
}
.slider_img5
{
width:100%;
height:100vh;
background-image:url(../images/fmcg-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.slider_img5:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
background-image:url(../images/overlay-bg.png);
background-position:center;
background-repeat:repeat;
opacity: 0.5;
}
.slider_img6
{
width:100%;
height:100vh;
background-image:url(../images/gps-tracking-system-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

.slider_img6:after {
  content: " ";
  z-index: 10;
  display: block;
  height:100vh;
  background: rgba(0, 0, 0, 0.3);
}
.gps_traking_section
{
width:100%;
height:auto;
float:left;
margin:15px 0px 35px 0px;
}
.gps_traking
{
width:100%;
height:350px;
background-image:url(../images/gps-bannerimg.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
}
.gps_traking:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background: rgba(0, 0, 0, 0.5);
}
.evehicle
{
width:100%;
height:200px;
background-image:url(../images/e-vehicle.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.jg_fmcg_img
{
width:100%;
height:250px;
background-image:url(../images/brand-ritemix-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
box-shadow: 7px 9px 9px -8px #333;
}
.jg_fmcg_img:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
margin: 0px 0px 0px 0px;
background: #000;
opacity: 0.3;
}
.jg_fmcg_img2
{
width:100%;
height:250px;
background-image:url(../images/jg-aquasip-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:;
box-shadow: 7px 9px 9px -8px #333;
}
.jg_fmcg_img2:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
margin: 0px 0px 0px 0px;
background: #000;
opacity: 0.3;
}
.fmcg_content
{
width:100%;
height:auto;
float:left;
padding:30px 30px;
position: relative;
    z-index: 11;
}
.fmcg_content_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:30px;
letter-spacing:1px;
font-weight:800;
color:#fff;
margin:0px 0px 10px 0px;
}
.fmcg_content_subtxt
{
width:100%;
height:auto;
float:left;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
color:#fff;
line-height: 23px;
margin:0px 0px 10px 0px;
}
.growmax_content {
    width: 95%;
    height: 300px;
    float: left;
    position: absolute;
    padding: 80px 30px;
    z-index: 1;
    background-color: #00000096;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
    letter-spacing:1px;
}
.bgtransparent_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 12px 15px;
}
.growmax_content_hdtxt
{
width:100%;
height:auto;
float:left; 
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
color:#fff;
line-height: 23px;
margin:0px 0px 10px 0px;
}
.growmax_content_subtxt
{
width:100%;
height:auto;
float:left; 
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
color:#fff;
line-height: 23px;
margin:0px 0px 10px 0px;
}
.gps_traking_content
{
width:25%;
height:auto;
float:left;
background-color:#fff;
position:absolute;
right:110px;
padding:25px;
}
.evehicle_content
{
width: 80%;
height: auto;
float: left;
padding: 15px;
background-color: #fff;
margin: -30px 10% 0px 10%;
box-shadow: 0px 0px 5px 1px #ccc;}
.evehicle_content_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:15px;
letter-spacing:0.8px;
font-weight:600;
color:#111;
}
.teampersons
{
    
}
.evehicle_content_btn a
{
text-decoration: none;
    padding: 13px 25px;
    border: 1px solid #00AEED;
    background-color: #00AEED;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 8px;
}
.evehicle_content_btn
{
width:100%;
height:auto;
float:left;
margin:30px 0px 20px 0px;
}
.evehicle_content_btn a:hover
{
text-decoration:none;
background-color:#fff;
color:#00AEED;
}
.main-section {
  position: relative;
  height: 100%;
}
.inner-page {
  width: 100%;
  position: relative;
}
.inner-page__cover {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.inner-page__title {
  position: absolute;
  display: block;
  top: 50%;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
}
.inner-page__title h1 {
  font-size: 5.4rem;
  margin: 0 0 20px 0;
}
.inner-page__title p {
  font-size: 2.6rem;
  margin: 0;
}
.inner-page__meta {
  text-align: center;
  font-size: 1.4rem;
}
.inner-page__meta a {
  color: ##92D050;
  text-decoration: none;
}
.inner-page__content {
  margin: 0 auto;
  padding: 30px 0 50px;
  font-size: 1.8rem;
  position: relative;
  overflow-x: hidden;
}
.inner-page__content .content-wrap {
  max-width: 960px;
  padding: 0 80px;
  margin: 0 auto;
}
.inner-page__content p {
  line-height: 1.5;
}
.inner-page__prev-post {
  position: absolute;
  left: -300px;
  top: 0;
  bottom: 0;
  text-align: left;
  text-decoration: none;
  -webkit-transition: .75s;
          transition: .75s;
  width: 300px;
}
.inner-page__prev-post::before {
  content: '';
  display: block;
  position: absolute;
  right: -50px;
  width: 50px;
  top: 0;
  bottom: 0;
}
.inner-page__prev-post > span {
  color: #92D050;
  display: inline-block;
  position: absolute;
  left: -webkit-calc(100% + 50px);
  left: calc(100% + 50px);
  top: 50%;
  width: 100px;
  -webkit-transform: rotate(-90deg) translateY(-50%);
      -ms-transform: rotate(-90deg) translateY(-50%);
          transform: rotate(-90deg) translateY(-50%);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  line-height: 50px;
  text-align: center;
  -webkit-transition: .3s;
          transition: .3s;
  opacity: 1;
}
.inner-page__prev-post .prev-post__title {
  display: block;
  color: #fff;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  text-align: center;
  font-size: 2.4rem;
}
.inner-page__prev-post .prev-post__title::before {
  content: 'Previous post :';
  display: block;
  margin-bottom: 10px;
  font-size: 2.0rem;
}
.inner-page__prev-post .prev-post__cover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.inner-page__prev-post.active {
  left: 0;
}
.inner-page__prev-post.active > span {
  opacity: 0;
}
.inner-page__next-post {
  position: absolute;
  right: -300px;
  top: 0;
  bottom: 0;
  text-align: left;
  text-decoration: none;
  -webkit-transition: .75s;
          transition: .75s;
  width: 300px;
}
.inner-page__next-post::before {
  content: '';
  display: block;
  position: absolute;
  left: -50px;
  width: 50px;
  top: 0;
  bottom: 0;
}
.inner-page__next-post > span {
  color: ##92D050;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -webkit-calc(100% + 50px);
  right: calc(100% + 50px);
  width: 100px;
  -webkit-transform: rotate(90deg) translateY(-50%);
      -ms-transform: rotate(90deg) translateY(-50%);
          transform: rotate(90deg) translateY(-50%);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  line-height: 50px;
  text-align: center;
  -webkit-transition: .3s;
          transition: .3s;
  opacity: 1;
}
.inner-page__next-post .next-post__title {
  display: block;
  color: #fff;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  text-align: center;
  font-size: 2.4rem;
}
.inner-page__next-post .next-post__title::before {
  content: 'Next post :';
  display: block;
  margin-bottom: 10px;
  font-size: 2.0rem;
}
.inner-page__next-post .next-post__cover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.inner-page__next-post.active {
  right: 0;
}
.inner-page__next-post.active > span {
  opacity: 0;
}
.inner-page__footer {
  position: relative;
  background-color: #0f0f0f;
  text-align: center;
  height: 150px;
}
.inner-page__footer .scroll-top {
  font-size: 20px;
  color: #fff;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  text-decoration: none;
  position: relative;
  top: 10px;
}
.inner-page__footer .scroll-top::after {
  content: 'Back To Top';
  position: absolute;
  top: 40px;
  left: -100%;
  right: -100%;
  line-height: 14px;
  font-size: 14px;
}
.inner-page__footer-links {
  list-style-type: none;
  position: absolute;
  top: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.inner-page__footer-links li {
  display: inline-block;
  margin-right: 40px;
}
.inner-page__footer-links li:last-of-type {
  margin: 0;
}
.inner-page__footer-links li a {
  font-size: 20px;
  text-decoration: none;
}
.inner-page__footer-links li a .fa {
  color: #fff;
  -webkit-transition: .3s;
          transition: .3s;
}

@media (max-width: 1400px) {
  .inner-page__title h1 {
    font-size: 3.8rem;
  }
  .inner-page__title p {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .main-section__logo {
    top: 25px;
  }
  .main-section__menus {
    top: 20px;
  }
  .main-section__links {
    bottom: 25px;
  }
  .inner-page__cover {
    background-size: initial;
    background-position: initial;
    background-attachment: initial;
  }
  .inner-page__title {
    top: 100px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .inner-page__title h1 {
  text-decoration:none !important;
  border:none !important;
  }
  .inner-page__title h1:hover
  {
    text-decoration:none !important;
  border:none !important;

  }
  .inner-page__title p {
    font-size: 1.8rem;
  }
  .inner-page__content {
    padding-bottom: 0;
  }
  .inner-page__content .content-wrap {
    padding: 0 25px;
  }
  .inner-page__prev-post {
    position: relative;
    width: 100%;
    height: 100px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: block;
  }
  .inner-page__prev-post::before {
    display: none;
  }
  .inner-page__prev-post > span {
    display: none;
  }
  .inner-page__prev-post .prev-post__title {
    font-size: 1.8rem;
  }
  .inner-page__prev-post .prev-post__title::before {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .inner-page__prev-post .prev-post__cover {
    z-index: -1;
  }
  .inner-page__next-post {
    position: relative;
    width: 100%;
    height: 100px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: block;
  }
  .inner-page__next-post::before {
    display: none;
  }
  .inner-page__next-post > span {
    display: none;
  }
  .inner-page__next-post .next-post__title {
    font-size: 1.8rem;
  }
  .inner-page__next-post .next-post__title::before {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .inner-page__next-post .next-post__cover {
    z-index: -1;
  }
  .about-page,
  .contact-page {
    background-attachment: initial;
    background-size: initial;
    background-position: initial;
  }
  .about-page__title,
  .contact-page__title {
    font-size: 3.2rem;
  }
  .about-page__inner,
  .contact-page__inner {
    padding: 120px 25px 50px;
  }
}
@media (max-width: 480px) {
  .inner-page__title {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.mistify {
  position: relative;
  width: 100%;
  height:100vh;
  margin:0px 0px 0px 0px;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
.mistify__slide {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  z-index: 0;
  overflow: hidden;
}
.mistify__slide img {
  display: none;
}
.mistify__slide--active {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.mistify__slide-content {
  display: none;
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mistify__slide-title,
.mistify__info-title {
margin:10px 0px 0px 0px;
color: #fff;
font-size:14px;
opacity: 1;
line-height:20px;
font-weight:300;
letter-spacing:1px;
font-family: 'Poppins';

}
#cookie-msg
{
padding: 10px 50px !important;
font-size: 13px !important;
z-index:111 !important;
}
.mistify__info-title:hover
{
text-decoration:none !important;
border:none !important;
}
.mistify__slide-description,
.mistify__info-description {
  margin: 0;
  color: #fff;
  font-size:44px;
  letter-spacing:4px;
  font-weight:700;
font-family: 'Lato-Regular' !important;
  width:auto;
    line-height: 50px;
}

.round {
    position: absolute;
    border: 2px solid #9ED1FB;
    width:0px;
    height:0px;
    border-radius: 100%;
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:15px;}
.segunda{margin-left: 8px;}
.next {
  background-image: url(../images/left_arrow_icon.svg);
}


/*@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}*/

@keyframes bounceAlpha {
  55% {opacity: 1; transform: translateX(0px) scale(1);}
  26%{opacity: 0; transform:translateX(10px) scale(0.9);}
  25%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  0% {opacity: 1; transform: translateX(0px) scale(1);}
}
.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.banner_btn a
{
       position: absolute !important;
    top:50% !important;
    left:10% !important;
}
.slider_content
{
  padding:10px 10px;
  background-color: #0000008f !important;  
}
.mistify__info-more {
display: inline-block;
    position: relative;
    margin: 30px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #307FE2;
    background-color: #307FE2;
    padding: 13px 32px;
    letter-spacing: 1px;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
}
/*.mistify__info-more:hover, .mistify__info-more:focus
{
    border:1px solid #2060b1;
  background-color: #2060b1;
  
}*/
.mistify__info-more::before {
  content: '';
  position: absolute;
  bottom: 6px;
  right: -6px;
  height: 6px;
  background-color: #92D050;
  z-index: -1;
  -webkit-transition: .3s;
          transition: .3s;
}
.mistify__info-more:hover::before {
}
.mistify__slide-timestamp {
  display: none;
}
.mistify__info-container {
  max-width:26%;
  position: absolute;
  left: 15%;
  top:50%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 5;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mistify__info-container li:hover, .mistify__info-container li a:hover {
border:none !important;
text-decoration:none !important
}
.mistify__info {
  display: none;
}
.mistify__info a {
  text-decoration: none;
}
.mistify__info a:hover, .mistify__info a:focus
{
text-decoration: none;
}
.mistify__info--active {
  display: block;
}
.mistify__info--active:hover .mistify__info-more {
  opacity: 1;
}
.mistify__info--active .mistify__info-title {
  -webkit-animation: slideinleft .2s;
          animation: slideinleft .2s;
}
.mistify__mask-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.mistify__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.mistify__mask img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
  min-width: 100%;
  min-height: 100%;
}
.mistify__mask--active {
  -webkit-animation: fadingout 5s ease-in;
          animation: fadingout 5s ease-in;
}
.mistify__mask--active img {
  -webkit-animation: mistzooming 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: mistzooming 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mistify__mask--playing {
  opacity: 1;
  -webkit-animation: mist 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: mist 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mistify__arrows {
  display: inline-block;
  width: 50px;
  height: 100px;
  position: absolute;
  left: 10%;
  top: 50%;
  z-index: 5;
  margin: -50px 0 0 -50px;
  display:none;
}
.mistify__arrows a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  -webkit-transition: .2s;
          transition: .2s;
  font-size: 16px;
}
.mistify__arrows .mistify__arrows--prev:hover,
.mistify__arrows .mistify__arrows--prev.mistify__arrows--active {
  color:#92D050;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.mistify__arrows .mistify__arrows--next:hover,
.mistify__arrows .mistify__arrows--next.mistify__arrows--active {
  color:#92D050;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}
.mistify__dots-container {
  display: block;
  position: absolute;
  right: 5%;
  bottom:50%;
  margin: 0 30px 0 0;
  padding: 0;
  list-style-type: none;
  z-index: 5;
  text-align: right;
}
.mistify__dots-container--hover .mistify__dots--active {
  padding-right: 50px;
}
.mistify__dots-container--hover .mistify__dots--active::after {
  width: 40px;
  background-color: #fff;
}
.mistify__dots-container--hover .mistify__dots--active span {
  opacity: 0;
}
.mistify__dots-container--hover .mistify__dots--hover {
  padding-right: 90px;
}
.mistify__dots-container--hover .mistify__dots--hover::after {
  width: 80px;
  background-color:#92D050;
}
.mistify__dots-container--hover .mistify__dots--hover span {
  opacity: 1;
}
.mistify__dots {
  position: relative;
  display: block;
  width: 500px;
  height:20px;
  padding: 0 50px 0 0;
  cursor: pointer;
  -webkit-transition: .3s;
          transition: .3s;
  text-align: right;
  box-sizing: border-box;
}
.mistify__dots::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 2px;
  margin-left: 15px;
  background-color: #fff;
  -webkit-transition: .3s;
          transition: .3s;
}
.mistify__dots span {
  display: inline-block;
  position: relative;
  top: -7px;
  opacity: 0;
  font-size: 1.6rem;
  -webkit-transition: .5s;
          transition: .5s;
  color:#fff;
}
.mistify__dots--active {
  padding-right: 90px;
}
.mistify__dots--active::after {
  width: 80px;
  background-color:#92D050;
}
.mistify__dots--active span {
  opacity: 1;
}
@media (max-width: 1400px) {
}
@media (max-width: 767px) {
  .mistify__info-container {
    max-width: 80%;
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    left: 50px;
    margin-left: 0;
    padding-right: 20px;
  }
  .mistify__info--active {
    display: block;
  }
  .mistify__info--active .mistify__info-title {
    -webkit-animation: none;
            animation: none;
  }
  .mistify__slide-title,
  .mistify__info-title {
    font-size: 2.4rem;
  }
  .mistify__slide-description,
  .mistify__info-description {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  
  .mistify__info-more {
    opacity: 1;
    font-size: 1.6rem;
    margin: 0;
  }
/*  .mistify__info-more::before {
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
  }
*/  .mistify__mask--active img {
    -webkit-animation: mobilemistzooming 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: mobilemistzooming 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .mistify__arrows {
    left: 0;
    margin-left: 0;
  }
  .mistify__arrows .mistify__arrows--prev:hover {
    color: #fff;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .mistify__arrows .mistify__arrows--next:hover {
    color: #fff;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .mistify__dots-container {
    right: 0;
    bottom: 15%;
    margin: 0 15px 0 0;
  }
}
@-webkit-keyframes mistzooming {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
  }
}
@keyframes mistzooming {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(50) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes mobilemistzooming {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(20) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(20) translate3d(0, 0, 0);
  }
}
@keyframes mobilemistzooming {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(20) translate3d(0, 0, 0);
            transform: translate(-50%, -50%) scale(20) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideinleft {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes slideinleft {
  0% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes fadingout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadingout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*========== Banner Slider End ===============*/
/* Slider end */

/* About Us */
.abt_us_bdy_sec
{
width: 100%;
height: auto;
float: left;
margin:30px 0px 0px 0px;
}
.history_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:25px;
color: #000;
letter-spacing: 1.5px;
font-weight:800;
margin:0px 0px 15px 0px;       
}
.history_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:17px;
color: #000;
letter-spacing:0.5px;
font-weight:300;
line-height:31px;
margin:10px 0px 30px 0px; 
padding:0px 72px 0px 72px;;
}
.history_content_subtxt ul
{
width: 100%;
height: auto;
float: left;
margin:10px 0px;
padding:0px 0px 35px 45px;
}
.history_content_subtxt ul li
{
    list-style: disc;
}
.history_content_subtxt ul li::before {
  content: "\2022";
  color:#ccc;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.vission_sustain_sec
{
width: 100%;
height: auto;
float: left;    
margin:15px 0px 30px 0px;

}
.vission_bg
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/jg-vision.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
box-shadow: 7px 9px 9px -8px #333;
}
.golf_field_construction_bg
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/golf-field-construction.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.ecommerce_bg
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/ecommerce.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.sports_water_mgtimg
{
width: 100% !important;
height: 350px !important; 
float: left !important;
/*background-image:url(../images/sports-field-mgt.jpg) !important;*/ 
background-image:url(../images/Hydro-Seed.jpg) !important; 
background-position: center !important;
background-repeat: no-repeat !important;

}
.vission_content_sec
{
width: 100%;
height:350px;
float: left;   
padding:15px 30px 15px 50px;
background-color:#9ed1fb;
box-shadow: 7px 9px 9px -8px #333;
}
.animate_arrow
{
    width: 58px;
    background-color: #9ed1fb;
    padding: 4px 20px;
    height: 54px;
    float: left;
    position: absolute;
    left: -58px;
    top: 0px;
}
.center-con
{
width: 100%;
height: auto;
float: left;    
}
.vission_content_sec_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:25px;
color: #000;
letter-spacing: 1.5px;
font-weight:800;
margin:0px 0px 15px 0px;
font-family: 'Poppins';
}
.vission_content_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #000;
letter-spacing:0.5px;
font-weight:300;
line-height:25px;
margin:0px 0px 15px 0px;       
}
.vission_content_sec i
{
position: relative;
left: -91px;
padding: 11px 15px;
background-color:#9ed1fb;
color: #000;
font-size: 22px;
top: -15px;  
}

.sustainability_content_sec
{
width: 100%;
height:350px;
float: left;   
padding:30px 50px;
background-color:#0863A8; 
box-shadow: 7px 9px 9px -8px #333;

}
.sustainability_content_sec_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:25px;
color: #fff;
letter-spacing: 1.5px;
font-weight:800;
margin:0px 0px 15px 0px;
font-family: 'Poppins';
}
.sustainability_content_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #eee;
letter-spacing:0.5px;
font-weight:300;
line-height:25px;
margin:0px 0px 15px 0px;       
}
.vis_txt
{
    padding: 8px 30px;
font-size:17px;
    font-weight:600;
    letter-spacing: 0.6px;
    color: #000;

    background-color: #fffc;
    position: relative;
    left: -20px;
    top: -20px;
}
.sus_txt
{
    font-size:17px;
    color: #000;
    letter-spacing: 0.6px;
    font-weight:600;
    padding: 8px 30px;
    background-color: #fffc;
    border: 1px solid #fffc;
    position: relative;
    left: -70px;
    top: -48px;
}
/* About Us end */

/* business */
.business_img1
{
width: 100%;
height:260px;
float: left;
background-image:url(../images/sitemap-banner.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
margin: 0px 0px 30px 0px;     
}
.business_img2
{
width: 100%;
height:260px;
float: left;
background-image:url(../images/sitemap-banner.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
margin: 0px 0px 30px 0px;     
}
.img-wrapper {  
    width: 100%;
    height:300px;
    float: left;
    overflow: hidden;
}

.inner-img {
  transition: 0.3s;
}

.inner-img:hover {
  transform: scale(1.1);
}

/* Other styling elements, that are not necessary for the example */

.img-wrapper {
  display: inline-block;
  box-sizing: border-box;
box-shadow:7px 9px 9px -8px #333;
}
.business_bdy_sec
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
padding: 60px 0px 60px 0px;  
}
.business_bdy_secimg
{
width: 100%;
height: auto;
float: left; 
margin:0px 0px 30px 0px; 
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
transition: .5s;
}
.business_bdy_secimg:hover
{
box-shadow:7px 9px 9px -8px #555;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
/* business end */

.white_bg
{
width: 100%;
height:auto;
float: left; 
background-color:#fff !important;
}
.bdy_sec_hdtxt
{
width: 100%;
height: auto;
float: left;    
margin:0px 0px 12px 0px;
color:#010F21;
font-size:15px;
opacity: 1;
text-align:left;
line-height: 20px;
font-weight:800;
letter-spacing: 1px;
}
.sitemap_list
{
width: 100%;
height: auto;
float: left;  
padding:0px;
margin:0px 0px 30px 20px;
}
.sitemap_list li
{
width: 100%;
height: auto;
float: left;
line-height: 25px;
list-style: disc;   
}
.sitemap_list li::before {
    content: "\2022";
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.sitemap_list li i
{
color:#307FE2;     
margin:0px 10px 0px 0px;    
}
.sitemap_list li a
{
font-size:13px;
font-weight:300;
color:#000;
letter-spacing:0.7px;
}
.sitemap_list li a:hover
{
color:#307FE2;    
}
.sitemap_banner
{
width: 100%;
height:300px;
float: left;
background-color: #007ea7;
background-image:url(../images/sitemap-banner.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size:cover;
margin: 0px 0px 30px 0px; 
}
.sitemap_banner:after
{
content: " ";
z-index: 10;
display: block;
height:300px;
margin: 0px 0px 0px 0px;
background: #000;
opacity: 0.3;
}
.privacy_policy_bdy_sec
{
width: 100%;
height: auto;
float: left; 
margin:55px 0px 60px 0px; 
}
.privacy_policy_sec
{
width: 100%;
height: auto;
float: left;     
}
.pri_policy_hdtxt
{
width: 100%;
height: auto;
float: left; 
color:#010F21;
font-size:25px;
text-align:left;
font-weight:800;
letter-spacing: 1px;
margin: 0px 0px 10px 0px;
}
.privacy_policy_midsec
{
width: 100%;
height: auto;
float: left; 
color:#000;
font-size:13px;
text-align:left;
font-weight:300;
letter-spacing:0.5px;
line-height:25px;
margin: 0px 0px 15px 0px;
}
.mid_sec_hdtxt
{
width: 100%;
height: auto;
float: left;
color: #307FE2;
font-size: 13px;
text-align: left;
font-weight: 800;
letter-spacing: 1px;
line-height: 25px;
margin: 0px 0px 0px 0px;
}
.mid_sec_subtxt
{
width: 100%;
height: auto;
float: left;
color: #000;
font-size: 13px;
text-align: left;
font-weight:300;
letter-spacing:0.7px;
line-height: 25px;
margin: 0px 0px 0px 0px;    
}
.mid_sec_subtxt ul
{
width: 100%;
height: auto;
float: left;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 0px;
}
.mid_sec_subtxt ul li
{
list-style:disc;
}
.mid_sec_subtxt ul li::before {
    content: "\2022";
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.mid_sec_subtxt
{
width: 100%;
height: auto;
float: left; 
margin:0px 0px 25px 0px;
}
.mid_sec_subtxt ul
{
width: 100%;
height: auto;
float: left;    
}
.mid_sec_subtxt ul li
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 20px 0px;
}
.bdy_sec
{
width: 100%;
height: auto;
float: left; 
margin: 30px 0px 60px 0px; 
}
.banner_contenttxt
{
width: 82%;
height: auto;
float: left;
text-align: center;
position: absolute;
z-index: 11;
padding: 100px 0px 0px 0px;
}
.about_banner_contenttxt
{
width: 82%;
height: auto;
float: left;
text-align: left;
position: absolute;
z-index: 11;
padding:250px 0px 0px 0px;
}
.inner_banner_bg
{
width: 100%;
height:300px;
float: left;
background-color: #abe9cd;
background-image: linear-gradient(315deg, #abe9cd 0%, #3eadcf 74%);
}
.inner_ban_content
{
width: 100%;
height:auto;
float: left; 
margin:95px 0px 0px 0px;
}
.abt_desc_readmore {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    border: 1px solid #011f31 !important;
    background-color: #011f31 !important;
    padding: 5px 5px !important;
    letter-spacing: 1px !important;
    margin: 0px 0px 10px 0px !important;
    line-height: 17px !important;
    width: auto;
    height: auto;
    float: left;
}
.about_banner_content_hdtxt
{
width: 100%;
height: auto;
float: left;
margin: 0;
color: #fff;
font-size: 35px;
letter-spacing: 3px;
font-weight: 700;
font-family: 'Lato-Regular' !important;
line-height: 50px;
text-align:left;
margin: 0px 0px 15px 0px !important;
}
.about_banner_content_subtxt
{
width: 100%;
height: auto;
float: left;    
margin: 10px 0px 0px 0px;
color: #fff;
font-size: 14px;
opacity: 1;
text-align:left;
line-height: 20px;
font-weight: 300;
letter-spacing: 1px;
font-family: 'Poppins';    
}
.banner_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:60px;
color: #fff;
letter-spacing: 0.5px;
font-weight: 300;
margin: 35px 0px 10px 0px; 
    text-align: center;
}
.industry_banner {
    width: 100%;
    height: 300px;
    float: left;
    margin: 0px 0px 30px 0px;
    background-image: url(../images/aboutus-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.career_bdy_sec
{
width: 100%;
height: auto;
float: left; 
margin:0px;
}
.career_bdy_sec_hdtxt
{
width: 100%;
height: auto;
float: left; 
font-size:30px;
color:#000;
letter-spacing: 0.5px;
font-weight:600;
text-align:left;
margin:0px 0px 20px 0px; 
}
.career_form
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 30px 0px; 
}
.career_form select
{
width: 100%;
height: auto;
float: left;
border:1px solid #ccc;
padding:12px 8px 12px 10px;
background-color:transparent;
outline:none;
font-size:17px;
font-weight:300;
letter-spacing:0.7px;
-webkit-appearance: none;
}
.career_arrow_down
{
position: absolute;
right: 27px;
top: 13px;
font-size: 25px;    
}
.career_content_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:26px;
color:#000;
letter-spacing:1px;
font-weight:800;
text-align:left;
margin:20px 0% 10px 0%; 
}
.career_content_subtxt
{
width:100%;
height: auto;
float: left;
font-size:18px;
color: #000;
letter-spacing: 0.8px;
font-weight: 300;
text-align: left;
line-height: 30px;
margin: 0px 0% 30px 0%;
}
.jg_directors {
    width: 100%;
    height: auto;
    float: left;
    margin:70px 0px 60px 0px;
}
.jg_directors_hdtxt span {
    background-color: #fffc;
    padding: 10px 20px;
    position: relative;
    top: 50px;
    z-index: 11;
}
.career_form_note
{
width:100%;
height: auto;
float: left;
font-size:11px;
color: #555;
letter-spacing:1px;
font-weight: 300;
text-align: right;    
}




/* Success */
.success_page_bg
{
width:100%;
height: auto;
float: left;
background-color:#fff;
}
.sucess_body_bg
{
width: 100%;
height: 100vh;
float: left;
background-image:url(../images/business-overview-banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sucess_body_bg:after
{
content: " ";
z-index: 10;
display: block;
height:100vh;
background:#226DA5;
opacity:0.5;
}
.success_body_content
{
width:70%;
height: auto;
float: left;
position: absolute;
z-index: 11;
text-align: center;
margin: 50px 15% 0px 15%;
padding: 50px 0px 50px 0px;
background: #ffffffc7;
}
.aq_success_logo
{
width: 100%;
height:104px;
float: left;
background-image:url(../images/jg-black-logo.png);
background-position: center;
background-repeat: no-repeat;
background-size: ;  
}
.success_icon
{
width: 100%;
height:auto;
float: left;
font-size:40px;
color:#35AB3D;
/*background-image:url(../images/success-icon.png);
background-position: center;
background-repeat: no-repeat;
background-size:contain;*/
margin:0px 0px 10px 0px;  
}
.success_thanks_hdtxt
{
width: 100%;
height:auto;
float: left;
font-size:26px;
font-weight:300;
color:#000;
letter-spacing: 1px;
margin:30px 0px 10px 0px; 
    font-family: 'Poppins', sans-serif !important;
}
.success_thanks_subhdtxt
{
width: 100%;
height:auto;
float: left;
font-size:25px;
font-weight:300;
color:#000;
margin: 0px 0px 10px 0px;
letter-spacing:0.5px;
}
.success_thanks_subtxt
{
width: 100%;
height:auto;
float: left;
font-size:15px;
font-weight:300;
color:#000;
letter-spacing:0.5px;
}
.success_backbtn
{
width: 100%;
height:auto;
float: left;
margin:45px 0px 10px 0px;
}
.success_backbtn a
{
background-color:#35AB3D;
font-size:15px;
font-weight:300;
color:#fff;
letter-spacing:0.5px;
padding: 10px 30px;
border: 2px solid #35AB3D;  
}
.success_backbtn a:hover, .success_backbtn a:focus
{
  text-decoration: none;
  background-color: transparent;
  color:#35AB3D;
}
.verify_code
{
width: 100%;
height:auto;
float: left;    
}
.verify_code form
{
width: 100%;
height:auto;
float: left;    
}
.verify_code form input
{
width: 17%;
    height: auto;
    float: left;
    background-color: transparent;
    outline: none;
    border: 1px solid #000;
    padding:6px 7px 6px 7px;
    color: #000;
    margin: 15px 41.5% 0px 41.5%;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 13px;
}
.verify_code form input::placeholder
{
font-size:30px;
letter-spacing:21px;
color:ccc;
font-weight:300;
}
.verify_code_subbtn {
    width: 100%;
    height: auto;
    float: left;
    margin: 45px 0px 10px 0px;
}
.verify_code_subbtn a {
    background-color: #35AB3D;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 10px 30px;
    border: 2px solid #35AB3D;
}
.verify_code_subbtn a:hover, .verify_code_subbtn a:focus
{
  text-decoration: none;
  background-color: transparent;
  color:#35AB3D;    
}
.verify_code_subbtn {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0px 10px 0px;
}
.verify_code_subbtn input {
background-color: #35AB3D !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: #fff !important;
    letter-spacing: 0.5px !important;
    padding: 10px 30px !important;
    border: 2px solid #35AB3D !important;
    width: 10% !important;
    margin: 0px 45% !important;
}
.verify_code_subbtn input:hover, .verify_code_subbtn input:focus
{
  text-decoration: none !important;
  background-color: transparent !important;
  color:#35AB3D !important;    
}
.verify_code_insert
{
width: 100%;
height:100px;
float: left;   
}
.suceess_content_sec
{
width: 100%;
height:auto;
float: left;
display:none;
}
.verify_code_subtxt
{
width: 60%;
height: auto;
float: left;
font-size: 13px;
font-weight: 300;
color: #000;
letter-spacing: 0.5px;
margin: 20px 20% 0px 20%;
line-height: 23px;
}
.mailid_update_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 26px;
font-weight: 300;
color: #5a5a5a;
letter-spacing: 0.8px;
margin: 0px 0% 45px 0%;
}
.updt_mail_field
{
width: 100%;
height:60px;
float: left;    
}
.updt_mail_field_label
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
font-weight: 800;
color: #000;
letter-spacing: 0.7px;
margin: 10px 0px 0px 0px;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .7 !important;
}
.updt_mail_field_insert
{
width: 100%;
height: auto;
float: left;
}
.updt_mail_field_insert input
{
width: 100%;
height: auto;
float: left;
border:1px solid #ccc;
padding:8px 15px;
outline:none;
font-size:15px;
font-weight: 300;
color: #000;
letter-spacing: 0.5px;
}
.modal-content, .modal-body
{
width: 100%;
height: auto;
float: left;
padding:0px 15px 20px 15px !important;
}
.modal-content
{
border-radius:0px !important;    
}
.upt_mailbtn {
    width: 97%;
    height: auto;
    float: left;
    text-align: right;
    margin: 28px 0px 0px 0px;
}
.upt_mailbtn a {
    background-color: #35AB3D;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 10px 30px;
    border: 2px solid #35AB3D;
}
.upt_mailbtn a:hover, .upt_mailbtn a:focus
{
  text-decoration: none;
  background-color: transparent;
  color:#35AB3D;    
}


.upt_mailbtn input {
    background-color: #35AB3D;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 10px 30px;
    border: 2px solid #35AB3D;
}
.upt_mailbtn input:hover, .upt_mailbtn input:focus
{
  text-decoration: none;
  background-color: transparent;
  color:#35AB3D;    
}



.closebtn
{
color: #000 !important;
padding: 12px 7px !important;    
}
.modal-dialog 
{
width: 40% !important;
margin:13% 30% 0% 30% !important;
}
/* Success end*/


/*Contact Us Start*/
.field_insert i {
    position: absolute;
    right: 0px;
    font-size: 17px;
    font-weight: 600;
    margin: 10px 20px 0px 0px;
}
.jg_contact_banner
{
width: 100%;
height:650px;
float: left; 
background-image:url(../images/contact-us-banner.png);
background-repeat:no-repeat;
background-position:center;
background-size:100% auto;
margin:0px 0px 50px 0px;
}
.jg_contact_banner:after 
{
  content: " ";
  z-index: 10;
  display: block;
  height:650px;
  background: rgba(0, 0, 0, 0.3);
}
/*contact us*/
.address_line1
{
width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #d4d4d4;
}
.address_line2
{
width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px;

}
.hdbrder
{
width:5%;
height:5px;
float: left; 
background-color:#175BAA;
margin: 0px 0px 30px 0px;
}
.address_line1 i
{
position:relative;
left:-10px;
}
.jg_add_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 28px;
font-weight: 300;
color: #010f21;
letter-spacing: 1px;
margin: 0px 0px 8px 0px;
}
.branch_name
{
width: 100%;
height:auto;
float: left; 
font-size:20px;
font-weight:800;
color:#010f21;
letter-spacing:1px;

}
.contact_field
{
    width: 100%;
    height:65px;
    float: left;
}
.contact_field img
{
position: absolute;
    margin: 18px 0px 0px -24px;
    height: 7px;
}
.contact_txtarea_field
{
    width: 100%;
    height:120px;
    float: left;
}
.contact_navigation
{
width:100%;
height:100px;
color:#111;
z-index:11;
position:fixed;
background-color:#e8e8e8;
}
.contact_navigation ul li a
{
color:#111;
}
.contactus_banner
{
width:100%;
height:450px;
background-image:url(../images/contact-us-banner.jpg);
background-repeat:no-repeat;
background-position:center;
margin-top: -1px;
}
.contactus_banner:after
{
content: " ";
z-index: 10;
display: block;
height:450px;
background: #008ece;
opacity:0.6;
}
.contact_content
{
width:100%;
text-align:center;
margin:0px 0px 50px 0px;
}
.hdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:28px;
color:#010F21;
letter-spacing:0.8px;
font-weight:500;
font-family: 'Poppins', sans-serif !important;
}
.subtxt
{
font-size:18px;
color: #111;
letter-spacing: 0.8px;
padding: 1px 240px;
font-weight:300;
line-height: 35px;}
.textbox
{
width:100%;
height:auto;
padding:9px 9px 9px 0px;
border-bottom: 1px solid #cacaca !important;
outline:0;
border:none;
margin:0px;
border:none;
background-color: transparent;
font-size:14px;
color:#111 !important;
letter-spacing:1px;
font-weight:300;
cursor:pointer;
}
.txtarea
{
width: 100%;
height:170px !important;
float: left;	
}
.txtarea span
{
width: 100%;
height:auto;
float: left; 
text-align: right;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.8px;
color: red;
margin:8px 0px 0px 0px;
display: block;   
}
.contact_field textarea
{
width:100%;
height:125px;
padding:9px 9px 9px 0px;
outline:0;
border:none;
margin:0px;
border:none;
border-bottom:1px solid #cacaca !important;
background-color: transparent;
font-size:14px;
color:#111 !important;
letter-spacing:1px;
font-weight:300;
cursor:pointer;
}
.contact_field select
{
width:100%;
height:auto;
padding:9px 9px 9px 0px;
outline:0;
border:none;
margin:0px;
border:none;
border-bottom:1px solid #cacaca !important;
background-color: transparent;
font-size:14px;
color:#111 !important;
letter-spacing:1px;
font-weight:300;
cursor:pointer;
}
.contactform
{
    width: 100%;
    height: auto;
    margin:40px 0px 100px 0px;
    float: left;
    padding:0px;
    background-color:transparent;
}
.contact_content_hdtxt
{
width: 100%;
height:auto;
float: left; 
text-align: center;
font-size:26px;
font-weight:800;
letter-spacing: 0.8px;
color:#000;
margin:35px 0px 15px 0px;    
}
.contact_content_subtxt
{
width: 100%;
height:auto;
float: left; 
text-align: center;
font-size:17px;
font-weight: 300;
letter-spacing: 0.8px;
color:000;
line-height:25px;
margin:0px 0px 15px 0px;    
}
.leadt_bdy_sec_hdtxt {
    width: auto;
    height: auto;
    float: left;
    font-size:17px;
    font-weight:600;
    letter-spacing: 0.6px;
    color: #000;
    margin: 0px 0px 10px 0px;
    background-color: #fffc;
    padding: 5px 26px;
    position: relative;
position: absolute;
    top: -22px;
    z-index: 11;
    left: -10px;
}
.leadership_name
{
width:44%;
height:auto;
float: left; 
font-size:21px;
font-weight:800;
letter-spacing:1px;
margin:0px 10% 10px 46%;
color: #fff;
position: relative;
top:28%;
font-family: 'Poppins' !important;
}
.leadership_img_content_bx
{
width:44%;
height: auto;
float: left;
background-color: #043a5ab0;
padding: 30px;
margin: 35px 10% 0px 46%;
position: relative;
top:25%;
}
.chairmen_bg_img {
    width: 100%;
    height: 632px;
    float: left;
    background-color:#5b91e2;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.director_bg_img {
    width: 100%;
    height: 632px;
    float: left;
    background-color:#28aaf2;
    background-image: url(../images/Karthikeyan_jayavelu.jpg);
    background-position:left;
    background-repeat: no-repeat;
    background-size: contain;
}
.hydrocart_bg
{
width:96%;
height:469px;
float: left;
background-image: url(../images/);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin:50px 4% 45px 0px;
background-color:#ccc;
box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.hydrocart_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.hydro_content_sec {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 30px 15px 50px;
    background-color: #9ed1fbba;
}
.ritemix_img
{
width: 100%;
    height: 230px;
    float: left;
    background-image: url(../images/product-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -110px 0px 50px 0px;
        display: none;
}
.ritemix_content_sec {
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 50px;
    background-color: #0863A8;
     margin:50px 0px 0px 0px;
     box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.ritemix_content_sec:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.brand_bg
{
    width: 100%;
    height: 350px;
    float: left; 
        background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 30px 0px;
    background-color:#ccc;
    box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.brand_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.water_mgt_sol_bg
{
    width: 100%;
    height: 350px;
    float: left; 
        background-image: url(../images/overview-water-mgt.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 0px 30px 0px;
    box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.water_mgt_sol_bg:after {
    content: " ";
    z-index: 10;
    display: block;
    height: 350px;
    background: rgba(0, 0, 0, 0.5);
}
.water_mgt_sol_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.business_hydrocart_bg
{
width:96%;
height:469px;
float: left;
background-image: url(../images/business_hydrocart_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin:50px 4% 45px 0px;
background-color:#ccc;
box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.business_hydrocart_bg:after {
    content: " ";
    z-index: 10;
    display: block;
    height: 469px;
    background: rgba(0, 0, 0, 0.5);
}
.hydrocart_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.bus_eom_bg
{
width: 100%;
height: 350px;
float: left;
background-image: url(../images/bus_eom_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 7px 9px 9px -8px #333;
}

.water_mbg {
    width: 100%;
    height:400px;
    float: left;
    background-image: url(../images/brand-wm-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:;
}
.water_mbg:after 
{
content: " ";
z-index: 10;
display: block;
height: 400px;
background: rgba(0, 0, 0, 0.5);
}
.sports_field_bg
{
width: 100%;
height: 350px;
float: left;
background-image: url(../images/sports-field-const-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 7px 9px 9px -8px #333;    
}
.sports_field_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.ecomm_bg
{
width: 100%;
height:400px;
float: left;
background-image: url(../images/ecom-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size:100% auto;
}
.ecomm_bg:after 
{
content: " ";
z-index: 10;
display: block;
height: 400px;
background: rgba(0, 0, 0, 0.5);
}

.brand_ritemix_bg
{
width: 100%;
height:350px;
float: left;
background-image: url(../images/brand-ritemix-banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size:100% auto;
}
.brand_ritemix_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}

.aquasip_bg
{
width: 100%;
height:350px;
float: left;
background-image: url(../images/aquasip-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.brand_ritemix_bg:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.our_brand_hdtxt {
    padding: 8px 30px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #000;
    background-color: #fffc;
    position:absolute;
        margin: -20px 0px 0px -15px;
}
.ourbrnd_content_sec {
    width: 70%;
    height: auto;
    float: left;
    padding: 30px;
    background-color: #9ed1fbba;
    margin: 30px 15%;
}
.hydroturf_aquasip
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
}
.hydroturf_content_sec
{
width: 90%;
height: auto;
float: left;
margin: -75px 5% 0px 5%;
background-color: #ffffffb8;
position: relative;
z-index: 11;
padding: 30px;
box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.hydroturf_content_sec:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.hydro_turf
{
width:100%;
height:350px;
float:left;    
background-image: url();
background-position: center;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
background-color:#ccc;
box-shadow: 7px 9px 9px -8px #333;
transition: .5s;
}
.hydro_turf:hover
{
box-shadow: 0 3px 3px #333;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
cursor: pointer;    
}
.hydrocart_hdtxt
{
padding: 8px 30px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #000;
    background-color: #fffc;
    position: absolute;
    margin:-20px 0px 0px -35px;    
}
.combobox
{
width:100%;
height:auto;
padding:9px;
outline:0;
border:none;
margin:0px;
background-color: #fff;
border:1px solid #ccc !important;
font-size:14px;
color:#555;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.textarea
{
width:100%;
height:100px;
padding:9px;
outline:0;
border:none;
margin:0;
border:1px solid #ccc;
font-size:14px;
color:#555;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.checkbox
{
float:left;
margin-right:10px !important;
outline: none;
}
.checktxt
{
font-size:13px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:400;
}
.contact_address
{
width:100%;
height:auto;
margin:0px 0px 50px 0px;
float:left;
}
.map_marker
{
width: 40px;
float: left;
height: 40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size: 20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color: #555;
cursor:pointer;
}
.addtxt
{
width: 83%;
    height: auto;
    float: left;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin: 0px 0px 15px 0px;
}
.addtxt span
{
color:#ff6600;
font-weight:500;
}
.phone
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.map_marker:hover
{
background-color:#DFB346;
color:#fff;
}
.phone i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;
cursor:pointer;}
.phone i:hover
{
background-color:#DFB346;
color:#fff;
}
.mobile
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.mobile i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.mobile i:hover
{
background-color:#DFB346;
color:#fff;
}

.envelop
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.envelop i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding:8px 10px 10px 10px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.envelop i:hover
{
background-color:#DFB346;
color:#fff;
}
.contact_form_sub
{
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}
.contact_form_sub input
{
    background-color: #010F21;
    border: 1px solid #010F21;
    font-size: 15px;
    letter-spacing: 0.8px;
    font-weight: 300;
    color: #fff;
    padding: 8px 25px;
    border-radius: 5px;
    outline: none;
    margin:20px 0px 0px 0px;
}
.contact_label
{
    width: auto;
    height: auto;
    float: left;
    margin:10px 0px 0px 0px;
}
.contact_form_sub input:hover
{
    background-color: transparent;
    color:#010F21;
}
.contact_address
{
    width: 100%;
    height: auto;
    float: left;
    margin:0px 0px;
    background-color: #777;
    padding: 25px 0px;	
}
.add_contact
{
    width: 100%;
    height: auto;
    float: left;
      margin:0px 0px 20px 0px;

}
.add_contact p
{
    width: 100%;
    height: auto;
    float: left;
    font-size:17px;
    letter-spacing: 0.8px;
    font-weight: 300;
    color: #000;	
}
.add_contact i
{
    color:#010F21;
    font-size: 25px;
    text-align: left;
    width: 100%;
    height: auto;
}
.jt_add_hdtxt
{
width: 100%;
    height: auto;
    float: left;
    font-size:17px;
    letter-spacing: 0.8px;
    font-weight:800;
    color: #000;
    margin: 0px 0px 10px 0px;		
}
.jt_add_subtxt
{
width: 100%;
    height: auto;
    float: left;
    font-size:17px;
    letter-spacing: 0.8px;
    font-weight:300;
    color: #000;
    line-height:26px;
        margin: 0px 0px 25px 0px		
}
.jt_add_subtxt i
{
     font-size: 19px; 
}
.mobileicon i
{
     font-size:35px !important; 
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left:0px !important;
z-index: 99999;  
}

.grecaptcha-badge:hover {
width: 256px !important;
cursor: pointer !important;
}
.contact_form_field
{
  width: 100%;
  height: auto;
  float: left;
}
/*contact us end*/
.contact_page
{
    width: 90%;
    height: auto;
    margin: 30px 5% 0px 5%;
    float: left;
}
.help_contact
{
width:67%;
height:350px;
float:left;
margin-right:30px;
background-image:url(../images/contact-banner.png);
background-repeat:no-repeat;
background-position:center;
}
.help_feedback
{
width:100%;
height:200px;
float:left;
margin-top:35px;
}
.help_feedback ul
{
padding:5px 15px;
margin:0px;
}
.help_feedback ul li
{
list-style:none;
line-height:30px;
border-bottom:1px solid #ccc;
padding:5px 0px;
}
.help_feedback ul li a
{
text-decoration:none;
color:#555;
}
.txt
{
    width: 500px;
    position: relative;
    left: 30px;
    top: 130px;
}
.bt
{
    top: 99px;
    left: 530px;
    width: 10%;
}
.help_and_cnt
{
padding:0px 20px;
width:90%;
font-size:30px;
color:#fff;
margin:10px 0px;
font-weight:500;
}
.headline_section
{
width:100%;
height:auto;
float:left;
margin-bottom:35px;
}
.topsix
{
width:50%;
float:left;
margin:33px 0px;
font-size: 25px;
    font-weight: 500;
	color:#555;
}
.faq_catory
{
width:50%;
float:left;
text-align:right;
margin:45px 0px 18px 0px;
font-size: 13px;
    font-weight: 400;
	color:#002F5E;

}
.faq_catory a:hover
{
color:#BC0015;
}
.headline_section ul
{
padding:0px;
border:1px solid #ccc;
}
.headline_section ul li
{
list-style:none;
line-height:30px;
padding: 5px 0px 5px 15px;
height:30px;
border:none !important;
}
.headline_section ul li a
{
text-decoration:none;
font-size:15px;
}
.your_personalcontact
{
font-size:35px;
font-weight:500;
margin:30px 0px;
}
.contactus_last_container
{
width:100%;
height:300px;
}
.info_andfeed
{
width:32%;
float:left;
margin-right:15px;
height:300px;
}
.info_back  
{
width:32%;
float:left;
margin-right:15px;
height:300px;
}
.further_contact
{
width:32%;
float:left;
height:300px;
}
.info_serve
{
width:100%;
height:150px;
background-color:#ccc;
margin-bottom:20px;
background-image:url(../images/service.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.feed_bck
{
width:100%;
height:150px;
background-color:#ccc;
margin-bottom:20px;
background-image:url(../images/brisandistributors-contact.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.further_conct
{
width:100%;
height:150px;
background-color:#ccc;
margin-bottom:20px;
background-image:url(../images/mail-contact.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.over_view
{
color:#BC0015;
}
.over_view:hover
{
color:#555;
}
.with_us
{
width:100%;
height:auto;
margin-bottom:40px;
}
.with_us ul 
{
width: 100%;
    height: auto;
    float: left;    
border:none !important;
padding:0px;
}
.with_us ul li
{
list-style:none;
border-bottom:1px solid #eee;
}
.with_us ul li:hover
{
background-color:#ccc;
}
.with_us ul li a
{
font-size:24px;
}

.serve_cus
{
width: 95%;
    float: left;
    /* padding-left: 5px; */
    height: auto;
    margin: 0px 0px 10px 0px;
}
.plus
{
width:3%;
float:left;
text-align:right;
height:25px;
}
.inf_txt
{
font-size:25px;
color:#555;
}
#panel, #flip {
    padding: 5px;
	margin-top:5px;
	cursor:pointer;
}

#panel {
	width:100%;
	height:auto;
	float:left;
    display: none;
	box-shadow: 2px 5px 15px #ccc;
	background-color: #fff;
	padding:18px 20px;
	    margin: 0px 0px 20px 0px;
}
#panel2, #flip2 {
    padding: 5px;
	margin-top:5px;
	cursor:pointer;
	
}

#panel2 {
	width:100%;
	height:auto;
	float:left;
    display: none;
	box-shadow: 2px 5px 15px #ccc;
		background-color: #fff;
	padding:18px 20px;
	    margin: 0px 0px 20px 0px;
}
#panel3, #flip3 {
    padding: 5px;
	margin-top:5px;
	cursor:pointer;
}

#panel3 {
	width:100%;
	height:auto;
	float:left;
    display: none;
	box-shadow: 2px 5px 15px #ccc;
		background-color: #fff;
	padding:18px 20px;
	    margin: 0px 0px 20px 0px;
}
.fac_off
{
display:none;
}
.drop_left
{
width:50%;
height:100px;
float:left;
}
.drop_right
{
width:50%;
float:left;
height:100px;
}
.bus_reservation 
{
width:50%;
float:left;
padding-left:15px;
}
.reser_txt
 {
font-size:20px;
font-weight:500;
}

.cust_relan
{
width:50%;
float:left;
padding-left:20px;
font-size:20px;
font-weight:500;
line-height:25px;
}
.service_hours
{
padding:0px !important;
}
.service_hours li
{
list-style: none !important;
    border-bottom: none !important;
    line-height: 24px !important;
    padding: 0 !important;
    cursor: auto !important;
    margin: 0px 0px 12px 0px;
}
.service_hours li:hover
{
background-color:#fff !important;
	cursor:auto !important;
}
.service_hours li a
{
font-size:14px !important;
}
.phone
{
cursor:auto;
}
.som
{
cursor:auto;
}
.mon
{
width:150px;
float:left;
}
.cust_support
{
font-size:11px;
}
.for_other_countries
{
font-size:15px;
font-weight:500;
color:#FF840E;
}
.for_other_countries a
{
font-size:15px;
font-weight:500;
color:#FF840E;
text-decoration:none;
}
.for_other_countries a:hover
{
color:#555;
}
.toll_free
{
cursor:auto;
font-size:11px;
}
.enquires_abt
{
font-size:14px;
font-weight:normal;
}
.enquires_abt_past
{
font-size:14px;
font-weight:normal;
line-height:20px;
}

.prompt_response
{
font-size:14px;
font-weight:normal;
line-height:20px;
margin-top:30px;
}
.country
{
width:250px;
padding:7px 15px;
margin:20px 0px;
}
.more_services
{
width:100%;
height:auto;
float:left;
background-color:#fff;
margin-bottom: 40px;
}
.more_followus
{
width:48%;
height:92%;
float:left;
margin-right:30px;
}
.more_frm_somu
{
font-size:25px;
font-weight:300;
color:#555;
margin-bottom:40px;
}
.foot_logo
{
width:28%;
height:50px;
float:left;
margin-right:10px;
}
.foot_logo a
{
text-decoration:none;
font-size:15px;
font-weight:400;
color:#BC0015;
}
.foot_logo a:hover
{
text-decoration:none;
}
.foot_logo a span
{
font-weight:800;
color:#BC0015;
}
.travels_app
{
width:25%;
height:auto;
float:left;
margin-right:25px;
}
.travels_app a
{
font-size:18px;
color:#FFBD21;
}
.travels_app a:hover
{
text-decoration:none;
color:#BC0015;
}
.news_letter
{
width:40%;
height:auto;
float:left;
}
.letter_envelop
{
width: 22%;
    float: left;
    height: 165px;
    text-align: center;
    font-size: 30px;
color:#BC0015;
	}
.letter_txt
{
font-size:16px;
color:#FFBE25;
font-weight:500;
}
.register_now
{
text-decoration: none;
    color: #BC0015;
    font-size: 14px;
    font-weight: 500;
}
.register_now:hover
{
text-decoration:none;
}
.info_feedback
{
width: 46%;
    height:68px;
    float: left;
	margin-right:30px;
}
.info_feedback ul
{
padding:0px;
}
.info_feedback ul li
{
list-style:none;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}
.info_feedback ul li a
{
text-decoration:none;
font-size:15px;
color:#555;
}
.info_feedback ul li a:hover
{
color:#BC0015;
}
.info_feedback ul li a span
{
font-size:20px;
font-weight:500;
color:#BC0015;
}
.info_feedback ul li a span:hover
{
color:#555;
}
.conact_help
{
width: 46%;
    height: 125px;
    float: left;
}


.conact_help ul
{
padding:0px;
}
.conact_help ul li
{
list-style:none;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}
.conact_help ul li a
{
text-decoration:none;
font-size:15px;
color:#555;
}
.conact_help ul li a:hover
{
color:#BC0015;
}
.conact_help ul li a span
{
font-size:20px;
font-weight:500;
color:#BC0015;
}
.conact_help ul li a span:hover
{
color:#555;
}
.social_media_icons
{
width: 100%;
    height: 50px;
    padding: 10px 0px;
    float: left;
    position: relative;
    top: 58px;
}
.social_media_icons ul
{
padding:0px;
}
.social_media_icons ul li
{
list-style:none;
padding-bottom:10px;
margin-bottom:10px;
float:left;
padding-right:20px;
}
.social_media_icons ul li a
{
text-decoration: none;
    font-size: 22px;
    color: #fff;
    border: 1px solid #125293;
    padding: 0px 6px;
    background-color: #125293;
}
.conact_help ul li a:hover
{
color:#555;
}
.footer_navfirst
{
width:85%;
height:auto;
margin:30px 7.5% 30px 7.5%;
position:relative;
top:50px;
}
.footer_navfirst ul
{
padding:0px;
}
.footer_navfirst ul li
{
list-style:none;
padding-bottom:10px;
margin-bottom:10px;
float:left;
padding-right:20px;
}
.footer_navfirst ul li a
{
text-decoration: none;
    font-size: 15px;
    color: #BC0015;
    padding: 0px 6px;
}
.footer_navfirst ul li a:hover
{
color:#555;
}

.foot_make_inindiatxt
{
width:100%;
height:auto;
float:left;
text-align:left;
font-size:8px;
padding:0px 0px 0px 0px;
font-weight:600;
color:#619827;
}



.footer_navlast
{
width:85%;
height:auto;
float:left;
margin:10px 7.5% 30px 7.5%;
position:relative;
top:50px;
}
.footer_navlast ul
{
padding:0px;
}
.footer_navlast ul li
{
list-style:none;
padding-bottom:10px;
margin-bottom:10px;
float:left;
padding-right:20px;
}
.footer_navlast ul li a
{
text-decoration: none;
    font-size: 15px;
    color: #FFBE25;
    padding: 0px 6px;
}
.footer_navlast ul li a:hover
{
color:#555;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #FFBD21;
    color: #BC0015;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #BC0015;
	color:#FFBD21;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}
.contact_map
{
width:100%;
height:auto;
float:left;
margin:5px 0px 35px 0px;
}
.contactlist
{
height:45px !important;
border-bottom:1px solid #eee !important;
margin:15px 0px 15px 0px;
}
.contact_form_hdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:30px;
letter-spacing:1px;
font-weight:600;
color:#111;
}
.field
{
width:100%;
height:55px;
float:left;
}
.field_label
{
width:48%;
height:auto;
float:left;
font-size:13px;
letter-spacing:0.8px;
color:#111;
font-weight:500;
padding:5px 10px 4px 10px;
outline:none;
border: none;
margin-right:10px;
}
.field_insert
{
width:50%;
height:auto;
float:left;
}
.foot_field_insert
{
width:100%;
height:62px;
float:left;
}
.field_insert input
{
width:100%;
height:auto;
float:left;
padding:5px 10px 5px 10px;
border:1px solid #e4e4e4;
color:#000 !important;
outline:none;
border: none;
background-color:transparent;
border-bottom: 1px solid #e4e4e4;
}
.field_insert select
{
width:100%;
height:auto;
float:left;
padding:5px 10px 5px 10px;
border:1px solid #e4e4e4;
outline:none;
background-color:transparent;
border: none;
border-bottom: 1px solid #e4e4e4;
    -webkit-appearance: none;
	-moz-appearance:none; 	
}
.fld i
{
position: absolute !important;
margin: 10px 0px 0px -18px !important;
font-size: 17px;
right:inherit !important;
bottom:inherit !important;
}
.field_insert textarea
{
width:100%;
height:80px;
float:left;
padding:5px 10px 5px 10px;
border:1px solid #e4e4e4;
outline:none;
background-color:transparent;
border: none;
border-bottom: 1px solid #e4e4e4;
}
.contact_form_sec
{
width:100%;
height:auto;
float:left;
margin:0px 0px 60px 0px;
}
.txtarea
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.contact_submit
{
width:100%;
height:auto;
float:left;
margin:50px 0px 10px 0px;
text-align:center;
}
.contact_submit input
{
background-color:#010F21;
border:1px solid #010F21;
padding:8px 30px;
color:#fff;
font-size:14px;
letter-spacing:0.6px;
color:#fff;
}
/* Contact end */











/*Whats app*/
.floating-wpp{ z-index: 1111;
position: fixed;
bottom: 70px;
left: 15px;
font-size: 14px;
transition: bottom .2s;
right:50px !important;
bottom:50px !important;
}
.floating-wpp .floating-wpp-button
{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden;
width:50px !important; height:50px !important;}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg
{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.floating-wpp:hover{/*bottom:17px*/}
.floating-wpp:hover 
.floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{
padding: 5px;
border-radius: 0 5px 5px;
opacity: 0;
transition: opacity .2s;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 25px;}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}
.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;margin:0 -15px 10px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}
.floating-wpp .floating-wpp-input-message{margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{ display:none;border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}
.floating-wpp .floating-wpp-btn-send{ display:none;margin-left:12px;font-size:0;cursor:pointer}
.close
{
color: #fff;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 1 !important;
}
/* Whats app End*/
/*======== Footer  =========*/
.foot_jg_logo
{
width: 100%;
height:110px;
float: left;
background-image: url(../images/jg-white-logo.png);
background-position: left;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
    
}
.foot_jtname
{
display: none;  
}
footer
{
width: 100%;
height: auto;
float: left;
padding: 20px 0px 20px 0px;
/*background-color: #018853;*/
border-top: 3px solid #307FE2 ;
    background-color: #307FE2 ;

}
.ne_letter_form
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 30px 0px; 
}
.ne_letter_form_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:13px;
color: #f5f5f5;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0px 0px 10px 0px; 
}
.ne_letter_form input
{
width:75%;
height: auto;
float: left;
border:1px solid #010f21;
padding: 8px 10px 8px 10px;
background-color: transparent;
font-size:13px;
outline: none;
color: #f5f5f5;
letter-spacing: 0.5px;
font-weight: 300;
border-right: 0px;
}
.ne_letter_form input::placeholder
{
color: #ccc;  
}
.ne_letter_form button
{
width:auto;
height: auto;
float: left;
border:1px solid #010f21;
margin:10px 0px 0px 0px;
padding: 8px 30px 8px 30px;
background-color: #010f21;
font-size:13px;
color: #fff;
letter-spacing: 0.5px;
font-weight: 300;
}
.ne_letter_form button:hover
{
border:1px solid #003880; 
background-color:#003880; 
cursor: pointer;
}
.footer_wrap
{
width:100%;
height:auto;
float:left;
}
.foothdtxt
{
width:100%;
height:auto;
float:left;  
font-size:15px;
color:#fff;
letter-spacing: 0.5px;
font-weight:800;
margin: 0px 0px 8px 0px;
text-transform: uppercase;
}
.footsubtxt
{
width: 100%;
height: auto;
float: left;
font-size: 13px;
color: #fff;
letter-spacing: 0.7px;
font-weight: 300;
margin: 0px 0px 30px 0px;
line-height: 25px;
}
.footsubtxt p
{
width:100%;
height:auto;
float:left;
margin: 0px;
letter-spacing: 0.6px;
}
.foot_content
{
width:100%;
height:auto;
float:left;
font-size:13px;
color:#fff;
letter-spacing:0.5px;
font-weight:300;
}
.foot_gardener
{
width:100%;
height:310px;
float:left;
background-image:url(../images/footer-gardener.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.foot_content_two
{
width:100%;
height:auto;
float:left;
font-size:13px;
color:#707070;
letter-spacing:0.5px;
font-weight:300;
}
.join_now
{
width:100%;
height:auto;
float:left;
margin:25px 0px 15px 0px;
}
.join_now a
{
font-size:15px;
letter-spacing:0.6px;
font-weight:600;
border:1px solid #018853;
color:#018853;
padding:12px 15px;
border-radius:5px;
}
.join_now a:hover
{
color:#018853;
text-decoration:none;
}
.foot_list
{
width: 100%;
height: auto;
float: left;
margin: 0px;  
padding:0px;
}
.foot_list li
{
width: 48%;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 25px;
}
.marignright
{
margin: 0px 5px 0px 0px !important;  
}
.foot_list li a
{
font-size:13px;
letter-spacing:0.5px;
font-weight:300;
color:#fff;
}
.foot_list li a:hover
{
text-decoration:none;
color:#010f21;
}
.foot_icons
{
font-size:20px;
font-weight: 600;
color:#010f21;
padding: 5px 0px;
width: 100%;
height: auto;
float: left;
text-align: center;
margin:8px 0px 0px 0px;
}
.reachus_addtxt
{
width:100%;
height:auto;
float:left;
padding:5px 0px;
color:#fff;
font-size:13px;
letter-spacing:0.6px;
margin: 0px;
line-height: 24px;  
}
.reachus_txt
{
width:100%;
height:auto;
float:left;
padding:5px 0px;
color:#fff;
font-size:13px;
letter-spacing:0.6px;
margin: 0px;
line-height: 24px;
}
.reachus_txt a
{
color:#fff;
font-size:13px;
letter-spacing:0.6px;
}
.reachus_txt a:hover
{
text-decoration:none;
color:#01ff9c;
}
.footer_foot
{
    width: 100%;
    height: auto;
    float: left;
    background-color:#1a6ed8;
    margin-top: 15px;
}
.footer_copyright
{
width: 75%;
height: auto;
float: left;
text-align: right;
padding: 10px 0px;
margin:38px 0px 0px 0px;
color: #fff;
font-size: 12px;
letter-spacing: 0.5px;
}
.terms_condition
{
width:100%;
height:auto;
text-align:right;
padding:10px 0px;
margin:0px 0px 0px 0px;
}
.terms_condition a
{
font-size:12px;
letter-spacing:0.5px;
color:#fff;
}
.terms_condition a:hover, .terms_condition a:focus
{
color:#01ff9c;
text-decoration:none;
}
.foot_social_links
{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    padding: 0;
    margin: 0;
}
.foot_social_links li
{
list-style: none;
float: left;
margin:10px 10px 0px 0px;
} 
.foot_social_links li img
{
width: 40px;
height: 42px;
}
.foot_social_links li img:hover
{
 box-shadow: 0px 0px 16px 1px #005a37; 
}
.foot_social_links li a {
background-position: center;
    color: #010f21;

}
.foot_social_links li a:hover
{
    color: #fff;

}

.facebook:hover
{
background-color: #4267B2 !important; 
}
.twitter:hover
{
background-color: #00acee !important; 
}
.gplus:hover
{
background-color: #db4a39 !important; 
}
.pinterest:hover
{
background-color: #c8232c !important; 
}
.youtube:hover
{
background-color: #ff0000 !important; 
}
.linkedin:hover
{
background-color: #0077b5 !important;
}
.telegram:hover
{
background-color: #0088cc !important;
}

/*======== Footer End  =========*/