/*
Theme Name: Wl_Themes
Theme URI: http://www.weblankan.com/
Author: Web Lankan Developer Team
Author URI: https://www.weblankan.com/our-works/
GitHub Theme URI: http://www.weblankan.com/
Description: We are Weblankan Team
Version: 1.0
License: Wl_Themes WordPress Theme, Copyright 2018-2030 Web Lankan
WlThemes is distributed under the terms of the GNU GPL version 2
License URI: https://www.weblankan.com
Text Domain: wl_themes
*/
    

body{
    overflow-x: hidden; 
    font-family: var(--main-font-1)!important;
    font-size: 16px!important;
    color: #363636!important;
}

footer.entry-footer {
    display: none;
}

/*---------Main--------*/

.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}
/*------------Main------------*/
div.container {
	max-width: 1340px;
}
div.wrapper {
    padding: 0;
}
.header {
	position: relative;
	z-index: 2;
}
.menu-wrapper {
	text-align: right;
	display: flex;
	margin-top: 20px;
}
#main-menu.navbar-nav{
	display: block;
}
	#main-menu li .nav-link,#main-menu li{
		display: inline-block;
	}
	#main-menu li{
		padding: 0 5px;
	}
#navbarNavDropdown {
	margin: auto;
}
.home #main-menu li .nav-link{
	font-family: var(--main-font-1);
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}
	.home #main-menu li .nav-link:hover {
    color: #003259;
    text-decoration: underline !important;
    text-decoration-line: underline;
    text-underline-offset: 7px;
    font-weight: 700;
    text-decoration-thickness: 3px !important;
}
#main-menu li .nav-link{
	font-family: var(--main-font-1);
	font-size: 17px;
	color: #003259;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}
html .formcraft-css .fc-form .final-success .final-success-check {
    border: 2px solid #fbfbfb !important;
    color: #fff !important;
}
html .formcraft-css .fc-form .final-success span {
    color: #fff !important;
}
/* .banner-item-img{
	background-size: cover;
	background-position: center center;
	min-height: 800px;
	position: relative;
	width: 100%;		
-webkit-clip-path: polygon(100% 0, 100% 13%, 57% 100%, 25% 0);
clip-path: polygon(100% 0, 100% 13%, 57% 100%, 25% 0);

	z-index: 4;
}  */
.banner-item-img {
    background-size: cover;
    background-position: center center;
    min-height: 800px;
    position: relative;
    width: 100%;
    /* -webkit-clip-path: polygon(100% 0, 100% 13%, 57% 100%, 25% 0); */
    /* clip-path: polygon(100% 0, 100% 13%, 57% 100%, 25% 0); */
    z-index: 4;
}
.home-page {
	margin-top: -190px;
}
/* .hero-content-wrapper {
	position: absolute;
	bottom: 20%;
	left: 16%;
} */
.hero-content-wrapper {
    position: absolute;
    bottom: 15%;
    left: 9%;
    z-index: 999;
    background: rgb(137 135 135);
    background: linear-gradient(180deg, rgb(16 16 16 / 27%) 0%, rgb(0 0 0) 100%);
    width: 35%;
    padding: 15px;
}
	.hero-content-wrapper  h1{
		font-family: var(--main-font-1);
		font-size: 41px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 0;
	}
	.hero-content-wrapper  h2{
		font-family: var(--main-font-1);
		font-size: 41px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-top: -10px;
	}
	.hero-content-wrapper .descption{
		font-family: var(--main-font-1);
		font-size: 18px;
		color: #fff;
		font-weight: 400;
		/* width: 55%; */
	}
.banner-items-wrapper{
	position: relative;
}
	.banner-items-wrapper:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		background: url("http://192.168.8.101:2020/2019/july/wijesekara/wp-content/uploads/2019/07/main-hero-background.png");
		background-size: cover;
		background-position: center bottom;
		z-index: -1;
	}
	.banner-items-wrapper:before {
		position: absolute;
		top: 0;
		right: 0;
		width: 75%;
		height: 222px;
		display: block;
		content: "";
		background: url("http://192.168.8.101:2020/2019/july/wijesekara/wp-content/uploads/2019/07/top-border.png");
		background-size: cover;
		background-position: center bottom;
		z-index: 22;
	}
