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

body{font-family: 'Open Sans', sans-serif !important;}
.container {max-width: 1280px; width:100% !important;}
.header-bar{ position: absolute; z-index: 9;width: 100%; padding:20px 0 0;}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px 15px !important;
    font-size: 18px;
    line-height: 20px;
}
.no-padding{ padding:0;}
.logo img{ height:50px; width:auto;}
.get-touch{ margin:0; padding:0;}
.get-touch ul{ margin:0; padding:0;}
.get-touch ul li{ list-style:none; display:inline-block; margin:0; padding:0;}
.get-touch ul li h2{font-size: 20px;font-weight:bold;margin:0;padding:0;}
.get-touch ul li h2 span{font-size:14px;text-transform:uppercase;margin:0;padding:0;display: inherit;text-align: right;font-weight: normal;}
.get-touch ul li a{margin: 0 35px 0 0;padding: 12px 45px;text-decoration:none;background: #ff0000;color: #fff;font-size: 18px;font-weight: 600;border-radius: 30px;}
.menu-bar{text-align:center;padding: 10px 0;border-top: 1px solid rgba(45, 45, 45, 0.26) !important;margin: 20px 0 0;}
.menu-bar ul li a{color:#000 !important;font-weight:bold;padding: 15px 25px;/* margin: 0; */text-transform: uppercase;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent !important;
}

.menu-bar ul li{ position:relative;}
.menu-bar>ul>li:before{ content:"\e252"; position:absolute; color:#F00; font-family: 'Glyphicons Halflings'; text-align:center; left:0; right:0; top:-22px; opacity:0; transition:all 0.3s; }
.menu-bar>ul>li:hover:before{ top:-16px; opacity:1; }
.menu-bar ul li.active:before{ content:"\e252"; position:absolute; color:#F00; font-family: 'Glyphicons Halflings'; text-align:center; left:0; right:0; top:-16px; opacity:1;}
.menu-bar .dropdown-menu>li>a{padding: 5px 25px; display:block;}
.menu-bar>ul.nav{ display:inline-block; float:none;}

.menu-bar .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent;
}

/* Slider */
.slider-bar{ position:relative;}
 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
.slider-bar .swiper-wrapper img{ width:100%; height:100%; object-fit:cover;}


/* About Section */


.inner-slider-bar .banner img{ width:100%; height:320px; object-fit:cover;}
.abt-sec{ margin:0; padding:70px 0 30px; background:#fff; text-align:center;}
.abt-sec h3{ margin:0; padding:0; font-size:42px; font-weight:900;}
.abt-sec span{ margin:0; padding:0; font-size:22px; }
.abt-sec p{margin: 25px 0 0;padding:15px 65px;font-size:16px;line-height:30px;}
.abt-sec a{margin: 25px 0px;padding: 6px 35px;font-size: 16px;line-height:30px;border: 1px solid #ccc;border-radius: 50px;color: #4b4b4b;display: inline-block;text-decoration: none;  transition: all 0.3s;}
.abt-sec a:hover{ background:#333; color: #CCC; text-decoration:none;}



/* Tool Work */
.toolwork{ margin:0; padding: 35px 0; background-color:#fff;}
.pro-p img{width:100%;}
.toolwrk-cont{ margin:0; padding:95px 25px 25px 0;}
.toolwrk-cont h3{ margin:0; padding:25px 0 0; font-size:42px; font-weight:900;}
.toolwrk-cont p{margin: 25px 0 0;padding:15px 0px;font-size:16px;line-height:30px;}
.toolwrk-cont a{margin: 25px 0px;padding: 6px 35px;font-size: 16px;line-height:30px;border: 1px solid #ccc;border-radius: 50px; color: #4b4b4b; display: inline-block;text-decoration:none; transition: all 0.3s;}
.toolwrk-cont a:hover{ background:#333; color: #CCC; text-decoration:none;}



/* Product-bar */
.pro-section{ margin:0; padding:45px 0; background:#f7f7f7;}
.pro-section h3{ font-size:42px; font-weight:900; text-align:center; margin:0; padding:15px 0 25px;}
.prod-bar{ margin:0; padding:0;}
.prod-bar ul{ margin:0; padding:35px 0; }
.prod-bar ul li{list-style:none;display:inline-block;margin: 8px 20px;padding:0;max-width: 275px;width: 100%;}
.prod-bar ul li a{ margin:0; padding:0; text-decoration:none; color:#333; font-weight:bold; display:block;}
.prod-p{ float:left; border:1px solid #ccc;}
.prod h4{padding: 25px 15px;float:left;font-weight:700 !important;}

/* quality-infra sec ---*/

.qual-infra-bar{ margin:0; padding:0;}
.qual-bar{ margin:0px; padding:35px 75px; background:url(../images/quality-p.jpg) no-repeat center center; background-size:100% auto; -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
.qual-bar:hover, .infra-bar:hover{background-size:120% auto;}
.infra-bar{ margin:0px; padding:35px 75px; background:url(../images/infra-p.jpg) no-repeat center center; background-size:100%;-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
.qual-bar h3, .infra-bar h3{ margin:0; padding:25px 0; color:#fff; font-weight:700; font-size:32px;}
.qual-bar p, .infra-bar p{ margin:0; padding:25px 0; color:#fff; font-size:16px; line-height:30px;}
.qual-bar a, .infra-bar a{margin: 25px 0px;padding: 6px 35px;font-size: 16px;line-height:30px;border: 1px solid rgba(204, 204, 204, 0.55);border-radius: 50px;color: #ececec;display: inline-block;text-decoration:none;transition: all 0.3s;}
.qual-bar a:hover, .infra-bar a:hover{background: #000;color: #CCC;text-decoration:none;}





/* ABout Page */

.inner-page{ padding:50px 0; min-height:520px;}
.inner-page td, .inner-page th { padding: 10px;}
.inner-page img{width: auto; max-height: 520px; padding:5px; max-width: 100%;}
.inner-page h3{margin:0; padding:0 0 25px; font-size:32px; font-weight:700; position:relative;}
.inner-page h3:after{ content:''; height:1px; width:65px; bottom:0; background:#333; left:0; position:absolute;}
.inner-page h3:before{ content:''; height:1px; width:85px; bottom:5px; background:#F00; left:0; position:absolute;}
.inner-page p{ padding:15px 0; line-height:30px;}
.hapy-clnt ul{ margin:0; padding:25px ;}
.hapy-clnt ul li{ margin:0; padding:5px 0 ;}


/* Product- Bar */

.taps-pro{ margin:0 0 45px; padding:0;}
.taps-pro ul{ margin:0; padding:0; text-align:center;}
.taps-pro ul li{ margin:8px; padding:0; display:inline-block;}
.taps-pro ul li img{max-height:280px; display:block; width:auto;}


.left-btn{ margin:0; padding:0;}
.left-btn h4{color:#333; font-weight:bold; margin:0; padding:0px 0 15px; font-size:22px;}
.left-btn h4 a{ color:#333; font-weight:bold; margin:0; padding:15px 0; display:block; text-decoration:none;}
.left-btn ul{ margin:0; padding:0;}
.left-btn ul li{ margin:0; padding:2px 0 5px; list-style:none; font-weight:bold; color:#000;}
.left-btn ul li a{ margin:0; padding:2px 0 5px; display:inline-block; color:#999; border-bottom:1px solid transparent; font-weight:bold; text-decoration:none; transition:all 0.3s;}
.left-btn ul li a:hover{ border-bottom:1px solid #ccc; color:#333; }

.inner-page .prod-bar ul li {margin: 8px 15px;}

/* Contact */
.contact-bar{ margin:0; padding:45px 0 0;}
.cont-form .controls .form-control{ padding: 12px 15px !important; height: auto !important; border-radius: 2px !important; border: 1px solid #e2e2e2; box-shadow:none !important; }
.map-bar{ margin:45px 0 15px;}

/* Footer bar */

.footr-bar{margin:0; padding:35px 0; background:#eaeaea;}
.fotr-link h3{margin:0; padding:5px 0 20px; font-size:22px; font-weight:700;}
.fotr-link{ margin:0; padding:0;}
.fotr-link ul{ margin:0; padding:0;}
.fotr-link ul li{ list-style:none; margin:0; padding:0;}

.fotr-link ul li a{ text-decoration:none; color:#666; margin:0; padding:5px 0px; display:block; transition:all 0.2s;}
.fotr-link ul li a:hover{color:#000; font-weight:bold;}
.footr-bar .get-touch ul {text-align: right;}

.footr-bar .copyright{ display:block; text-align:right;}






@media (max-width:767px) {
 .logo img { height: 38px; }
.navbar-toggle {
    position: absolute;
    float: none;
    padding: 9px 10px;
    right: 0px;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.top-bar{text-align:center; margin:0 0 15px}
.get-touch ul li a {margin: 0 12px 0 0; padding: 6px 26px;}
.get-touch ul li h2 { font-size: 14px; padding:10px 0;}
	.get-touch ul li h2 span {
    font-size: 11px;}

.menu-tog{ float:left; width:100%}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7 !important;
}
.menu-bar {
    text-align:left;
    background: #fff; margin:0 15px; padding:0;
}
.menu-bar>ul.nav {width: 100%; margin:0;}
.menu-bar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.06);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
}
.menu-bar .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 7px 15px 7px 25px;
}
.menu-bar ul li a {
    color: #000 !important;
    font-weight: bold;
    padding: 10px 25px;
    /* margin: 0; */
    text-transform: uppercase;
}
.menu-bar>ul>li>a:hover{ background:#e7e7e7 !important;}
.menu-bar>ul>li:before{display:none;}
.menu-bar>ul>li:hover:before{opacity:0;}
.slider-bar{height: 410px;}
.qual-bar, .infra-bar {margin:0px; padding: 35px 15px;}

.inner-page {
    padding: 50px 15px;
}
.footr-bar .get-touch ul { text-align: left;}
.footr-bar .text-right { text-align: left;}
.footr-bar .copyright { text-align: left;}

}

@media only screen and (min-width:768px) and (max-width: 991px){
	
	.menu-bar ul li a {padding: 15px 10px;}
	.footr-logo img{ height:38px;}
}

@media (max-width:480px) {
 .footr-logo img { height: 38px; }
 .inner-page img{ width:100%;}
 
}

@media only screen and (min-width:768px) and (max-width: 1199px){
	
.get-touch ul li a { margin: 0 11px 0 0; padding: 6px 24px;}
.get-touch ul li h2 { font-size: 14px; padding:10px 0;}
.get-touch ul li h2 span {font-size: 11px;}
	
}

@media only screen and (max-width: 991px){

.toolwrk-cont h3 { padding: 0;}
.toolwrk-cont{ padding: 15px 25px 25px 0;}
.prod-bar ul {text-align: center;}
.qual-bar, .infra-bar{background-size: cover;}
.qual-bar:hover, .infra-bar:hover {background-size: cover;}
.inner-page h3 { margin: 25px 0 0;}
}

@media only screen and (min-width:992px) and (max-width: 1199px){
	
	.prod-bar ul {text-align: center;}
	.qual-bar, .infra-bar {background-size: 120%;}
	
}


.col-md-6:first-of-type {
	margin-left:0;
}

.form-control {
	margin:20px 0;
}

.text-box {
	height:50px;
	border:solid 1px #ccc;
	width:100%;
	padding:7px 20px;
	border-radius:3px;
	background-color:#fff;
	font-size:15px;
}

.text-area {
	height:150px;
	border:solid 1px #ccc;
	width:100%;
	padding:7px 20px;
	border-radius:3px;
	background-color:#fff;
	font-size:15px;
	resize:vertical;
	font-family: 'lato', Arial, Helvetica, sans-serif;
}

.submit-btn {
	cursor:pointer;
	float:right;
	max-width:120px;
	width:100%;
	background-color:#FF0000;
	color:#fff;
	height:45px;
	font-size:16px;
	border-radius:2px;
	border:0px;
}

.submit-btn:hover {
	background-color:#000;
}






.middle-main{margin: 0;padding: 40px 0px 50px; background: #fff;}
.middle-main-white{margin: 0;padding: 80px 0px; background:white;}
.qual-infra-p { border: 1px solid #333; display: inline-block; padding: 15px;}
.qual-infra-p img{ width:100%; }
.qual-infra-cont{margin: 0 0 15px -25px;padding: 0 15px;}
.qual-infra-cont h3{  margin:0; padding:25px 0 0; font-size:42px; font-weight:900; padding:0px 0px 30px;}
.qual-infra-cont p{ margin:0; padding:0; font-size:16px; line-height:26px; color:#555;}
.qual-infra-cont a{margin: 45px 0 0;padding:8px 20px;display:inline-block;font-size:16px;border:1px solid rgba(255, 255, 255, 0.4);color:#555;text-decoration:none; border:1px 
#555 solid;}
.qual-infra-cont a:hover{ background:#333333; color:#fff;	}