@charset "utf-8";
/* CSS Document */

*, html, h1, h2, h3,h4,h5,h6, ul, ol, li, form, p {border:0;margin:0;padding:0;outline:0;}
header, nav, section, footer, article, aside, figure{display:block;}
.clr, .clear{ clear:both;}
.table{ display:table; width:100% }.table-cell{ display:table-cell } .VAM{ vertical-align:middle } .VAT{ vertical-align:top } .VAB{ vertical-align:bottom } 
.TAC{ text-align:center} .TAL{ text-align:left } .TAR{ text-align:right } .TAJ{ text-align:justify }
.fl{ float:left }.fr{ float:right }
.brdr-red{ border:1px solid #f00 }
.radius30{border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-khtml-border-radius:30px;-webkit-border-radius:30px; overflow:hidden}
.radius20{border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px; overflow:hidden}
.radius15{border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px; overflow:hidden}
.radius10{border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; overflow:hidden}
.radius5{border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.PA10{ padding:10px }.PA20{ padding:20px }
.PL20{ padding-left:20px !important; }.PR20{ padding-right:20px }.PTB15{ padding:15px 0 }
.PTB20{ padding:20px 0 20px 0 }
.PL30{ padding-left:30px } .PR30{ padding-right:30px }
.PL10{ padding-left:10px}
.width30{ width:30% }.width80{ width:80% !important; margin:0 auto }
.brdr-L{ border-left:1px solid #ccc } .brdr-R{ border-right:1px solid #cee8d1 } .brdr-T{ border-top:1px solid #cee8d1 } .brdr-B{ border-bottom:1px solid #cee8d1 }
.hr-sep{ border:none;border-top:1px dashed #093; }
.relative{ position:relative }

/* css start  */
body{ font:normal 13px/18px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0}
.bg-srtip-ins{ background:#63d8c8; position:absolute; width:100%; height:264px; top:0px; z-index:-1 }
.bg-srtip{ background:#63d8c8; position:absolute; width:100%; height:330px; top:0px; z-index:-1 }
.bg-wht{ background:#fff; padding:10px 0 }.cstm-bg{ background:#e51111}.bg-grey{ background:#f0eeef; padding:0 25px }
.wrap{ padding:0;  position:relative }
.max-width{ width:1004px; max-width:1200px; margin:0 auto; }
.max-width-box{ width: 960px; margin:0 auto }
header{ padding:0; }
.logo { max-width:280px; min-width:30px; min-height:30px; text-align:center; margin:0 auto  } 

/*  top right section  */
		.top-rt-section{ vertical-align:middle; padding:10px }
		
		/* Social Icon */
		.social-icon{ color:#fff; float:right; margin:3px 10px 3px 10px }
		.social-icon img{ margin-right:2px; border:1px solid #fff; vertical-align:middle}
		/* /Social Icon */
		
		/* Search Field */
		.search{ width:244px; position:relative; margin:3px 0 0 0}
		.search-box{ outline:none; background:#fff;color:#000; font-size:12px; padding:8px 50px 8px 10px; width:100%; float:left; box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box; box-shadow:0px 0px 5px 2px #ccc inset}
		.srch-icn{ position:absolute; right:10px; top:5px }
		/*  /Search Field */
		
		/* Send Inquiry button */
		.enq-btn{ border-radius:20px;
		/*border:1px solid #ed952d; */
		-webkit-border-radius: 20px; -moz-border-radius: 20px;font-size:15px;font-family:arial, helvetica, sans-serif; padding: 10px 5px; text-align:center; text-decoration:none; display:block;font-weight:bold; color: #fff !important;
		background-color: #E85503; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E85503), to(#D13502));
		 background-image: -webkit-linear-gradient(top, #E85503, #D13502);
		 background-image: -moz-linear-gradient(top, #E85503, #D13502);
		 background-image: -ms-linear-gradient(top, #E85503, #D13502);
		 background-image: -o-linear-gradient(top, #E85503, #D13502);
		 background-image: linear-gradient(to bottom, #E85503, #D13502);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E85503, endColorstr=#D13502);
		}
		
		.enq-btn:hover{
		/* border:1px solid #ed952d; */
		 background-color: #D13502; 
		 background-image: -webkit-gradient(linear, left top, left bottom, from(#D13502), to(#E85503));
		 background-image: -webkit-linear-gradient(top, #D13502, #E85503);
		 background-image: -moz-linear-gradient(top, #D13502, #E85503);
		 background-image: -ms-linear-gradient(top, #D13502, #E85503);
		 background-image: -o-linear-gradient(top, #D13502, #E85503);
		 background-image: linear-gradient(to bottom, #D13502, #E85503);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D13502, endColorstr=#E85503);
		}
		.enq-btn1{ border-radius:20px; border:1px solid #fff;
		/*border:1px solid #ed952d; */
		-webkit-border-radius: 20px; -moz-border-radius: 20px;font-size:15px;font-family:arial, helvetica, sans-serif; padding: 10px 10px; text-align:center; font-weight:bold; text-decoration:none; display:block;font-weight:bold; color: #e51111 !important; 		
		background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#ffffff 50%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ }
	.enq-btn1:hover{ color:#000 }

		.outer-brdr{ border-radius:20px;-o-border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;   }
		.enq-btn-top{  line-height:15px; width:125px; } 
		.enq-btn-btm{ margin:8px auto; width:130px; line-height:10px;} .enq-btn-btm a{ color:#fff}.enq-btn-top a{ color:#ff0c08  }
		/*  Send inquiry button end  */
/*  --top right section */
/*   nav   */
.nav-sec{ display:block; width:100%; position:relative; background:#29666f;}
nav {display:block; text-align:left;  }
nav .dwn-arw{ background:url(../images/down-arw.png) no-repeat right center }
nav ul{ list-style-type:none; font-size:14px;}
nav li{text-align:center; line-height:18px; position:relative; font-weight:bold; float:left;}
nav > ul > li > a{ display:block; padding:20px 20px; color:#bdcbcd;   }
nav ul ul li:hover > a{ color:#fff !important; }
nav > ul > li.active > a, nav > ul > li:hover > a{ color:#000; background:#fff;  }
nav > ul > li.active, nav > ul > li:hover {}
nav > ul > li { border-right:1px solid #375d62  }
nav li:first-child{  }

/* First level  */
nav li ul{ display:none; position:absolute; top:58px; left:0px; background:#fff;  z-index:999999; }
nav li ul li{ display:block;font-size:12px; font-weight:normal; padding:0px; width:210px; border-bottom:1px dashed #efefef; float:none; text-align:left ; }
nav li ul li a{ padding:5px 8px; background:none !important; display:block; color:#000 !important  }
nav li ul li:last-child{ border-bottom:none }
nav li ul li:hover{  border-radius:0;display:block;background:#29666f  }
nav li:hover > ul{ display:block !important; box-shadow:0 0 5px #666 }
/*  second level  */
nav li ul ul{ display:none; position:absolute; left:200px; top:0px; z-index:999999; background:#fff }
nav li{  }
/*   /nav   */

.white-box{ padding:0; margin:0px 0; border-top:1px solid #3a828d; min-height:640px;}
.txt-area{ text-align:left; padding:20px  }
.txt-area p{ margin:0 0 8px 0; text-align:justify; padding-top:10px }
.txt-area h1, .txt-area h2{ font:bold 18px/18px Arial, Helvetica, sans-serif; color:#6cdbeb; padding:8px 0 8px 0; text-align:left  }
.txt-area h3{ font:bold 16px Arial, Helvetica, sans-serif; color:#ccc; padding:10px 0 5px 0 } 
.txt-area h1 span{ color:#e51111}
.usp{  margin:20px 0;} 

.about-img{ width:150px; height:150px; float:right; margin:0 0 10px 20px; }
.comp-video{ width:240px; margin:15px auto; }
.rd-mr{ text-align:center;color:#000;width:80px; border:1px solid #000; background:#6cdbeb; font-size:12px; font-weight:bold; float:right }
.rd-mr a{ color: #000; padding:3px; display:block; border:1px solid #fff;}
.rd-mr a:hover{ background:#fff; color:#000;border:1px solid #6cdbeb; }

/* Contact Details  */
.box{ margin:0}
.box-title{color:#44353d; font-size:18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0px; margin:0 0 10px 0px;}
.box-title{ border:none ; margin-bottom:5px; }
.box-cont{ border-radius:15px 0 15px 0;-moz-border-radius:0 15px 0 15px;-o-border-radius:0 15px 0 15px;-khtml-border-radius:0 15px 0 15px;-webkit-border-radius:0 15px 0 15px; padding:15px;  }
.contact { padding:15px; color:#fff; font-size:13px; background:#0e3533 }
.contact-lft{width:52%}
.contact-rht{width:45%}
.contact-lft{ margin-right:10px }

.map-image { margin:-20px 0 20px 20px; width:350px; height:250px; border:1px solid #666;  }
.cont-details{ color:#fff; width:100% }

.comp-owner{ font-weight:bold; margin-top:10px}
.comp-add a{ color:#000 ; font-style:italic } 
.email-add a{ color:#000;font-style:italic }

.comp-add a:hover, .email-add a:hover{ text-decoration: underline }
.comp-add{ margin:0px 0; }
div.comp-add:last-child{ border-bottom:none }
.contact-rht strong, .address strong{ color:#6cdbeb }
.comp-add strong{ color:#fff }

.comp-title{color:#fff; font:bold 18px/20px Arial, Helvetica, sans-serif; margin-top:10px }
.comp-name-small{ color:#6cdbeb; font-size:16px; font-weight:bold; margin-bottom:10px }
.key-person{ font-weight:bold;}
.address{}
.phn-no{}
.mbl-no{}
.fax-no{}
hr{ margin:10px 0; border-bottom:1px solid #ccc }
/*  /Contact Details  */

/* Accordion css */
.rht-pnl{ background:#111 url(../images/bg-main.jpg) no-repeat right top ;  }
.lft-pnl{ width:300px; background:#29666f; padding:10px 0}
.hds{ font:bold 18px/22px Arial, Helvetica, sans-serif; color:#000; padding:8px 15px; margin:5px 0;background:#fff;  }

.accordion-box{ padding:10px 30px }
.accordionButton {font:bold 14px Arial, Helvetica, sans-serif;padding:8px 10px 8px 30px;  background:url(../images/ar-white.png) no-repeat 10px center; 	cursor:pointer; margin-bottom:1px; }
.accordionButton a{ color:#fff;  outline:none !important  } 
.accordionContent li a:hover{ color:#bbf6ff; }

.accordion-btn-active{ background:#448d98 url(../images/ar-dwn1.png) no-repeat 10px center; color:#fff;    }
.accordion-btn-active a{ color: #fff; outline:none !important;  }
.accordionContent {	width: auto; margin-bottom:2px; }
.accordionContent li{ background:url(../images/ar.png) no-repeat 5px center; padding:5px 0 5px 20px; font-weight:normal; font-size:13px; border-bottom:1px dashed #fff; margin:0 30px; list-style-type:none ; }
.accordionContent li:last-child{ border-bottom:none !important }				  
.accordionContent li a{ color: #fff; display:block;  outline:none !important  }

/*  /Accordion css */

/* footer  */
footer{   }
footer .ftr-link {font-weight:bold; border-top:1px dashed #065b55; background: #000 }
footer ul{  text-align:center; }
footer ul li{list-style:none; display:inline-block; margin:4px 30px 4px 20px; padding-left:10px; font-size:12px;}
footer ul li:first-child{ padding-left:0; margin-left:0 }
footer ul li a{color:#6cdbeb}
footer ul li a:hover{ text-decoration:underline}
.bg-cprt{ background:#0e3533;}
.copyright{ clear:both; padding:0px 10px 5px 0;font-size:11px; color:#fff;}
.copyright a{ color:#fff;}
.copyright img { vertical-align:middle; margin-top:5px }
.cprt-txt{ margin-top:7px; margin-left:10px }
/*  --footer  */

/*  about us  */
.inr-bnr{ height:auto; width:100%;text-align:center;  margin:0 auto 20px auto;}
.inr-bnr img{ height:auto; width:100%;  }
.breadcrumb{border-bottom:1px dotted #ccc;padding:0px 0 0 0 !important; color:#ccc; margin:0 0 10px 0}
.breadcrumb a{ color:#ccc; font-weight:bold }.breadcrumb a:hover{ text-decoration:underline}

.white-box > .tble{ width:100%; max-width:100%; overflow:auto; overflow-y:hidden }
.white-box table, .white-box tr, .white-box td{ padding:5px; border:1px solid; margin:10px 0; border-collapse:collapse; color:#fff }
.white-box ul, .white-box ol { margin-left:15px }
.white-box li{ margin:0 0 0 15px; padding:2px 0 2px 10px }
.white-box td a {color: #fff;}
/* -about us  */

/* contact us page */

/* product range page light box start  */
ul.prod-gallery{ list-style-type:none ; margin:10px 0 0px 0 }
.prod-gallery a{ display:block ; outline:none !important; color:#fff;}
.prod-gallery li{ float:left; margin:0 5px 15px 0; width:47%; height:auto; }
.prod-gallery li img{ width:125px; height:125px;  border:1px solid #ccc; }

.prod-gallery .thumb-title{ font-weight:bold; padding:5px 0; font-size:12px; color:#000; text-align:left}
.prod-gallery .min-height{ min-height:60px }
.read-mr{text-decoration:none; float:right; margin-top:-10px ; font-weight:bold}
.read-mr:hover{ text-decoration:underline }
.prod-gallery li:hover{ box-shadow:0 0 10px #666  }
/* product range page  LIght box end */

/* product page */
.prod-detail-img{ margin:0 0 10px 20px; width:252px; }
.prod-detail-img img{ width:250px; height:250px; border:1px solid #ccc }
/* product page end */

/*   Search Result Page */
.search-result-sec{ padding:10px; border:1px solid #666; box-shadow: 0 0 2px #666; margin:10px 0 }
.prod-img img{ width:123px; height:123px }
.prod-desc{  width:58%; margin:0 10px 0 10px  }
.prod-desc p{ margin:0; padding:0 }
.prod-desc a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.prod-desc a:hover{ text-decoration:underline; color:#fff }
.prod-desc h4{ margin:0 0 5px 0 }
.prod-btn{ width:125px; padding-top:20px;}
.veiw-detail-btn{ border:1px solid #6f6f6f; background:#4c4c4c; font-weight:bold; font-size:13px; text-align:center; margin: 0 0 10px 0 }
.veiw-detail-btn a{ color:#cacaca; padding:5px 0px; display:block }
.veiw-detail-btn a:hover{ text-decoration:underline }
/*   /Search Result Page */

.pdf-btn{ border:1px solid #6f6f6f; background:#4c4c4c; font-weight:bold; font-size:13px; text-align:left; width:162px; margin:10px 0 10px 0 }
.pdf-btn a{ color:#cacaca; display:block; padding-top:1px}
.pdf-btn a:hover{ text-decoration:underline }

/* form  */
.form-block{ background:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; width:90%; padding:10px 25px; margin:15px auto 0 auto  }

.form-block input{ box-shadow:0 3px 3px #FFFFFF, 2px 2px 10px #EFEFEF inset; height:33px; border-radius: 5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; margin:5px 0 -11px 6px; width:32%;     }
.form-block input, .form-block textarea, .form-block select{ border: 1px solid #c7c7c7; box-shadow: 0 3px 3px #FFFFFF, 2px 2px 10px #EFEFEF inset; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; float:left }
.form-block textarea { border-radius: 10px; -moz-border-radius:10px; -o-border-radius: 10px; -webkit-border-radius:10px; height: 75px; line-height: 25px; padding: 15px; width: 100%; resize: none;}
.form-block select{ height: 31px; padding:6px 10px ; float:left; width:65%; margin:5px 0 -11px 7px; border-radius: 5px; -moz-border-radius:5px; -o-border-radius: 5px; -webkit-border-radius:5px;}
.form-block p{ margin:5px 0; padding:0  }
.form-block label.head{ color:#ff7809; font-size:14px; font-weight:bold; line-height:25px; width:100%}
.form-block label{ color: #7f7f7f; font:bold 13px Arial, Helvetica, sans-serif; text-align:left; line-height:25px; float:left; width:33%; margin-top:10px}
label span{ color:#ff0000}
.form-block .mob-input{ width:48.6% }
.form-block input.email{ width:65%}
.form-block input.country-code, .form-block input.area-code{ width:15.8%; }
.form-block input.captcha{ float:left; width:30%; margin-right:9px }
.captchIMG{ margin:0 0px 0 10px }

.form-block .submit-btn{ border:1px solid #ed952d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;font-family:arial, helvetica, sans-serif; padding:10px 45px; text-align:center; text-decoration:none; display:block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; margin:40px 0 20px 0; cursor:pointer;
 background-color: #E85503; background-image: -webkit-gradient(linear, left top, left bottom, from(#E85503), to(#D13502));
 background-image: -webkit-linear-gradient(top, #E85503, #D13502);
 background-image: -moz-linear-gradient(top, #E85503, #D13502);
 background-image: -ms-linear-gradient(top, #E85503, #D13502);
 background-image: -o-linear-gradient(top, #E85503, #D13502);
 background-image: linear-gradient(to bottom, #E85503, #D13502);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E85503, endColorstr=#D13502);
  border-radius: 8px; -moz-border-radius:8px; -o-border-radius: 8px; -webkit-border-radius:8px;
}

.submit-btn:hover{
 border:1px solid #ed952d;
 background-color: #D13502; background-image: -webkit-gradient(linear, left top, left bottom, from(#D13502), to(#E85503));
 background-image: -webkit-linear-gradient(top, #D13502, #E85503);
 background-image: -moz-linear-gradient(top, #D13502, #E85503);
 background-image: -ms-linear-gradient(top, #D13502, #E85503);
 background-image: -o-linear-gradient(top, #D13502, #E85503);
 background-image: linear-gradient(to bottom, #D13502, #E85503);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D13502, endColorstr=#E85503);
}


	/* /form */

/* updated css */
.msg_validate {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DD3C10;
    color: #FF0000;
}
.msg_validate ul {
    padding: 10px 10px 10px 30px;
}
.topbtn {
    background: url("../images/up-arw.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    bottom: 180px;
    cursor: pointer;
    display: none;
    height: 42px;
    outline: medium none;
    position: fixed;
    right: 20px;
    width: 42px;
}
.topbtn:hover {
    background: url("../images/up-arw-hov.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.msgsnt {
    border: 1px solid #CCCCCC;
    color: #666;
    font: 22px/27px arial;
    padding: 10px;
}

.msgsnt span {
    color: #79BC5D;
}
.ntfnd {
    border: 1px solid #ccc;
    color: #666;
    font: bold 18px/27px arial;
    margin:20px 0;
    padding: 20px;
}
.ntfnd span {
    color: #f00;
    font-size: 33px;
}
.captchIMG {
    float: left;
    margin: 4px 0 0 10px;
}
.captchacd {
    background: none repeat scroll 0 0 #5D98F9;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 30px;
    height: 35px;
    line-height: 30px;
    margin: 4px 0 0;
    text-align: center;
    width: 128px;
}
@media only screen and (max-width: 1920px) {
	#mcts1{ width:918px !important }
}
@media only screen and (max-width: 1366px) {
	
}
@media only screen and (max-width: 1280px) {
	#mcts1{ width:870px !important }
	#mcts1 div.item { margin-right:26px !important}
}
@media only screen and (max-width: 1024px) {
	#mcts1{ width:610px !important }
	#mcts1 div.item { margin-right:38px !important}
	
}