@charset "utf-8";

/* CSS Document */

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
}

h2.widgettitle{display: none;}

p {
	margin: 0px 0px 20px;
	padding: 0px;
	line-height: 30px;
	font-weight: 400;
	color: #000;
	font-size: 16px;
}

p.mbot_zero {
	margin-bottom: 5px;
}

a:hover {
	text-decoration: none;
}

@font-face {
	font-family: 'Calisto MT';
	src: url('../fonts/CalistoMT.eot');
	src: url('../fonts/CalistoMT.eot?#iefix') format('embedded-opentype'), url('../fonts/CalistoMT.woff2') format('woff2'), url('../fonts/CalistoMT.woff') format('woff'), url('../fonts/CalistoMT.ttf') format('truetype'), url('../fonts/CalistoMT.svg#CalistoMT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lucida Handwriting';
	src: url('../fonts/LucidaHandwriting-Italic.eot');
	src: url('../fonts/LucidaHandwriting-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaHandwriting-Italic.woff2') format('woff2'), url('../fonts/LucidaHandwriting-Italic.woff') format('woff'), url('../fonts/LucidaHandwriting-Italic.ttf') format('truetype'), url('../fonts/LucidaHandwriting-Italic.svg#LucidaHandwriting-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Calisto MT';
	src: url('../fonts/CalisMTBol.eot');
	src: url('../fonts/CalisMTBol.eot?#iefix') format('embedded-opentype'), url('../fonts/CalisMTBol.woff2') format('woff2'), url('../fonts/CalisMTBol.woff') format('woff'), url('../fonts/CalisMTBol.ttf') format('truetype'), url('../fonts/CalisMTBol.svg#CalisMTBol') format('svg');
	font-weight: bold;
	font-style: normal;
}

.default_btn {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #00429c;
	border-radius: 30px;
	display: inline-block;
	padding: 14px 40px;
	min-width: 120px;
	border: 0px;
	margin-top: 10px;
	border:1px solid #00fff6;
}

.default_btn:hover {
	background: #007bff;
	color: #fff;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #232122;
	font-size: 32px;
	margin-bottom: 40px;
	text-transform: uppercase;
	width: 100%;
	float: left;
}

h3 span {
	color: #00205d;
}
#wpcf7-f285-p286-o1 div.wpcf7-mail-sent-ok, #wpcf7-f68-o1 div.wpcf7-mail-sent-ok{

    color: #fff;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    float: left;
    width: 100%;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #232122;
	font-size: 27px;
	margin-bottom: 40px;
	line-height:40px;
}
h4.white-color{
	color:#fff;
}
h4.mar_none{
	margin-bottom:0px;
}

.white-section img {
	max-width: 100%
}




header,
footer,
section {
	width: 100%;
	float: left;
}
section{
	padding:100px 0px;
}

.container{width:100%; max-width:1140px;}

/*=======header======*/


.header {
	width:100%;
	float:left;}

#header-sroll {
	position: fixed;
	left: 0;
	top: 0;
	float: left;
	    background: rgba(10,23,137,.4);
	width: 100%;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 99999;
}

#header-sroll h1 {
	font-size: 30px;
	font-family: Arial;
	text-align: center;
	line-height: 50px;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#header-sroll.small {
	height: 100px;
	line-height: 35px;
	background: #0a1789;
}

#header-sroll.small h1 {
	height: 70px;
	line-height: 35px;
	font-size: 25px;
}

#header-sroll.small .logo {
	max-width: 334px;
}

#header-sroll.small nav ul {
	margin: 0px;
	border-radius: 0 0 5px 5px;
	background: #0a1789;
}

#header-sroll.small nav ul li a {
	padding: 29px 0;
}

.logo {
	max-width: 440px;
	width: 100%;
	float: left;
}

.logo img {
	width: 100%;
	float: left;
	height: auto;
}

.mob-nav {
	display: none;
	position: relative;
	width: 30px;
	float: right;
	color: #fff;
	margin: 30px 10px;
}

.mob-nav span {
	width: 30px;
	height: 2px;
	background: #fff;
	float: right;
	margin: 3px 0px;
}

nav {
	padding: 5px 20px;
	width: 100%;
	float: left;
}

nav ul {
	float: right;
	margin: 0px;
	padding: 0px;
}

nav ul li {
	list-style: none;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 40px;
	position: relative;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 46px 0;
	float: left;
	width: 100%;
}

nav ul li:last-child {
	margin-right: 0px;
}

nav ul li:last-child .sub-menu {
	left: -87px;
	width: 180px;
}

nav ul li:hover>.sub-menu {
	display: block;
}

.sub-menu {
	position: absolute;
	left: 0;
	width: 270px;
	top: 100%;
	background: rgba(0, 0, 0, .8);
	margin: 0;
	padding: 0;
	display: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
}

.sub-menu li {
	width: 100%;
	float: left;
	list-style: none;
}

.sub-menu li:last-child a {
	border-bottom: 0px;
}

.sub-menu li a {
	padding: 12px 10px!important;
	border-bottom: 1px solid #000;
	display: inline-block;
	width: 100%;
	font-size: 12px;
	line-height: initial;
	color: #fff;
}

