@charset "utf-8";

/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);

body { margin: 0; padding: 0; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }

img { max-width: 100%; width: auto; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }

p { font-family: 'Open Sans', sans-serif; color: #494949; font-size: 15px; line-height: 25px; }

ul, ol li { font-family: 'Open Sans', sans-serif; padding: 0; margin: 0; }

strong { font-family: 'Open Sans', sans-serif; }

/**********************Common CSS********************************/







.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

a { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; }

.floatL { float: left }

.floatR { float: right }

.ilb { display: inline-block; }

.space { padding: 5px; }

.txtR { text-align: right; }

.txtL { text-align: left }

.txtC { text-align: center }

.w100 { width: 100%; display: inline-block; }

.w25 { width: 25%; display: inline-block; }

.w55 { width: 54%; }

.w40 { width: 42%; }

.w48 { width: 48%; }

.w49 { width: 48.5%; }

.w63 { width: 63% }

.w65 { width: 65%; }

.w58 { width: 58%; }

.w34 { width: 34% }

.w33 { width: 33%; }

.w37 { width: 37%; }

.w31{width:31%}

.arrowlist ul { margin: 0; padding: 0; list-style-type: none; }

.arrowlist li { list-style: none; background: url(../images/arrow.png) left no-repeat; background-position: 0px 15px; padding: 12px 0 0 25px; font-size: 14px; line-height: 21px; color: #494949 }

.arrowlist li a { text-decoration: none; color: #fff; }

.arrowlist li a:hover { color: #C70505 }

#backToTop { position: fixed; right: 30px; bottom: 50px; opacity: 0.5; transition: all ease-in-out 0.5s; display: none; }

#backToTop:hover { opacity: 1.0 }

.slider .bx-wrapper .bx-viewport ul { margin: 0; padding: 0; }

.slider .bx-wrapper .bx-viewport ul li img { width: 100%; }

.products .bx-wrapper .bx-viewport ul { margin: 0; padding: 0; }

::-webkit-input-placeholder {
 color: #999;
}

:-moz-placeholder { /* Firefox 18- */
 color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #999;
}

:-ms-input-placeholder {
 color: #999;
}

/* Clearfix */





.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1;}



table{border-collapse:collapse; width:100%;}
tr, td, th{border:1px solid #ddd; border-collapse:collapse; padding:10px; font-family: 'Open Sans', sans-serif; font-size:14px; vertical-align:top; }




/**********************Common CSS end********************************/


/**********************Pages CSS Start********************************/







.container { width: 1100px; margin: 0 auto; }

.top-strip { width: 100%; height: auto; background:rgba(217,3,114, 0.7); padding: 20px 0; position:fixed; top:0; left:0; right:0; }

.top-strip1 { width: 100%; height: auto; background:#d21b7a;  padding: 20px 0; position:fixed; top:0; left:0; right:0; }

.logo { float: left; }

.top-menu{float:right; margin:8px 0 0 0;}

.slider{width:100%; height:auto;  top:0; bottom:0; left:0; right:0; position:relative;}

.slider li img{width:100%; height:auto; }

.ft-strip { width: 100%; height: auto; background:rgba(0,191,243, 0.7); padding: 15px 0; position:fixed; bottom:-5px; left:0; right:0; }

.ft-strip1 { width: 100%; height: auto; background:#00bff3;  padding: 15px 0; position:fixed; bottom:-5px; left:0; right:0; }

.ft-strip p, 
.ft-strip a,
.ft-strip1 p, 
.ft-strip1 a


{color:#fff; font-size:13px; text-decoration:none;}

.ft-strip a:hover,
.ft-strip1 a:hover

{color:#d21b7a}

.social a{opacity:0.5; margin-left:10px;}

.social a:hover{opacity:1.0}

.tab-strip{ width: 100%; height: auto;  padding: 20px 0; position:absolute; bottom:85px; left:0; right:0; }

.tab-1{width:30%; height:auto; background:rgba(255,255,255,0.5); float:left; padding:10px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; text-align:center; }

.tab-2{width:30%; height:auto; background:rgba(255,255,255,0.5); float:left; padding:10px; margin:0 0 0 55px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; text-align:center; }

.tab-3{width:30%; height:auto; background:rgba(255,255,255,0.5);  float:right; padding:10px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; text-align:center; }

.tab-icon{background:#fff; border-radius:150px; position:relative; top:-50px; width:100px; height:100px; padding-top:30px; margin:0 auto; box-shadow:0 0 5px #555; -moz-box-shadow:0 0 5px #555; -ms-box-shadow:0 0 5px #555; -o-box-shadow:0 0 5px #555; -webkit-box-shadow:0 0 5px #555; }


.tab-title{font-size:35px; color:#d21b7a;  font-family: 'Open Sans', sans-serif; font-weight:700; top:-40px; position:relative;}

.tab-disc p{font-weight:500; position:relative; top:-50px;}

.btn-more{padding:5px 40px; text-decoration:none; color:#fff; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; border-radius:5px; position:relative; top:-25px; background:#00bff3; text-shadow:0 1px 2px #555;}

.btn-more:hover{background:#d21b7a}

.page-title{width:100%; text-align:center; /*background:url(../images/shape2.png) left bottom no-repeat;*/ padding-bottom:20px; height:70px;}


/*contact page*/

.ct-page{width:100%; height:auto; margin:150px 0 100px 0; float:left}
.ct-page h2{color:#d21b7a}
.ct-left{width:30%; height:auto; float:left; }
.ct-right{width:65%; height:auto; float:right;}


.ct-left ul{list-style:none; margin:10px 0 0 0;}

.ct-left ul li{color:#000; line-height:2.5; padding-left:30px;}

.ct-left li a{ text-decoration:none; color:#000}

.ct-left li a:hover{color:#C90F0F}

.trac1{background:url(../images/icons/address1.png) no-repeat; background-position:0 10px; }
.mail1{background:url(../images/icons/mail1.png) no-repeat; background-position:0 12px; }
.web1{background:url(../images/icons/web1.png) no-repeat; background-position:0 8px; }
.phone1{background:url(../images/icons/phone.png) no-repeat; background-position:0 10px; }

.map{padding:10px; width:100%; height:300px; background:#fff; box-shadow:0 0 7px #222; -moz-box-shadow:0 0 7px #222; -ms-box-shadow:0 0 7px #222; -o-box-shadow:0 0 7px #222; -webkit-box-shadow:0 0 7px #222;}

.map iframe{width:100%; height:100%;}

/*PRODUCT PAGE*/

.pr-content{margin-bottom:100px; padding:10px; border-bottom:1px solid #00bff3}

.pr-content:hover{ box-shadow:0 0 8px #00bff3; -moz-box-shadow:0 0 8px #00bff3; -ms-box-shadow:0 0 8px #00bff3; -o-box-shadow:0 0 8px #00bff3; -webkit-box-shadow:0 0 8px #00bff3; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}

.pr-left{width:30%; height:auto; float:left; text-align:center }
.pr-right{width:65%; height:auto; float:right;}
.pr-title{}
.pr-title h1{color:#00bff3; margin-bottom:12px;}

/*quality page styling*/

.qlimg{width:100%; text-align:center; margin:60px 0; display:inline-block}

.qlimg img{border:10px solid #00bff3;}

.qlimg img:hover{border-color:#d21b7a}

/*career page*/

.cr-left{width:65%; float:left; height:auto; margin:50px 0 0 0;}

.cr-right{width:30%; float:right; height:auto; /*border:1px solid #ddd;*/ margin:50px 0 0 0;}

.crnt-open{border-bottom:1px solid #ddd; padding:15px 0;}

.o-title{margin-bottom:10px;}


.btn-apply{padding:5px 20px; text-decoration:none; text-transform:uppercase; color:#fff; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; border-radius:5px;  background:#00bff3; text-shadow:0 1px 2px #555; margin:25px 0 0 0; display:inline-block;}

.btn-apply:hover{background:#d21b7a}

.txt-bx{padding:10px; border:1px solid #ddd; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif; font-size:14px;}

/*quality process*/

.flt-bx a{text-decoration:none; font-size:14px; font-weight:700; color:#d21b7a}
.square{padding:20px; border-radius:10px; border:2px solid #00bff3; width:70%; height:auto; text-align:center; vertical-align:middle; margin:0 auto; margin-bottom:35px !important;}
.square:hover{border:2px solid #d21b7a; background:#2fd3ff; }
.square:hover h3, .square:hover p{color:#f6fdff}
.square:hover img{border-radius:10px;}

/*.square img:hover{transform:scale(1.1,1.1);}*/
.square h3{text-transform:uppercase; color:#d21b7a; margin-top:5px;}
/*.square2{padding:25px 10px 10px 10px; border:2px solid #00bff3; width:100px; height:100px; position:absolute; left:200px; top:0;}*/

/*delear enquiry*/

.txtbx{width:100%; padding:10px; border:1px solid #ddd; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; font-size:13px; font-family: 'Open Sans', sans-serif;}