.read-more {
	background: #086ab5;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 30px;
	display: inline-block;
}
.con-item-wrapper {
  display: flex;
  height: 100%;
}
.con-item-img {
    width: 20%;
    margin: auto;
    margin-right: 20px;
}
.con-item-details {
  width: 80%;
  margin: auto 0;
}
.con-item-details h4{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
.construction-area-heading h1{
	color: #086ab5;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}
.construction-area{
	margin: 80px 0;
}
.construction-area-heading h2{
	color: #cfcfcf;
	font-size: 61px;
	text-transform: uppercase;
	font-family: var(--main-font-1);
	font-weight: 300;
	margin: 0;
	line-height: 0.8em;
	margin-bottom: 20px;
}
.con-item-wrapper{
	padding: 30px 20px;
	border: none !important;
}
.con-item-wrapper:hover{
	background: #f4f4f4;
	cursor: pointer;
}
.con-item-wrapper .card-body {
    display: flex;
    padding: 0;
}
.overview-img-wrapper{
	background: url("/wp-content/uploads/2019/07/high-way-2.jpg");
	background-size: cover;
	background-position: center center;
	width: 100%;
	min-height: 450px;
	-webkit-clip-path: polygon(42% 1%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(42% 1%, 100% 0, 100% 100%, 0% 100%);
}
.overview-wrapper {
  display: flex;
}
.overview-content-wrapper {
  width: 40%;
  margin-left: 16%;
}
.overview-img-wrapper {
  width: 60%;
}
.overview-content-wrapper h3{
	color: #086ab5;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 20px;
}
.overview-content-wrapper h4 {
	color: #cfcfcf;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--main-font-1);
	margin: 0;
	line-height: 0.8em;
	margin-bottom: 20px;
}
.overview-content-wrapper .read-more{
	margin-top: 10px;
}
.usp-wrapper {
	text-align: center;
	margin: 80px 0;
}
.heading-wrapper h2 {
	color: #086ab5;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 20px;
}
.usp-wrapper .discription{
	width: 70%;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 30px;
}
.usp-item-wrapper .usp-heading{
	color: #086ab5;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 15px 0;
}
.usp-item-wrapper .usp-description{
	width: 80%;
	margin: 0 auto;
}
.usp-item-wrapper{
	padding: 75px 0;
}
.quality{
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.on-time{
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.experience{
	border-bottom: 1px solid #dfdfdf;
}
.our-clients,.financial{
	border-right: 1px solid #dfdfdf;
}
.heading-wrapper{
	position: relative;
	text-align: center;
}
	.heading-wrapper:before{
		position: absolute;
		top: 0;
		left: calc(50% - 80px);
 		left: -webkit-calc(50%- 80px);
		display: block;
		content: "";
		width: 160px;
		height: 141px;
		background: url("/wp-content/uploads/2019/07/arrow-shape.png");
		margin-top: -3%;
		z-index: -1;
	}
h2.sub-heading {
	color: #086ab5;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
h3.sub-heading-sm {
	color: #cfcfcf;
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--main-font-1);
	margin: 0;
	line-height: 0.8em;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.testimonials-item{
	margin: 10px;
}
.testimonials-item-wrapper{
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
}
.testimonials-item-wrapper:after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 90%;
	background: #acacac;
	display: block;
	content: "";
}
.testimonials-item-wrapper:before{
	position: absolute;
	top: 0;
	right: 0;
	width: 68%;
	height: 1px;
	background: #acacac;
	display: block;
	content: "";
}
.testimonials-item-content .testi-description{
	min-height: 100px;
}
h2.sub-heading:before {
	position: absolute;
	top: 0;
	left: -10%;
	display: block;
	content: "";
	width: 160px;
	height: 141px;
	background: url("/wp-content/uploads/2019/07/arrow-shape.png");
	margin-top: -3%;
	z-index: -1;
}
.testimonials-items-wrapper{
	margin-top: 50px;
}
.testimonials-item-wrapper {
  display: flex;
  position: relative;
}
.testimonials-item-img {
	width: 30%;
	-webkit-clip-path: polygon(0 0, 50% 99%, 100% 0);
	clip-path: polygon(0 0, 50% 99%, 100% 0);
	background-size: cover;
	background-position: center center;
	margin-top: -1px;
	margin-left: -1px;
	height: 160px;
}
.testimonials-item-content {
  width: 70%;
}
.testimonials-item-content h5{
	color: #363636;
	font-size: 17px;
	font-weight: 500;
	font-family: var(--main-font-1);
	margin-top: 50px;
	margin-bottom: 30px;
}
.dash {
	margin-right: 7%;
}
.home-form-inner{
	background: #086ab5;
}
.home-contact-image{
	width: 100%;
	height: auto;
	background:url("/wp-content/uploads/2019/07/home-contact.jpg");
	background-size: cover;
	background-position: center center;
}
.home-form-inner h5{
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-top: 50px;
}
.home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"]{
	color: #fff;
}
html .home-contact-form-wrapper .formcraft-css .fc-form .form-element .form-element-html input[type="text"]{
	border-color: #fff;
}
html .home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1.label-floating .form-element .field-cover > span{
	color: #fff;
	text-transform: uppercase;
}

.home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1 .form-element .form-element-html textarea:focus{
	border-color: #fff;
}
.home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button{
	background: #075997;
	text-transform: uppercase;
}
.home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea,
html .home-contact-form-wrapper .formcraft-css .fc-form.label-floating .field-cover div .formcraft-icon{
	color: #fff;
}
.read-more:hover{
	color: #fff;
	background: #075997;
}
.clients-wrapper {
  display: flex;
  margin-top: 30px;
}
.clients {
  width: 18%;
  margin: 1%;
}
.our-clients-section {
	margin-top: 100px;
}
.our-clients-heading-wrapper h2.sub-heading:before{
	left: -5%;
}
#wrapper-footer{
	margin-top: 70px;
}
div#footer-content{
	padding: 40px 0;
	background: #464646;
}
.footer-copyright{
	background: #383838;
	padding: 10px 0;
	color: #747474!important;
	font-family: 'Rubik', sans-serif!important;
	font-size: 15px!important;
}
	.footer-copyright a{
		color: #747474;
	}
	.footer-copyright a:hover{
		color: #fff;
	}
#footer-content{
	text-align: left;
}
#footer-content h4{
	color: #cfcfcf;
	font-size: 26px;
	font-weight: 600;
	font-family: var(--main-font-1);
	text-transform: uppercase;
	margin-bottom: 15px;
}
.footer-about-us{
	color: #bbbbbb;
}
.footer-sm{
	padding: 0;
	margin: 0;
	margin-top: 40px;
}
	.footer-sm li{
		list-style: none;
		display: inline-block;
		padding-right: 40px;
	}
		.footer-sm li .fa{
			color: #fff;
			font-size: 40px;
		}
.footer-cn-item {
  display: flex;
  margin-bottom: 25px;
}
.footer-cn-logo {
  width: 15%;
}
.footer-cn-details {
  width: 85%;
}
#footer-content,#footer-content a{
	color: #bbbbbb;
	font-size: 16px;
}
#footer-content a:hover{
	color: #fff;
}
/* sub pages */
#sub-page-header {
	min-height: 600px;
	margin-top: -100px;
	position: relative;
}
	#sub-page-header:before{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		background: url("/wp-content/uploads/2019/07/subpage-banner.png");
	}
#sub-page-header-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 600px;
	/* -webkit-clip-path: polygon(48% 0, 77% 97%, 100% 0);
	clip-path: polygon(48% 0, 77% 97%, 100% 0); */
	background-size: cover;
	background-position: left;
}
#page{
	position: relative;
}
/* .subpage-header-content-warpper {
	position: absolute;
	top:44%;
	left: 16%;
	width: 100%;
} */
.subpage-header-content-warpper {
    position: absolute;
    top: 44%;
    left: 16%;
    width: 18%;
    background: rgb(137 135 135);
    background: linear-gradient(180deg, rgb(16 16 16 / 27%) 0%, rgb(0 0 0) 100%);
    padding: 15px;
}
.page-id-17 .subpage-header-content-warpper {
    width: 30%;
}
.page-id-25 .subpage-header-content-warpper {
    width: 20%;
}
.single-news .subpage-header-content-warpper {
    width: 40%;
}
.subpage-header-content-warpper .breadcrumb{
	background: transparent;
	margin-left: 2%;
	z-index: 1;
	position: relative;
}
.title-area h2.main-title{
	font-family: var(--main-font-1);
	font-size: 45px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
}
.title-area h2.main-title:after {
	position: absolute;
	top: -32%;
	left: -3%;
	display: block;
	content: "";
	background: url("/wp-content/uploads/2019/07/subpage-header-arrow.png");
	width: 160px;
	height: 141px;
}
	.breadcrumb {
		text-transform: uppercase;
		color: #fff;
		font-size: 16px;
	}
		.breadcrumb a{
			color: #fff;
			font-size: 16px;
			line-height: 1.2;
		}
			.breadcrumb h6{
				font-size: 16px;
			}