.sub-menu li a:hover {
	background: #fff;
	color: #111;
}

/*=======header end======*/

/*=======Banner======*/

.carousel-inner img {
	width: 100%;
	height: auto;
}

.carousel-caption {
	right: 75px;
	left: 5%;
	bottom: 60px;
}

.banner-desc-circle {
    width: 450px;     height: 450px;     background: rgba(255, 255, 255, .8);     padding: 80px 70px 34px;     border-radius: 100%;     text-align: center;     float: right;
}

.banner-desc-circle h1,
.banner-desc-circle .subhead {
	font-size: 42px;
	color: #072a6c;
	font-family: 'Calisto MT';
	font-weight: bold;
	margin-bottom: 10px;
}

.banner-desc-circle .subhead {
    font-size: 22px;
    font-weight: normal;
    position: relative;
    float: left;
    margin-bottom: 42px;
    WIDTH: 100%;
}

.banner-desc-circle .subhead:after {
	width: 100%;
	height: 2px;
	background: #072a6c;
	position: absolute;
	left: 0px;
	bottom: -15px;
	content: "";
}

.banner-desc-circle p {
	font-size: 16px;
	color: #072a6c;
	margin: 40px 0px;
	font-family: 'Calisto MT';
}

.carousel-control {
    width: 95px;
    right: 250px;
    bottom: 118px;
    content: "";
    position: absolute;
    z-index: 99999999;
}

.carousel-control-next,
.carousel-control-prev {
	width: 35px;
	opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 35px;
	height: 30px;
}

.carousel-control-prev-icon {
	background: url(../images/slider-btns.png) no-repeat left top;
}

.carousel-control-next-icon {
	background: url(../images/slider-btns.png) no-repeat right top;
}

.carousel-indicators {
	display: none;
}

.year40-desc {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 10px 40px;
	content: "";
	background: rgba(0, 32, 93, .8);
	font-size: 35px;
	font-family: 'Lucida Handwriting';
	z-index: 1;
	color: #fff;
}

/*=======Banner end======*/

.white-section {
	background: url(../images/switch-bg.png) no-repeat 0px 170px fixed;
}
.become-team-section .container {
	max-width: 1080px;
}


/*=======Team Column======*/

.become-team-cl {
	margin-bottom:0px;
}

.team-hiring-desc {
	position: relative;
}

.team-hiring-desc:after {
	width: 2px;
	height: 104px;
	background: #f2f2f2;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -52px;
	content: "";
}
.become-team-cl h4 {
	font-size: 21px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 36px;
	margin-bottom: 20px;
}
a.now-hiring {
    background: #ffd146;
    font-size: 18px;
    color: #0a1789;
    border-radius: 35px;
    padding: 15px 34px;
    float: left;
    font-weight: 700;
    text-decoration: none;
}
a.now-hiring:hover {
	background:#fff;
}
.become-team-cl ul {
	margin: 0px;
	padding: 8px 10px;
}
.become-team-cl ul li {
	list-style: none;
	float: left;
	width: 50%;
	font-size: 16px;
	color: #fff;
	padding: 8px 5px 8px 27px;
	position: relative;
}
.become-team-cl ul li:before {
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 15px;
	content: "";
	background: #00fff6;
	border-radius: 20px;
}

/*=======Team Column end======*/

/*=======Welcome Column======*/

.welcome-column p {
	font-size: 18px;
	color: #000;
	line-height: 36px;
	margin-bottom: 40px;
}
a.more-info-btn {
	text-align: center;
	font-size: 16px;
	color: #00205d;
	text-transform: uppercase;
	font-weight: 700;
	    line-height: initial;	
	padding: 13px 33px;
	border: 2px solid #00205d;
	border-radius: 30px;
	display: inline-block;
}
a.more-info-btn:hover {
	background: #00205d;
	color: #fff;
}
a.more-info-btn.project-btn{
	border: 2px solid #00fff6;
	color: #fff;
}
/*=======Welcome Column end======*/

/*=======Need Service Section======*/

.need-service-section {
	background: url(../images/need-service-bg.jpg) no-repeat center top fixed;
	background-size: cover;
}
.need-service-left h2 {
	font-weight: 900;
	font-size: 60px;
	color: #00f1ff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.need-service-left {
	margin: 70px 0px;
}
.need-service-left p {
	font-weight: 400;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	line-height: 50px;
}
.need-service-left p span {
	font-weight: 700;
}
.service-call-form p {
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 40px;
}

.service-call-form form {}
.service-call-form form .form-control {
	border-radius: 30px;
	background: transparent;
	outline: none;
	color: #fff;
	border: 2px solid #00fff6;
	padding: 14px 20px;
	font-size: 18px;
}
.service-call-form .form-group{width: 100%; float: left;}
span.wpcf7-not-valid-tip {
   
    margin-top: 6px;
}
.service-call-form form .form-control.wpcf7-textarea{height: 100px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    
    width: 100%;
    float: left;
    color: #fff;
    border: 1px solid transparent;
    padding: 0;
    margin: 20px 0 0 0;
}
.service-call-form form .form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1;
	/* Firefox */
}
.service-call-form form .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}
.service-call-form form .form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #fff;
}
.service-call-form form .form-group {
	margin-bottom: 15px;
}
.service-call-form form .form-group.wdt-45 {
	width: 49%;
}
.request-call-btn {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	background: #00429c;
	border-radius: 30px;
	float: left;
	padding:14px 46px;
}

