@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;

	position:relative;

}



header{

	width:100%;

	height:auto;

	background:#009dda;

	/*position:fixed;

	top:0;

	left:0;*/

	z-index:500;

}

.hdwrap{

	width:90%;

	height:auto;

	margin:0 auto;

	}



.menu_wrapper{

	width:71%;

	height:auto;

	float:right;

	}

.logo{

	width:25%;

	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;

	}

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:1.2em 0em 1.3em 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: 198px;

	padding:2%;

	z-index: 1;

	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:1.2em 0em 1.2em 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:1.2em 0em 1.2em 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: 198px;

	padding:2%;

	z-index: 1;

	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:1.2em 0em 1.2em 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:3.8em;

	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:2em;

	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:1% 0% 0% 5%;

	}

.ftrdescription{

	width:30%; 

	 min-height:211px; 

	 float:left; 

	}

.ftrdescription_logo{

	width:100%;

	height:auto;

	padding-bottom: 4%;

	}

.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:40%; 

	 min-height:211px; 

	 float:left;

    padding-left: 5%; 

	 }

.quick_box{

	 width:44%; 

	 min-height:211px; 

	 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:5% 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

}

.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% 5% 0% 5%;

	}

.copyright{ 

	width:60%; 

	height:auto; 

	float:left; 

	font-family: 'Open Sans', sans-serif;

	font-size:.8em; 

	color:#9c9b9b;  

	font-weight:normal; 

	padding:1% 0% 1% 0%; 

	}

.ftrimg{

	width:auto;

	height:auto;

	float:right;

	padding:.5% 0% .3% 1%

	}

.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%

	}

.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:5%;

	min-height:211px;

	padding-top: 1%;

	float:right;

	background:url(../images/ftsep.png) no-repeat 0% center

}

.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% 17%;

	padding:0;

	}

.followus li{

	list-style-type:none;

	cursor:pointer;

	padding-right:0%;

	}

.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:27%;

	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:3.8em;

	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:2em;

	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:2.2em;

	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:49%;

	float:left; 

	background:#efefef;

	height:auto;

	margin-right:.5%;

    margin-bottom: 2.1%;

	}

.products_container .col1 .colimg{

	width:60%;

	height:100%;

	float:left; 

	}

.products_container .col1 .colimg img{

	width:100%;

	height:100%;

	display:block;

	max-height:100%;

	

	}

.products_container .col1 .colimg img:hover{

	-webkit-filter: saturate(3); 

	filter: saturate(3);

	}

.products_container .col1 .coltxt{

	width:40%;

	height:auto;

	display:block;

	float:left; 

	padding:6% 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:1.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:49%;

	float:right; 

	background:#efefef;

	height:auto;

	margin-bottom: 2.1%;

	}

.products_container .col2 .colimg{

	width:60%;

	height:auto;

	float:left; 

	}

.products_container .col2 .colimg img{

	width:100%;

	height:auto;

	display:block;

	}

.products_container .col2 .colimg img:hover{

	-webkit-filter: saturate(1.5); 

	filter: saturate(1.5);

	}

.products_container .col2 .coltxt {

	width:40%;

	height:auto;

	display:block;

	float:left; 

	padding:6% 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: 1.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:200px;

	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:60%;

	height:auto;

	margin:0 auto 2% auto;

	

	}

.enquiry_col{

	width:50%;

	height:auto;

	float:left;

	padding: 2%;

	}

.enquiry_col1{

	width:50%;

	height:auto;

	float:right;

	padding: 2%;

	}

.enquiry_col3{

	width:100%;

	height:auto;

	padding: 2%;

	}

.enquirytxtbox{ 

	width:100%;

	height:55px;

	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:55px;

	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:30%;

	height:auto;

	float:left;

	padding-bottom: 4%;

	}

.adrs_container{

	width:100%;

	height:auto;

	border-bottom:1px solid #ececec;

	padding:4% 0% 4% 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:67%;

	height:auto;

	float:right;

	}

.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:23%;

	height:auto;

	min-height:200px;

	float:left;

	margin:0% 1% 2% 1%;

	}

.product{

	width:100%;

	height:214px;

	border:1px solid #f5f5f5;

	padding:5% 0% 3% 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 5% center;

	padding:0% 0% 0% 6%;

	font-weight:600;

	}

.testimonial_container{

	width:100%;

	height:auto;

	border-bottom:1px solid #eeeeee;

	margin:1% 0% 3% 0%;

    padding-bottom: 1%;

	}

.testimonial_lft{

	width:18%;

	height:auto;

	float:left;

	}



.testimonial_lft img{

	width:150px;

	height:150px;

	border-radius:50%;

	border:1px solid #e4e2e2;

	padding: 3%;

	display:block;

	}

.testimonial_rgt{

	width:80%;

	height:auto;

	float:right;

	}

	

.testimonial_rgt p {

    font-family: 'Open Sans', sans-serif;

    color: #999;

    font-weight: 400;

    text-align: justify;

    line-height: 1.8em;

	font-size:.87em;

}

.testimonial_rgt p:before {

 	content: url(../images/quote.jpg);

	margin-right:1%; 

}

.testimonial_rgt p:after {

 	content: url(../images/quote1.jpg) ;

	margin-left:1%; 

}

.testimonial_rgt h6 {

    font-family: 'Open Sans', sans-serif;

    color: #009dda;

    font-weight: 600;

    text-align: justify;

    line-height: 1.6em;

	font-size:.87em;

	font-style:italic;

	padding-top:1.5%;

}