 @import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css?family=Big+Shoulders+Display:100,300,400,500,600,700,800,900&display=swap');
body{ font-family: 'Montserrat', sans-serif;
font-weight: 400;  background: #fff; }
h1 { margin: 0px; padding: 0px 0px 30px; font-size: 60px;  color: #fff; text-transform: uppercase; font-weight: normal;  font-family: 'Montserrat', sans-serif;
}  
h2 {	margin: 0px;	padding: 0px 0px 20px;	font-size: 48px;	color:#3e4095;	font-weight: normal;  font-family: 'Montserrat', sans-serif;
}
h3 { margin: 0px; padding: 0px 0px 20px; font-size: 30px;  color: #313131; font-weight: normal;  font-family: 'Montserrat', sans-serif;
}  
h4 { margin: 0px; padding: 0px 0px 20px; font-size: 19px;  color: #313131; font-weight: normal;} 
a{ color: #313131; outline:none;}
a:hover, a:focus { outline:none;}
html {	position: relative;	min-height: 100%;}
body {	min-height: 100%;	width: 100%;	float: left;}
.container  { max-width:1162px;}
#header { background: #fff; }
#header { width:100%; position: relative;  float:left; z-index:1000; padding: 15px 0; height:148px; }
#header .container {	max-width: 1180px;	position: relative; width: 90%;	}
.Logo{    float: left;    padding: 0;  margin: 0px;  }
.top-right {    float: right;    padding: 15px 0 0;    margin: 0px; font-family: 'Questrial', sans-serif; padding-top:34px;	 }
.address-col {	padding-left: 70px;	line-height: 20px; background:url(../images/map-icon.png) no-repeat 25px top; position:relative; margin-left:25px;}
.address-col:before { content:''; width:1px; height:34px; background:#ccc; position:absolute; left:0px; top:10px;}
.phone-col{  background:url(../images/phone-icon.png) no-repeat 29px top; padding-left:65px; position:relative; margin-left:25px;}
.phone-col:before { content:''; width:1px; height:34px; background:#ccc; position:absolute; left:0px; top:10px;}
.phone-col a{ color: #212529 !important; text-decoration:none !important; }
.top-right .social a { display:block; float:left; margin:0 7px;}
.navigation {    text-align: center;    clear: both;    background:#3c3e94; position: relative; z-index: 1000;}
.navigation  .menu-main-menu-container { display:inline-block;}
@media(min-width:768px) {
.navigation ul.nav { margin: 0px; padding: 0px;      text-align: center;    display: inline-block;}
.navigation ul.nav li {	list-style: none;	padding: 15px 25px;	position: relative;	float: none;	display: inline-block;}
.navigation ul.nav > li + li { }
.navigation ul.nav li a {	font-family: 'Questrial', sans-serif;	font-size: 21px;	text-transform: inherit;	display: block;	padding: 0px 0px;	color: #000;	font-weight: normal;	text-decoration: none !important;	color: #fff;	position: relative;	text-align: left;	font-weight: 400;}
.navigation ul.nav > li > a:after{ content:''; position:absolute; bottom:0px; width:0; height:1px; background:#fff; left:0px; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}   
.navigation ul.nav li:hover > a:after { width:100%;}
.navigation ul.nav > li > a:hover {    background:none;    border-radius: 50px;    /*color: #00c6ff;*/ }
.navigation ul.nav > li.current_page_item > a {    /*background: #1c4d91;*/      color: #fff;}
.navigation ul.nav li.current_page_item > a:after { width:100%;}
.navigation ul.nav li.current-menu-parent >  a {   /* background: #1c4d91;*/      color: #fff;}
.navigation ul.nav li.current-menu-parent > a:after { width:100%;}
.navigation ul.nav li .sub-menu { margin-top:3px;}
.navigation ul.nav li:hover > ul{ display:block;}
.navigation ul.nav ul {    position: absolute;    background: #00aff0;    top: 49px;    left: 24px;    width: 164px;    margin: 0px;    padding: 0px;    display: none;    z-index: 10;    border: rgba(0,0,0,0.2) solid 1px;}
.navigation ul.nav ul li { padding:0px; padding:0px; float:left; width:100%;}
.navigation ul.nav ul li a {	font-size: 17px;	padding: 4px 15px;	display: block;}
.navigation ul.nav ul li a:hover { background:#000;}
/*.navigation ul.nav ul li:hover > ul { display:block;}*/
.navigation ul.nav ul li:hover > a { background:#000;}
.navigation ul.nav ul ul {left: 164px;    top: -3px; width:210px; }
}
/*************/
.slider-home { width:100%;}
.slider-home .img-slider {  height:558px; position:relative; z-index:1; display:table; width:100%;}
.slider-home .img-slider:after { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); content:''; top:0px; left:0px; z-index:-1;}
.slider-home .img-slider h1  { font-size:41px;}
.slider-home .img-slider h1 span { display:block; font-size:28px;}
.slider-home .img-slider h1 strong { color:#00aff0;}
.slider-home article {	display: table-cell;	vertical-align: middle;}
.slider-home .owl-nav {	display: none;}
.slider-home .owl-dots {	position: absolute;	bottom: 27px;	width: 100%;	text-align: center;	z-index: 10;}
.slider-home  .owl-dots .owl-dot {	display: inline-block;	width: 15px;	height: 15px;	margin: 0 6px;	border-radius: 100%;	border: #fff solid 2px !important;}
.slider-home  .owl-dots .owl-dot.active {	background: #fff !important;}

/******************/
.welcome-sec { width:100%; padding:94px 0; color:#383838; font-size:15px;}
.welcome-sec h2 { font-size:35px; font-weight:700;}
.welcome-sec p { padding-right:60px; text-align:left; line-height:24px;}
.welcome-sec .img-col img {box-shadow: 1px 1px 42px rgba(0,0,0,0.3);    width: 100%;}
.welcome-sec .btn-col  { padding-top:15px;}
.btn-col a{ display:inline-block; color:#848484; font-size:15px; font-weight:700; text-transform:uppercase; text-decoration:none !important }
col-md-7 {  -webkit-align-self: center; align-self: center; }
/*****************/
.solution-sec {	max-width: 1620px;	background: #3c3e94;	margin: auto; box-shadow: 1px 1px 42px rgba(0,0,0,0.5); color:#fff;
background: rgba(60,61,148,1);
background: -moz-linear-gradient(-45deg, rgba(60,61,148,1) 0%, rgba(42,91,197,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(60,61,148,1)), color-stop(100%, rgba(42,91,197,1)));
background: -webkit-linear-gradient(-45deg, rgba(60,61,148,1) 0%, rgba(42,91,197,1) 100%);
background: -o-linear-gradient(-45deg, rgba(60,61,148,1) 0%, rgba(42,91,197,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(60,61,148,1) 0%, rgba(42,91,197,1) 100%);
background: linear-gradient(135deg, rgba(60,61,148,1) 0%, rgba(42,91,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3d94', endColorstr='#2a5bc5', GradientType=1 ); position:relative; overflow:hidden; z-index:1;
} 
.solution-sec:after { content:''; position:absolute; width:100%; height:100%; background:url(../images/ser-img.png) no-repeat center top; left:0px; top:-35px; z-index:-1;}
.solution-sec h2{ font-size:29px; color:#fff; font-weight:700; margin:0px; padding:0px 0px 10px;}
.solution-sec .row { padding-top:116px; padding-bottom:70px;}
.solution-sec ul { margin:0px; padding:0px;}
.solution-sec ul li { list-style:none;}
.solution-sec h3 { font-size:14px; color:#fff; font-weight:700; text-transform:uppercase; margin:0px; padding:0px;  }
.solution-sec ul li {	display: inline-block;	margin: 0 14px;	width: 142px;	text-align: center;}
.solution-sec .icon { width:125px; height:125px; border:#fff dashed 2px; margin-top:53px; margin-bottom:15px; border-radius:100%; display:table; margin-left:auto; margin-right:auto; }
.services-sec { padding:100px 0;}
.services-sec .img-blk { display:inline-block; position:relative;}
.services-sec .img-blk img {box-shadow: 1px 1px 42px rgba(0,0,0,0.5);}
.services-sec article {	width: 442px;	background: #575757;	right: 0;	position: absolute;	bottom: 0; padding:42px;}
.services-sec article {	width: 442px;	background: #575757;	right: -273px;	position: absolute;	bottom: -59px;	padding: 42px;	box-shadow: 1px 1px 42px rgba(0,0,0,0.5);	color: #fff;}
.services-sec h3 { font-size:35px; font-weight:700; margin:0px; color:#fff;}
.services-sec p{ font-size:17px; line-height:31px;}
.services-sec  .btn-col a{ color:#fff;}
/*************/
.c-logo { width:100%; float:left; background:#e8e8e8; padding:100px 0 70px;}
.c-logo h2{ font-size:35px; color:#3c3e94; font-weight:700; margin:0px; padding:0px 0px 10px; text-align:center; margin:0px; padding:0px 0px 50px;}
.c-logo h2 span { color:#383838;}
.c-logo .col-lg-3 { margin-bottom:30px; text-align:center;}
.c-logo img { opacity:0.6; cursor: context-menu; }
.c-logo img:hover { opacity:1;} 
/**************/
.post, .page {margin: 0;}
.footer { width:100%; background:#2e2e2e; border-top:#ec3237 solid 5px; float:left;}
.footer-menu { padding:44px 0;}
.footer h3 { font-size:24px; color:#fff; font-weight:400; margin:0px 0px 20px; padding:0px 0px 15px;  font-family: 'Questrial', sans-serif;  position:relative;   }
.footer h3:after { width:25px; height:1px; background:#ec3237; content:''; left:0px; bottom:0; position:absolute; }
.footer-menu ul { margin:0px; padding:0px;}
.footer-menu ul li { color:#fff; list-style:none;}
.footer-menu ul li a{ color:#fff;  font-family: 'Questrial', sans-serif; text-decoration:none; padding:5px 0; display:block }
.link-menu ul{ float:left;}
.link-menu ul + ul { margin-left:35px} 
.copy-fo {	width: 100%;	float: left;	background: #3c3e94;	text-align: center;	color: #fff;	padding: 10px 0; font-family: 'Questrial', sans-serif;  font-size:15px;}
.copy-fo a{ color:#fff !important;   font-size:15px; text-decoration:none !important;}
.fo-contact { background:#ec3237; padding-top:40px;  font-family: 'Questrial', sans-serif;  font-size:15px; color:#fff;}
.footer .fo-contact  h3:after { background:#fff;}
.footer .padd { padding:0 15px;}
.footer .fo-contact a{ color:#fff !important; font-size:18px; display:block; text-decoration:none !important;}
.footer .fo-contact .map-i {	background: url(../images/w-mark.png) no-repeat 0px 5px; padding-left:35px;}
.footer .fo-contact  .phone-i {	background: url(../images/w-phone.png) no-repeat 0px 5px; padding-left:35px;}
/**********inner page**************/
.content-box { width:100%; padding:70px 0;}
.content-box ul {	margin: 0;	padding: 0 0 28px 0px;}
.content-box ul li { background:url(../images/check-icon1.png) no-repeat left 6px; background-size:18px; list-style:none; padding-left:30px; margin-bottom:8px;}
.content-box  h4 { font-size:22px; font-weight:700;}
.content-box p{ line-height:28px; font-size:16px; text-align: left; }
.content-box strong {	font-weight: 600;}
.content-box .container {	max-width: 1050px;	}
.inner-banner {	width: 100%;	text-align: center;	padding: 100px 0;	background: #00aff0;	background-position: center;	background-attachment: fixed; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.inner-banner:before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0px; z-index:-1;}
.inner-banner h1{ font-size:40px; font-weight:700; margin:0px; padding:0px 0px 15px;}
.breadcrump-call {	color: #fff;}
.breadcrump-call  a{ color:#fff !important;}
.content-box  .post-thumbnail {	float: right;	margin: 5px 0 54px 51px; box-shadow: 1px 1px 42px rgba(0,0,0,0.1);}
.content-box  h3 {	font-size: 26px;	font-weight: 700;	color: #3c3e94;}
.wp-block-image {
padding: 5px;  box-shadow: 1px 1px 42px rgba(0,0,0,0.2); text-align:center; margin-bottom:50px;
}
.wp-block-column .wp-block-image { padding:0px;}
.wp-block-column .wp-block-image  img{ width:100%;}
.wp-block-separator {
margin: 44px 0 69px;
}
.servics-col .padd {	background: #3c3e94;	height: 100%;	padding: 25px; color:#fff;   box-shadow: 1px 1px 42px rgba(0,0,0,0.2); border-top:#00aff0 solid 5px; position:relative; z-index:1;}   
.servics-col .padd:after { width:100%; height:100%; background:url(../images/b-img.jpg) no-repeat; background-size:cover; position:absolute; left:0px; top:0px; content:''; z-index:-1; opacity:0.2;}
.servics-col .col-md-4:nth-child(2) .padd:after{ background:url(../images/b-img2.jpg) no-repeat; }
.servics-col .col-md-4:nth-child(3) .padd:after{ background:url(../images/b-img3.jpg) no-repeat; }
.servics-col .padd  p{ text-align:left !important;}
.servics-col  h3 { color:#fff;}
.transformers-col .heading-col .padd {	background: #000;	padding: 100px 50px;	text-align: center; position:relative; z-index:1; box-shadow: 1px 1px 42px rgba(0,0,0,0.3);}
.transformers-col .heading-col .padd:after { width:100%; height:100%; background:url(../images/b-img5.jpg) no-repeat center; background-size:cover; position:absolute; left:0px; top:0px; content:''; z-index:-1; opacity:0.6; }
.transformers-col .heading-col h2 {	color: #fff;	font-weight: 700;	text-transform: uppercase;	font-size: 29px;	margin: 0;	padding: 0;}
.Products-col .padd {	background: #3c3e94;	height: 100%;	padding:60px 25px; color:#fff;   box-shadow: 1px 1px 42px rgba(0,0,0,0.2);  position:relative; z-index:1;}   
/*.Products-col .padd:after { width:100%; height:100%; background:url(../images/b-img.jpg) no-repeat; background-size:cover; position:absolute; left:0px; top:0px; content:''; z-index:-1; opacity:0.2;}*/
.Products-col h3 {	color: #fff;	text-align: center;	margin: 0;	padding: 0;	font-size: 20px;}
.Products-col .col-md-4 { margin-bottom:30px;}
.Products-col .col-md-4:nth-child(2n) .padd{ background:#00aff0 ;}
/*.Products-col .col-md-4:nth-child(3n + 2) .padd{ background:#00aff0 ;}
.Products-col .col-md-4:nth-child(3n) .padd{ background:#ec3237 ;}
*/
.contact-us-page .wp-block-column:nth-child(1) {	background: #f2f2f2;	padding: 40px; border-top:#3e4095 solid 5px;}
.contact-us-page h2 { font-weight:700; font-size:35px; margin:0px; padding:0px 0px 25px;}
.contact-us-page input[type="text"], .contact-us-page input[type="email"], .contact-us-page input[type="tel"] { width:100%; height:50px; padding:0 15px; font-weight:700; color:#000; margin-bottom:15px; }
.contact-us-page textarea { width:100%; height:90px; padding:15px 15px; font-weight:700; color:#000; margin-bottom:15px; }
.contact-us-page  .wpcf7-submit {	width: 100%;	height: 60px;	background: #3e4095;	color: #fff;	border: none;	font-size: 26px;	line-height: 1;	margin: 0;	padding: 0;	font-weight: 700;	text-transform: uppercase;	cursor: pointer;}
.why-app-sec {	padding: 70px 0;	background: #01a1dd;	color: #fff; margin-top:40px;}
.why-app-sec h2 {	font-size: 35px;	color: #fff;	font-weight: 700;	margin: 0px;	padding: 0px 0px 10px;	text-align: left;	margin: 0px;	padding: 0px 0px 50px;}
.why-app-sec ul { margin:0px; padding:0px; margin:auto; }
.why-app-sec ul li { list-style:none; padding:10px 0; font-weight:600; background:url(../images/check-icon.png) no-repeat left center; background-size:24px; padding-left:45px;}
/**********/
error404  .intro.intro-small { display:none;}
.error-404 {background: #00aff1;	padding: 90px 0 110px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: 700;}
.error-404 .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #3d41b9;	font-weight: 900;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 90px 0 0;}
.error-404  p, .error-404  a  { color:#fff; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.error-404 h1 { color:#fff;}
@media(max-width:767px) {
.error-404  .not-four { font-size:140px;}
.error-404 { font-size:16px;}	
.error-404  p, .error-404  a  { font-size:14px;}
}


.contact-us-page p {text-align: left !important;}

.industries-call {	padding: 70px 0 70px;		box-shadow: 1px 1px 26px rgba(0,0,0,0.2); }
.industries-call h2 {    font-size: 35px;    font-weight: 700; text-align:center; margin:0px; padding:0px 0px 40px;}
.industries-call .col-lg-3 {	margin-bottom: 30px; }
.industries-call .padd {	position: relative; box-shadow: 1px 1px 42px rgba(0,0,0,0.3); overflow:hidden; z-index:1;}
.industries-call .padd:after { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0px; top:0px; z-index:-1;}
.industries-call img {	position: relative;	z-index: -1; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.industries-call .padd:hover img{ transform:scale(2);}
.industries-call h3 {	position: absolute;	bottom: 37px;	font-size: 19px;	color: #fff;	text-align: center;	width: 100%;	font-weight: 700;	padding: 0 40px;	text-transform: uppercase;}