/*=======Need Service Section end======*/

/*=======Industry List Column======*/

.industry-list {
	margin-bottom: 50px;
}

.industry-list ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	text-align: center;
}

.industry-list ul li {
	list-style: none;
	width: 202px;
	height: 202px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 32px 7px 12px 7px;
	margin: 11px;
	display: inline-block;
	vertical-align: top;
}

.industry-list ul li:hover {
	background: #efefef;
}

.industry-list ul li p {
	font-size: 14px;
	color: #000;
	margin: 20px 0px 10px 0px;
	line-height: 20px;
}

/*=======Industry List Column end======*/

/*=======Project List Column ======*/

.project-list {
	margin-bottom: 20px;
	padding: 10px;
}

.project_detail .project-list:hover {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	z-index: 999
}

.porject_list_cool.second_proj_slider {
	display: flex;
	flex-direction: column-reverse;
}

.porject_list_cool.second_proj_slider p {
	margin-bottom: 12px
}

.project-list img {
    width: 100%;
    float: left;
    height: 300px;
    margin: 0 0 10px;
    object-fit: cover;
}

.project-list p {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	margin: 0;
}

.p-desk {
	display: block;
}

.p-mob {
	display: none;
}

.project-list:hover img {
	opacity: .8;
}

.project-list:hover p {
	color: #00429c;
}

a.more-info-btn.more-projects {
	margin: 50px 0px 0px;
}

/*=======Project List Column end======*/


/*=======Footer Column======*/

footer {
	background: #05006a;
	padding: 60px 0px 0px;
}

footer h6 {
	font-size: 24px;
	color: #00fff6;
	margin-bottom: 20px;
}

footer p {
	color: #fff;
}