.sub-pages-wrapper{
	margin-top: 50px;
}
.contact-us-map-wrapper h1{
	text-transform: uppercase;	
	font-weight: 700;
	margin-bottom: 30px;
	color: #086ab5;
}
.cp-item-wrapper {
  display: flex;
  width: 85%;
  margin: 0 auto;
}
.cp-item-img {
  width: 20%;
}
.cp-item-details {
  width: 80%;
}
.cp-details{
	margin: 80px 0;
}
.cp-item-wrapper a{
	color: #363636;
	font-size: 16px;
}
.next-project-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}
.next-project-wrapper:after {
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90%;
	display: block;
	content: "";
	background: url("/wp-content/uploads/2019/07/building.png");
	background-size: cover;
	background-position: top;
}
.contact-form-cp{
	margin-top: 50px;
}
.next-project-wrapper h3{
	position: relative;
	z-index: 2;
	text-align: center;
	/*padding-top: 150px;*/
	text-transform: uppercase;
	font-weight: 600;
	color: #0767b1;
}
html .cp-form-wrapper .formcraft-css .fc-form{
	box-shadow: none;
}
html .cp-form-wrapper .formcraft-css .fc-form .form-element .field-cover.heading-cover{
	text-transform: uppercase;
	font-weight: 700;
	color: #0767b1;
	padding-top: 0!important;
}
#sub-page-header .subpage-header-content-warpper .breadcrumb{
	justify-content: left;
}
#sub-page-header .subpage-header-content-warpper{
	text-align: left;
}
.about-main-img-wrapper{
	background:url("/wp-content/uploads/2019/07/road-development.jpg");
	width: 100%;
	height: 100%;
	min-height: 500px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.about-main-img-wrapper:after{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 175px;
	height: 175px;
	background:#0767b1;
	display: block;
	content: "";
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.img-overlay-text{
	position: absolute;
	bottom: 5%;
	right: 5%;
	text-align: right;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-family: var(--main-font-1);
	font-weight: 700;
	z-index: 1;
	line-height: 1.2em;
}	
.about-main-details-wrapper {
  display: flex;
  height: 100%;
  margin-left: 8%;
}
.main-content-wrapper {
  margin: auto;
}
h1.subpage-header{
	text-transform: uppercase;
	font-family: var(--main-font-1);
	font-weight: 700;
	font-size: 35px;
	color: #086ab5;
	line-height: 1.1em;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}
	h1.subpage-header:before {
		position: absolute;
		top: -22%;
		left: -9%;
		display: block;
		content: "";
		background: url("/wp-content/uploads/2019/07/subpage-main-heading.png");
		width: 161px;
		height: 141px;
		z-index: -1;
	}
.vision-mission-wrapper{
	background: #f0f0f0;
}
	
.vision-mission-inner-wrapper{
	position: relative;
}
	.vision-mission-inner-wrapper:after{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background: #ffffff;

-webkit-clip-path: polygon(93% 0, 10% 0, 51% 99%);
clip-path: polygon(93% 0, 10% 0, 51% 99%);
	}
.vission-wrapper{
	background:#0767b1;
	position: relative;
	z-index: 2;
	margin: 7% 5% 7% 0;
	padding: 10% 7%;
}
.mission-wrapper{
	background:#0767b1;
	position: relative;
	z-index: 2;
	margin: 7% 0 7% 5%;
	padding: 10% 7%;
}
.v-box {
  display: flex;
}
.v-image {
  width: 21%;
}
.v-content {
  width: 79%;
  color: #fff;
}
.v-desc {
	min-height: 122px;
}
.vision-mission{
	margin: 50px 0;
}
.v-content h5 {
	text-transform: uppercase;
	font-weight: 600;
}
.vission-wrapper:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 80px;
	display: block;
	content: "";
	background: #2a2a2a;
	-webkit-clip-path: polygon(63% 100%, 0 0, 0 99%);
	clip-path: polygon(63% 100%, 0 0, 0 99%);
}
.vission-wrapper:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 81px;
	height: 81px;
	display: block;
	content: "";
	background: #fff;
	-webkit-clip-path: polygon(63% 100%, 0 0, 0 99%);
	clip-path: polygon(63% 100%, 0 0, 0 99%);
}
.mission-wrapper:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 80px;
	display: block;
	content: "";
	background: #2a2a2a;
	-webkit-clip-path: polygon(63% 100%, 0 0, 0 99%);
	clip-path: polygon(63% 100%, 0 0, 0 99%);
}
.mission-wrapper:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 81px;
	height: 81px;
	display: block;
	content: "";
	background: #fff;
	-webkit-clip-path: polygon(63% 100%, 0 0, 0 99%);
	clip-path: polygon(63% 100%, 0 0, 0 99%);
}
#wl_scroll_v1{
	background: #0767b1;
}
.team-wrapper{
	margin-top: 85px;
}
.team-mem .img-wrapper{
	position: relative;
	transition: all ease 0.6s;
	overflow: hidden;
	cursor: pointer;
}
	.img-wrapper:hover{
		transform: scale(1.1);
		transition: all ease 0.6s
	}
.team-mem .img-wrapper .team-p{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align:  center;
	color: #fff;
	background: #0767b1;
	padding: 5px 10px;
	width: 62%;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.t-name{
	text-transform: uppercase;
	text-align: center;
	color: #0767b1;
	padding: 20px 0;
	font-weight: 700;
	background: #ffffff;
}
.team-mem{
	-webkit-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.24);
	overflow: hidden;
}
.home-contact-form-wrapper .formcraft-css .fc-form.fc-form-1{
	box-shadow: none;
}
.md-mzg{
	margin-top: 80px;
}
.md-mzg .md-img{
	position: relative;
	min-height: 300px;
}
	.md-mzg .md-img:after{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 75%;
		margin: 0 auto;
		text-align: center;
		height: 100%;
		display: block;
		content: "";
		background: url("/wp-content/uploads/2022/01/MDnew.jpg");		
		-webkit-clip-path: polygon(100% 1%, 0 0, 50% 100%);
		clip-path: polygon(100% 1%, 0 0, 50% 100%);
	}
	.md-mzg .owner-img:after{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 75%;
		margin: 0 auto;
		text-align: center;
		height: 100%;
		display: block;
		content: "";
		background: url("/wp-content/uploads/2022/01/MDnew.jpg");		
		-webkit-clip-path: polygon(100% 1%, 0 0, 50% 100%);
		clip-path: polygon(100% 1%, 0 0, 50% 100%);
	}
	.md-mzg .owner-img-inner:before {
    position: absolute;
    top: 12%;
    left: -25%;
    right: 0;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    height: 95%;
    display: block;
    content: "";
    background: #0f558b;
    -webkit-clip-path: polygon(100% 1%, 0 0, 50% 100%);
    clip-path: polygon(100% 1%, 0 0, 57% 100%);
}
	.md-img-inner,.owner-img-inner{
		position: relative;
		min-height: 250px;
	}
	.md-mzg .md-img-inner:before {
		position: absolute;
		top: 19%;
		left: -18%;
		right: 0;
		width: 60%;
		margin: 0 auto;
		text-align: center;
		height: 95%;
		display: block;
		content: "";
		background: #0f558b;
		-webkit-clip-path: polygon(100% 1%, 0 0, 50% 100%);
		clip-path: polygon(100% 1%, 0 0, 50% 100%);
	}
.sub-pages-heading-wrapper h2.sub-heading:before{
	left: -7%;
}
.sub-pages-heading-wrapper {
	margin-top: 20px;
}
.md-descrption{
	margin-top: 70px;
}
.cn-box{
	background: #0767b1;
	padding: 5%;
	color: #fff;
	cursor: pointer;
	transition: all ease 0.6s;
}
.cn-box.email{
	background: #003259;
}
.cn-box a{
	color: #fff;
}
	.cn-box a:hover{
		color: #bbbbbb;
	}
