@charset "utf-8";
/* CSS Document */
 
body {
    font-family: 'Roboto', sans-serif;
    color: #333333;
  
}
.section-project-bg {
    background: #f6ca1f;
}


.section-call-bg {
    background: #313131;
}

.section-footer-bg {
    background: #384254;
}

.section-copyrights-bg {
    background: #384254;
    padding: 20px 0px 15px 0px;
	border-top:1px solid #4e5b73;
}
h1{
font-size:26px;}
h3{font-size:20px;}
p{margin :0px;}
/*Quote section*/
.enquiry-container{padding:20px 0 45px 0;}
/*banner section*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
   width:100%;height:550px;
}
/*about us page section*/
.button-box a,.btn a{color:#fff;}

.button-box a:focus, .button-box a:hover,.btn a:focus,.btn a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.bg-about{background-image: url(../images/about-us.jpg)!important;}
.bg-our-service{background-image: url(../images/client-banner.jpg)!important;}
.bg-buliding{background-image: url(../images/banner5.jpg)!important;}
.bg-transportation{background-image: url(../images/power.jpg)!important;}
.bg-power{background-image: url(../images/sector-banner.jpg)!important;}
.bg-water{background-image: url(../images/02.jpg)!important;}
.bg-product-services{background-image: url(../images/service.jpg)!important;}
.bg-power-control{background-image: url(../images/02.jpg)!important;}
.bg-motor-control{background-image: url(../images/banner2.jpg)!important;}
.bg-apfc-panel{background-image: url(../images/banner2.jpg)!important;}
.bg-lt-metering-panel{background-image: url(../images/banner2.jpg)!important;}
.bg-lt-distribution-panel{background-image: url(../images/banner2.jpg)!important;}
.bg-automatic-panel{background-image: url(../images/banner2.jpg)!important;}
.bg-contactus{background-image: url(../images/contact-us.jpg)!important;}
.bg-about,.bg-our-service,.bg-buliding,.bg-transportation,.bg-power,.bg-water,.bg-product-services,.bg-power-control,.bg-motor-control,.bg-apfc-panel,.bg-lt-metering-panel,
.bg-lt-distribution-panel,.bg-automatic-panel,.bg-contactus {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.main-banner-area {
    position: relative;
    z-index: 1;
}
.section-banner {
    background-image: url(../images/resource/banner.jpg);
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.main-banner-area::before {
    background: rgba(0,0,0,0.10) none repeat scroll 0 0;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.main-banner-description {
    position: relative;
    width: 100%;
    height: 300px;
}
.banner-caption {
    color: #333;
    display: inline-block;
    background: #ffffff;
    position: absolute;
    padding: 30px 15px 15px;
    left: 0;
    bottom: 0;
    border-radius: 5px 5px 0 0;
}
.banner-caption h2 {
	font-family: 'Montserrat', sans-serif;
    color: #333;
    display: inline;
    padding: 15px;
    font-size: 24px;
}
 .bradcome {
    padding: 0 20px;
    text-align: left;
    margin-top: 20px;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.bradcome li {
    display: inline;
}
.bradcome ul li a {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.shadow-box {
	padding:10px;
	padding-bottom:35px;
	margin:10px 0;

}
.shadow-box h1{
	padding-bottom:10px;  
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    color: #272727;}
.shadow-box p  {
	padding:10px 15px 0px 0px;
	font-size:17px; 
	font-weight:300; line-height:30px;}
.shadow-box i
{
	padding-right:10px;
}
.associated-col h2
{
	padding:20px;
 
	margin-bottom:5px;
	padding-bottom:0px;
	font-size:20px;
	font-weight:500;
	color:#0b487f;
	
}
.associated-col p
{
	font-weight:500;
	font-size:18px;
	padding-left:30px;
	padding-bottom:20px;
}
   /*header section css*/

.section-header-bg  ul i {
	font-size:22px;
	color:#ffffff;}
			
.section-container { width: 100%; }
					.section-header-bg {
						background: #384254;
					 
					}
					.section-nav-bg {
						background: #384254;
					}
					.welcome-bg p {
						color: #d6d2cb;
						padding-top: 10px;
						padding-bottom:10px;
					 margin:0px;
					 
					}
					.welcome-bg ul {
					margin:10px 0px;	
					float:right;
					}
					.welcome-bg ul li {
						display: inline;
						padding: 0px 10px;
					}
					
					.welcome-bg ul li a {
						text-decoration: none;
						color: #ffffff;
						border-radius: 5px;
					}
					
	/*Navbar section css*/
					
					.list-style-menu {
						padding: 1px 0px ;
					}
					
					.list-style-menu ul li {
						display: inline;
					   padding: 0px 11px 0px 11px;
					}
					.list-style-menu ul li a {
						text-decoration: none;
						color:#ffffff;
						font-size: 15px;
						font-weight:500;
					}
					
   /*Testimonial section css*/
					
					.copyright-padding-left
					{
					  padding-bottom: 20px;}
					.copyright-padding-left p {
						
						 padding-top: 20px;
						font-size: 20px;
                        color: #9e9e9e;
                        line-height: 34px;
						font-weight:300;
						 
					}
					.copyright-padding-left h1{
						font-family: 'Montserrat', sans-serif;
						font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    color: #272727;
					}
					.list-style-test {
						padding: 10px 0px 10px 0px;
						padding-left: 0px;
					}
					.img-footer-padding {
						padding-top: 15px;
					}
					.img-footer-padding img {
						width:100%;
					}
					.img-footer-padding h2
						{
							font-family: 'Montserrat', sans-serif; font-size:20px; text-align: center; color: #272727;
						}
						.about-header h1{
							font-family: 'Montserrat', sans-serif; font-size:30px;
						}
						.img-footer-padding p
						{
							color:#666;font-size:16px; font-weight:300;
							 
						}
						.home-services-section {padding-top:20px;}
					.home-services-section p{color:#6d6d6d;}
						.about-list-style {
							font-size: 16px;
							line-height: 25px;
						}
						.about-list-style ul li {
							padding-top: 15px;
							color: #dad7d7;
						}
						.bottom-underline {
							border-bottom: 1px solid #252323;color: #272727;
						}
						.client-bg-color img {
							border-radius: 80%;
						}
						.client-bg-color {
							border: 3px solid #f1f1f1;
							padding: 20px 0px 20px 0px;
							margin: 0px 20px 0px 20px;
						}
						.client-bg-color h3{font-size: 20px;}
						.client-bg-color h4{color: #fbce48;}
						.client-bg-color p {padding: 30px 20px 0px 20px;color: #b9b9b9; font-weight:300}
						.client-bg-color i{color: #f1f1f1;font-size: 30px;float:right;}
						.call-line-height {
							line-height: 40px;
						}
						
						.call-line-height h3 {
							color: #f8f8f8;
						    font-size: 18px;
   						    line-height: 30px;
							font-weight:300;
							
						}
						.call-line-height h1 ,span {
							color: #fbca00;
						}
						.call-border {
							border: 1px solid #3f3f3f;
							background: #292929;
							padding:40px 20px;
							
						}
						
						.form-control {
							padding: 15px 10px;
							border: 1px solid #444343;
							background: #292929;
							width: 100%;
							margin: 5px 0px;
							color: #f8f8f8;
							font-size: 15px;
						}
						.btnRefresh
						{
						padding:3px;
						}
						.demoInputBox{
						padding: 4px 10px;
    border:1px solid #444343;
    background: #292929;
    width: 100%;

    color: #f8f8f8;
    font-size: 15px;
 }
						.sendbuttonform{
							background: #fbca00;
							font-size: 18px;
							padding: 6px;
							border: 1px solid #fbca00;
						
							margin-bottom:30px;
							width: 100%;
							color: #fffef9;
							
						}
						.client-content-footer {
							color: #b9b9b9;
							font-size: 18px;
							padding: 10px 15px;
						}
						
						.client-content-footer ul
						{
							margin-left:0px;
							padding-left:0px;
							list-style:none;
							line-height:30px;
						}
						.client-content-footer i
						{
						padding:10px 0px 5px 10px;
						}
						.footer-adjust
						{
							padding: 1px 0px 0px 15px;}
						.footer-adjust h3 {
							color: #ffffff;
							font-size:18px;
						}
						.client-content-footer li {
							list-style-type: none;
							color: #b9b9b9;
						    font-size: 15px;
							font-weight:300;
						}
						.footer-icon-color i {
							color: #fac012;
							padding-right: 10px;
							padding-left:0px;
						}
						.copyrright-list ul li {
							display: inline;
							color:#9e9e9e;
							padding-right: 10px;
							padding-left:0px;
							font-size: 14px;
							font-weight:300;
						}
						.copyrright-list p{color:#9e9e9e;float:right;font-size:14px; font-weight:300;}
						.copyrright-list a{color:#9e9e9e; text-decoration:none}
						.footer-yellow-color{color:#ffffff;font-size:18px;}
						.footer-left{padding-left:0px;}


	/*Our Team section*/

						.img-client-padding-topper {
							padding: 00px 0px;
						}
						.img-client-padding-topper p {
							color: #bbb9b9;
							font-size: 15px;
							line-height: 30px;
							margin-bottom:5px;
							font-weight:300;
						}
						.img-client-padding-topper i
						{
							padding-right:10px;
							padding-bottom:30px;
						}

						.address-clr {
							color:#080808;
						}
						.logo-img {
							float: left;
						}
						.logo-padding p {color: #000000;margin:0px;}
						.logo-padding p i {float:none; padding-right:20px;}
						.btn {margin-top:10px;}
						.logo-padding {
							text-align: right;
							padding: 30px 0px;
						}
						.logo-align-right logo-align-right-button {
							float: right;
						}
						.button-box {
							background: #fac012;
							font-size: 16px;
							padding: 5px 15px;
							margin: 5px;
							border: 1px solid #fac012;
							border-radius: 5px;
						}
						
						.about-header {
							padding: 20px 0px 20px 0px;
							color: #fbfbfb;
							text-align:center;
						}
						
						.about-list-style h2 {
							font-family: 'Montserrat', sans-serif;
							color: #dad7d7;
							font-size:20px;
							 
						}
						.about-list-style p {
							font-weight:300;
							color:#fff;
							font-size: 15px;
 
    line-height: 34px;
						}
						.section-about-bg {
							background: #384254;
							padding: 0px 0px 50px 0px;
						}
						
						.form-control {padding: 25px 15px !important;}
						.navbar-form {
							padding: 10px 0px !important;}
						.team-style-header {
							padding: 10px 0px 20px 0px;
							
						}
						.tag_line p
						{
							
							    font-size: 30px;
    line-height: 46px;
    color: #272727;
    text-align: center;
	font-weight:300;
						}
						.logo-padding i
						{
						    font-size: 18px;
							color: #fac012;
							float: right;
							padding-top: 10px;
						}
/*Footer Section*/
					.client-content-footer ul li a{text-decoration:none;color:#ffffff;}
					.ul-padding{padding-bottom:60px;}
						.client-content-footer p{font-size:15px; font-weight:300;color:#ffffff; line-height:30px;}
                      .img-client-padding-topper h3{font-family: 'Montserrat', sans-serif; font-size:18px;    color: #272727; }
					  .img-client-padding img{width:100%;margin-bottom:30px;}
					  .shadow-box img{width:100%;}
.project-col
{
	padding:20px;
	margin-bottom:30px;
}
.project-col p
{
	text-align:center;
	font-size:18px;
}
@media only screen and (max-width: 1400px) {
    .list-style-menu1 {
        display:none;
    }
	.button-box{font-size:13px;}
	.list-style-menu {
        padding:1px 0px;;
    }
}

@media only screen and (max-width: 1200px) {
	.welcome-bg p {text-align:center;}
	.welcome-bg ul{
        text-align: center;float:none;
    }
    .logo-align-right {
        float: left;
    }
	.list-style-menu{text-align:center;}
	.list-style-menu ul li {
    padding: 0px 5px 0 5px !important ;
}
}
@media (max-width: 1023px) {
	.navbar-toggle {margin-top:3px !important;}
	.navbar {min-height:0px;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media only screen and (max-width: 991px) {
	.navbar-toggle {margin-top:-10px !important;}
	.footer-menu-align{padding-bottom:37%;}
	.list-style-menu {
    padding: 25px 0px 15px 0px;
    }
    .welcome-bg {
        text-align: center;
    }
    .logo-align-right {
        float: left;
    }
	.logo-padding{padding-top:35px;}
	.logo-padding i {
		float:right;
	}
    .logo-align-right-button {
        float: left;
    }
	 .list-style-menu1 {
        display: none;
    }
	.list-style-menu ul li {
    padding: 0px 0px 0px 30px;
	}
	.logo-padding p {float:none;text-align:center;}
	.logo-padding p i {float:none; padding-right:20px;}
	
}
@media only screen and (max-width: 1618px) {

	.team-style-header{overflow:hidden;}
}
@media only screen and (max-width: 480px) {

	.copyright-padding-left p{font-size:14px;}
	.logo-padding p {padding-bottom:0px;}
}
@media only screen and (max-width: 767px) {
	.copyrright-list ul li {display:grid !important;text-align:center;}
	.copyrright-list p{float:none;text-align:center;}
	.footer-menu-align{padding-bottom:0%;}
	    .logo-img {
        text-align: center;
        float: none;
    }
	.logo-padding{display:none;}
	.logo-padding p {margin-bottom:-20px;}
	.img-footer-padding img {
						width:100%;
					}
	.img-client-padding-topper{text-align:center;}
	.list-style-menu ul li {
    display:block ;
    padding: 0px;

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

    .welcome-bg ul li {
        display: none;
    }
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
   width:100%;height:250px;
}
}
@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}
@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}