ul.ftr-nav {
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.ftr-nav li {
	list-style: none;
	float: left;
	font-size: 15px;
	width: 100%;
	margin: 5px 0px;
}

ul.ftr-nav li a {
	color: #fff;
	text-decoration: none;
}

ul.ftr-nav li a:hover {
	color: #fff610;
}

.social-icons {
	width: auto;
	float: left;
	margin: 20px 0px 0px;
}

.social-icons a {
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	width: 38px;
	height: 38px;
	border: 2px solid #fff;
	float: left;
	border-radius: 30px;
	line-height: 34px;
	text-align: center;
	margin-right: 12px;
}

.social-icons a:hover {
	border: 2px solid #00fff6;
	color: #00fff6;
}

.ftr-btm {
	width: 100%;
	float: left;
	border-top: 1px solid #a9b5cb;
	padding: 20px 0px;
	margin: 50px 0px 0px;
}

.ftr-btm p {
	font-size: 15px;
	color: #fff;
}

.ftr-btm p.txt-rght {
	text-align: right;
}

.ftr-btm p a {
	color: #fff;
	text-decoration: none;
}

.ftr-btm p a:hover {
	color: #fff710;
}

/*=======Footer Column end======*/

/*=======About Page======*/

.inner-banner-slider {
	width: 100%;
	float: left;
	position: relative;
}
.inner-banner-slider:before{    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
/*     background: rgba(10,23,137,.4); */}
.inner-banner-slider.innner_proj_slider:before{background: rgba(4,0,71,1);
background: -moz-linear-gradient(left, rgba(4,0,71,1) 0%, rgba(4,0,84,0.60) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,0,71,1)), color-stop(100%, rgba(4,0,84,0.60)));
background: -webkit-linear-gradient(left, rgba(4,0,71,1) 0%, rgba(4,0,84,0.60) 100%);
background: -o-linear-gradient(left, rgba(4,0,71,1) 0%, rgba(4,0,84,0.60) 100%);
background: -ms-linear-gradient(left, rgba(4,0,71,1) 0%, rgba(4,0,84,0.60) 100%);
background: linear-gradient(to right, rgba(4,0,71,1) 0%, rgba(4,0,84,0.60) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040047', endColorstr='#040054', GradientType=1 ); 
content: '';
    z-index: 1;
    width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.inner-banner-slider img {
	width: 100%;
	float: left;
	height: auto;
}

.inner-banner-slider h1 {
	    font-size: 50px;
    color: #fff;
    font-family: 'Calisto MT';
    font-weight: bold;
    top: 50%;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0 0;
    text-align: center;
    max-width: 700px;
    left: 50%;
    margin-left: -350px;
    margin-top: -40px;
}

.txt-marbtm {
	margin-bottom: 60px;
}

.product-service-section:nth-child(even) .flex_direction{     flex-direction: row-reverse; }
.power-image {
	width: 60%;
	float: left;
	box-shadow: 0px 0px 10px #333;
	padding: 10px;
	position:relative;
}

.power-image img {
	width: 100%;
	float: left;
	height: auto;
}

.power-image.about-image {
	float: right;
	margin-left: 30px;
	margin-bottom:24px;
	width:50%;
}

ul.powersafety-list {
	float: left;
	margin: 0px;
	padding: 0px;
	background: #0a1789;
	padding: 25px;
	width: 49%;
	position: relative;
	margin-left: -105px;
	margin-top: 20px;
}

ul.powersafety-list li {
	list-style: none;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

ul.powersafety-list li:before {
	width: 8px;
	height: 8px;
	background: #00fff6;
	border-radius: 30px;
	position: absolute;
	left: 10px;
	top: 10px;
	content: "";
}


/*========About section=========*/

.abt-section {
	background: url(../images/need-service-bg.jpg) no-repeat center top fixed;
	background-size: cover;
}

.abt-left-column h4 {
	color: #fff;
	margin-bottom: 20px;
}

ul.powersafety-list.abt-list {
	margin: 20px 0px;
    width: 100%;
    background: transparent;
    padding: 0px;
}

ul.powersafety-list.abt-list li {
	width: 50%;
	color: #fff;
}

ul.powersafety-list.abt-list li:before {
	background: #00fff6;
}
.power-image.electical-image{
	width:100%;
	box-shadow:0px 0px 10px #00fff6;
}

ul.powersafety-list.support-list{
	background:transparent;
	width:100%;
	padding:0px;
	margin:0px;
}
ul.about-img-list {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

ul.about-img-list li {
	list-style: none;
	display: inline-block;
	width: 30%;
	margin: 15px;
	box-shadow: 0px 0px 10px #00fff6;
	padding: 10px;
}

ul.about-img-list li img {
	width: 100%;
	float: left;
	height: auto;
}

.capability-section-bg{
	background: url(../images/capability-bg1.jpg) no-repeat center top / cover fixed;
}
.capability-section-bg.pad30 {
  
    padding: 40px 0;
}
.industry-section-bg{
	background: url(../images/capability-bg2.jpg) no-repeat center top / cover fixed;
}
.team-section-bg{
	background: url(../images/team-section-bg1.jpg) no-repeat center top / cover fixed;
}
.industry-section-bg{
	background: url(../images/industry-section-bg.jpg) no-repeat center top / cover fixed;
}
.manufacturing-section-bg{
	background: url(../images/manufacturing-section-bg.jpg) no-repeat center top / cover fixed;
}
.mediumvoltage-section-bg{
	background: url(../images/mediumvoltage-section-bg.jpg) no-repeat center top / cover fixed;
}
.healthcare-section-bg{
	background: url(../images/healthcare-section-bg.jpg) no-repeat center top / cover fixed;
}
.solar-section-bg{
	background: url(../images/renewable-section-bg.jpg) no-repeat center top / cover fixed;
}
.thermalimaging-section-bg{
	background: url(../images/thermal-section-bg.jpg) no-repeat center top / cover fixed;
}
.electrical-section-bg{
	background: url(../images/electrical-section-bg.jpg) no-repeat center top / cover fixed;
}
.electrical-projectsection-bg{
	background: url(../images/electrical-section-bg1.jpg) no-repeat center top / cover fixed;
}
/*=======About Page end======*/

/*=======Service Page======*/


.product-service-section {
	background: url(../images/service-bg1.jpg) no-repeat center top / cover fixed;
	padding: 100px 0px;
}

.product-service-section.qualification-section {
	background: url(../images/service-bg2.jpg) no-repeat center top / cover fixed;
}

.product-service-section.maintenance-section {
	background: url(../images/service-bg3.jpg) no-repeat center top / cover fixed;
}

.product-service-section.support-section {
	background: url(../images/service-bg4.jpg) no-repeat center top / cover fixed;
}

.product-service-section.infrared-section {
	background: url(../images/service-bg5.jpg) no-repeat center top / cover fixed;
}

.product-service-section h5{
	color:#00fff6;
	font-size:30px;
	margin-bottom:20px;
}
.product-service-section p{
	color:#fff;
	line-height: 34px;
    font-size: 19px;
}

.contact-service-section h4 {
	margin-bottom: 0px;
	font-weight: 700;
}

.contact-service-section h4 span {
	color: #0a1789;
	font-size: 30px;
}
.contact-service-section h4 span a{	color: #0a1789;}
.contact-service-section h4 span a:hover{	color: #000;}
ul.powersafety-list.capability-list {
	width:100%;
}
ul.powersafety-list.capability-list li{
	width:50%;
	font-size:18px;
}
/*=======Service Page end======*/


.team-list {
	width: 100%;
	float: left;
}

.team-list h4 {
	text-align: center;
}

.team-list ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	text-align: center;
}

.team-list ul li {
	list-style: none;
	display: inline-block;
	width: 30%;
	background: #fff;
	border: 1px solid #ccc;
	padding: 9px;
	margin: 5px 10px;
}

.team-list ul li img {
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 20px;
}

.team-list h5 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

.team-list p {
	margin: 0px;
	color: #000;
}


.project_gallery_col {
	width: 100%;
	float: left;
	text-align: center
}
.project_gallery_col p{
	color:#fff;
}
.project_gallery_col ul {
	margin: 0px;
	padding: 0px;
}

.project_gallery_col ul li {
	width: 31%;
	padding: 6px;
	border: 1px solid #fff;
	background:#fff;
	display: inline-block;
	list-style: none;
	position: relative;
	margin: 10px 10px 20px 10px;
}

.project_gallery_col ul li img{
	width:100%;
	float:left;
	height:auto;
}
.project_gallery_col ul li:hover:after {
	opacity: 1;
	height: 100%;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*.project_gallery_col ul li:after {
	background: rgba(10, 23, 137, .5);
	content: '';
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 100%;
	height: 0%;
	bottom: 0%;
	left: 0;
	opacity: 0;
	position: absolute;
}*/

.project_gallery_col ul li a {
	position: absolute;
	top: 50%;
	left:50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	opacity: 0;
	font-size: 30px;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	z-index: 999;
	margin-left: -25px;
}

.project_gallery_col ul li:hover>a {
	opacity: 1
}

.project_gallery_col h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 5px;
	color:#000;
}
.project_gallery_col.txt_col_whte h4{color: #fff}
.manu_video {
	width: 100%;
	padding: 20px 10px 10px;
	text-align: center;
	border: 1px solid #ccc;
}
.manu_video p{margin:0}
.manu_video h4 {
	margin-bottom: 20px;
	font-size: 20px;
}

.manu_video video {
	width: 100%;
	height: 100%;
	vertical-align: top
}

p.gray-color{
	background: #0a1789;
    padding: 20px;
    font-size: 20px;
    line-height: 42px;
    color: #00fff6;
}
ul.powersafety-list.support-list.thermal-list{
	margin:10px 0px;
}
ul.powersafety-list.support-list.thermal-list li{
	color:#000;
	width:30%;
}


.power-image.coperate-image{
	width:50%;
}
.power-image.coperate-image.fl-image{
	float:right;
}
ul.powersafety-list.coperate-box-column{
	    width: 100%;
    margin-left: 0px;
	margin-top:30px;
}
ul.powersafety-list.coperate-box-column.fl-txt-col{
	margin-left:0px;
	margin-right: -105px;
}
ul.powersafety-list.coperate-box-column h5{
	color:#00fff6;
	margin-bottom:20px;
}

ul.powersafety-list.coperate-box-column p{
	color:#fff;
}


.contact_addres_col h4 {
	font-size: 18px;
	color: #00205d;
	width: 100%;
	margin-bottom: 10px;
}

.contact_addres_col p {
	font-size: 16px;
}

.contact_addres_col iframe {
	width: 100%;
	height: 210px;
}

.contact_addres_col.contact_form {
	background: url(../images/need-service-bg.jpg) no-repeat center top fixed;
	background-size:cover;
	width: 100%;
	border: 1px solid #0a1789;
	    float: left;
	padding: 25px 20px;
}

.contact_addres_col.contact_form h4 {
	color: #fff;
}

.contact_addres_col.contact_form p {
	width: 100%;
	color: #fff;
}

.contact_addres_col.contact_form .contct_form_field {
	margin-bottom: 10px;
}

.contact_addres_col.contact_form .contct_form_field label {
	font-size: 14px;
	margin-bottom: 9px;
	width: 100%;
	color: #fff;
}

.contact_addres_col.contact_form .contct_form_field .form-control {
	font-size: 14px;
    height: 50px;
    background: transparent;
    border: 2px solid #00fff6;
    border-radius: 10px;
    color:#fff;
}
.contact_addres_col.contact_form .contct_form_field .form-control option{    color: #000;}
.contact_addres_col.contact_form .contct_form_field .form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1;
	/* Firefox */
}
.contact_addres_col.contact_form div.wpcf7-mail-sent-ng, .contact_addres_col.contact_form div.wpcf7-aborted {
    border: 2px solid #ff0000;
    color: #fff;
}
.contact_addres_col.contact_form .contct_form_field .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}
.contact_addres_col.contact_form .contct_form_field .form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #fff;
}
.contact_addres_col.contact_form .contct_form_field textarea.form-control {
	width: 100%;
	height: 90px;
}

.contact_submit_btn {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #00429c;
	border-radius: 30px;
	display: inline-block;
	padding: 10px;
	min-width: 120px;
	border: 0px;
	margin-top: 20px;
}

.corporate_team_col {
	margin-bottom: 40px;
}

.corporate_team_col img {
	max-width: 100%;
	border: 1px solid #00fff6;
	padding: 10px;
}

.corporate_team_col h5 {
	margin-bottom: 20px;
	color: #00205d;
	font-weight: 700;
}

ul.powersafety-list.m_10 {
	margin: 20px 10px
}



.job_faq_col {
	margin:10px 0px;}

.job_faq_col h4 {
	background: #fff;
    padding: 15px 20px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    margin: 0 0 0px 0;
    border: 1px solid #0a1789;
    color: #0a1789;
}

.job_faq_col h4:after {
	content: '+';
	font-size: 30px;
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 65px;
}

.job_faq_col .job_detail_col {
	display: none;
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: 0px;
}

.job_faq_col.active .job_detail_col {
	display: block
}

.job_faq_col.active h4 {
	background: #072a6c;
	color: #fff;
}

.job_faq_col.active h4:after {
	content: '-';
}

.corporate_team_col.service_page {
	margin: 0;
}

.corporate_team_col.service_page h5 {
	font-size: 36px;
	color: #fff;
}

.corporate_team_col.service_page p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
}

.corporate_team_col.service_page:nth-child(even) {
	flex-direction: row-reverse;
}









.carousel-fade .carousel-item {
	display: block;
	position: absolute;
	opacity: 0;
	transition: opacity .75s ease-in-out;
}

.carousel-fade .carousel-item.active {
	opacity: 1;
}

#home_banner .carousel,
#home_banner .carousel-inner,
#home_banner .carousel-item {
	width: 100%;
	height: 100vh;
}

#home_banner .carousel {
	position: relative;
	top: 0;
	left: 0;
}