.cn-box:hover{
	background: #464646;
	transition: all ease 0.6s;
}
body.single-news .n-main-image {
    background-position: top !important;
}
/* careers page */
.careers-mc{
	margin: 50px 0;
}
h1.s-h{
	text-align: center;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
}
.map-wrapper {
	margin-top: 85px;
}
.car-items-wrapper{
	margin-top: 70px;
}
.career-item{
	margin-bottom: 35px;
	text-align: center;
}
.view-more {
	padding: 10px 20px;
	background: #0767b1;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}
div.modal-dialog{
	max-width: 1000px;
}
.car-heading{
	color: #0767b1;
	text-transform: uppercase;
	font-weight: 600;
	margin: 20px;
}
.modal.show{
	background: rgba(7, 103, 177,0.7);
}
.modal-header h6{
	font-size: 30px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
}
.c-gallery-items-wrapper {
  display: grid;
  overflow: hidden;
  grid-gap: 10px;
  grid-row: 2;
}
.c-gallery-item.one {
  grid-column: 1/4;
  grid-row: 1/2;
  overflow: hidden;
}
.c-gallery-item.two {
  grid-column: 4/10;
  grid-row: 1;
  overflow: hidden;
}
.c-gallery-item.three {
  grid-column: 4/10;
  grid-row: 2;
  overflow: hidden;
}
.c-gallery-item.four {
  grid-column: 10/12;
  grid-row: 1/2;
  overflow: hidden;
}
.c-gallery-item.five {
  grid-column: 12/12;
  grid-row: 1/2;
  overflow: hidden;
}
.careers-form-wrapper .dis{
	width: 60%;	
	margin: 0 auto;
	margin-top: 65px;
}
html .careers-form-wrapper .formcraft-css .fc-form{
	box-shadow: none;
}
.project-p-main-content{
	margin-top: 80px;
}

.project-p-main-content .heading-wrapper .dis{
	width: 80%;
	margin: 0 auto;
	margin-top: 80px;
}
.construction-p-main-content{
	margin: 50px 0;
}
.construction-items-wrapper{
	margin-top: 90px;
}
.construction-item{
	cursor: pointer;
}
.construction-item h3{
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 600;
}
.construction-img:after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	background: rgba(7, 103, 177,0.7);
	display: block;
	content: "";
	transition: all ease 0.6s;
}

.overlay {
   position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto;
  text-align: center;
  z-index: 2;
  color: #fff;
}
.construction-item {
  position: relative;
}
.overlay h3{
	margin-top: 40px;
	margin-bottom: 30px;
}
	.overlay .con-img{
		margin: 25px 0;
	}
.construction-img:hover:after{
	transform: scaleX(1);
	transition: all ease 0.6s;
	cursor: pointer;
}
.construction-img .overlay{
	opacity: 0;
	transition: all ease 0.6s;
}
	.construction-img:hover .overlay{
		opacity: 1;
		transition: all ease 0.6s;
	}
.construction-img{
	position: relative;
}
.tab-content .tab-pane{
	transition: all ease 0.6s;
}
.project-list-wrapper .nav-tabs{
	border: none;
}
	.project-list-wrapper .nav-tabs li a{
		padding: 10px 40px;
		margin-right: 20px;
		color: #fff;
		text-transform: uppercase;
		background: #aeaaaa;
		display: inline-block;
	}
.tab-content > .tab-pane {
	opacity: 1;
}
.project-list-wrapper .tab-content{
	margin-top: 20px;
}
.project-list-wrapper .nav-tabs li a.active{
	background: #0767b1;
}
.project-item-details h4{
	color: #0767b1;
	text-transform: uppercase;
	font-weight: 600;
	margin: 20px;
	text-align: center;
}
.project-list-wrapper{
	margin-top: 15px;
}
div.no-gutters{
	padding-left: 0;
	padding-right: 0;
}
html .formcraft-css .fc-form .form-element .error {
    color: red !important;
    -webkit-animation: fadeInRight .3s ease-out !important;
    animation: fadeInRight .3s ease-out !important;
    font-size: 11px !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    top: auto !important;
    bottom: -15px !important;
    right: 2px !important;
    background: 0 0 !important;
}
/*div.tab-content > .tab-pane{
	display: block;
	transform: scaleY(0);
	transition: all ease 0.6s;
}
div.tab-content > .tab-pane.active{
	transform: scaleY(1);
	transition: all ease 0.6s;
}*/
.careers-gallery-items {
	display: flex;
	overflow: hidden;
}
.careers-gallery-wrapper .car-gallery-1{
	position: relative;
	min-height: 700px;
	width: 9.5%;
	margin-left: 0.5%;
	overflow: hidden;
	transition: all ease 0.6s;
}
	.careers-gallery-wrapper .car-gallery-1:hover:after{
		transform: scale(1.1);
		transition: all ease 0.6s;
		cursor: pointer;
	}
.careers-gallery-wrapper .car-gallery-1:after{	
	min-height: 700px;
	background: url("/wp-content/uploads/2019/07/careers-gallery.jpg");
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	transition: all ease 0.6s;
	overflow: hidden;
}

.careers-gallery-wrapper .car-gallery-sub{
	width: 29.5%;
	margin-left: 0.5%;
}
.careers-gallery-wrapper .car-gallery-2{
	position: relative;
	min-height: 350px;
	overflow: hidden;
	transition: all ease 0.6s;
	margin-bottom: 10px;
}
	.careers-gallery-wrapper .car-gallery-2:hover:after{
		transform: scale(1.1);
		transition: all ease 0.6s;
		cursor: pointer;
	}
	.careers-gallery-wrapper .car-gallery-2:after{
		min-height: 345px;
		background: url("/wp-content/uploads/2019/07/careers-gal-3.jpg");
		background-size: cover;
		background-position: center center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";		
		transition: all ease 0.6s;
		overflow: hidden;
	}
.careers-gallery-wrapper .car-gallery-3{
	position: relative;
	min-height: 350px;
	overflow: hidden;
	transition: all ease 0.6s;
}
	.careers-gallery-wrapper .car-gallery-3:hover:after{
		transform: scale(1.1);
		transition: all ease 0.6s;
		cursor: pointer;
	}
	.careers-gallery-wrapper .car-gallery-3:after{
		min-height: 345px;
		background: url("/wp-content/uploads/2019/07/careers-gal-3.jpg");
		background-size: cover;
		background-position: center center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		transition: all ease 0.6s;
		overflow: hidden;
	}
