@charset "utf-8";
/* CSS Document */
*{ outline:none; margin:0px; padding:0px; border:none; text-decoration:none}
.clear{ clear:both}
audio,
::selection {
  background:#ff5656;
  color: white;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	position:relative;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-full{
 display: block;
  height: auto;
  width: 100%;}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

img{
	font-family: 'Open Sans', sans-serif;
	font-size:.8em;
	color:#009dda;
	font-weight:500;
	border:0;
	}

body {	
	margin: 0;
	width:100%;
}

main{
	width:100%;
	height:auto;
}

header{
	width:100%;
	height:auto;
	background:#009dda;
	position:relative;
}
.hdwrap{
	width:90%;
	height:auto;
	margin:0 auto;
	padding-bottom:3%;
	}

.menu_wrapper{
	width:30%;
	height:auto;
	float:right;
	padding-top:2%;
	}
.logo{
	width:70%;
	height:auto;
	float:left;
	}
.logo h1{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#f2711c;
	font-weight:500;
	text-transform:uppercase;
	}
.logo img{
	max-width:100%;
	height:auto;
	display:block;
	width:auto !important;
	margin:0 auto;
	}
nav{
	width:auto;
	height:auto;
	padding:0% 0% 0% 0%;
	float:right;
	margin-top:0.7%;
	}

.callus {
    position: relative;
    float: right;
}
.phbtn {
    background-color: #efefef;
    color:rgba(0,157,128,0);
    padding:.5em 0em .5em 0.5em;
    font-size:1em;
    cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	background:url(../images/phone.png) no-repeat center center;
}

.callus-content {
    display: none;
    position: absolute;
	background: url(../images/uparrow.png) no-repeat 96% 0% ;
	min-width: 180px;
	padding:2%;
	z-index:500;
	right:0;
	top:83%;
}

.callus-content p {
    color: #009dda;
    padding:.5em .5em .5em .5em;
    font-size:1.2em;
    cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight:400; 
	background-color: #fff;
	margin-top:5.5%;
}

.callus-content a:hover {
	background-color: #f1f1f1}

.callus:hover .callus-content {
    display: block;
}

.callus:hover .phbtn {
	padding:.5em 0em .5em 0.5em;
	background:url(../images/phone_hover.png) no-repeat center center;
	color:rgba(0,157,128,0);
}

.mailus {
    position: relative;
    float: right;
}
.emailbtn {
    background-color: #efefef;
    color:rgba(0,157,128,0);
    padding:.5em 0em .5em 0.5em;
    font-size:1em;
    cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	background:url(../images/email.png) no-repeat center center;
}

.mailus-content {
    display: none;
    position: absolute;
	background: url(../images/uparrow.png) no-repeat 96% 0% ;
	min-width: 180px;
	padding:2%;
	z-index: 500;
	right:0;
	top:83%;
}

.mailus-content p {
    color: #009dda;
    padding:.5em .5em .5em .5em;
    font-size:1.2em;
    cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight:400; 
	background-color: #fff;
	margin-top:4.5%;
}

.mailus-content a:hover {
	background-color: #f1f1f1}

.mailus:hover .mailus-content  {
    display: block;
}
.mailus:hover .emailbtn {
	padding:.5em 0em .5em 0.5em;
	background:url(../images/email_hover.png) no-repeat center center;
	color:rgba(0,157,128,0);
}
.bnr_wrapper{
	width:100%;
	height:auto;
	position:relative;
	}
.bnr_wrapper img{
	width:100%;
	height:auto;
	display:block;
	}

.caption{
	width:auto;
	height:auto;
	margin-top:6%;
	position:absolute;
	top:27%;
	left:5%;
	}

.green{
	background:rgba(157,195,38,0.8);
	padding:.1em .3em .1em .3em;
	margin-bottom:1%;
    float: left;
	clear:both;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-size:2em;
	color:#fff;
	font-weight:500;
	width:auto;
}
.green span{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-weight:300;
}

.blue{
	font-family: 'Lato', sans-serif;
	color:#fff;
	background:rgba(0,157,218,0.8);
	font-size:1.4em;
	font-weight:300;
	float: left;
	width:auto;
	text-transform:uppercase;
	padding:.1em .3em .1em .3em;
}

.top_contact{
	position:absolute;
	right:0;
	top:13%;
	width:25%;	
	z-index:200;
	}
.top_phone{
	width:auto;
	height:50px;
	background:rgba(238,62,68,0) url(../images/phone.jpg) no-repeat 100% 0%;
	float:right;
	line-height:3.1em;
	text-align:left;
	font-weight:600;
	padding-left:5%;
	color: rgba(102,102,102,0);
	border-left:5px solid rgba(51,51,51,0);
	padding-right: 24%;
	}
.top_phone:hover{
	background:rgba(238,62,68,1) url(../images/phone.jpg) no-repeat 100% 0%;
	color:rgba(255,255,255,1);
	border-left:5px solid rgba(51,51,51,1) ;
	}
.top_email{
	width:auto;
	height:50px;
	background:rgba(51,51,51,0) url(../images/mail.jpg) no-repeat 100% 0%;
	float:right;
	line-height:3.1em;
	text-align:left;
	font-weight:600;
	padding-left:5%;
	color:rgba(242,113,28,0);
	border-left:5px solid rgba(237,28,26,0);
	padding-right: 24%;
	}
.top_email:hover{
	background:rgba(51,51,51,1) url(../images/mail.jpg) no-repeat 100% 0%;
	color:rgba(255,255,255,1);
	border-left:5px solid rgba(237,28,26,1);
	}

.top_email img{
	float:right;
	margin:0 auto;
	height:auto;
	display:block;
	}


footer{
	width:100%;
	height:auto;
	background:#5a5958 url(../images/ftr.jpg) repeat;
	padding:1% 0% 0% 0%;
	clear: both;
	}
.footer_container{
	width:100%;
	height:auto;
	padding:4% 2% 4% 2%;
	
	}
.ftrdescription{
	width:100%; 
	height:auto; 
	 float:left; 
	}
.ftrdescription_logo{
	width:60%;
	height:auto;
	padding-bottom: 4%;
	margin:0 auto;
	}
.ftrdescription_logo img{
	max-width:100%;
	height:auto;
	display:block;
	}
.ftrdescription p{
	font-family: 'Open Sans', sans-serif;
	font-size:.87em; 
	color:#9c9b9b;
	font-weight:400; 
	line-height:1.8em; 
	text-align:justify;
}
.quicklnks{
	 width:70%; 
	 height:auto;
	 float:left;
     padding-left: 0%; 
	 padding-top: 2%; 
	 }
.quick_box{
	 width:44%; 
	 float:left; 
	 margin-right:5%;
	 }
.quicklnks h3{
	font-family:'Open Sans', sans-serif;
	font-size:1em; 
	color:#dedede;  
	font-weight:400; 
	text-align:left; 
	padding:0% 0% 1% 0%;  
	margin-bottom: 4%;
	text-transform:uppercase; 
	}
.quicklnks ul{
	margin:0; 
	padding:0; 
	width:100%; 
	float:left;
	margin-right:4%;
	}
.quicklnks li{
	font-family: 'Open Sans', sans-serif;
	font-size:.87em; 
	color:#9c9b9b;
	font-weight:400; 
	list-style-type:none; 
	border-bottom:1px solid #6b6a69;
	margin:0% 0% 0% 0%; 
	line-height:1.8em; 
	text-align:left;
	padding:2% 0% 2% 0% ;
	
	} 
.quicklnks li a{
	font-family: 'Open Sans', sans-serif;
	color:#9c9b9b;
	font-weight:400; 
	text-decoration:none;
}
.quicklnks li a:hover{
	font-family: 'Open Sans', sans-serif;  
    color:#9dc326;
	text-decoration:none; 
	
}
.contact-ftr {
    width:25%;
    min-height: 211px;
    float: left;
    padding: 0% 1% 0% 5%;
	background:url(../images/ftsep.png) no-repeat 4% center;
	display:none
}
.contact-ftr h3{
	font-family:'Open Sans', sans-serif;
	font-size:1em; 
	color:#dedede;  
	font-weight:400; 
	text-align:left; 
	padding:0% 0% 1% 0%;  
	margin-bottom: 1.5%;
	text-transform:uppercase; 
	}
.ftr-adrs{
	width:100%;
	height:auto;
	padding:0% 0% 2% 0% ;
	font-family: 'Open Sans', sans-serif;
	color:#9c9b9b;
	font-weight:400; 
	font-size:.85em;
	line-height:2em;
	}

.ftr-adrs a{
	font-family: 'Open Sans', sans-serif;
	color:#9c9b9b;
	text-decoration:none;
	}
.ftr-adrs a:hover{
	font-family: 'Open Sans', sans-serif;
	color:#9dc326;
	text-decoration:none;
	}
.ftr{
	width:100%;
	height:auto;
	background:#535353;
	}
.ftr_cont{ 
	width:100%;
	height:auto;
	padding:0% 3% 0% 3%;
	}
.copyright{ 
	width:100%; 
	height:auto; 
	float:none; 
	font-family: 'Open Sans', sans-serif;
	font-size:.8em; 
	color:#9c9b9b;  
	font-weight:normal; 
	padding:1% 0% 1% 0%; 
	text-align:center;
	}
.ftrimg{
	width:100%;
	height:auto;
	padding:.5% 0% .3% 0%;
	}
.ftrimg img{
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	}
.ftrtxt{
	width:auto;
	height:auto;
	float:right;
	font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    color: #9c9b9b;
    font-weight: normal;
    padding:1.1% 0% 0% 1%;
	display:none;
	}
.ftrtxt a{
	width:auto;
	height:auto;

	font-family: 'Open Sans', sans-serif;
    color: #9c9b9b;
	}
	
.ftrtxt a:hover{
	width:auto;
	height:auto;

	font-family: 'Open Sans', sans-serif;
    color: #9dc326;
	}
	
.followus{ 
	width:30%;
	padding-top: 13%;
	padding-bottom: 3%;
	float:right;
	background:none;
}
.followus h3{
	font-family:'Open Sans', sans-serif;
	font-size:1em; 
	color:#ed1c24;  
	font-weight:400; 
	text-align:left; 
	padding:0% 0% 1% 17%;  
	margin-bottom: 4%;
	text-transform:uppercase; 
	}
.followus ul{
	margin:0% 0% 0% 0%;
	padding:0;
	}
.followus li{
	list-style-type:none;
	cursor:pointer;
	padding-right:1%;
	float:left;
	}
.followus li img{
	max-width:100%;
	height:auto;
	display:block;
	float:right;
	}

.followus li:hover{
	-webkit-filter: sepia(50%); 
	filter: sepia(50%);
}
	
.inr_bnrwrapper{
	width:100%;
	height:auto;
	position:relative;
	}
.inr_caption{
	width:auto;
	height:auto;
	margin-top:6%;
	position:absolute;
	top:0%;
	left:5%;
	float:left;
	}
.green1{
	background:rgba(157,195,38,0.8);
	padding:.1em .3em .1em .3em;
	margin-bottom:1%;
    float: left;
	clear:both;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-size:2em;
	color:#fff;
	font-weight:500;
	width:auto;
}
.green1 span{
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-weight:300;
}

.blue1{
	font-family: 'Lato', sans-serif;
	color:#fff;
	background:rgba(0,157,218,0.8);
	font-size:1.3em;
	font-weight:300;
	float: left;
	width:auto;
	text-transform:uppercase;
	padding:.1em .3em .1em .3em;
}
.inr_bnrwrapper img{
	width:100%;
	height:auto;
	display:block;
	}	
	
.breadcrumps{ 
	width:100%; 
	height:auto; 
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #eeeeee;
}
.breadtxt{
	width:auto; 
	height:auto; 
	font-family: 'Open Sans', sans-serif;
	font-size:.85em; 
	color:#009dda; 
	font-weight:400;
	padding:0em 0em 1em 0em;
	text-align:left;
}
.breadtxt a{
	font-family: 'Open Sans', sans-serif;   
	color:#999; 
	text-decoration:none;
}
.breadtxt a:hover{
	font-family: 'Open Sans', sans-serif;
	color:#9dc326; 
	text-decoration:none;
	}
.content_container{ 
	width:90%;
    height: auto;
	margin:2% auto 0 auto;
	}
.content_container p{ 
	font-family: 'Open Sans', sans-serif;
	color:#999;
	font-weight:400;
	text-align:justify;
	line-height:1.8em;
	font-size:.87em;
	}

.content_container h2{ 
	font-family:'Lato', sans-serif;
	color:#9dc326;
	font-weight:500;
	text-align:left;
	line-height:2em;
	font-size:1.5em;
	text-transform:uppercase;
	}

.content_container h2 span{ 
	font-family:'Lato', sans-serif;
	color:#009dda;
	font-weight:300;
	}

.abtimg{
	margin-left:.5%;
	}
.products_container{
	width:100%;
	height:auto;
	padding-top: 1%;
	padding-bottom: 2%;
	}
.products_container .col1{
	width:48%;
	float:left; 
	background:#efefef;
	height:auto;
	/*margin-right:.5%;*/
    margin-bottom: 5%;
	padding:2%;
    min-height:326px;
	}
.products_container .col1 .colimg{
	width:100%;
	height:auto;
	float:left; 
	}
.products_container .col1 .colimg img{
	width:auto;
	height:auto;
	display:block;
	max-height:100%;
	margin:0 auto;
	max-width:100%;
	}
.products_container .col1 .colimg img:hover{
	-webkit-filter: saturate(3); 
	filter: saturate(3);
	}
.products_container .col1 .coltxt{
	width:100%;
	height:auto;
	display:block;
	float:left; 
	padding:0% 2% 2% 2%;
	}
.products_container .col1 .coltxt h3{
	font-family: 'Open Sans', sans-serif;
	color:#666;
	font-weight:300;
	text-align:center;
	line-height:1.8em;
	font-size:1em;
	text-transform:uppercase;
	}
	
.products_container .col1 .coltxt .view{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:600;
	text-align:center;
	line-height:1.8em;
	font-size:.8em;
	padding:5% 0;
	text-transform:uppercase;
	}
.products_container .col1 .coltxt .view a{
	font-family: 'Open Sans', sans-serif;
	color:#9dc326;
	padding:3.5% 4.5% 3.5% 4.5%;
	background:#fff;
	}
.products_container .col1 .coltxt .view a:hover{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#009dda;
	}
.products_container .col2{
	width:48%;
	float:right; 
	background:#efefef;
	height:auto;
	margin-bottom:5%;
	padding:2%;
	min-height:326px;
	}
.products_container .col2 .colimg{
	width:100%;
	height:auto;
	float:left; 
	}
.products_container .col2 .colimg img{
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
	}
.products_container .col2 .colimg img:hover{
	-webkit-filter: saturate(1.5); 
	filter: saturate(1.5);
	}
.products_container .col2 .coltxt {
	width:100%;
	height:auto;
	display:block;
	float:left; 
	padding:0% 2% 2% 2%;
	}
.products_container .col2 .coltxt h3{
	font-family: 'Open Sans', sans-serif;
    color: #666;
    font-weight: 300;
    text-align: center;
    line-height: 1.8em;
    font-size: 1em;
    text-transform: uppercase;
	}
	
.products_container .col2 .coltxt .view{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:600;
	text-align:center;
	line-height:1.8em;
	font-size:.8em;
	padding:6.5% 0;
	text-transform:uppercase;
	float:left;
	width:100%;
	}
.products_container .col2 .coltxt .view a{
	font-family: 'Open Sans', sans-serif;
	color:#9dc326;
	padding:3.5% 4.5% 3.5% 4.5%;
	background:#fff;
	}
.products_container .col2 .coltxt .view a:hover{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#009dda;
	}

.clients_container{
	width:100%;
	height:auto;
}
.client_col{
	width:25%;
	height:119px;
	float:left;
	padding-top:4%;
	padding-bottom:4%;
	margin-bottom:2%;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	}
	
.client_col img{
	max-width:80%;
	height:auto;
	margin:0 auto;
	display:block;
	background:#9dc326;
	max-height:100%;
	}
.client_col:hover{
	border-top:2px solid #9dc326;
	border-bottom:2px solid #9dc326;
	
	}
.client_col:hover img{
	-webkit-filter:grayscale(100%);
	-filter:grayscale(100%);
	}

	
.enquiry_wrapper{
	width:100%;
	height:auto;
	margin:0 auto 2% auto;
	
	}
.enquiry_col{
	width:50%;
	height:auto;
	float:left;
	padding: 2%;
	}
.enquiry_col1{
	width:50%;
	height:auto;
	float:left;
	padding: 2%;
	}
.enquiry_col3{
	width:100%;
	height:auto;
	padding: 2%;
	}
.enquirytxtbox{ 
	width:100%;
	height:35px;
	color:#999;
	font-family: 'Open Sans', sans-serif;
	font-size:.87em;
	font-weight:400;
	line-height:1.8em;
	padding:1% 1% 1% 1%;
	background:#fff;
	border:1px solid #e0e0e0;
}
.enquirytxtbox1{ 
	width:100%;
	height:100px;
	color:#999;
	font-family: 'Open Sans', sans-serif;
	font-size:.87em;
	font-weight:400;
	line-height:1.8em;
	padding:1% 1% 1% 1%;
	background:#fff;
	border:1px solid #e0e0e0;
}
.enquiry_wrapper select{ 
	width:100%;
	height:35px;
	color:#999;
	font-family: 'Open Sans', sans-serif;
	font-size:.87em;
	font-weight:400;
	line-height:1.8em;
	padding:1% 1% 1% 1%;
	background:#fff;
	border:1px solid #e0e0e0;
}
.captcha{
	width:100%;
	height:auto;
	padding: 0% 0% 0% 40%;
	}
.captcha img{
	max-width:100%;
	height:auto;
	display:block;
	}

.enq_submit{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    line-height: 1.8em;
    background: #009dda;
    cursor: pointer;
    padding: 1.5% 3% 1.5% 3%;
	margin-right:2%;
	margin-top:1%;
	float:right;
	}
.enq_submit:hover{
    color: #fff;
    background: #9dc326;
	}	
.contact_lft{
	width:100%;
	height:auto;
	float:none;
	padding-bottom: 4%;
	}
.adrs_container{
	width:100%;
	height:auto;
	border-bottom:1px solid #ececec;
	padding:2% 0% 2% 0%;
	}
.adrs_img{
	width:100%;
	height:auto;
	}
.adrs_img img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	}
.adrs_txt{
	font-family: 'Open Sans', sans-serif;
    font-size: .87em;
    color: #999;
    font-weight: 400;
    line-height: 1.8em;
    padding: 1.5% 0% 1.5% 0%;
	text-align:center;
	}
.adrs_txt a{
	font-family: 'Open Sans', sans-serif;
    color: #999;
  	text-decoration: none;
	}
.adrs_txt a:hover{	
	font-family: 'Open Sans', sans-serif;
    color: #9dc326;
    text-decoration: none;
}
.contact_rgt{
	width:100%;
	height:auto;
	float:none;
	}
.locationmap{
	width:100%;
	height:auto;
	background: url(../images/locationbg.jpg) no-repeat 0% 100%;
	background-size:100%;
	padding:3.5% 0% 3.5% 0%
	}
.locationmap img{
	width:100%;
	height:auto;
	display:block;
	}
.product_dtlcol{ 
	width:48%;
	height:auto;
	float:left;
	margin:0% 1% 2% 1%;
	min-height:265px
	}
.product{
	width:100%;
	height:140px;
	border:1px solid #f5f5f5;
	padding:2% 0% 2% 0%;
	}
.product img{
	width:auto;
	height:auto;
	max-height:100%;
	max-width:80%;
	display:block;
	margin:0 auto;
	}
.product img:hover{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	}
.product_txt{
	width:100%;
	height:auto;
	padding:3% 0% 3% 0%;
	}
.product_txt h6{
	font-family: 'Open Sans', sans-serif;
	font-size:.95em;
	color:#666;
	line-height:1.7em;
	text-transform:uppercase;
	font-weight:500;
	}
	
.product_txt p{
	font-family: 'Open Sans', sans-serif;
	font-size:.87em;
	color:#999;
	line-height:1.8em;
	}
.product_txt .price{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:400;
	text-align:left;
	line-height:1.8em;
	font-size:.87em;
	padding:5% 0;
	}
.product_txt .price a{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	padding:2% 3% 2% 3%;
	background:#9dc326;
	}
.product_txt .price a:hover{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#009dda;
	}
.product_txt .price span{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:url(../images/rs.png) no-repeat 7% center;
	padding:0% 0% 0% 6%;
	font-weight:600;
	}