.inner-banner-slider .carousel,
.inner-banner-slider .carousel-inner,
.inner-banner-slider .carousel-item {
	width: 100%;
	height: 400px;
}

.inner-banner-slider .carousel-control {
	width: 100%;
	right: 0;
	bottom: 50%;
	margin-bottom: -20px;
}

.inner-banner-slider .carousel-control-next {
	right: 30px;
}

.inner-banner-slider .carousel-control-prev {
	left: 30px;
}

.inner-banner-slider .carousel-control-prev-icon {
	background: url(../images/inner-slider-icon.png) no-repeat;
	left: 10px;
}

.inner-banner-slider .carousel-control-next-icon {
	background: url(../images/inner-slider-icon.png) no-repeat right;
	right: 10px;
}

.carousel.project-slider {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.carousel.project-slider.second_proj_slider {
	padding-top: 0px;
	display: flex;
	flex-direction: column-reverse;
}

.carousel.project-slider.second_proj_slider .carousel-caption {
	margin-top: 0px;
}

.carousel.project-slider .carousel-inner img {
    height: 250px;
    object-fit: cover;
}

.carousel.project-slider .carousel-caption {
	position: relative;
	text-align: left;
	padding: 0 55px 0 10px;
	margin: 20px 0px;
	border-left: 4px solid #0a1789;
	left: 0;
	top: 0;
}

.carousel.project-slider .carousel-caption .carousel-btns {
width: 50px;
    float: right;
    position: absolute;
    right: 0px;
    top: 50%;
    left: auto;
    height: 20px;
    margin-top: -10px;
}

.carousel.project-slider .carousel-caption h5 {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	margin-bottom: 5px;
}

.carousel.project-slider .carousel-caption p {
	font-size: 15px;
	color: #000;
	margin-bottom: 0;
}

.carousel.project-slider .carousel-caption p span {
	color: #0a1789;
	font-weight: 700;
}

.pro_slider_small {
	width: 100%;
	float: left
}

.pro_slider_small .carousel-item {
	width: 100%;
	float: left;
}

.carousel.project-slider .carousel-inner {
	display: flex;
	flex-direction: column;
}

.carousel-btns {
	width: 80px;
	float: right;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.carousel.project-slider .carousel-control-next,
.carousel.project-slider .carousel-control-prev {
	width: 23px;
	height: 19px;
	top: auto;
	bottom: 0px;
	position: static;
	float: left;
	margin: 0px 1px;
}

.carousel.project-slider .carousel-control-prev-icon,
.carousel.project-slider .carousel-control-next-icon {
	background-size: 46px;
	height: 19px;
}

.carousel.project-slider.project-second-slide {
	padding-top: 20px;
	padding-bottom: 0px;
}

.carousel.project-slider.project-second-slide .carousel-btns {
	top: 0px;
	bottom: auto;
}

.project-text-list {
	background: url(../images/project-text-list-bg.jpg) no-repeat center top fixed;
	background-size:cover;
}

.powersafety-list.project-list{
	width:100%;
	background:transparent;
	margin:0px;
	padding:0px;
}
.powersafety-list.project-list li {
	width: 25%;
	color: #fff;
	font-size: 14px;
}

.powersafety-list.project-list li:before {
	background: #fff;
}


.career_form_wrapper{    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 10px;
    padding: 25px 10px;
    margin-bottom: 40px;
    margin: 0 0 40px 0;
width: 100%; float: left;}
.career_form_wrapper p{font-size: 18px; margin-bottom: 30px;}
.career_form_wrapper p span{    font-size: 30px;
    font-weight: bold;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: red;}
.career_form{width:100%; float: left}
.career_form .form-control{    height: 48px;}
.career_form_wrapper .wdt-45{width: 49%;}
.career_form textarea.form-control{height: 110px;}
.corpor_struc_col:nth-child(odd) .coperate-image{float: right;}
.form-group {

    float: left;
    width: 100%;
}
.career_form div.wpcf7-validation-errors, .career_form  div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    color: #000;
    margin: 30px 0 10px 0;
    }
.sub_menu_toggle{display:none}

.project_list_data{margin-top:20px; }
.project_list_data li{margin-bottom:10px;}
@media only screen and (min-width:992px) and (max-width:1169px) {
	.logo {
      max-width: 290px;
     margin-top: 10px;
   }
	nav ul li {
		font-size: 14px;
	}
	nav ul {
		margin: 28px 0px;
	}
	.banner-desc-circle {
		width: 350px;
		height: 350px;
		padding: 35px 30px;
	}
	.banner-desc-circle h1 {
		font-size: 26px;
		margin-bottom: 0px;
	}
	.banner-desc-circle .subhead {
		font-size: 16px;
	}
	.banner-desc-circle p {
		margin: 22px 0px;
	}
	.carousel-control {
		right: 205px;
	}
	.industry-list ul li {
		margin: 17px;
	}
	nav ul li a {
    padding: 4px 0;
    }
    .carousel.project-slider .carousel-caption .carousel-btns {  
    top: auto;
    bottom: 5px;
   }
   ul.powersafety-list {
    width: 49%;
   }
   section {
    padding: 80px 0px;
   }
   .project_gallery_col ul li {
    width: 30%;
   }
}

@media only screen and (min-width:267px) and (max-width:991px) {
	nav ul li:hover>.sub-menu {
    display: none;
}
		#header-sroll.small nav ul li a {
    padding: 13px 10px;
    line-height: initial;
}
	.header {
	display:none;
    position: relative;
    z-index: 999;
}

	.mob-nav {
		display: block;
		margin: 22px 18px;
	}
	nav {
		padding: 0px;
		width: 100%;
		float: left;
	}
	nav ul {
		display: none;
		position: absolute;
		width: 100%;
		margin: 0px;
		top: 100%;
		background: #1c37d8;
	}
	nav ul.show{display:block}
	
	.sub_menu_toggle{      position: absolute;
    right: 0;
    z-index: 99999999;
		display:block;

    height: 46px;
    width: 50px;
    text-align: center;}
	.sub_menu_toggle:before{    content: '\f107';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 31px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    color: #fff;
    top: 10px;}
	nav ul li {
		width: 100%;
		margin-right: 0px;
	}
	.banner-desc-circle {
		width: 100%;
    height: auto;
	    padding: 0px 0px;
	}
	.banner-desc-circle p {
	margin:10px 0;
	}
	#home_banner .carousel, #home_banner .carousel-inner, #home_banner .carousel-item {

    height: auto;
}
	#home_banner .carousel-inner{height:510px;}
	.banner-desc-circle h1 {
		font-size: 26px;
		margin-bottom: 0px;
	}
	.banner-desc-circle .subhead {
		font-size: 16px;
	}
	.banner-desc-circle .subhead:after {
		display: none;
	}
	.carousel-caption {
		position: static;
	}