.careers-gallery-wrapper .car-gallery-4{
	width: 49%;
	margin-left: 0.5%;
	min-height: 710px;
	position: relative;
	margin-right: 0.5%;
	overflow: hidden;
	transition: all ease 0.6s;
}
	.careers-gallery-wrapper .car-gallery-4:hover:after{
		transform: scale(1.1);
		transition: all ease 0.6s;
		cursor: pointer;
	}
	.careers-gallery-wrapper .car-gallery-4:after{	
		min-height: 710px;
		background: url("/wp-content/uploads/2019/07/careers-gal-2.jpg");
		background-size: cover;
		background-position: center center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		transition: all ease 0.6s;
		overflow: hidden;
	}
.careers-gallery-wrapper .car-gallery-5{
	width: 9.5%;
	margin-right: 0.5%;
	min-height: 710px;
	position: relative;
	overflow: hidden;
	transition: all ease 0.6s;
}
	.careers-gallery-wrapper .car-gallery-5:hover:after{
		transform: scale(1.1);
		transition: all ease 0.6s;
		cursor: pointer;
	}
	.careers-gallery-wrapper .car-gallery-5:after{	
		min-height: 710px;
		background: url("/wp-content/uploads/2019/07/careers-gallery.jpg");
		background-size: cover;
		background-position: center center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		overflow: hidden;
		transition: all ease 0.6s;
	}
.careers-form {
	margin-top: 60px;
}
.news-p-main-content .heading-wrapper{
	margin-top: 70px;
}
h4.model-header-title{
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 30px;
	color: #000;
	font-weight: 600;
}
.n-main-image {
	width: 100%;
	min-height: 500px;
	background-size: cover;
	background-position: center center;
}
.single-news-item .entry-header{
	margin-top: 20px;
}
.navigation.post-navigation{
	display: none;
}
.news-items{
	margin-top: 70px;
}
.news-content h4{
	margin-top: 20px;
}
.news-item{
	padding: 2% 3%;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.news-item .news-img {
	background-size: cover;
	min-height: 300px;
	background-position: center center;
	border-radius: 10px;
	position: relative;
}
.news-content .short-desc{
	margin-bottom: 25px;
}
.n-view-more{
	display: inline-block;	
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-bottom: 15px;
	color: #086ab5;
}
.news-content {
	width: 92%;
	margin: 0 auto;
}
.news-items-wrapper .news-item:hover{
	border-color: #086ab5;
	cursor: pointer;
}
.news-items-wrapper .news-item:hover .n-view-more{
	border-color: #086ab5;
}
.news-items-wrapper .news-date {
	position: absolute;
	top: 0;
	left: 5%;
	background: #0767b1;
	padding: 10px;
	color: #fff;
	text-align: center;
}
	.news-items-wrapper .date{
		font-size: 40px;
		line-height: 0.9em;
	}
	.news-items-wrapper .month{
		font-size: 15px;
		display: block;
	}
.home-events-items{
	margin-top: 35px;
}
.home-events-item{
	margin-top: 20px;
}
.home-events-item .home-events-img {
	background-size: cover;
	background-position: center center;
	min-height: 300px;
	position: relative;
	cursor: pointer;
}
.testimonials{
	margin-top: 80px;
}
.home-events-des{
	margin-top: 10px;
}
.home-events-item .home-events-heading{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 140px;
	height: 140px;
	background: #086ab5;	
	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.heading-wrapper-n {
	position: absolute;
	bottom: 11%;
	left: 5%;
}
	.heading-wrapper-n h3{
		color: #fff;
		font-size: 22px;
		text-transform: uppercase;
		font-family: var(--main-font-1);
		font-weight: 700;
		z-index: 1;
		line-height: 1.2em;
}
.home-events-links{
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: 140px;
	background: #086ab5;	
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 100% 100%);	
	transform: scaleY(0);
	transition: all ease 0.3s;
}
.cross-i {
	background: url("/wp-content/uploads/2019/07/cross.png");
	width: 19px;
	height: 19px;
	z-index: 9;
	position: absolute;
	top: 20%;
	right: 18%;
}
	.home-events-img:hover .home-events-links{
		transform: scaleY(1);
		transition: all ease 0.3s;
	}
.home-events-item-box {
	margin: 2%;
}

.home-project-wrap {
	display: grid;
	-o-display: grid;
	grid-gap: 10px;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: 20px;
}
.home-project-item.p1 {
	grid-column: 1 / 3;
	grid-row: 1;
	overflow: hidden;
}
.home-project-item.p2 {
	grid-column: 3/5;
	grid-row: 1 / 3;
	overflow: hidden;
}
.home-project-item.p3 {
	grid-column: 1;
grid-row: 2;
overflow: hidden;
}
.home-project-item.p4 {
	grid-column: 2;
grid-row: 2;
overflow: hidden;
}
.home-project-item.p1 .home-project-img{
	min-height: 300px;
	background-size: cover;
	background-position: center center;
}
.home-project-item.p2 .home-project-img{
	min-height: 610px;
	background-size: cover;
	background-position: center center;
}
.home-project-item.p3 .home-project-img{
	min-height: 300px;
	background-size: cover;
	background-position: center center;
}
.home-project-item.p4 .home-project-img{
	min-height: 300px;
	background-size: cover;
	background-position: center center;
}
.home-project-img{
	position: relative;
	cursor: pointer;
}
.h-p-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(8,106,181,0.7);
	transform: scale(0);
	transition: all ease 0.4s;
}
.home-project-img:hover .h-p-overlay{
	transform: scale(1);
	transition: all ease 0.4s;
	cursor: pointer;
}
	.h-p-heading{
		position: absolute;
		  left: 50%;
		  top: 50%;
		  -webkit-transform: translate(-50%, -50%);
		      -ms-transform: translate(-50%, -50%);
		          transform: translate(-50%, -50%);
		          color: #fff;
			}
