*{
	box-sizing:border-box;
}
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
	}
header, footer, article, section, hgroup, nav, figure {
		display:block;
		margin:0px;
		padding:0px;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align:middle;
	transition: all 0.5s ease-in-out 0s;
}
ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
a, button{
		text-decoration:none;
		outline:none;
		transition: all 0.5s ease-in-out 0s;
		color:inherit;
		background:inherit;
}
i.fa{
	transition: all 0.5s ease-in-out 0s;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6, a {
		padding:0px;
		margin:0px;
		border:none;
		text-decoration:none;
		font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	
}
input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {
	-webkit-appearance: none;  
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	transition: all 0.5s ease-in-out 0s;
	outline:none;
	resize: none;
}
input[type="submit"], input[type="button"], input[type="reset"]{
	outline:none;
	cursor:pointer;
}
.clear {
	clear: both; 
}
.vm{ 
	vertical-align: middle; 
}
.relative{ 
	position: relative; 
}
.left{
	float: left;
}
.right {
		float:right !important;
}
/*placeholder css*/
input::-webkit-input-placeholder {
		opacity:1 !important;
}
.searchbox input::-webkit-input-placeholder{
		color:#d4d8e4 !important;
}
input::-moz-placeholder {
		opacity:1 !important;
}
input:-ms-input-placeholder {
		opacity:1 !important;
}
input:-moz-placeholder {
		opacity:1 !important;
}

textarea::-webkit-input-placeholder {
	opacity:1 !important;
}
textarea::-moz-placeholder {
	opacity:1 !important;
}
textarea:-ms-input-placeholder {
	opacity:1 !important;
}
textarea:-moz-placeholder {
	opacity:1 !important;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/MyriadPro-Bold.woff2') format('woff2'),
        url('../font/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/MyriadPro-Semibold.woff2') format('woff2'),
        url('../font/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/MyriadPro-Light.woff2') format('woff2'),
        url('../font/MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/MyriadPro-Regular.woff2') format('woff2'),
        url('../font/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*ends css*/
body{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:normal; 
	color:#fff; 
	font-weight:400; 	
	font-family: 'Myriad Pro';
	background:url(../images/main-background.jpg) no-repeat;
	background-size:cover;
	z-index:0;
	position:relative;
}


/*selection color*/
::-moz-selection {
    background: #000;
    color: #ffffff;
}
::-webkit-selection {
    background: #000;
    color: #ffffff;
}
::selection {
    background: #000;
    color: #ffffff;
}
	

/*======= Common CSS =======*/
p{
	font-size:28px; 
	line-height:34px; 
	color:#231f20;
	font-weight:300;
}
h1 span{
	font-size:116px; 
	line-height:normal;	
	font-weight: 600;
	
}	
h2{
	font-size:90px;
	line-height:84px;
	font-weight: 600;
}

h3{
	font-size:50px;
	line-height:normal;	
}

h4{
	font-size:36px; 
	line-height:35px;
	font-weight:bold;
}

h5{
	font-size:28px; 
	line-height:33px;
}

a:hover, a:focus{
	text-decoration:none;	
}
.full_width{
	width:100%; 
	float:left;
}

.container{max-width:1200px;}
.header-fix{float:left; width:100%; height:66px;}


.white-bg{width:100%; height:100%; background:#fff; float:left; color:#231f20;}
.blue-bg{width:100%; height:100%; float:left; color:#fff; background:url(../images/blue-bg.jpg) no-repeat; background-size:cover; background-position:center;}.blue-bg p{color:#fff;}
.sub-menu{position:absolute; left:0; right:0; background:#fff; top:70%; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.sub-menu li{display:block; margin:0;}
.sub-menu li a{display:block;}

.blue-bg .circle-list li::before{background:#fff !important;}

header{float:left; width:100%; padding:14px 0; background:#fff; position:fixed; left:0; top:0px; right:0; z-index:9;  border-top:2px solid #0033a1;}
header ul li{display:inline-block; vertical-align:middle; position:relative;}
header ul li:after{padding:0 6px 0 8px; content:'|'; color:#0033a1; font-size:24px;}
header ul li a{font-size:24px; line-height:24px; display:inline-block; color:#0033a1; padding-bottom:5px; position:relative;}
header ul li a:after{position:absolute; left:0; bottom:0; width:0; border-bottom:2px solid #0033a1; opacity:0; visibility:hidden; content:''; transition:all 0.5s ease-in-out; z-index:-1;}
header ul li a:hover:after{width:100%; transition:all 0.5s ease-in-out; opacity:1;visibility:visible;}
header ul li a:hover{color:#0033a1;}
header ul li:last-child:after{display:none;}
header ul li:first-child a{width:30px; top:-5px; position:relative;}
header ul li:first-child a img{width:100%;}
header ul li:first-child a:after{display:none;}


header ul li:hover .sub-menu{opacity:1; visibility:visible; top:100%; transition:all 0.5s ease-in-out;}
.sub-menu{position:absolute; left:0; right:0; background:#0033a1; top:120%; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out; padding:10px 0; z-index:9;}
.sub-menu li{display:block; margin:0; }
.sub-menu li:last-child{margin-bottom:0;}
.sub-menu li a{display:block; padding-bottom:0; font-size:18px; width:100%; padding:3px 10px; line-height:24px; color:#fff; border-bottom:2px solid #fff;}
.sub-menu li:first-child a{width:100%;}
.sub-menu li:after{display:none;}
.sub-menu li:first-child a:after{display:block;}
.sub-menu li a:after{opacity:0;}
header li.active .sub-menu li a:after{display:none;}
.sub-menu li:last-child a{border-bottom:none;}

.blue-bg .sub-menu{background:#fff; }
.blue-bg .sub-menu li a{color:#0033a1; border-color:#0033a1;}
.blue-bg .sub-menu li a:hover{background:#0033a1; color:#fff;}


.mob-head{float:left; width:100%; padding:8px 0; display:none;}
.mob-head .logo{float:left; }
.mob-head a{display:block; width:120px;}

.blue-bg .logo img{filter:brightness(0) invert(1);}
.blue-bg .mob-head{border-color:rgba(255,255,255,0.3);}

.top-banner{float:left; width:100%; height:100vh; background:url(../images/main-background.jpg) no-repeat; 	background-size:cover; position:relative;}

.middle-content{float:left; width:100%; padding:55px 0; }
.title-head{float:left; margin-bottom:40px; width:100%;}
.txt-center{text-align:center !important;}
.title-head h1 figure{display:block;}
.clr-black{color:#000;}

.about-sec{float:left; width:100%; margin-bottom:80px;}
.about-sec p{margin-bottom:40px;}
.about-sec p:last-child{margin-bottom:0;}

.services-sec{float:left; width:100%; margin-bottom:80px;}
.serv-box{float:left; width:calc(100% / 4); vertical-align:top; text-align:center;}
.serv-box figure{margin-bottom:15px;}
/* .serv-box h4{color:#231f20; } */



.home-contact-dtl{float:left; width:100%;}
.home-contact-dtl h5{font-size:30px; line-height:34px; margin-bottom:5px; font-weight:bold; text-transform:uppercase;  }
.home-contact-dtl-left{float:left; width:100%; position:relative; text-align:center; margin-bottom:50px}
.home-contact-dtl-left:last-child{margin-bottom:0;}
.mn-list{float:left; width:100%;}
.mn-list li{display:inline-block; width:100%; text-align:center;}
.mn-list li span{display:inline-block; font-size:24px; line-height:34px; font-weight:600; margin-right:10px;}
.mn-list li p{display:inline-block; display:inline-block;  font-size:24px; line-height:34px; font-weight:300;}
.mn-list li p a{display:inline-block; font-weight:300;}
.mn-list li p a:after{color:#231f20; padding:0 3px 0 6px; content:'/'; font-size:24px; line-height:34px;}
.mn-list li p a:last-child:after{display:none;}
.mn-list li p a:hover{color:#0033a1;}
.copy-right{margin-top:30px; text-align:right;}	

.print-op{float:left; width:100%; margin-top:50px; text-align:center}
.print-op a{display:block; font-size:30px; line-height:normal; display:inline-block;}
.print-op a img{margin:0 5px; display:inline-block; position:relative; margin-top:-15px;}
.print-op a:hover{color:#231f20;}

.circle-list{width:100%; float:left;}
.circle-list li:before{position:absolute; left:0; top:12px;  width:10px; height:10px; background:#fff; border-radius:50%; content:'';}
.circle-list li{display:block; padding-left:20px; position:relative; font-size:28px; line-height:34px; margin-bottom:5px; font-weight:300; width:100%;}

.width-50 li{width:50%; float:left; padding-right:15px;}
.width-50 li:nth-child(even){float:right; }
.mb0{margin-bottom:0 !important;}

.white-bg  .circle-list li:before{background:#231f20;}

/*flash page*/
.flash-div{position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0  auto; text-align:center;}
.flash-div figure{display:block;}

.break-sec{float:left; width:100%; padding:50px 0 80px; }



/*electrical*/
.extra-figuer-sec{float:left; width:100%; text-align:center; margin-top:10px;}
.extra-figuer-sec figure{width:70%; margin:0 auto;}
.extra-figuer-sec figure img{width:100%;}

.txt-right{text-align:right;}
.map { position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; z-index:-1; margin-bottom:-5px;}
.map iframe, .map img{width:100%; height:100%; object-fit: cover;}

.marker{position:absolute; left:0; right:0;top:50%; transform:translateY(-50%); margin:0 auto; text-align:center; display:inline-block; width:350px;}
.marker h2{text-align:right;}
.marker h2 img{width:auto; height: auto;  display:inline-block; text-align:right;}
.marker h2  span{display:block;}
.cont-txt{margin-top:20px; float:left; width:100%;}

.enqueries-form{float:left; width:100%; margin-top:30px;  position:relative; z-index:0; }
.enqueries-form:after{position:absolute; top:130px; bottom:0px; left:5%; right:0; margin:0 auto; background:url(../images/contact-img.png) no-repeat; content:'';  background-size:80% 100%; z-index:-1; background-position:center;}

.enqueries-form h3{margin-bottom:20px; padding-left:23%; font-weight:600;}
.form-outer{float:left; width:100%; }
.txt-fld{float:left; width:100%; margin-bottom:15px;}
.txt-fld:last-child{margin-bottom:10px;}
.txt-fld label{font-size:50px; line-height:normal; width:20%; float:left; text-align:right;}
.txt-fld textarea, .txt-fld input{width:77%; float:right; background:#fff; border:1px solid #979898; padding:14px 20px; color:#231f20; font-size:24px;}
.txt-fld textarea{height:140px;}
.txt-btn{float:left; width:100%; margin-top:40px; text-align:right;}
.txt-btn ul li{display:inline-block; vertical-align:top; margin-right:20px;}
.txt-btn ul li:last-child{margin-right:0;}

.txt-btn button{padding:15px 30px; background:#0033a1; color:#fff; font-size:24px; font-weight:600;  width:150px; height:78px; box-shadow:none; border:none;}
.txt-btn button:hover{background:#231f20;}
.txt-btn a{display:inline-block; width:200px; height:60px;}
.txt-btn a img{width:100%; height:100%; object-fit:content;}

.extra-txt{float:left; width:100%; margin-top:60px;}
.extra-txt h3 a{font-weight:600; color:#231f20;}
.extra-txt h3{margin-bottom:30px;}
.extra-txt h1{margin-bottom:20px; text-transform:capitalize; font-weight:bold; color:#0033a1;}
.extra-txt figure{margin:0 auto;}
.extra-txt figure img{width:100%;}
.extra-txt h3 a:hover{color:#0033a1;}
.sub-menu li a:hover{background:#fff; color:#0033a1;}


.error-msg{float: left; width: 100%; padding-left: 23%; font-weight:600;} 
.break-sec {position:relative;}
.full-height{height:100vh; position:relative; z-index:-1;}
.contact-in .home-contact-dtl-left{width:48%; text-align:left;}
.contact-in .home-contact-dtl-right{width:45%;  float:right; text-align:left; }
.contact-in  .mn-list{text-align:left;}
.contact-in  .mn-list li span{	width: 180px; float:left; text-align:left;}
.contact-in  .mn-list li p{float: right; width: calc(100% - 200px); text-align:left;}
.contact-in .home-contact-dtl-left:after{position: absolute; top: 0; bottom: 0; width: 2px;right: -10px; height: 100%; background: #231f20;content: '';} 
.in-mob{display:block;}
.home-in{height:100vh; position:relative;}

#toTop{padding:10px; text-align:center;  background:#00339f; position: fixed; bottom: 10px;right: 10px; cursor: pointer; display: none; border-radius:5px; z-index:99; border:1px solid #fff;}
#toTop:hover{background:#231f20;}