.carousel-control {
    width: 18%;
    right: 50%;
    margin-right: -7%;
    bottom: 70px;
}
	.carousel-control-next, .carousel-control-prev {
    width: 25px;
}
	.carousel-control-next-icon, .carousel-control-prev-icon {

    width: 36px;
		height: 20px;
    background-size: cover !important;
}
	.year40-desc {
	    font-size: 15px;
		padding: 10px 20px;
	}
	.logo {
		max-width: 200px;
		margin: 10px;
	}
	#header-sroll.small .logo {
		max-width: 223px;
	}
	#header-sroll.small {
		height: 90px;
	}
	#header-sroll.small nav ul {
		margin: 0px;
	}
	nav ul li a {
		padding: 13px 10px;
		display: block;
	}
	.sub-menu{    position: static;
    width: 100%;}
	nav ul li {
		border-bottom: 1px solid #8192f1;
		font-size: 14px;
	}
	.p-desk {
		display: none;
	}
	.p-mob {
		display: block;
	}
	ul.ftr-nav {
	width: 100%;
    text-align: center;
    margin-bottom: 0;
	}
	ul.ftr-nav li {
    font-size: 14px;
    width: 100%;
    margin: 2px 10px;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #a9b5cb;
    margin: 0;
	}
	nav ul li:last-child .sub-menu {

    left: 0;
    width: 100%;
}
	#menu-second-fotter-nav{margin-bottom:20px;}
	ul.ftr-nav li a {
  
    padding: 7px 0;
    display: inline-block;
}
	footer h6 {
		text-align: center;
		font-size: 18px;
	}
	footer p {
		text-align: center;
		font-size: 15px;
		margin-bottom: 10px;
	}
	footer p br {
		display: none;
	}
	.social-icons {
		width: 100%;
		text-align: center;
	}
	.social-icons a {
		float: none;
		display: inline-block;
	}
	.ftr-btm p {
		font-size: 15px;
		color: #fff;
	}
	.ftr-btm p.txt-rght {
		text-align: center;
	}
	.ftr-btm {
 
    padding: 9px 0px;
    margin: 30px 0px 0px;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
	ul.powersafety-list.capability-list li {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
}
	.need-service-left h2 {
		font-size: 44px;
	}
	.need-service-left p {
		font-size: 20px;
		line-height: 35px;
	}
	.service-call-form p {
		font-size: 19px;
	}
	.inner-banner-slider h1 {
    font-size: 40px;
    margin-top: -22px;
    }
    .request-call-btn {
      margin-top: 20px;
     }
     section {
    padding: 60px  0px;
   }
   .carousel.project-slider .carousel-caption .carousel-btns {
    top: auto;
    left: auto;
    bottom: 0;
   }
   .product-service-section {
    padding: 80px 0px;
   }
   .power-image {
    width: 51%;
   }
   ul.powersafety-list {   
    width: 59%;
   }
   .txt-marbtm {
    margin-bottom: 30px;
   }
   ul.about-img-list li {
    width: 42%;
    margin: 24px;
    }
    ul.powersafety-list.coperate-box-column {
    width: 63%;
    margin-top: 30px;
   }
   .power-image.coperate-image {
      width: 37%;
    }
    .project_gallery_col ul li {
      width: 46%;
    }
}