.h-p-cross{
	background: url("/wp-content/uploads/2019/07/cross.png");
	width: 19px;
	height: 19px;
	z-index: 9;
	position: absolute;
}
.h-p-view-more {
	background: #fff;
	padding: 10px 20px;
	color: #086ab5;
	margin-top: 10px;
	display: inline-block;
}
.home-events{
	margin-top: 50px;
}
/*#main-menu li .nav-link:hover, #main-menu li.active .nav-link{
	color: #cfcfcf;
}*/
#main-menu li .nav-link:hover, #main-menu li.active .nav-link {
    color: #003259;
    text-decoration: underline !important;
    text-decoration-line: underline;
    text-underline-offset: 7px;
    font-weight: 700;
    text-decoration-thickness: 3px !important;
}
#sub-page-header .breadcrumb a:hover {
    color: #003259;
    font-weight: 700;
}
#footer-content .footer-sm-wrapper a:hover .fa{
	color: #cfcfcf;
}
.banner-items-wrapper .owl-dots {
	position: absolute;
	top: 0;
	right: 45px;
	z-index: 1;
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: right;
}
.news-item {
	margin-top: 30px;
}
.card.construction-item {
    border: none !important;
}
.construction-img .card-body {
    padding: 0 !important;
}
/* mobile Menu */
	.ham-wrapper {
		text-align: right;
	}
		.ham-inner-wrap {
			margin-top: 10px;
			margin-right: 10px;
			background: rgba(0,0,0,0.6);
			display: inline-block;
			padding: 10px;
			cursor: pointer;
		}
			.ham-inner-wrap .fa.fa-bars{
				font-size: 40px;
				color: #fff;
			}
	.mobile-menu{
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(8,106,181);
		background: rgb(8,106,181);
		width: 100%;
		height: 100%;
		z-index: 10;
	}
	.mobile-menu-wrapper .close-icon {
		background: url("/wp-content/uploads/2019/07/cross.png");
		width: 19px;
		height: 19px;
		position: absolute;
		right: 5%;
		top: 2%;
		cursor: pointer;
		transform: rotate(45deg);
	}
	.mobile-menu-wrapper #main-menu{
		margin-top: 15%;
	}
	.mobile-menu-wrapper #main-menu li{
		display: block;
		text-align: center;
	}
	.mobile-menu-wrapper #main-menu li .nav-link{
		color: #fff;
	}
	.m-menu-logo{
		text-align: center;
		margin-top: 30px;
	}
	.m-menu-sm{
		text-align: center;
		margin: 12% 0;
	}
	.mobile-menu{
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .2s;
		transition-duration: .2s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
		.mobile-menu.show{
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
			transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
		}
	.m-menu-logo .navbar-brand{
		margin-right: 0;
		width: 125px;
	}
	body.m-menu{
		overflow-y: hidden;
		overflow-x: hidden;
	}
	.m-menu{
		overflow-y: hidden;
		overflow-x: hidden;
	}
	.mobile-menu-wrapper #main-menu li.active .nav-link{
		color: #003259;
	}
.ham-wrapper{
	display: none;
}
.news-template-default #main-page-header {
	display: none;
}
.single-news-item{
	margin-top: 60px;
}
/* 404 Page */
.error404 #sub-page-header-wrapper {
	background-image: url(/wp-content/uploads/2019/07/high-way.jpg);
}
#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 240px;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}

.notfound .notfound-404 h1>span {
  text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {
  font-family: 'Cabin', sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  margin: 0px;
  letter-spacing: 3px;
  padding-left: 6px;
}

.notfound h2 {
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  margin-top: 0px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 200px;
  }
  .notfound .notfound-404 h1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 162px;
  }
  .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
  .notfound h2 {
    font-size: 16px;
  }
}

