@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
body { font-family: 'Roboto', sans-serif; padding-top:100px}
a,a:hover{transition:all ease-in-out 0.3s; outline:none !important}
/* button */
.btn-cust{ background:#ff9900; border:1px solid #ff9900; color:#fff; font-weight:300}

/* padding */
.PR25{ padding-right:25px}
/* table */
.tbl{ display:table; width:100%; }
.tbl-cl{ display:table-cell}.tbl-layout{ table-layout:fixed}
.VAT{vertical-align:top}.VAB{ vertical-align:bottom}.VAM{ vertical-align:middle}
.TAC{ text-align:center}.TAL{text-align:left }.TAR{ text-align:right}

/* radius */
.rad2{ border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;}
.rad3{ border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;}
.rad5{ border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}
/* width */
/* border */
.brdr-bt{ border-bottom:1px solid #ccc}.brdr-tp{ border-top:1px solid #ccc}.brdr-lft{ border-left:1px solid #ccc}.brdr-right{ border-right:1px solid #ccc}
/* overflow */
.hidden{ overflow:hidden}
/* page css start */
header{ box-shadow:0 0 10px #ccc; position:relative; z-index:17; background:#fff }
body.fixed-header header { left: 0;position: fixed;top: 0;width: 100%;z-index: 20;
	
}
.navbar{ margin-bottom:0}
.navbar-brand{ height:auto; padding:10px 15px }
.navbar-fixed-top{ border-bottom:1px solid #ccc}
.navbar-default{ background:#fff; border:none }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background:#fff; color:#000	}
.navbar-default .navbar-nav > li > a{ color:#008dd2; font-size:15px; padding:15px 10px}
.navbar-toggle .icon-bar{ background:#fff; }
.navbar-toggle{ background:#008dd2}
.top-right{ color:#008bd1; float:right; text-transform:uppercase; }
.top-right a{ color:#008bd1;}.top-right a:hover{ text-decoration:none}
.top-right .wdth{ width:60px }
.top-right.tbl{ width:auto; min-width:250px}
.top-right .glyphicon-earphone{ background:#008bd1; color:#fff; padding:10px; margin-left:10px; font-size:28px }
.top-right .call_hd,.top-right .call_no{display:block; text-align:right}
.top-right .call_hd{ font-size:15px;}
.top-right .call_no{ font-size:30px; font-weight:bold; line-height:23px}
.enq_btns_top{ margin-bottom:0; list-style:none; margin-top:10px}
.enq_btns_top .btn-cust{ font-weight:bold;}
.enq_btns_top .btn-cust:hover{ background:#404040; color:#fff; border-color:#404040}

/* banner */
.inr-bnr{ text-align:center}
.inr-bnr img{ width:100%; max-width:100%; max-height:150px; }
.bnr .col-md-8{ padding:0}
#mks_carousel{ position:relative; background:#fff }
#mks_carousel .carousel-indicators{ position:absolute; bottom:-5px}
.carousel-indicators li{ border:1px solid #008dd2; background:#fff }
.carousel-indicators .active{ border:1px solid #008dd2; background:#008dd2 }
#mks_carousel .carousel-control .glyphicon-chevron-right, #mks_carousel .carousel-control .icon-next{ right:20% }
#mks_carousel .carousel-inner .item img{ width:100%; max-height:410px; min-height:410px;}
#mks_carousel .ps_btn{ float:right; font-weight:bold}
#mks_carousel .carousel-control{ width:5% }


.hm_cont{  }
.hm_usp{padding:30px 20px 30px 20px}
.hm_cont{ padding:30px 20px 30px 40px}
.hm_usp ul{ padding-left:15px}
.hm_cont .h2, .hm_usp .h2{ color:#00b7ec; font-size:40px}
.hm_cont p{ text-align:justify;}

.srvc-col, .prod-glry{ background:#f5f5f5; padding:20px 0 }
.prod-glry{ padding-bottom:7em }
.srvc-col .h2, .testimonial .h2, .prod-glry .h2, .h2{ margin:30px 0; font-weight:bold; color:#00b7ec; font-size:40px }
.srvc-col h3 a{ color:#00b7ec; font-weight:bold}
.srvc-col .thumbnail{ border:none; background:none}
.srvc-col .thumbnail > a{ min-height:202px; text-align:center; display:inline-block }
.h1, .h2, .h3, .h4, h5, h6{ color:#00b7ec;}
.thumbnail a > img, .thumbnail > img{ max-width:343px; max-height:202px; width:100%}

.testimonial{ background:#00a4e2; padding:20px 0  }
.testimonial .h2{ color:#fff }
.testimonial .carousel-control.left, .testimonial .carousel-control.right, #mks_carousel .carousel-control.left, #mks_carousel .carousel-control.right{ background-image:none }
.testimonial .carousel-inner .item img{ display:inline-block !important; left:auto;
	border-radius:50%; width:90px; height:90px; overflow:hidden
 }
.testimonial .carousel-caption{ position:relative; left:auto; right:auto; bottom:auto; top:auto; width:55%; margin:0 auto; font-size:20px }
.testimonial .carousel-indicators{ position:relative; }
.testimonial .btn-default{ border:none; margin:15px 0 }

footer{ }
footer address{ line-height:32px }
footer .h3{color:#0fa9e3; font-weight:bold}
footer .timing{ list-style:none; margin:0; padding:15px }
footer .timing li{ border-bottom:1px dotted #000; padding:3px 0}
footer .timing li span{ color:#0fa9e3; float:right}
footer .btm-ftr{ background:#4E4E4E; color:#ccc; padding:15px}
footer .tp-ftr{padding:30px 30px 50px 30px}
footer .cpyrt a{ color:#fff}
footer .cpyrt ul{ padding:0;}
footer .cpyrt ul li{ display:inline-block; margin-right:20px }


.enq_frm{ width:100%; background:#008dd2; padding:10%; position:relative; border-radius:0 100px 0 100px;-moz-border-radius:0 100px 0 100px;-webkit-border-radius:0 100px 0 100px;-o-border-radius:0 100px 0 100px;-ms-border-radius:0 100px 0 100px; margin:20px 0}
.enq_frm input, .enq_frm select, .enq_frm textarea{ border:none; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.enq_frm .h3{ color:#fff; text-align:center; padding-bottom:15px}
.enq_frm .form-group{ margin-bottom:5px }
.enq_frm .col-md-12,.enq_frm .col-md-8,.enq_frm .col-md-4, .enq_frm .col-md-2, .enq_frm .col-md-6{ padding:0 3px}
.enq_frm .btn-default{ border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px; font-size:20px; color:#008dd2; padding:0 10px; margin:10px; box-shadow:2px 2px 5px #005984; }


.hash{ position:absolute; margin-top:-100px}
body.padd{ padding-top:100px}

/* logo */

.logo{ max-width:330px}
.navbar-brand img{ max-width:300px; max-height:100px;}
.nav.navbar-nav{ max-width:800px; position:relative; }

/* small header */
.shrt_logo{max-width: 100px !important; }
/* shape */
.shape_round{}

/* gallery */
.glry_box{ padding:0; margin:0 }
.glry_box li img{ width:80px; height:80px}
.glry_box li{ float:left; margin-right:5px; margin-bottom:5px; list-style:none; padding:0; margin-left:0; box-shadow:0 0 1px #ccc }

/* media queries */
@media only screen and (max-width:1024px){
	.top-right.tbl {width: 30%}
	.nav.navbar-nav { max-width: 525px}
	header{ padding-bottom:5px;}
}
@media only screen and (max-width:991px){
	.enq_frm{ padding:2% 10%}
	#mks_carousel .carousel-inner .item img{  min-height:100%;}
}
@media only screen and (max-width:767px){
	header .logo{ max-width:100% }
	header .navbar{ min-height:auto; }
	header.tbl > .tbl-cl{ display:block;}
	#navbar{ background:#fff; width:100%; top:5px; position:absolute; height:250px; overflow:auto; box-shadow:0 0 10px #ccc }
	.nav > li{ border-bottom:1px solid #ccc}
	.nav.navbar-nav{ max-width:100%; margin:0}
	.navbar-default .navbar-nav > li > a{ padding:10px 15px}
	#mks_carousel .carousel-control .glyphicon-chevron-right, #mks_carousel .carousel-control .icon-next{ right:50% }
	.enq_frm{ padding:5% 10%; border-radius:0 50px 0 50px;-moz-border-radius:0 50px 0 50px;-webkit-border-radius:0 50px 0 50px;-o-border-radius:0 50px 0 50px;-ms-border-radius:0 50px 0 50px;}
	footer .pwrdby{ padding-top:10px}
	footer .btm-ftr{ text-align:center }
	.mob767{ max-width:600px; margin:auto}
	.PR25{ padding-right:0}
}
@media only screen and (max-width:480px){
	.srvc-col .h2, .testimonial .h2, .prod-glry .h2, .hm_cont .h2, .hm_usp .h2{ font-size:34px}
	.mob767{ max-width:430px; margin:auto}
	.prod-desc-img{ width:100%; margin:auto; text-align:center; max-width:100% !important }
}
@media only screen and (max-width:320px){
	.mob767{ max-width:300px; margin:auto}
}
/* animations */
@-o-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-moz-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-ms-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}


/* Accordion css */
.mks_acrd{ box-shadow:0 0 5px #ccc;}
.mks_acrd ul{ margin:0; padding:0 }
.hds{ font-size:24px; font-weight:400; color:#494949; padding:10px; background:#f4f4f4; margin-top:15px  }

.accordionButton {font:bold 14px Arial, Helvetica, sans-serif;padding:8px 10px 8px 30px;  background:url(../images/ar3.png) no-repeat 10px center; 	cursor:pointer; margin-bottom:2px; border-top:1px solid #ccc }
.accordionButton a{ color:#737373;  outline:none !important  } 
.accordionContent li a:hover{ color:#ff9900; }

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

/*  /Accordion css */
/* accordion */
.breadcrumb{margin:10px 0 10px 0; background:none; padding:5px 0}

/* product page */
.prod-row{ margin-top:15px;}
.prod-row .rd-mr{ padding:0; color:#ff9900}
.prod-row .quote-btn{ margin-bottom:0px; font-weight:bold; font-size:16px; max-width:250px; margin:0 auto 15px auto}
.prod-row p{ text-align:justify}
.prod-row .h4{ margin-top:0}
.prod-row .h4 a{ color:#008bd1}
.prod-img{ min-width:125px;margin-left:15px; text-align:center}
.prod-img img { max-width:125px; width:100%; margin-bottom:5px; max-height:125px; box-shadow:0 0 1px #ccc }
.prod-desc-img{ max-width:250px;width:100%; margin-left:15px; box-shadow:0 0 1px #ccc }
.prod-desc-img img{ max-height:250px; max-width:250px; margin-bottom:15px}


/* send sms modal */

.modal-header{ background:#ff9900; overflow:hidden; color:#fff; border-bottom:none; border-radius:5px 5px 0 0 }

/* thumb slider */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls{
	text-align: center; position:relative; z-index:3
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	
	zoom: 1;
	
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1; z-index:5
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* mks */
.owl-item .item img{ width:100% }
.owl-prev{  position:absolute;left:1%; top:-80px; display:none }
.owl-next{ position:absolute;right:1%; top:-80px; display:none}
.owl-pagination{ margin-top:-30px }

#owl-demo1 .owl-pagination{ margin-top:0 }
#owl-demo1 .owl-prev, #owl-demo1 .owl-next{ position:relative; top:0; float:left; margin-right:25px; display:block}

/* thumb slider csss start */
.ltst-pro{ position:relative;}
.ltst-pro .owl-carousel{ }
.ltst-pro .owl-wrapper{}
.ltst-pro .owl-carousel .owl-wrapper-outer{ position:absolute;}
.ltst-pro .owl-carousel .owl-pagination{ display: none}
.ltst-pro .customNavigation{ position:relative;  bottom:-20px; text-align:center; font-size:18px }

.ltst-pro .btn{ background:#008dd2; color:#fff; cursor:pointer; margin-left:5px; font-size:28px; width:26px; line-height:0.7 ; height:26px; display:inline-block; padding:0;}
.ltst-pro .btn.next{ }
#owl-thumb .item img{ width:100%; max-width:200px; max-height:200px; min-height:100%; border:1px solid #ccc; margin-bottom:10px}
#owl-thumb .item a{ color:#000;}
#owl-thumb .item{ margin: 10px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center; line-height:14px}
    .customNavigation{text-align: center;}
    .customNavigation a{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	  
	  
/* dorpdown */
.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0 none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #ff9900;
    background-image: linear-gradient(to bottom, #ff9900, #ff9900);
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #ff9900;
    background-image: linear-gradient(to bottom, #ff9900, #ff9900);
    background-repeat: repeat-x;
    color: #ffffff;
    outline: 0 none;
    text-decoration: none;
}


.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
    border-radius: 5px 5px 5px 0;
    bottom: 0;
    margin-bottom: -2px;
    margin-top: 0;
    top: auto;
}
.dropdown-submenu > a::after {
    border-color: transparent transparent transparent #666;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}
.dropdown-submenu:hover > a::after {
    border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 6px 0 6px 6px;
    left: -100%;
    margin-left: 10px;
}

/*  side button */
.side_btn{ background:#ff9900; color:#fff; text-shadow:1px 1px #ca7900; font-weight:bold; position:fixed; padding:5px 10px; 
transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);
border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0; border:1px solid #fff; border-bottom:none; box-shadow:0px -5px 2px #868484; z-index:9999; overflow:hidden}
.side_btn:hover{ background:#414141; color:#fff; cursor:pointer; text-shadow:none}
.side_frm{ position:fixed; background:#ff9900; padding:10px;  z-index:9998; width:250px; box-shadow:-5px 0px 2px #868484; }
.side_frm input, .side_frm textarea{ border:1px solid #fff;}
.side_frm .input-group-addon{ border-color:#eee }

.side_btn{right:210px; top:35%; display:none}
.side_frm{top:25%; right:-2px; display:none }
.side_btn_hide{right:-38px; top:35%;}
.side_frm_hide{top:25%; right:-260px; }
.side_btn,.side_frm,.side_btn_hide,.side_frm_hide{ transition:all ease-in-out 0.3s}
.pos_abs{ position:absolute !important}

.inside_frm{ padding:15px; box-shadow:0 0 5px #ccc; margin-top:15px; background:#ff9900;}
.inside_frm .h4{ margin-top:0; color:#fff}.inside_frm input, .inside_frm textarea{ border:none;}
.inside_frm .input-group-addon{ border:1px solid #fff}