@media only screen and (min-width:267px) and (max-width:767px) {
	p {


    line-height: 25px;
 
    font-size: 14px;
}
	.become-team-cl h4 {
    font-size: 18px;

    line-height: 29px;
 
}
	#header-sroll {
		position: static;
		background: #05006a;
	}
	.carousel-inner img {

    height: 180px;
    object-fit: cover;
}
	h3 {
		font-size: 24px;    margin-bottom: 20px;
	}
	ul.powersafety-list.capability-list li {
    width: 100%;
    font-size: 16px;
    line-height: 25px;
		    margin-bottom: 11px;
   }
   .project_gallery_col h4 {
     color: #000; 
   }
   .project_gallery_col ul li {
    width: 100%;
    margin: 0;
        margin-bottom: 20px;
    }
    .project_gallery_col ul{
    	padding: 0 10px;
    }
   .team-list ul {
      padding: 0px 15px;
    }
    .team-list ul li {
    width: 100%;  
    margin: 12px 0px;
   }
	.become-team-cl ul li {
		width: 100%;
		    padding: 4px 0px 4px 17px;
	}
	.welcome-column p {
		font-size: 15px;
    line-height: 29px;
	}
		a.now-hiring {
   
    font-size: 16px;
   
    padding: 9px 27px;
   
    margin-bottom: 20px;
}

	a.more-info-btn {
		font-size: 14px;
	}
	.need-service-left {
		margin: 0px 0px 20px;
	}
	.need-service-left h2 {
		font-size: 33px;
	}
	.need-service-left p {
		font-size: 18px;
		line-height: 35px;
		margin-bottom: 7px;
	}
	.service-call-form p {
		font-size: 16px;
	}
	.project-list p {
		font-size: 17px;
	}

 section {
    padding: 30px 0px;
}
    .service-call-form form .form-group.wdt-45 {
      width: 100%;
    }
    a.more-info-btn.more-projects {
      margin: 7px 0px 0px;
    }
    footer {
     padding: 40px 0px 0px;
    }
    .power-image.about-image {;
        width: 100%;
     }
     .txt-marbtm {
    margin-bottom: 20px;
   }
   .power-image {
    width: 100%;
   }
   ul.powersafety-list {
    width: 100%;
    margin-left: 0;
    }
    h4 {
   font-size: 20px;
    line-height: 29px;
    }
    ul.about-img-list li {
      width: 100%;
      margin: 14px 0;
    
    }
    .power-image.coperate-image {
       width: 100%;
    }
    ul.powersafety-list.coperate-box-column {
     width: 100%;
    margin-top: 0;
    padding: 10px;
    }
    .power-image.coperate-image.fl-image {
    float: left;
    }
    .row.career_form_wrapper {
      padding: 18px 0;
    }
    .career_form_wrapper .wdt-45 {
     width: 100%;
    }
 ul.powersafety-list.support-list.thermal-list li {
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}
   .job_faq_col h4:after {
    top: 50%;
    margin-top: -22px;
    line-height: initial;
   }
   .job_faq_col h4 {
    padding: 4px 20px;
        font-size: 16px;
   }
   .mob_full100 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0;
   }
   .product-service-section {
    padding: 50px 0px;
   }
   .product-service-section h5 {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 20px;
   }
