@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
*{ margin:0; padding:0;}
p, h1, h2, h3, h4, a, span, li, input, textarea { font-family: 'Open Sans', sans-serif; letter-spacing:0.4px;}
h1 { font-size:25px; color:#e67817; margin:20px 0 10px 0;}
h4 { font-weight:bold; font-size:20px;} 
p { font-size:14px;}
a { text-decoration:none; transition:all 0.4s;}
#pageloaddiv { background: #FFF url('../images/pageloader.gif') no-repeat center;  position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; 
z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999; overflow:hidden;}
.read-oll { color:#06C;}
.read-oll:hover { color:#06C;}
section { width:100%; margin:auto;}
section.top-section { background:#383431;}
section.top-section.bordr-btm { border-bottom:3px solid #729ed2;}
.container.wrapper { width:1000px;}
.container.wrapper .logo-box, .top-nav-2, .top-nav-3 { padding-right:0px; padding-left:0px;}
.container.wrapper .logo-box { width:12%;}
.container.wrapper span.call { color:#fff; margin-bottom:9px; font-size:19px; padding-left:35px; background:url(../images/call.PNG) no-repeat -1px 0; float:right;}
.container.wrapper span.mail { color:#fff; margin-bottom:5px; font-size:14px; background:url(../images/mail.png) no-repeat left 0; padding-left:30px; float:right;}
.container.wrapper span.mobile { color:#fff; margin-bottom:5px; font-size:14px; background:url(../images/mobile2.png) no-repeat left 1px; padding-left:27px; float:right;}
.container.wrapper .top-nav-3 { width:21%; margin-top: 17px; float:right;}
.container.wrapper .top-nav-3 .social { float:right;}
.container.wrapper .top-nav-3 .social .fb, .tw, .g-p { width:15px; height:15px; float:left; margin:6px 0 0 5px; transition:all 0.4s;}
.container.wrapper .top-nav-3 .social .fb:hover, .tw:hover, .g-p:hover { opacity:.5;}
.container.wrapper .top-nav-3 .social .fb { background:url(../images/fb.PNG) no-repeat;}
.container.wrapper .top-nav-3 .social .tw { background:url(../images/tw.PNG) no-repeat;}
.container.wrapper .top-nav-3 .social .g-p { background:url(../images/gp.PNG) no-repeat;}
.container.wrapper .top-nav-4 h4 { color: #fff; font-size: 12px; padding: 6px 10px; margin-top: 60px; line-height: 18px; text-align: center; background: rgba(255, 255, 255, 0.33); display:block; float:right; font-weight: 400;}
.container.wrapper .prdt-main-inr .slide-img { margin:0 0 20px 0;}
.container.wrapper .prdt-main-inr .prd-ul-1 li { padding:0 0 0 22px; list-style:none; background:url(../images/ul-imgUntitled-1%20copy.png) no-repeat left 5px;}
nav { margin:0; border:none;}
nav.navbar { margin-bottom:0px}
nav .navbar-brand { display:none; visibility:hidden;}
nav.navbar-default { background:#383431; border:none;}
nav.navbar-default .navbar-nav li a { color:#fff;}
nav.navbar-default .navbar-nav li a:hover { color:#FFF; background:#6B6A6A;}
nav .navbar-collapse { padding-left:0px; padding-right:0px;}
nav .navbar-nav li a { padding:120px 13px 16px 13px; margin:0 1px; text-transform:uppercase;}

nav .navbar-nav ul { display: none; position: absolute; top: 100%; left: 0; background: #4C4C4C url(../images/nav-ul-bg.png) no-repeat 30px top; padding:15px 0 0 0; z-index:9999; border-top: 3px solid #729ed2;}
nav .navbar-nav ul li { list-style:none; float: none; width: 200px;}
nav .navbar-nav ul a { display:block; font-size:12px; line-height: 120%; padding: 10px 15px; color:#fff;}
nav .navbar-nav li:hover ul  { display: block;}
nav .active a { color:#FFF !important; background:#6B6A6A !important;}
nav .active ul a { background:#4C4C4C !important;}
nav .active ul li:hover a { background:#6B6A6A !important;}

section.slider-main, .slider-box { height:288px; background:#729ed2;}
section.slider-main .slider-box { background:#598dca url(../images/slider-abstract.png); border-right:1px #b5cce7 solid; border-left:1px #b5cce7 solid;}
section.slider-main .nxt-slide { right:5%; position:absolute; margin-top: 135px;}
section.slider-main .prv-slide { left:5%; position:absolute; margin-top: 135px;}
section.slider-main .slider-box .slider-img { background:url(../images/slide-shdow.png) no-repeat; height:288px;}
/*section.slider-main .slider-box .slider-cnt { float:left;}
section.slider-main .slider-box .slider-img img { width:100%;}*/
section.slider-main .slider-box .slider-cnt .slider-slide-cnt { margin-top:60px;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt h1 { font-size:32px; color:#fff;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt h3 { font-size:18px; color:#CFDEF0;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt p, a, a:hover { color:#fff; text-decoration:none;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt b { font-size:22px;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt .read-slide { font-size:16px;}

section.content-aria .intro .slide-prt .h-head { padding-right:0px;}
section.content-aria .intro .slide-prt .h-head h4 { padding:20px 20px; margin-left:0px; color:#585757; background:#a6cbf0; font-size:18px;}
section.content-aria .intro .slide-prt .img-prt { padding-left:5px; padding-top:11px; height:96px;}
section.content-aria .intro p { text-align:justify;}
section.content-aria .inner-slide-main { padding-top:20px;}
section.content-aria .inner-slide-main .inner-side-box { padding:10px 18px; margin:0 0 20px 0; background:#F0F0F0; border: 1px solid #E7E7E7;}
section.content-aria .inner-slide-main .inner-side-box h4 { color:#383431; margin-bottom:15px; margin-top:0;}

section.content-aria .news li { list-style:none; margin-bottom:10px; min-height:77px;}
section.content-aria .news ul .li-btm-space { margin-bottom:0;}
section.content-aria .news li span { float:left; background:#383431; text-align:center; margin-right:12px;}
section.content-aria .news li span p.date, p.mnth, p.yer { padding:0 25px 0 25px;}
section.content-aria .news li span p { color:#fff; margin:0;}
section.content-aria .news li span p.date { font-size:25px; margin-bottom: -5px;}
section.content-aria .news li span p.mnth { text-transform:uppercase; font-size:15px; padding-bottom:3px;}
section.content-aria .news li span p.yer { font-size:12px; color:#383431; background:#e88126; padding:3px 0; font-weight:bold;}
section.content-aria .news li p.cnt { float:left; width:64%;}
section.content-aria .prdt-main { margin-bottom:20px;}
section.content-aria .prdt-main .prdt { border:1px solid #E67817; min-height:373px; transition: 0.4s all; background:#E67817 url(../images/p-icn.png) no-repeat bottom right;}
section.content-aria .prdt-main .prdt:hover { opacity:0.8;}
section.content-aria .prdt-main .prdt h3 { font-weight:bold; line-height:25px; font-size:20px; color:#fff; text-align:center; text-transform:capitalize; padding:0 5px; transition:0.4s all;}
section.content-aria .prdt-main .prdt p { padding:0 10px; text-align:center;}
section.content-aria .prdt-main .prdt:hover h3 { color:#fff;}
section.content-aria .prdt-main .prdt img { border-radius:0 0 10px 10px;}
section.content-aria .mission { padding:20px 20px; background:#F4F4F4; margin:25px 0 0 0; border:1px solid #E7E7E7;}
section.content-aria .mission h1 { margin:0 0 10px 0;}
section.content-aria .vision { padding:20px 20px; background:#F4F4F4; margin:25px 0 35px 0; border:1px solid #E7E7E7;}
section.content-aria .vision h1 { margin:0 0 10px 0;}
section.content-aria .inner-side-box { float:left;}
section.content-aria .inner-side-box .vlightbox1 { width:80px !important; height:80px !important; float:left;}
section.content-aria .oth-prdts { margin:10px 0 20px 0;}
section.content-aria .oth-prdts a { font-size:13px; padding: 5px 5px 5px 5px; background:#EEE url(../images/prdt-side-bg.png) right bottom no-repeat;  color:#7E7E7E; display:block; margin-bottom:5px;  border-left:2px solid #E67817;}
section.content-aria .pdf-dwnld { margin-bottom:20px;}
section.content-aria .oth-prdts h4 { margin-top:0px;}
section.content-aria .detail-table-main { /*border:1px solid #CCC;*/ padding-left:15px;}
section.content-aria .detail-table-main .detail-table { padding:0;}
section.content-aria .detail-table-main .detail-table ul li { background:url(../images/ul-imgUntitled-1%20copy.png) no-repeat left 5px; list-style:none; padding:0 0 10px 20px;}
section.content-aria .detail-table-main .detail-table h5 { border-bottom:1px solid #A6A6A6; background-color:#FCDFC4; padding:15px 0 15px 15px; font-size:16px; margin:0;}
section.content-aria .detail-table-main .detail-table .table-box1 { padding:15px 0 0 15px; min-height:256px; background-color:#F4F4F4; border-bottom: 1px solid #A6A6A6;}
section.content-aria .detail-table-main .detail-table .table-box1 span { padding:0 0 0 20px;}
section.content-aria .detail-table-main .detail-table .table-box1 span img { padding-bottom:10px;}
section.content-aria .detail-table-main .detail-table .table-box2 { padding:15px 0 15px 15px; background-color: #ECECEC; min-height:110px; border-bottom: 1px solid #A6A6A6;}
section.content-aria .detail-table-main .detail-table .table-box-2-1 { padding-bottom: 110px;}
section.content-aria h4 { margin-top:45px; margin-bottom:18px;}
section.content-aria .sub-itms-main .sub-itms { cursor:pointer; margin-bottom:15px;}
section.content-aria .sub-itms-main .sub-itms { opacity:0.8;}
section.content-aria .sub-itms-main .sub-itms h4 { font-size:16px; margin:-29px 0 0 0; text-align:center; padding:10px 5px; background:#F4C79F; position:relative;}
section.content-aria .sub-itms-main .sub-itms img { width:100% !important;}
section.content-aria .am-p-datails { text-align:center;}
section.content-aria h4.modal-title { margin-top:0; text-align:center;}
section.content-aria h5 { font-size:16px;} 
section.content-aria .accessories img { width:100%; border:1px solid #ccc; margin-bottom:10px;}
section.content-aria .accessories p { text-align:center;}
section.content-aria .contact { margin-bottom:20px;}
section.content-aria .contact .cont-adrs h4 { margin-top:23px;}
section.content-aria .contact .cont-adrs ul li { list-style:none;}
section.content-aria .contact .cont-adrs ul li.con-add { padding:0 0 0 35px; margin-bottom:10px; background:url(../images/adr.png) no-repeat left 0; font-size:16px;}
section.content-aria .contact .cont-adrs ul li.con-lan { font-size:16px; padding:0 0 12px 35px; margin-bottom:10px; background:url(../images/call.PNG) no-repeat left 0;}
section.content-aria .contact .cont-adrs ul li.con-mob { font-size:16px; padding:0 0 12px 35px; margin-bottom:10px; background:url(../images/mobile.png) no-repeat left 0;}
section.content-aria .contact .cont-adrs ul li.con-mail { font-size:16px; padding:0 0 0 35px; margin-bottom:10px; background:url(../images/mail.png) no-repeat left 0;}
section.content-aria .tec-box-2 { background:#F2F2F2; border:1px solid #E0E0E0; padding: 12px 5px;}
section.content-aria .tec-box-2 h5 { border-bottom:1px solid #E0E0E0; min-height:48px; margin-bottom:15px;}
section.content-aria .table-res1 table { background:#EFEFEF;}
section.content-aria .table-res1 th { background:#FFBF86;}
section.content-aria .table-res1 th, td { padding:10px 20px 10px 20px; text-align:center;}
section.content-aria .table-res1 .res-tb-bg1 { background:#fff;}
section.content-aria .table-res1 .res-tb-bg2 { background:#fff; border-bottom:3px solid #ccc;}
section.content-aria .kit-prdts { width: 99.80%; background:#F4F4F4; margin: 0 0 10px 1px; border:1px solid #E4E4E4; padding:0 0 20px 0;}
section.content-aria .kit-prdts h4 { color:#e67817; margin:24px 0 15px 15px;}

section.service-box .bx-wrapper { min-width:100% !important;}
section.service-box .bx-wrapper .bx-viewport { height:202px !important;}
section.service-box .bx-wrapper .bx-pager { text-align:justify; float:right;}
section.service-box .bx-wrapper .bx-pager.bx-default-pager a { border-radius:0px; margin:0 2px; float:right;}
section.service-box .bx-wrapper .slide { margin-right:50px !important;}
section.service-box .bx-wrapper .slide img { margin-bottom:-45px;}
section.service-box .bx-wrapper .slide h4 { position:relative; background:url(../images/prdt/ser-box-bg.PNG); text-align:center; padding:10px 5px; font-size:14px; color:#383431; font-weight:bold;}
section.service-box .bx-wrapper .bx-viewport { -webkit-box-shadow:none; box-shadow:none;}
section.service-box .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item { float:right;}
section.service-box .box-slide { overflow:hidden; width:100%; height:200px; margin:0 0 20px 0; text-align:center;}
section.service-box .box-slide .slide { float:left; width:21.8%; margin-right:28px; display:block;}
section.service-box .box-slide .slide img { margin-bottom:-47px;}
section.service-box .box-slide .slide h4 { float:none; padding:10px 5px; font-size:14px; position:relative; background:#EEA667; text-align:center;}

footer { background:#12294e; color:#fff;}
footer p { color:#ccc5c5; font-size:13px;}
footer h1 { color:#fff; text-transform:uppercase; font-size:20px; margin:30px 0 20px 0;}
footer .ft-logo { margin-bottom:10px;}
footer .quk-link ul li a { text-decoration:none; color:#ccc5c5; font-size:13px;}
footer .quk-link ul li a:hover { color:#999;}
footer .quk-link ul li { list-style:none; padding:0 0 5px 20px; background:url(../images/ft-link-icon.PNG) no-repeat 0 3px; margin:0 0 0 10px;}
footer .ft-enq input, textarea { border:none; background:#717f95; margin-bottom:3px; padding:5px; min-width:200px; border-radius:3px; transition:all 0.4s;} 
footer .ft-enq input:hover, textarea:hover { background:#41577a;}
footer textarea { max-width:200px; max-height:80px;}
footer input.button { min-width:201px; padding:5px 20px; background:#e88126; color:#fff; float: left; transition:all 0.4s;}
footer input.button:hover { opacity:0.6; background:#e88126;}
footer .ft-social ul { text-decoration:none;}
footer .ft-social ul li { list-style:none; padding:0 0 10px 46px; font-size:11px; color:#ccc5c5;}
footer .ft-social ul li.adrs { background:url(../images/adr.png) no-repeat 6px 0; margin-bottom:2px;}
footer .ft-social ul li.land { background:url(../images/call2.PNG) no-repeat 6px 0; margin-bottom:2px;}
footer .ft-social ul li.mob { background:url(../images/mobile2.png) no-repeat 6px 0; margin-bottom:2px;}
footer .ft-social ul li.mail { background:url(../images/mail2.png) no-repeat 6px 0;}
footer .ft-social ul li.facebook { background:url(../images/fb-icon.png) no-repeat 6px 0; margin-bottom:2px;}
footer .ft-social ul li.facebook a { color:#ccc5c5;}
footer .ft-social ul li.facebook a:hover { text-decoration:underline;}
footer .copy-rt { color:#fff; margin-top:30px; text-align:center;}

.popbox-size-adst { width:25%; text-align:center;}
.popbox-size-adst a { color:#333;}
.name-pop-txt { cursor:pointer; transition:all 0.4s;}
.name-pop-txt:hover { text-decoration:underline; color:#E67817;}
.txt-logo:before { content:''; padding:0 17px; background:url(../images/txt-logo.png) no-repeat;}
h1.txt-logo:before { background:url(../images/txt-logo.png) no-repeat 0 4px;}

/* popup*/

.enq-popup-box.in {
	display: block;
	background-color: #333;
	position: center;

	top: 130px;
    width: 500px;
    height: 260px;
    margin: 0 auto; 
    margin-top: 2px;
    overflow: hidden;
    padding: 30px;
    box-shadow: #FFF 0px 0px 300px 1000px;

}
.fade.in form{
	width: 340px;
	position: relative;
	display: block;
}
.fade.in input{
	display: block;
	height: 40px;
	width: 440px;
	margin:10px 0px;
}
.fade.in .btn{
	background: inherit;
	background-color: #E88126;
	width:440px;	
	color:#fff;
}
.fade.in a{
	color:#ccc;
	margin-top:5px;
}
.fade.in a:hover{
	text-decoration: none;
}


/*end of popup*/

@media only screen and (max-width : 1090px) {
.container.wrapper { width:100%;}
.container.wrapper .logo-box, .top-nav-2, .top-nav-3 { float:left;}
.container.wrapper .top-nav-2 { float:left;}
section.slider-main, .slider-box { height:auto !important;}
}

@media only screen and (max-width : 1000px) {
nav { margin:0 0 0 19px;}
nav .navbar-nav li a { padding:88px 5px 16px 5px;}
.container.wrapper .logo-box { padding-left:10px;}
.container.wrapper .top-nav-3 { padding-right:10px}
section.slider-main .slider-box .slider-cnt { margin:0 15px !important;}
section.slider-main .slider-box .slider-cnt .slider-slide-cnt { width:100% !important; position:static !important; float:left !important; }
section.content-aria .intro .slide-prt .h-head { padding-right:15px;}
section.content-aria .intro .slide-prt .img-prt { padding-left:22px;}
}

@media only screen and (max-width : 844px) {
.container.wrapper .top-nav-3 { width: 218px; margin-top: -112px; float: right !important;}
.container.wrapper .top-nav-2 { float:none;}
.container.wrapper .logo-box, .top-nav-2, .top-nav-3 { float:none;}
nav .navbar-nav li { margin-bottom:3px;}
nav .navbar-nav li a { padding: 5px 0px 5px 5px; }
.navbar-nav { margin:0;}
section.service-box .box-slide .slide { width:27.5%;}
.container.wrapper span.mobile { margin-left:60px;}
section.service-box .box-slide .slide { width:42.5%;}
section.content-aria .prdt-main .prdt { margin-bottom:10px;}
.popbox-size-adst { width:70%;}
nav .navbar-nav ul { position:inherit !important;}
.container.wrapper .top-nav-4 h4 { margin-top:0px;}
}

@media only screen and (max-width : 400px) {
section.slider-main .slider-box .slider-img img { width:80%;}
section.service-box .bx-wrapper .slide h4 { font-size:13px;}
section.service-box .box-slide .slide { float:none !important; width:100%;}
}

/*-------Responsive Table Start----------*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
.table-res1 table, .table-res1 thead, .table-res1 tbody, .table-res1 th, .table-res1 td, .table-res1 tr { display: block;}
.table-res1 thead tr { position: absolute; top: -9999px; left: -9999px;}
.table-res1 tr { border: 1px solid #ccc; }
.table-res1 td { border: none;	border-bottom: 1px solid #eee; position: relative; padding-left: 50%;}
.table-res1 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
.table-res1 td:nth-of-type(1):before { content: "Cat No:"; }
.table-res1 td:nth-of-type(2):before { content: "type"; }
.table-res1 td:nth-of-type(3):before { content: "Guage"; }
.table-res1 td:nth-of-type(4):before { content: "length"; }

.table-res1.tab-hemo td:nth-of-type(3):before { content: "Contents"; }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body { padding: 0; margin: 0; width: 320px; }}
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { width: 495px;}
}
/*-------Responsive Table End----------*/