/*------------Responsive------------*/
@media only screen and (min-width:1401px) and (max-width:1601px){
	.banner-items-wrapper:before{
		height: 128px;
	}
	/* .banner-item-img{
		clip-path: polygon(100% 0, 100% 13%, 66% 100%, 24% 0);
		-webkit-clip-path: polygon(100% 0, 100% 13%, 66% 100%, 24% 0);;
	} */
	.banner-items-wrapper:after{
		background-position: bottom left;
	}
	.hero-content-wrapper h1,
	.hero-content-wrapper h2{
		font-size: 36px;
	}
	.hero-content-wrapper .descption{
		font-size: 17px;
	}
	.overview-img-wrapper{
		min-height: 410px;
	}
	h2.sub-heading:before{
		left: -5%;
	}
	.our-clients-heading-wrapper h2.sub-heading:before {
		left: -3%;
		margin-top: -2%;
	}
	#sub-page-header:before {
		background-size: cover;
		background-position: right;
	}
	/* #sub-page-header-wrapper {		
		-webkit-clip-path: polygon(31% 0, 100% 0, 100% 15%, 68% 97%);
		clip-path: polygon(31% 0, 100% 0, 100% 15%, 68% 97%);
	} */
	.testimonials-item-content .testi-description {
		min-height: 130px;
	}
	.testimonials-item-content h5{
		min-height: 50px;
	}
	.construction-item h3{
		margin-top: 10px;
		margin-bottom: 25px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1400px){
	.banner-items-wrapper:before{
		height: 120px;
	}
	.banner-items-wrapper:after{
		background-position: bottom left;
	}
	/* .banner-item-img{
		-webkit-clip-path: polygon(100% 0, 100% 13%, 71% 100%, 17% 0);
		clip-path: polygon(100% 0, 100% 13%, 71% 100%, 17% 0);
	} */
	.hero-content-wrapper h1,
	.hero-content-wrapper h2{
		font-size: 36px;
	}
	.hero-content-wrapper .descption{
		font-size: 17px;
	}
	.overview-img-wrapper{
		min-height: 410px;
	}
	h2.sub-heading:before{
		left: -3%;
	}
	.our-clients-heading-wrapper h2.sub-heading:before {
		left: -2%;
		margin-top: -2%;
	}
	#sub-page-header:before {
		background-size: cover;
		background-position: right;
	}
	/* #sub-page-header-wrapper {		
		-webkit-clip-path: polygon(31% 0, 100% 0, 100% 15%, 68% 97%);
		clip-path: polygon(31% 0, 100% 0, 100% 15%, 68% 97%);
	} */
	.testimonials-item-content .testi-description {
		min-height: 120px;
	}
	.testimonials-item-content h5{
		min-height: 50px;
	}
	.construction-item h3{
		margin-top: 10px;
		margin-bottom: 25px;
	}
}
@media only screen and (min-width:989px) and (max-width:1024px){
	.ham-wrapper{
		display: block;
	}
	.menu-wrapper{
		display: none;
	}
	.banner-items-wrapper:before {
		width: 82%;
		height: 250px;
		background-position: top left;
	}
	.hero-content-wrapper {
		z-index: 6;
	}
	/* .banner-item-img{
		clip-path: polygon(100% 0, 100% 17%, 61% 100%, 14% 0);
		-webkit-clip-path: polygon(100% 0, 100% 17%, 61% 100%, 14% 0);
	} */
	.con-item-wrapper {
		padding: 15px 15px;
	}
	.con-item-img {
		width: 30%;
	}
	.con-item-details {
		width: 70%;
	}
	.overview-content-wrapper {
		margin-left: 10%;
	}
	.overview-img-wrapper{
		min-height: 425px;
	}
	.construction-area {
		margin: 40px 0;
	}
	h2.sub-heading:before {
		left: -3%;
		margin-top: -1%;
	}
	.testimonials-item-content .testi-description {
		min-height: 135px;
	}
	.testimonials-item-content h5 {
		min-height: 42px;
	}
	.our-clients-heading-wrapper h2.sub-heading::before {
		left: -1%;
		margin-top: -2%;
	}
	#sub-page-header:before {
		background-size: cover;
		background-position: right;
	}
	/* #sub-page-header-wrapper {		
		-webkit-clip-path: polygon(14% 0, 100% 0, 100% 15%, 68% 97%);
		clip-path: polygon(14% 0, 100% 0, 100% 15%, 68% 97%);
	} */
	.vission-wrapper {
		padding: 6% 5%;
	}
	.v-image {
		width: 27%;
	}
	.v-content {
		width: 63%;
	}
	.mission-wrapper {
		margin: 7% 0 7% 0%;
	}
	.vission-wrapper {
		margin: 7% 0% 7% 0;
		min-height: 336px;
	}
	.t-name {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		height: 85px;
	}
	.construction-item {
		margin-top: 20px;
	}
	.construction-items-wrapper {
		margin-top: 75px;
	}
	.overlay {
		position: absolute;
		width: 90%;
		left: calc(50% - 45%);
  		left: -webkit-calc(50% - 45%);
  		height: 100%;
  		top: calc(50% - 50%);
  		top: -webkit-calc(50% - 50%);
  		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.overlay .con-img {
		margin: 8px 0;
	}
	.overlay h3 {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.cp-item-wrapper{
		width: 100%;
	}
	.cp-item-details a,.cp-item-details{
		font-size: 15px;
	}
	.next-project-wrapper h3{
		font-size: 24px;
	}
	.subpage-header-content-warpper {
	    padding-left: 16%;
	    left: 0;
	}
	.next-project-wrapper {
		min-height: 400px;
	}
	.mobile-menu-wrapper #main-menu {
		margin-top: 6%;
	}
	.m-menu-sm {
		margin: 5% 0;
	}
	#sub-page-header {
		margin-top: -136px;
	}		
}
@media only screen and (min-width:767px) and (max-width:989px){
	.ham-wrapper{
		display: block;
	}
	.menu-wrapper{
		display: none;
	}
	.header-wrapper .menu-wrapper{
		margin-top: 0;
	}
	.banner-items-wrapper:before {
		width: 90%;		
		background-size: cover;
		background-position: top left;
	}
	.banner-item-img {
		min-height: 690px;
		/* -webkit-clip-path: polygon(100% 0, 100% 26%, 57% 100%, 10% 0);
		clip-path: polygon(100% 0, 100% 26%, 57% 100%, 10% 0); */
	}
	.hero-content-wrapper{
		z-index: 4;
	}
	.con-item-wrapper {
		padding: 5px;
	}
	.con-item-img {
		width: 27%;
		margin-right: 5%;
	}
	.con-item-details {
		width: 68%;
	}
	.con-item-details h4{
		font-size: 17px;
	}
	.con-item-details .dis p{
		font-size: 14px;
	}
	.construction-area {
		margin: 40px 0 20px 0;
	}
	.overview-content-wrapper {
		margin-left: 10%;
	}
	h2.sub-heading:before{
		left: -4%;
	}
	.testimonials-item-content .testi-description {
		min-height: 175px;
	}
	.testimonials-item-content h5{
		min-height: 40px;
	}
	.home-form-inner h5{
		font-size: 22px;
	}
	.testimonials {
		margin-top: 35px;
	}
	.testimonials-items-wrapper {
		margin-top: 0px;
	}
	html .home-contact-form-wrapper .formcraft-css .fc-form .field-cover > span > span {
		font-size: 14px;
	}
	.our-clients-heading-wrapper h2.sub-heading::before {
		left: -2%;
	}
	.footer-sm li {
		padding-right: 30px;
	}
	#footer-content, #footer-content a {
		font-size: 14px;
	}
	.quick-links {
		margin-left: 15px;
	}
	.footer-copyright .footer-copyright-wrapper .footer-credit, .footer-copyright .footer-copyright-wrapper .footer-credit a{
		font-size: 14px;
	}
	#sub-page-header:before{
		background-size: cover;
		background-position: right top;
	}
	/* #sub-page-header-wrapper{
		clip-path: polygon(15% 0, 65% 95%, 109% 0);
		-webkit-clip-path: polygon(15% 0, 65% 95%, 109% 0);
	} */
	.vission-wrapper,.mission-wrapper {
		margin: 12% 0;
	}
	.v-content {
		width: 75%;
		margin-left: 4%;
	}
	.v-desc {
		min-height: 225px;
	}
	.team-mem .img-wrapper .team-p{
		width: 80%;
	}
	.t-name {
		padding: 4%;
		font-size: 14px;
	}
	.md-mzg .md-img:after{
		background-size: cover;
	}
	.construction-item h3 {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.overlay{
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 96%;
		height: 100%;
		left: calc(50% - 48%);
		left: -webkit-calc(50% - 48%);
		top: calc(50% - 50%);
		top: -webkit-calc(50% - 50%);
	}
	.construction-item .overlay h3 {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.overlay .con-img {
		margin: 12px 0;
	}
	.com-i-des {
		font-size: 13px;
	}
	.news-content .short-desc {
		min-height: 242px;
	}
	.project-item-details h4 {
		font-size: 16px;
	}
	.cp-item-wrapper {
		width: 100%;
	}
	.cp-item-details {
		width: 75%;
		font-size: 15px;
		word-break: break-all;
	}
	.cp-item-details a{
		font-size: 15px;
		word-break: break-all;
	}
	.cp-item-img {
		width: 20%;
		margin-right: 5%;
	}
	.subpage-header-content-warpper {
	    padding-left: 16%;
	    left: 0;
	}
	.next-project-wrapper {
		min-height: 400px;
	}	
	.testimonials-item-wrapper {
    height: 349px !important;
	}	
	.hero-content-wrapper {
    z-index: 4;
    width: 80% !important;
    bottom: 10% !important;
}
.subpage-header-content-warpper {
    padding-left: 10%;
    left: 5%;
    width: 80%;
    top: 68%;
}
.vission-wrapper, .mission-wrapper {
    margin: 12% 0 !important;
    height: 357px !important;
}
.md-mzg .md-img:after,.md-mzg .owner-img:after {
    background-size: cover;
    width: 100% !important;
    background-position: top !important;
}
.md-mzg .md-img-inner:before ,.md-mzg .owner-img-inner:before{
    top: 19% !important; 
    left: -24% !important;
    width: 85% !important;
}
.page-id-17 .subpage-header-content-warpper {
    width: 70% !important;
    top: 55% !important;
}
.single-news .subpage-header-content-warpper {
    width: 95% !important;
    left: 3% !important;
    top: 55% !important;
}
.page-id-25 .subpage-header-content-warpper {
    width: 65% !important;
}
.news-items-wrapper .col-md-4 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50%;
}
}
@media(min-width:356px) and (max-width:667px){
.project-item-img img {
    margin: auto;
    width: 100% !important;
}
.mobile-menu-wrapper #main-menu {
    margin-top: 7%;
}
}
@media screen and (max-width:767px){
	.ham-wrapper{
		display: block;
	}
	.menu-wrapper{
		display: none;
	}
	.navbar-brand{
		width: 100px;
	}
	.menu-wrapper{
		display: none;
	}
	.banner-item-img{
		min-height: 100vh;
		/* -webkit-clip-path: polygon(100% 0, 100% 43%, 55% 100%, -24% 0);
		clip-path: polygon(100% 0, 100% 43%, 55% 100%, -24% 0); */
	}
	.banner-items-wrapper:before{
		width: 100%;
	}
	.hero-content-wrapper {
		z-index: 4;
		bottom: 5%;
		left: 5%;
        width: 90%;
	}
	.hero-content-wrapper h1,.hero-content-wrapper h2{
		font-size: 25px;
		line-height: 1.5em;
	}
	.hero-content-wrapper .descption {
		font-size: 14px;
		width: 90%;
	}
	.main-banner-wrapper .owl-nav{
		display: none;
	}
	.construction-area {
		margin: 35px 0;
	}
	.construction-area-heading h1 {
		font-size: 27px;
	}
	.construction-area-heading h2 {
		font-size: 33px;
	}
	.con-item-wrapper {
		padding:5%;
	}
	.con-item-details h4 {
		font-size: 18px;
	}
	.con-item-details .dis p{
		margin-bottom: 0;
		font-size: 15px;
	}
	.con-item-img {
		width: 20%;
		margin-right: 5%;
	}
	.con-item-details {
		width: 75%;
	}
	.overview-content-wrapper {
		margin-left: 10px;
	}
	.overview-content-wrapper h3{
		font-size: 28px;
	}
	.overview-content-wrapper h4{
		font-size: 26px;
	}
	.overview-wrapper .overview-content-wrapper .description{
		font-size: 14px;
	}
	.overview-content-wrapper .read-more {
		margin-top: 0px;
		padding: 5px 10px;
		font-size: 14px;
	}
	.usp-wrapper .discription {
		width: 100%;
	}
	.usp-item-wrapper {
		padding: 10px 0 20px 0;
		border-top: 1px solid #dfdfdf;
	}
	.quality {
		border-bottom: none;
		border-right: none;
	}
	h2.sub-heading:before {
		left: -5%;		
	}
	.usp-wrapper {
		text-align: center;
		margin-bottom: 20px;
	}
	.h-p-heading {
		position: absolute;
		width: 96%;
		left: calc(50% - 48%);
		-webkit-left: calc(50% - 48%);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
	}
	.h-p-heading h5{
		font-size: 18px;
	}
	.home-project-wrap {
		display: block;
	}
	.home-project-item{
		margin-bottom: 10px;
	}
	.home-project-item.p2 .home-project-img {
		min-height: 300px;
	}
	.testimonials {
		margin-top: 15px;
	}
	.testimonials-items-wrapper {
		margin-top: 5px;
	}
	.testimonials-item-content h5{
		min-height: 50px;
	}
	.testimonials-item-content .testi-description {
		min-height: 210px;
	}
	#footer-content h4{
		margin-top: 45px;
	}
	.footer-about-us{
		text-align: center;
	}
	.footer-cn-logo {
		width: 100%;
	}
	.footer-cn-details {
		width: 100%;
	}
	.footer-cn-item {
		display: block;
	}
	.footer-contact-us{
		text-align: center;
	}
	.footer-sm li .fa {
		font-size: 30px;
	}
	.footer-sm li {
		padding-right: 25px;
	}
	.quick-links{
		text-align: center;
	}
	div#footer-content {
		padding-top: 0;
	}
	.footer-menu .nav-link{
		padding: 5px 0;
	}
	#footer-content .quick-links h4{
		margin-top: 20px;
	}
	#sub-page-header {
		margin-top: -113px;
	}
	.subpage-header-content-warpper {
        left: 19px;
        padding-left: 10%;
        width: 90% !important;
        top: 70%;
    }
    
    .page-id-17 .subpage-header-content-warpper {
        left: 19px;
        padding-left: 4%;
        width: 90% !important;
        top: 58%;
    }
	.title-area h2.main-title{
		font-size: 36px;
	}
	#sub-page-header:before{
		background-size: cover;
		background-position: right top;
	}
	/* #sub-page-header-wrapper{
		clip-path: polygon(1% 0, 60% 96%, 127% 0);
		-webkit-clip-path: polygon(1% 0, 60% 96%, 127% 0);
	} */
	.about-main-details-wrapper {
		margin-left: 0;
		margin-top: 40px;
	}
	h1.subpage-header {
		font-size: 30px;
		margin-bottom: 25px;
	}
	h1.subpage-header:before {
		top: -50%;
		left: -5%;
	}
	.vission-wrapper {
		margin: 7% 0 7% 0;
	}
	.mission-wrapper{
		margin: 0 0 7% 0;
	}	
	.v-image {
		width: 20%;
		margin-right: 5%;
	}
	.v-content {
		width: 75%;
	}
	.team-mem {
		margin-top: 35px;
	}
	.heading-wrapper:before{
		margin-top: -10%;
	}
	/*.md-mzg .md-img:after{
		background-size: cover;
	}*/
	.md-mzg .md-img:after {
    background-size: cover;
    width: 100% !important;
    clip-path: none !important;
}
.md-mzg .owner-img:after {
    background-size: cover;
    width: 94% !important;
    clip-path: none !important;
}
.md-mzg .owner-img-inner:before {
    top: 2%  !important;
}
.cp-item-details {
    width: 80% !important;
    display: grid !important;
    align-items: center !important;
}
.postid-272 .subpage-header-content-warpper {
    left: 6px !important;
    padding-left: 5% !important;
    width: 97% !important;
    top: 47% !important;
}
	.sub-pages-heading-wrapper {
		margin-top: 50px;
	}
	.md-descrption {
		margin-top: 38px;
	}
	.heading-wrapper h2 {
		font-size: 30px;
	}
	.construction-item h3 {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.overlay {
		position: absolute;
		left: 96%;
		top: 50%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		left: calc(50% - 48%);
		-webkit-left: calc(50% - 48%);
	}
	.construction-item .overlay h3 {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.overlay .con-img {
		margin: 10px 0;
	}
	.com-i-des{
		width: 90%;
		margin: 0 auto;
	}
	.project-p-main-content .heading-wrapper .dis {
		width: 94%;
		margin-top: 45px;
	}	
	.project-list-wrapper .nav.nav-tabs{
		flex-wrap: unset;
	}
	.project-list-wrapper .nav-tabs li a{
		margin-right: 5px;
	}
	.careers-gallery-wrapper .car-gallery-1{
		min-height: 400px;
	}
	.careers-gallery-wrapper .car-gallery-2{
		min-height: 200px;
	}
	.careers-gallery-wrapper .car-gallery-3{
		min-height: 200px;
	}
	.careers-gallery-wrapper .car-gallery-4{
		min-height: 400px;
	}
	.careers-gallery-wrapper .car-gallery-5{
		min-height: 400px;
	}
	.careers-mc {
		margin-bottom: 5px;
	}
	.careers-form-wrapper .dis {
		width: 100%;
		margin-top: 40px;
	}
	.next-project-wrapper{
		min-height: 400px;
	}
	.cp-details {
		margin: 35px 0;
	}
	.cp-form-wrapper{
		margin-top: 30px;
	}
	html .contact-form-cp-wrapper .formcraft-css .fc-form .form-page-content .form-element-type-heading:first-child .heading-cover{
		padding-bottom: 0;
	}
	.project-item-details h4 {
    font-size: 18px;
}
section.careers-gallery, .careers-gallery-items, .container-fluid.no-gutters, .careers-gallery-wrapper {
    height: 350px;
}
}