.product-service-section p {
    font-size: 16px;
    line-height: 27px;
}
   .request-call-btn {
    font-size: 16px;
    padding: 14px 29px;
    margin-top: 15px;
   }
   .powersafety-list.project-list li {
    width: 100%;
   }
   .carousel.project-slider .carousel-caption .carousel-btns {
    width: 57px;
    right: 0px;
    top: auto;
    left: auto;
    bottom: 2px;
   }
  .inner-banner-slider {
    height: 186px;
    overflow: hidden;
}
   .inner-banner-slider img {
    height: 100%;
   }
.inner-banner-slider h1 {
    font-size: 28px;
    margin-top: 0px;
    width: 100%;
    margin: 0;
	    top: 60px;
    left: 0;
}
   .service-call-form form .form-control {
    padding: 12px 20px;
    font-size: 16px;
  }
	p.gray-color {

    padding: 15px;
    font-size: 15px;
    line-height: 26px;

}
	.manu_video {
  
    margin-bottom: 20px;
}
	.manu_video h4 {
    margin-bottom: 14px;
    font-size: 15px;
}
	ul.powersafety-list.coperate-box-column h5 {
   
    margin-bottom: 15px !important;
    font-size: 16px !important;
    line-height: 23px;
}
	ul.powersafety-list.coperate-box-column p {
       color: #fff;
    line-height: 23px;
    font-size: 14px;
}
	.career_form_wrapper .col-12{padding:0}
	.carousel.project-slider.second_proj_slider {
   
    flex-direction: column;
}
	.carousel.project-slider.second_proj_slider .carousel-caption {
    margin-top: 20px;
}
	.contact_addres_col iframe {

    margin-bottom: 20px;
}

}