@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body { font-size:14px; line-height:28px; color:#515151; overflow-x:hidden;/*font-family: 'Poppins', sans-serif ;*/ font-family:"Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6{/*font-family: 'Raleway', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
p{ font-size:16px; /*font-family: 'Poppins', sans-serif ;*/ font-family:"Times New Roman", Times, serif; color:#898989;}
.nav-top { background:#fff; padding:10px 0; text-align:right}
.nav-top  p { margin-bottom:0; color:#000;}
.nav-top .call, .nav-top .mail { margin-left:45px;}
.nav-top .call .icon, .nav-top .mail .icon { display:inline-block; margin-top:0px;margin-right:10px}
.nav-top .glyphicon{ color:#c00 !important;}
.mail a{ color:#000; text-decoration:none;}
.call span, .mail span{ margin-right:10px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:0}
.navbar-wrapper{background:#da251c; }
.navbar {border:0}
.navbar-header {position:relative;}
.navbar-brand {height:auto; position:absolute;top:-47px}
.navbar-nav>li>a {text-transform:uppercase;font-weight:bold;padding: 15px 12px 15px 12px;font-size: 15px;/*font-family: 'Raleway', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
.navbar-inverse .navbar-nav>li>a {color:#fff;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color:#78a709}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {background:none;color:#78a709}
.navbar-header { width:30%;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left:0;right:0;bottom: 0;padding:0}
.carousel-caption h1 {font-weight:bold;text-transform:uppercase;text-align:left;margin:0}
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
/* Rotate first bar */
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px);}
/* Fade out the second bar */
.change .bar2 {opacity: 0;}
/* Rotate last bar */
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px) ;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background: none;color: #29166f;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#29166f;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {color: #000;background-color: transparent;}
.dropdown-menu > li > a{padding: 10px 25px;}
.navbar-brand{padding: 15px 0;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff;text-decoration: none;background-color:#db1212; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size:15px; color:#000;}
.dropdown-menu{ background:#fff;}
.carousel-caption img{ margin:0 auto;}
.carousel-caption h1{ color:#ff544a; text-transform:uppercase;font-weight: 300; background:url(../images/blue_line.png) no-repeat top left;padding: 30px 20px 30px 20px;line-height: 45px;}
.carousel-caption h1 span{ color:#fff; font-weight:bold;}
.carousel-caption {right: 0;left:-70px;padding-bottom: 30px;text-align: left;bottom:110px; z-index:1;}
#myCarousel .carousel-indicators {bottom: 80px;left: 98px; z-index:1}
#myCarousel .carousel-indicators li, .carousel-indicators .active{width: 15px;height: 15px;}
#myCarousel .carousel-indicators .active{ background:#ff544a;} 
#myCarousel .carousel-indicators li{ border:2px solid #fff;}
.dropdown-menu li{ border-bottom:1px dotted;}
/*****welcome****************/
.section{ padding:80px 0;}
#welcome_sec{ width:100%; float:left; padding:80px 0;}
#welcome_sec h1, #product_range h1{font-size: 27px;font-weight: bold;color: #373737;text-transform: uppercase;
margin: 15px 0 21px -2px;background: url(../images/border.png) no-repeat top left;padding: 13px 0 0 25px;line-height: 35px;/*font-family: 'Poppins', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
#welcome_sec h1 span, #product_range h1 span, #testimonial_sec h1 span{ color:#cd1910; font-size:20px; text-transform:uppercase; font-weight:400;}
.para{ color:#373737 !important; font-size:16px;}
#welcome_sec p{ color:#878787; font-size:16px;}
.carousel-inner .item img{ width:100%;}
.read{ color:#fff; background:#db1212; padding:5px 20px;text-align: center;margin: 20px auto;display: inline-block; }
.read:hover{text-decoration:none; color:#fff;}
.welCon {width: 69%; margin: 0 0 0 14%;}
#welcome_sec .col-sm-8, #welcome_sec .col-sm-4 {padding: 0; margin: 0;}
#service_sec{ width:100%; float:left;margin-top: -130px;position:relative;}
#service_sec h1{ font-size:48px; color:#000; text-transform:uppercase; font-weight:bold;}
#service_sec h1 span{ font-weight:100;}
#service_sec .para1{padding: 20px 160px 20px 0; color:#fff;}
#service_sec .owl-carousel{padding: 0 0 50px 0;}
#service_sec #owl-example1 .owl-buttons{top: -130px;left: 45%;}
#service_sec h2{ color:#1f304a; font-size: 19px;text-align: center;}
#service_sec .blue_blk{ background:#1b0861;padding: 10px 60px;}
#footer_sec{ width:100%; float:left; background:url(../images/footer_bg.jpg) no-repeat left top; background-size:100% 100%; background-attachment:fixed; padding: 50px 0 20px 0;}
.copyright h4{ text-align:left; font-size:15px; color:#fff; }
.company h4{ text-align:right; font-size:14px; color:#fff !important; }
.company a{ color:#fff !important;text-decoration: none; font-size:14px;}
.company a span:hover{ color:#ffb53f;}
.pro_blk{ width:100%; float:left; text-align:center; color:#fff;}
.pro_blk h3{font-size: 18px;font-weight: bold;}
.pro_blk a, .pro_blk p{ color:#fff; text-decoration:none; font-weight:300;}
.pro_blk p{ height:80px;}
.pro_blk img{ width:100%;}
.view{ border:2px solid #fff;padding: 3px 20px;display: inline-block}
#footer_sec p{ font-size:16px; color:#fff;}
.developers { text-align:center; margin-top: 30px;}
.developers img{margin:0 auto;border: 1px solid #e1e1e1;}
.developers h2{ color:#000;text-transform: capitalize; font-size:20px;line-height: 10px;}
.vision_sec{ width:100%; float:left; padding:50px 0;text-align: left;}
.vision_sec h2{ font-size:25px; color:#edb658; font-weight:500; text-transform:uppercase;}
.vision_sec p{ font-size:16px; color:#909090;}
#owl-example1 .owl-next {background: #d31910 !important;}
#owl-example1.owl-theme .owl-controls .owl-buttons div{background: #fff;}
#owl-example1.owl-theme .owl-controls .owl-buttons div {color: #000;}
#service_sec .vertical-text {margin: 140px 0 90px 20px;}
.product_info{ padding:0 115px;}
#quality{ width:100%; float:left; padding:80px 0; text-align:center;}
#quality h3{ color:#d31910; font-size:22px; text-transform:capitalize;}
#quality img{ margin:0 auto;}
#quality p{ color:#000;}
#client{ width:100%; float:left; background:#f2f2f2; padding:50px 0; border-top:3px solid #e0e0e0; text-align:center;}
#client h1{font-size: 27px;font-weight: 200;color: #000;text-transform: uppercase;
margin: 15px 0 21px -2px;background: url(../images/border_black.png) no-repeat top left 43%;padding: 13px 0 0 25px;line-height: 35px;}
#client h1 span{font-weight: bold;}
#client p{ color:#3d3c3c; padding:0 4%;}
#why_sec{ width:100%; float:left; background:url(../images/why_bg.jpg) no-repeat left top;background-size: 100% auto; background-attachment: fixed; padding: 70px 0; text-align:center;border-bottom: 2px solid #fff; }
#why_sec h1{font-size: 27px;font-weight: 200;color: #fff;text-transform: uppercase;
margin: 15px 0 21px -2px;background: url(../images/border_white.png) no-repeat top left 40%;padding: 13px 0 0 25px;line-height: 35px;}
#why_sec h1 span{font-weight: bold;}
#why_sec p{ color:#fff; padding:0 4%; font-weight:300;}
#why_sec h3{ color:#fff;font-weight: bold;}
#why_sec img{ text-align: center; margin:0 auto;}
#facility_sec{ width:100%; float:left; padding:70px 0;border-top: 5px solid #c00;}
#facility_sec h2{ color:#000; font-size:30px; text-transform:uppercase; font-weight:300; margin:0;}
#facility_sec h2 span{ color:#d31910; font-weight:bold;} 
#facility_sec p{ color:#000; text-align:right;}
#facility_sec p span{color:#d31910; }
.facility_img{ margin:25px 0 0 0;}
.para_info{ margin:20px 0;margin: 20px 0;padding: 0 7%;text-align: center !important;}

#footer_sec h3{ color:#fff; text-transform:uppercase; font-size:25px;}
#footer_sec ul{ margin:0; padding:0;}
#footer_sec ul li{ color:#fff; font-size:18px; margin-top:10px;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 10px; list-style:none;}
#footer_sec span{margin-right: 10px;}
#footer_sec li a{ color:#fff; font-size:18px;}
#footer_sec h4{ color:#fff; margin-top:12px;}
#footer_sec p{ color:#efefef; border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 10px; font-weight:300;}
#footer_sec img{ margin-bottom:35px;}
#footer_sec iframe{ width:100%; height:230px;}
#footer_sec a{ color:#efefef;font-weight:300; text-decoration:none;}
#bootom_sec{ width:100%; float:left; background:#2d2254;padding: 20px 0 5px 0;}
#bootom_sec p{ color:#fff;}
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;
z-index: 99 !important; background: #d31910;padding: 5px 10px; border-radius:10px;}
#back-to-top img{width:70%;height:auto;}
.company{ text-align:right;}
#quality a{ text-decoration:none;}

/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 63%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 20%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }
/**********inner pages*************/
#abt{ width:100%; float:left; position:relative;}
#abt h2 {font-size: 30px;text-transform: uppercase;color: #283346;line-height: 1.1;}
.abt_info{ width:100%; background:#ebebeb; padding:0;border-radius: 10px;z-index: 2;}
.abt_info img{border-radius: 10px;}
.abt_para{ margin-top:10px;}
#abt p{ color:#000;}
.abt_info::after {content: "";width: 75%;height: 75%;border: 2px solid #f1f1f1;position: absolute;left: 282px;top: 40px;z-index: -1;border-radius: 10px;}
.title{ position:absolute; bottom:70px; left:0; right:0; text-align:center;}
.title h2{ color:#fff;font-size: 35px;text-transform: uppercase;}
.vision_info{ width:100%; float:left; margin-top:-27px;padding: 0 0 50px 0;}
.vision_info h4{ font-size:20px; color:#cd1910;}
.vision_info p{ color:#000;}
.vision_info ul, #abt ul{ margin:0; padding:0;}
.vision_info ul li, #abt ul li{ list-style:none; font-size:16px; color:#000;/*font-family: 'Poppins', sans-serif;*/ font-family:"Times New Roman", Times, serif;}
strong{ color:#cd1910; font-weight:600; font-size:18px;}
#abt h3{ font-size:30px; color:#2d2254;border-bottom: 1px dotted #000;padding-bottom: 15px;}
.plc_img .col-sm-3, .client .col-sm-3{ margin-bottom:20px;}
.service ul{ margin:0; padding:0;}
.service ul li{ list-style:none; color:#000; font-size:18px !important; width:50% !important; float:left !important; }
.service ul li span{margin-right: 8px;color: #2d2254;font-size: 12px;}
.contact{ width:100%; float:left;border: 1px solid #f4f4f4;display: block;padding: 39px 20px 31px; position:relative; text-align:center;height: 315px;} 
.contact .icon_box {position: relative;height: 80px;width: 80px;margin: 17px auto 40px;
line-height: 120px;transition: .4s ease;text-align: center;}
.contact .icon_box::before {position: absolute;content: "";border: 1px solid #f4f4f4;
height: 100%;width: 100%;border-radius: 5px;transform: rotate(45deg);left: 0;transition: .5s ease;}
.contact .icon_box span {position: relative;color: #da251c;font-size: 45px;transition: .5s ease;}
.contact:hover .icon_box span {color: #fff;transition: .5s ease;}
.contact:hover {border-color: #da251c;transition: .5s ease;}
.contact:hover .icon_box::before {border-color: #da251c;background: #da251c;transition: .5s ease;}
.contact h3{ color:#222222 !important; font-size:20px !important;text-transform:uppercase !important;}
.contact p, .contact a{margin:0; color:#000; text-decoration:none;}
.from_sec{ margin-top:100px;}
#form1 {border: 2px solid #f4f4f4;padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 50px;font-size: 16px;box-shadow: none;border: 1px solid #f4f4f4;padding: 12px 15px;background: #fff;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;border-radius: 25px;margin: 15px 0;}
 #submit {width: 35%;text-align: center;margin: 0 auto;border-color: #da251c; color:#da251c;text-transform: uppercase;}
 #submit:hover{background:#da251c;color: #fff;border-color:#da251c;}
 .contact1 .Flexible-container1{padding-bottom: 140%;}
.icon_box .glyphicon{top: -2px;}
#message{height: 135px;}
.contact1 ul {padding: 20px 0 0 0; margin: 0;}
.contact1 li {width: 20%; float: left; list-style: none;  padding: 12px; margin: 0 2% 20px 0; border: 1px solid #CCC; border-left: 1px solid #da251c;}

.pan_india ul {padding: 20px 0 0 0; margin: 0;}
.pan_india li {width: 20%; float: left; list-style: none;  padding: 12px; margin: 0 2% 20px 0; border: 1px solid #CCC; border-left: 1px solid #da251c;}

.events {padding: 10px; border: 1px solid #efefef; background: #f2f2f2; border-left: 4px solid #ea1000; width: 40%;}
/***********responsive**********/
@media only screen and (max-width: 1300px) {
.carousel-caption{left: 47px;}
}
@media only screen and (max-width: 1199px) {
.container { width:96%;}
.navbar-nav > li > a{font-size: 11px;}	
.welCon{margin: 0 0 0 5%;}
#myCarousel .carousel-indicators{left: 109px;}
#welcome_sec h1, #product_range h1{font-size: 25px;}
#service_sec{margin-top: -98px;}
#service_sec .vertical-text {margin: 139px 0 90px 0;}
}
@media only screen and (max-width: 1024px) {
.container { width:96%;}	


}
@media only screen and (max-width: 991px) {
.navbar-nav > li > a{padding: 18px 10px 18px 10px;}	
#welcome_sec h1, #product_range h1 {font-size: 20px;}
#service_sec {margin-top: -55px;}
#why_sec h1{background: url(../images/border_white.png) no-repeat top left 38%;}
#footer_sec h3{font-size: 20px;}
#bootom_sec p{font-size: 14px;}
#myCarousel .carousel-indicators{bottom: 18px;}
.carousel-caption{bottom: 20px;}
#client h1{background: url(../images/border_black.png) no-repeat top left 42%;}
.navbar-nav > li > a{font-size: 10px;}	
}
@media only screen and (max-width: 900px) { 
.navbar-nav > li > a {padding: 18px 8px 18px 8px;}
.title{bottom: 38px;}
}
@media only screen and (max-width: 850px) { 
.carousel-caption {display: none;}
.navbar-nav > li > a {padding: 20px 10px 20px 10px;}
#welcome_sec .col-sm-8, #welcome_sec .col-sm-4{ width:100%;}
.welCon{ width:100%; padding: 0 30px;}
#welcome_sec .col-sm-4 img{ width:100%;}
#footer_sec h3 {font-size: 18px;}
#bootom_sec p {font-size: 12px;}
.navbar-nav > li > a {font-size: 8px;}
}
@media only screen and (max-width: 800px) { 
.navbar-nav > li > a {padding: 16px 7px 16px 7px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size: 10px;}
.copyright h4, .company a{font-size: 12px;}
.abt_info::after{ display:none;}
.title h2{font-size: 20px;}
}
@media only screen and (max-width: 767px) { 
/******** start toggle***********/

.navbar-toggle { margin-top: 0px; cursor:pointer}
.navbar-header { width:100%;}
.navbar-brand {width: 40%;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#c00;}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:15px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}

/******** end toggle***********/
.copyright h4, .company h4{ text-align:center !important;}
#service_sec .vertical-text {display: none;}
#why_sec h1 {background: url(../images/border_white.png) no-repeat top left 30%;}
#client h1 {background: url(../images/border_black.png) no-repeat top left 35%;}
.facility_img img{ width:100%; margin-bottom:25px;}
.Flexible-container{padding-bottom: 34%;}
#bootom_sec p{ text-align:center;}
.nav-top .call, .nav-top .mail {margin-left: 15px;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-color:transparent;}
#facility_sec p{ display:none;}
.pro_blk h3 {font-size: 14px;}
#myCarousel .carousel-indicators {left: 0;right: 0;text-align: center;margin: 0 auto;}
.abt_info img {width: 100%;}
.section {padding: 30px 0;}
.mail, .call {font-size: 13px;}
.pan_india li{width: 30%;}
}
@media only screen and (max-width: 600px) { 
.navbar-brand {width: 45%;}
.mail {display: none;}
#welcome_sec {padding: 20px 0;}
#service_sec .para1{padding: 20px 0 20px 0;}
#service_sec #owl-example1 .owl-buttons {top: -116px;}
}
@media only screen and (max-width: 500px) { 
.navbar-brand {width: 50%;top: -55px;}
#service_sec .blue_blk {padding: 10px 53px;}
#client h1 {background: url(../images/border_black.png) no-repeat top left 30%;}
#why_sec h1 {background: url(../images/border_white.png) no-repeat top left 25%;}
.nav-top .call, .nav-top .mail {font-size: 11px;}
.title h2 {font-size: 13px;}
.title {bottom: 20px;}
#abt h3{font-size: 22px;}
.pan_india li, .events, .service ul li{width: 100% !important;}
}
@media only screen and (max-width: 400px) {
.navbar-brand {width:38%;top: -30px;}
.welCon {width: 100%;padding: 0 20px;}
#welcome_sec h1, #product_range h1, #facility_sec h2 {font-size: 18px;}
#facility_sec{padding: 30px 0;}
.navbar-toggle{margin-bottom: 0;}
#welcome_sec h1{ background:none; padding:0;}
#welcome_sec h1, #product_range h1, #facility_sec h2 {font-size: 16px;}
.title h2 {font-size: 13px;text-transform: lowercase;}
.title {bottom: 11px;}
}
@media only screen and (max-width: 320px) {
#client h1 {background: url(../images/border_black.png) no-repeat top left 20%;}
.copyright h4, .company a {font-size: 10px;}
#why_sec h1 {background: url(../images/border_white.png) no-repeat top left 10%;}
}
