@charset "utf-8";

/* CSS Document */



body {

	padding: 0px;

	margin: 0px;

	font-family: 'Poppins', sans-serif;

	font-size: 18px;

	line-height: 28px;

	color: #282828;

	font-weight: 400;

}

body.no-scroll {

	overflow: hidden;

}

html {

	scroll-behavior: smooth;

}

h1,

h2 {

	font-family: 'Poppins', sans-serif;

}



a {

	color: #03a6e2;

	text-decoration: none;

}



a:hover,

a:focus {

	color: #000000;

	text-decoration: underline;

}



hr {

	width: 100%;

	margin: 10px 0%;

	border: none;

	border-top: 1px solid #c7c7c7 !important;

}



.p-0 {

	padding-right: 0;

	padding-left: 0;

}



#wrap {

	float: left;

	width: 100%;

}



:root {

	--container-width: 1250px;

	--container-padding: calc((100vw - var(--container-width)) / 2);

}



.container {

	max-width: 1250px;

	padding: 0;

	margin: 0px auto;

}



#header {

	position: absolute;

	left: 0px;

	top: 0px;

	width: calc(100% - 175px);

	padding: 15px 30px;

	background-color: #ffffff;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.28);

	-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.28);

	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.28);

	transition: all .25s ease-in-out;

	z-index: 2;

}



#header .logo {

	float: left;

	width: 360px;

	transition: all .25s ease-in-out;

}



#header .logo img {

	width: 100%;

	height: auto;

}



.topRight {

	float: left;

	width: 75%;

	margin-left: 50px;

}



.topRight .phone {

	float: right;

	width: auto;

	font-size: 18px;

	color: #000000;

	font-weight: 600;

	line-height: 28px;

	text-align: right;

	text-transform: uppercase;

}



.topRight .phone a {

	display: inline-block;

	font-family: 'Prata', serif;

	font-size: 32px;

	color: #00a6e0;

	font-weight: 400;

	line-height: 42px;

	text-decoration: none;

	transition: all .3s ease-in-out;

}



.topRight .phone a:hover {

	color: #000000;

}



#mainNav {

	float: left;

	width: auto;

	padding: 15px 0 0 0px;

}



#mainNav ul.menu {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



#mainNav ul.menu li {

	position: relative;

	display: inline-block;

	padding-right: 25px;

	text-align: left;

}



#mainNav ul.menu li:after {

	position: absolute;

	content: '';

	top: 14px;

	right: 10px;

	width: 1px;

	height: 13px;

	background-color: #9c9c9c;

}



#mainNav ul.menu li:last-child {

	padding-right: 0px;

}



#mainNav ul.menu li:last-child:after {

	background-color: transparent;

}



#mainNav ul.menu li a {

	position: relative;

	display: block;

	padding: 6px 0 0 0;

	font-size: 18px;

	line-height: 28px;

	color: #282828;

	text-decoration: none;

	text-transform: uppercase;

	transition: all 0.5s ease-in-out;

}



#mainNav ul.menu>li>a:hover,

#mainNav ul.menu>li:hover>a,

#mainNav ul.menu>li.current-menu-item>a,

#mainNav ul.menu>li.current-menu-parent>a {

	color: #03a6e2;

}





#mainNav ul.menu>li.menu-item-has-children {

	margin-right: 20px;

}



#mainNav ul.menu li.menu-item-has-children a {

	position: relative;

	padding-right: 20px;

}



#mainNav ul.menu li.menu-item-has-children>a:after {

	content: "\F140";

	font-family: "Material Design Icons";

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

}



#mainNav ul li a svg {

	display: none;

}



#mainNav ul.menu>li:hover>ul.sub-menu {

	display: block;

}



#mainNav ul.menu li ul.sub-menu {

	margin: 0;

	padding: 0;

	list-style-type: none;

	float: left;

	width: 250px;

	background-color: #ffffff;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 2;

	display: none;

}



#mainNav ul.menu li ul.sub-menu li {

	float: left;

	width: 100%;

	padding: 0 0px;

	margin: 0;

}



#mainNav ul.menu li ul.sub-menu li a {

	padding: 10px 12px;

	border-radius: 0px;

	font-size: 16px;

	line-height: 24px;

	text-transform: none;

	cursor: pointer;

	transition: all .3s ease-in-out;

}



#mainNav ul.menu li ul.sub-menu li a:hover,

#mainNav ul.menu li ul.sub-menu li:hover>a,

#mainNav ul.menu li ul.sub-menu li.current-menu-item>a,

#mainNav ul.menu li ul.sub-menu li.current_page_item>a {

	background-color: #03a6e2;

	color: #ffffff;

	text-decoration: none;

}



#mainNav ul.menu li ul.sub-menu li.menu-item-has-children>a:after {

	content: "\f125";

	right: 10px;

}

#mainNav ul.menu li ul.sub-menu li:after {

	display: none;

}



#mainNav ul.menu li ul li ul.sub-menu {

	top: 0;

	left: 100%;

	display: none;

}



#mainNav ul.menu>li>ul>li:hover>ul.sub-menu {

	display: block;

}







/* 

======================================================= 

		Header Hamburger Menu CSS Start

=======================================================

*/



#header .mobileNav {

	float: right;

	width: auto;

}

#header .hamburger {

	position: relative;

	float: left;

	width: auto;

}

#header .hamburger #nav-btn,

#header .hamburger #nav-btn+label {

	position: absolute;

	top: 5px;

	left: 0;

	width: 40px;

	height: 40px;

	margin: 0;

	padding: 0;

	z-index: 99;

	cursor: pointer;

	display: flex;

	align-items: center;

	border: 1px solid transparent;

	border-radius: 50%;

	justify-content: center;

}

#header .hamburger #nav-btn {

	position: relative;

	opacity: 0;

	z-index: 100;

}

#header .hamburger #nav-btn+label span {

	display: block;

	width: 35px;

	height: 3px;

	border-radius: 2px;

	background-color: #00a6e0;

	position: relative;

	cursor: pointer;

	z-index: 99;

	transition: all 0.3s ease-in-out;

}

#header .hamburger #nav-btn+label span::before,

#header .hamburger #nav-btn+label span::after {

	content: "";

	display: block;

	width: 30px;

	height: 3px;

	border-radius: 2px;

	background-color: #00a6e0;

	position: absolute;

	left: 0;

	transition: all 0.3s ease-in-out;

}

#header .hamburger #nav-btn+label span::before {

	width: 25px;

	top: -10px;

}

#header .hamburger #nav-btn+label span::after {

	width: 25px;

	bottom: -10px;

	left: auto;

	right: 0;

}

#header .hamburger #nav-btn:checked+label span {

	transform: rotate(135deg);

	background-color: #00a6e0;

	border-radius: 2px;

	width: 26px;

}

#header .hamburger #nav-btn:checked+label span::before,

#header .hamburger #nav-btn:checked+label span::after {

	width: 26px;

	top: 0;

	max-width: 100%;

	transform: rotate(90deg);

	background-color: #00a6e0;

}

#header .hamburger #nav-btn:checked+label span::after {

	opacity: 0;

}

#header .hamburger #nav-btn:checked~nav {

	visibility: visible;

	-webkit-transform: translateX(0%);

	transform: translateX(0%);

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

	overflow: hidden;

}

#header .hamburger #nav-btn:checked+label {

	border: 1px solid #00a6e0;

}

#header .hamburger nav {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #ffffff;

	opacity: 1;

	z-index: 98;

	visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;

	transition: transform 0.5s, visibility 0s 0.5s;

	overflow: hidden;

}

#header .hamburger nav .hamburger-item {

	float: left;

	width: 100%;

}

#header .hamburger nav .m-nav {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	height: 100%;

	grid-gap: 40px;

	padding: 130px 25px 40px 25px;

	overflow: auto;

}

#header .hamburger nav .m-nav ul {

	padding: 0 0 5px 0;

	margin: 0;

	list-style-type: none;

	overflow: auto;

}

#header .hamburger nav .m-nav ul::-webkit-scrollbar {

	width: 4px;

}

#header .hamburger nav .m-nav ul::-webkit-scrollbar-track {

	background: #000000;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}

#header .hamburger nav .m-nav ul::-webkit-scrollbar-thumb {

	min-height: 40px;

	background: #00a6e0;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}

#header .hamburger nav .m-nav ul li {

	margin: 0 0 10px 0;

}

#header .hamburger nav .m-nav ul li:last-child {

	margin-bottom: 0;

}

#header .hamburger nav .m-nav ul li a {

	display: inline-block;

	font-size: 18px;

	color: #282828;

	font-weight: 300;

	text-decoration: none;

	transition: all .3s ease-in-out;

}

#header .hamburger nav .m-nav ul li a:hover,

#header .hamburger nav .m-nav ul li.current>a {

	padding-left: 5px;

	color: #000000;

	text-decoration: none;

}

#header .m-nav ul li .sub-menu-btn {

	display: flex;

	justify-content: center;

	align-items: center;

	float: right;

}

#header .m-nav ul li .sub-menu-btn:after {

	content: "\f140";

	font-family: "Material Design Icons";

	font-size: 25px;

	color: #00a6e0;

	font-weight: 600;

	line-height: 22px;

}

#header .m-nav ul li .sub-menu-btn.open:after {

	content: "\f143";

}

#header .m-nav ul>li:hover>ul.sub-menu {

	display: none;

}

#header .m-nav ul li ul.sub-menu {

	display: none;

	width: 100%;

	padding: 0 0 0 20px;

	background-color: transparent;

	position: static;

}

#header .m-nav ul li ul.sub-menu li {

	margin: 5px 0 0 0;

}

#header .m-nav ul li ul.sub-menu li a {

	display: inline-block;

	max-width: calc(100% - 30px);

	font-size: 16px;

	padding: 0;

}

#header .m-nav ul>li>ul>li:hover>ul.sub-menu {
	display: none;
}





/*----- Slider -----*/

#slider {

	position: relative;

	float: left;

	width: 100%;

}



#slider img {

	width: 100%;

	height: auto;

}



#slider .container {

	position: absolute;

	left: 50%;

	top: 50%;

	float: left;

	transform: translate(-50%);

	width: 100%;

}



#slider .caption {

	position: absolute;

	left: 0px;

	top: 50%;

	float: left;

	transform: translateY(-50%);

	width: 100%;



}



#slider .caption h1 {

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #ffffff;

	line-height: 60px;

	font-weight: 400;

}



#slider .caption p {

	margin: 0px 0px 10px 0px;

	font-size: 24px;

	color: #ffffff;

	line-height: 34px;

	font-weight: 400;

}



#slider .caption .learnmoreBtn {

	display: inline-block;

	padding: 13px 36px;

	background-color: #11a2d9;

	border-radius: 8px;

	font-size: 18px;

	color: #ffffff;

	line-height: 28px;

	font-weight: 600;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none;

	transition: all .3s ease-in-out;

}



#slider .caption .learnmoreBtn:hover {

	background-color: #ffffff;

	color: #11a2d9;

}



#slider .scrollDown {

	position: absolute;

	left: 0px;

	bottom: 20px;

	width: 165px;

	text-align: center;

	z-index: 2;

}



#slider .scrollDown small {

	display: inline-block;

	width: 100%;

	font-size: 12px;

	color: #ffffff;

	line-height: 20px;

	font-weight: 400;

	text-transform: uppercase;

	text-align: center;

}



.whiteArrow {

	display: inline-block;

	width: 17px;

}



#middle {

	position: relative;

	float: left;

	width: 100%;

}



/*----- About Sec -----*/

#aboutSec {

	display: inline-block;

	width: 100%;

	padding-top: 0px;

	padding-bottom: 0px;

	background-position: left bottom;

	background-repeat: no-repeat;

}



#aboutSec .content {

	position: relative;

	float: right;

	width: calc(100% - 165px);

	margin-top: -120px;

	padding: 60px 70px 30px 70px;

	background-color: #ffffff;

	z-index: 1;

}



#aboutSec .content .leftClm {

	float: left;

	width: 60%;

	padding-right: 50px;

}



#aboutSec .content .leftClm h2 {

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #000000;

	line-height: 60px;

	font-weight: 400;

}



#aboutSec .content .leftClm h3 {

	margin: 0px 0px 30px 0px;

	font-size: 24px;

	color: #000000;

	line-height: 34px;

	font-weight: 400;

}



#aboutSec .content .leftClm p {

	margin: 0px 0px 20px 0px;

	font-size: 18px;

	color: #000000;

	line-height: 28px;

	font-weight: 400;

}



#aboutSec .content .leftClm .readmore {

	position: relative;

	display: inline-block;

	margin-top: 30px;

	font-size: 18px;

	color: #11a2d9;

	line-height: 28px;

	font-weight: 600;

	text-decoration: none;

	transition: all .3s ease-out;

}



#aboutSec .content .leftClm .readmore:before {

	position: absolute;

	content: '';

	width: 41px;

	height: 41px;

	border-radius: 50%;

	background-color: #1a387e;

	right: -11px;

	top: -5px;

	z-index: -1;

}



#aboutSec .content .leftClm .readmore:hover {

	color: #000000;

}



#aboutSec .content .leftClm .readmore:hover:before {

	background-color: #11a2d9;

}



#aboutSec .content .mapIndia {

	position: relative;

	float: right;

	width: 40%;

}



#aboutSec .content .mapIndia img {

	width: 100%;

	height: auto;

}



#aboutSec .content .mapIndia .hading {

	position: absolute;

	right: 0;

	bottom: 20px;

	font-family: 'Prata', serif;

	font-size: 30px;

	color: #000000;

	line-height: 46px;

	font-weight: 400;

}



/*----- Sector Sec -----*/

#sectorSec {

	padding-top: 50px;

	padding-bottom: 50px;

	background-color: #1a3980;

}



#sectorSec h2 {

	margin: 0px 0px 50px 0px;

	font-family: 'Prata', serif;

	font-size: 30px;

	color: #ffffff;

	line-height: 46px;

	font-weight: 400;

	text-align: center;

}



#sectorSec .iconBox {

	float: left;

	width: 100%;

	text-align: center;

}



#sectorSec .iconBox .icon {

	float: left;

	width: 100%;

	margin-bottom: 30px;

	text-align: center;

}



#sectorSec .iconBox h3 {

	margin: 0px 0px 0px 0px;

	font-family: 'Prata', serif;

	font-size: 20px;

	color: #ffffff;

	line-height: 30px;

	font-weight: 400;

	text-align: center;

}



/*----- servicesSec -----*/

#servicesSec {

	position: relative;

	padding-top: 120px;

	padding-bottom: 120px;

}



#servicesSec h4 {

	margin: 0 0 20px 0;

	font-size: 24px;

	color: #000000;

	font-weight: 400;

	line-height: 34px;

}



#servicesSec h2 {

	position: relative;

	margin: 0 0 35px 0;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #1a387e;

	font-weight: 400;

	line-height: 70px;

}



#servicesSec:after {

	position: absolute;

	left: 160px;

	bottom: 123px;

	content: 'SERVICES';

	font-family: 'Prata', serif;

	font-size: 150px;

	color: #fafafd;

	font-weight: 400;

	line-height: 170px;

	z-index: -1;

}



.services-listing .owl-stage-outer {

	width: calc(100% + 300px);

}



.services-listing .item {

	position: relative;

}



.services-listing .item .servicePic {

	width: 100%;

	margin: 0 0 20px 0;

	border-radius: 15px;

	overflow: hidden
}



.services-listing .item .servicePic img {

	width: 100%;

	height: auto;

}



.services-listing .item h3 {

	margin: 0px 0px 0px 0px;

	font-family: 'Prata', serif;

	font-size: 20px;

	color: #000000;

	line-height: 30px;

	font-weight: 400;

}



#servicesSec .owl-theme .owl-nav {

	position: absolute;

	top: auto;

	bottom: 40px;

	/* right: 0; */

	left: -74%;

	width: 22%;

	margin-top: 0;

}



#servicesSec .owl-theme .owl-nav button.owl-prev {

	width: 60px;

	height: 17px;

	left: 0px;

	background-image: url(../images/owl-prev.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



#servicesSec .owl-theme .owl-nav button.owl-next {

	width: 60px;

	height: 17px;

	right: 0px;

	background-image: url(../images/owl-next.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



/*----- Projects Section -----*/

#projectSec {

	padding-top: 80px;

	padding-bottom: 80px;

	background-color: #fbfafd;

}



#projectSec h2 {

	position: relative;

	margin: 0px 0px 50px 0px;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #000000;

	line-height: 46px;

	font-weight: 400;

	text-align: center;

	z-index: 2;

}



#projectSec h2:after {

	position: absolute;

	left: 0px;

	right: 0px;

	top: -70px;

	content: 'Projects';

	font-family: 'Prata', serif;

	font-size: 240px;

	color: #f4f2f7;

	font-weight: 400;

	line-height: 260px;

	z-index: -1;

}



#projectSec .projectContent {

	display: inline-block;

	width: 100%;

	padding: 40px 30px 50px 30px;

	position: relative;

	z-index: 2;

}



.projects-listing .item {

	display: inline-block;

	width: 100%;

	position: relative;

}



.projects-listing .item .projectPic {

	display: inline-block;

	width: 100%;

	margin: 0 0 20px 0;

	overflow: hidden;

}

.projects-listing .item .projectPic a {

	display: inline-block;

	transition: all 0.3s ease-in-out;

}

.projects-listing .item .projectPic a:hover {

	transform: scale(1.1);

}

.projects-listing .item .projectPic img {

	width: 100%;

	height: auto;

}



.projects-listing .item .projectInfo {

	display: inline-block;

	width: 100%;

	margin: 0 0 20px 0;

	overflow: hidden
}



.projects-listing .item .projectInfo .number {

	display: inline-block;

	width: 100%;

	font-size: 60px;

	color: #000000;

	line-height: 70px;

	font-weight: 400;

}



.projects-listing .item .projectInfo .title {

	display: inline-block;

	width: 100%;

	margin: 0px 0px 10px 0px;

	font-size: 30px;

	color: #000000;

	line-height: 40px;

	font-weight: 400;

}



.projects-listing .item .projectInfo .locttion {

	position: relative;

	float: left;

	width: 100%;

	margin: 0px 0px 10px 0px;

	padding-left: 30px;

	font-size: 18px;

	color: #11a2d9;

	line-height: 28px;

	font-weight: 400;

}



.projects-listing .item .projectInfo .locttion:before {

	position: absolute;

	left: 0px;

	top: 0px;

	content: '\F34E';

	font-family: "Material Design Icons";

	font-size: 18px;

	color: #11a2d9;

	line-height: 28px;

}



#projectSec .owl-theme .owl-nav {

	position: absolute;

	top: auto;

	bottom: -50px;

	right: 0;

	left: 0%;

	width: 186px;

	margin: 0 auto;

}



#projectSec .owl-theme .owl-nav button.owl-prev {

	width: 60px;

	height: 17px;

	left: 0px;

	background-image: url(../images/owl-prev.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



#projectSec .owl-theme .owl-nav button.owl-next {

	width: 60px;

	height: 17px;

	right: 0px;

	background-image: url(../images/owl-next.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



/*----- Milestone -----*/

#milestoneSec {

	position: relative;

	padding-top: 80px;

	padding-bottom: 80px;

}



#milestoneSec:before {

	position: absolute;

	content: '';

	width: 100%;

	height: 10px;

	background-color: #2a4186;

	left: 0px;

	top: 270px;

	z-index: -1;

}



#milestoneSec h2 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #000000;

	line-height: 46px;

	font-weight: 400;

	text-align: center;

	z-index: 2;

}



#milestoneSec .content {

	padding-top: 30px;

}



.milestone-listing .item {

	display: inline-block;

	width: 100%;

	position: relative;

	text-align: center;

}



.milestone-listing .item .blueRound {

	display: inline-block;

	width: 190px;

	height: 190px;

	margin: 0 0 20px 0;

	padding: 30px 0px;

	background-color: #2a4186;

	border-radius: 50%;

	text-align: center;

}



.milestone-listing .item .blueRound h3 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 50px;

	color: #ffffff;

	line-height: 60px;

	font-weight: 400;

	text-align: center;

}



.milestone-listing .item .blueRound p {

	margin: 0px 0px 10px 0px;

	font-size: 24px;

	color: #ffffff;

	line-height: 34px;

	font-weight: 400;

	text-align: center;

}



.milestone-listing .item .info {

	display: inline-block;

	width: 100%;

	margin: 0 0 20px 0;

}



.milestone-listing .item .info p {

	margin: 0px 0px 10px 0px;

	font-size: 18px;

	color: #000000;

	line-height: 28px;

	font-weight: 400;

	text-align: center;

}



#milestoneSec .owl-theme .owl-nav {

	position: absolute;

	top: 18%;

	left: 0;

}



#milestoneSec .owl-theme .owl-nav button.owl-prev {

	width: 112px;

	height: 112px;

	left: -100px;

	background-image: url(../images/owl-prev-white.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



#milestoneSec .owl-theme .owl-nav button.owl-next {

	width: 112px;

	height: 112px;

	right: -100px;

	background-image: url(../images/owl-next-white.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;

}



/*----- Scroll Logos -----*/

#marqueeSec {

	overflow: hidden;

	padding-bottom: 80px;

}



.marquee-container,

.marquee-container-mobile {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: 100%
}



.marquee-text-dark,

.marquee-text-reverse-dark {

	width: 100%;

	white-space: nowrap
}



.marquee-container ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



.marquee-container ul li {

	display: inline-block;

	width: 288px;

	height: 140px;

	margin-bottom: 20px;

	margin-right: 20px;

	padding: 10px 15px;

	background-color: #ffffff;

	border: 1px solid #e6e6e6;

	border-radius: 10px;

	text-align: center;

}



.marquee-container ul li img {

	width: 100%;

	height: auto;

}



/*----- Footer -----*/

#footer {

	position: relative;

	float: left;

	width: 100%;

	padding-top: 220px;

}



#footer .btmPic {

	position: absolute;

	padding-top: 50px;

	width: 1109px;

	right: 0px;

	bottom: 0px;

	z-index: -1;

}



#footer .btmPic .picRight {

	display: inline-block;

	width: 100%;

}



#footer .btmPic .picRight img {

	width: 100%;

	height: auto;

}



.footerSec {

	float: left;

	width: calc(100% - 374px);

	background-color: #1a3980;

	padding-top: 50px;

	padding-bottom: 30px;

	padding-left: 175px;

}



.footerSec .topRow {

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	padding-bottom: 30px;

	padding-right: 50px;

	border-bottom: 1px solid #7688b3;



}



.footerSec .footerLogo {

	display: inline-block;

	width: auto;

}



.footerSec .ftrSocial {

	display: inline-block;

	width: auto;

}



.footerSec .ftrSocial ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



.footerSec .ftrSocial ul li {

	display: inline-block;

	margin-right: 25px;

	font-size: 18px;

	color: #ffffff;

	font-weight: 400;

	line-height: 28px;

}



.footerSec .ftrSocial ul li:last-child {

	margin-right: 0px;

}



.footerSec .ftrSocial ul li a {

	display: inline-block;

	color: #ffffff;

	text-decoration: none;

	transition: all .3s ease-in-out;

}



.footerSec .ftrSocial ul li a:hover {

	color: #11a2d9;

	text-decoration: none;

}



.footerSec .footerContact {

	display: inline-block;

	width: 100%;

	padding-top: 30px;

	padding-bottom: 50px;

	border-bottom: 1px solid #7688b3;

}



.footerSec .footerContact h3 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-size: 18px;

	color: #ffffff;

	line-height: 28px;

	font-weight: 600;

	text-transform: uppercase;

}


.footerSec .footerContact .address_box,
.footerSec .footerContact .call_box {
	margin-bottom: 25px;
}

.footerSec .footerContact .call_box h3,
.footerSec .footerContact .email_box h3 {
	margin-bottom: 10px;
}

.footerSec .footerContact p,
.footerSec .footerContact a {

	margin: 0px 0px 20px 0px;

	font-size: 16px;

	color: #ffffff;

	line-height: 26px;

	font-weight: 400;

}

.footerSec .footerContact .call_box span {

	font-size: 16px;

	color: #ffffff;

	line-height: 26px;

	font-weight: 400;

	padding: 0 10px;

}


.footerBtn {

	float: left;

	width: 100%;

	padding-top: 30px;

}



.footerBtn .ftr_menu {

	float: left;

	width: 100%;

	padding-bottom: 17px;

}



.footerBtn .ftr_menu ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



.footerBtn .ftr_menu ul li {

	display: inline-block;

	margin-right: 20px;

}



.footerBtn .ftr_menu ul li:last-child {

	margin-right: 0px;

}



.footerBtn .ftr_menu ul li a {

	display: inline-block;

	font-size: 16px;

	color: #ffffff;

	font-weight: 400;

	text-decoration: none;

	transition: all .3s ease-in-out;

}



.footerBtn .ftr_menu ul li a:hover {

	color: #11a2d9;

	text-decoration: none;

}



.footerBtn .copyRight {

	display: inline-block;

	width: 100%;

	font-size: 16px;

	color: #ffffff;

	font-weight: 400;

}



/* contact form 7 */

.wpcf7-form-control-wrap {

	display: block;

}



body .wpcf7 form .wpcf7-response-output {

	float: left;

	width: 100%;

	padding: 10px;

	margin: 0 0 0 0;

	box-sizing: border-box;

}



body span.wpcf7-not-valid-tip {

	position: absolute;

	top: 5px;

	right: 10px;

	font-size: 12px;

	white-space: nowrap;

}



body .wpcf7-not-valid {

	border-color: #f00 !important;

}



/*----------------- inner pages -----------------*/

.alignleft,

.alignnone {

	float: left;

	max-width: 100%;

	height: auto;

	margin: 0 20px 20px 0;

}



.alignright {

	float: right;

	max-width: 100%;

	height: auto;

	margin: 0 0 20px 20px;

}



.aligncenter {

	float: none;

	display: block;

	max-width: 100%;

	height: auto;

	margin: 0 auto 20px auto;

}



#inner_banner {

	position: relative;

	float: left;

	width: 100%;

	height: 400px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	z-index: 1;

}

#inner_banner:after {

	position: absolute;

	content: '';

	width: 100%;

	height: 100%;

	background-color: rgb(0 0 0 / 25%);

	top: 0;

	left: 0;

	z-index: -1;

}



#inner_banner .caption {

	width: 100%;

	position: absolute;

	transform: translateY(-50%);

	top: 60%;

	text-align: center;

}



#inner_banner .caption h1 {

	margin: 0 0 0px 0;

	font-family: 'Prata', serif;

	font-size: 48px;

	color: #ffffff;

	line-height: 48px;

	font-weight: 700;

}



.breadcrumb {

	display: inline-block;

	width: auto;

	padding: 10px 0 0 0;

	margin: 0 auto;

	background-color: transparent;

	font-size: 16px;

	list-style: none;

	text-align: center;

}



.breadcrumb>li {

	display: inline-block;

	color: #ffffff;

}



.breadcrumb>li+li:before {

	padding: 0 10px;

	color: #ffffff;

	content: "/";

}



.breadcrumb>li a {

	color: #fff;

	text-decoration: none;

	transition: all 0.3s ease-in-out
}



.breadcrumb>li a:hover {

	color: #63d7ff;

}



.breadcrumb>li.active {

	color: #63d7ff;

}



.inner_section {

	padding-top: 75px;

	padding-bottom: 75px;

}



.inner_section h2 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 48px;

	color: #000000;

	line-height: 55px;

	font-weight: 400;

}

.inner_section p {
	margin: 0px 0px 20px 0px;
	font-size: 18px;
	color: #000000;
	line-height: 28px;
	font-weight: 400;
}

.inner_section .content {

	padding-top: 20px;

}



.inner_section .content p {

	margin: 0 0 20px 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 25px;

}

.products_section h2 {
	position: relative;
	margin: 0px 0px 20px 0px;
	font-family: 'Prata', serif;
	font-size: 48px;
	color: #000000;
	line-height: 55px;
	font-weight: 400;
}

.inner_section .downloadBtn {
	position: relative;
	display: inline-block;
	padding: 13px 50px 13px 25px;
	margin-top: 10px;
	background-color: #11a2d9;
	border-radius: 8px;
	font-size: 18px;
	color: #ffffff;
	line-height: 28px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.inner_section .downloadBtn::after {
	position: absolute;
	content: '\F1DA';
	font-family: 'Material Design Icons';
	font-size: 18px;
	color: #ffffff;
	right: 20px;
	top: 13px;
}

.products_section .serviceCont {
	padding-bottom: 0;
}

.inner_section .downloadBtn:hover {
	background-color: #1a387e;
}

/*------------- About Page -------------*/

.profileSec {

	padding-top: 50px;

	padding-bottom: 50px;



}



.profileSec h2 {

	margin: 0 0 20px 0;

	text-align: center;



}



.profileSec .content h3 {

	position: relative;

	margin: 0 0 20px 0;

	font-family: 'Prata', serif;

	font-size: 32px;

	line-height: 42px;

	color: #11a2d9;

	font-weight: 400;

}



.profileSec .content p {

	margin: 0 0 20px 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 25px;

}



.profileSec .image img {

	position: relative;

	width: 100%;

	height: auto;

	border: 5px solid #11a2d9;

}



.corevalues {

	padding-top: 30px;

	padding-bottom: 30px;

}



.corevalues .contentBox {

	float: left;

	width: 100%;

}



.corevalues .thumbPic {

	float: left;

	width: 100%;

	margin-bottom: 30px;

}



.corevalues .thumbPic img {

	width: 100%;

	height: auto;

}



.corevalues .contentBox h3 {

	position: relative;

	margin: 0 0 20px 0;

	font-family: 'Prata', serif;

	font-size: 32px;

	line-height: 42px;

	color: #11a2d9;

	font-weight: 400;

}



.corevalues .contentBox p {

	margin: 0 0 20px 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 25px;

}



.promiseSec {

	padding-top: 30px;

	padding-bottom: 30px;

}



.promiseSec .image {

	float: left;

	width: 100%;

}



.promiseSec .image img {

	width: 100%;

	height: auto;

}



.promiseSec .contactBox {

	float: left;

	width: 100%;

}



.promiseSec .contactBox ul {

	float: left;

	width: 100%;

	list-style: none;

	margin: 0px 0px 30px 0px;

	padding: 0px;

}



.promiseSec .contactBox ul li {

	position: relative;

	float: left;

	width: 100%;

	padding: 10px 0px 0px 30px;

	font-size: 16px;

	color: #282828;

	font-weight: 400;

	line-height: 25px;

}



.promiseSec .contactBox ul li::before {

	position: absolute;

	content: '\F133';

	left: 0px;

	top: 5px;

	font-family: "Material Design Icons";

	font-size: 16px;

	color: #11a2d9;

	line-height: 28px;

}



/*------------- Verticals Page -------------*/



.verticalSec {

	padding-top: 75px;

	padding-bottom: 75px;

}

.verticalSec .content {

	float: left;

	width: 100%;

}

.verticalSec .left-clm {

	position: relative;

	float: left;

	width: 100%;

}

.verticalSec .left-clm h2 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 48px;

	color: #000000;

	line-height: 55px;

	font-weight: 400;

}

.verticalSec .left-clm p {

	margin: 0px 0px 20px 0px;

	font-size: 18px;

	color: #000000;

	line-height: 28px;

	font-weight: 400;

}

.verticalSec .left-clm .downloadBtn {

	position: relative;

	display: inline-block;

	padding: 13px 50px 13px 25px;

	background-color: #11a2d9;

	border-radius: 8px;

	font-size: 18px;

	color: #ffffff;

	line-height: 28px;

	font-weight: 600;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none;

	transition: all .3s ease-in-out;

}

.verticalSec .left-clm .downloadBtn:hover {

	background-color: #1a387e;

}

.verticalSec .left-clm .downloadBtn:after {

	position: absolute;

	content: '\F1DA';

	font-family: 'Material Design Icons';

	font-size: 18px;

	color: #ffffff;

	right: 20px;

	top: 13px;

}



.verticalSec .left-clm .logo {

	position: absolute;

	width: 200px;

	top: 30%;

	z-index: -1;

	filter: opacity(0.10);

	left: 0;

	right: 0;

	margin: 0 auto;

}

.verticalSec .left-clm .logo img.verticalLogo {

	width: 100%;

	max-width: 100%;

	height: auto;

}



.verticalSec:nth-child(even) .right-clm {

	padding: 0 40px 0 0;

}

.verticalSec .right-clm {

	position: relative;

	float: left;

	width: 100%;

	padding: 0 0 0 40px;

}

.verticalSec .right-clm img {

	width: 100%;

	height: auto;

	border: 5px solid #11a2d9;

}

.verticalSec .right-clm .logo {

	position: absolute;

	display: flex;

	width: 190px;

	height: 190px;

	padding: 0 25px;

	background-color: #ffffff;

	border: 5px solid #11a2d9;

	border-radius: 50%;

	text-align: center;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	bottom: -30px;

	left: 0;

}

.verticalSec .right-clm img.verticalLogo {

	width: 100%;

	height: auto;

	border: none;

}



/*------------- Services Page -------------*/

.serviceCont {

	padding-top: 60px;

	padding-bottom: 50px;

}

.serviceCont .servicePic {

	float: left;

	width: 100%;

	margin: 0 0 30px 0;

	border-radius: 15px;

	overflow: hidden
}



.serviceCont .servicePic img {

	width: 100%;

	height: auto;

}



.serviceCont h3 {

	margin: 0px 0px 30px 0px;

	font-family: 'Prata', serif;

	font-size: 20px;

	color: #000000;

	line-height: 30px;

	font-weight: 400;

}



/*----------------- Project Page -----------------*/



#projectSec .project-item {

	float: left;

	width: 100%;

}

#projectSec .project-item .projectPic {

	display: inline-block;

	width: 100%;

	margin: 0 0 20px 0;

	overflow: hidden;

}

#projectSec .project-item .projectPic a {

	display: inline-block;

	width: 100%;

	transition: all 0.3s ease-in-out;

}

#projectSec .project-item .projectPic img {

	width: 100%;

	height: auto;

}

#projectSec .project-item .projectPic a:hover {

	transform: scale(1.1);

}

#projectSec .project-item .projectInfo {

	display: inline-block;

	width: 100%;

	margin: 0 0 30px 0;

	overflow: hidden
}

#projectSec .project-item .projectInfo .title {

	display: inline-block;

	width: 100%;

	margin: 0px 0px 10px 0px;

	font-size: 30px;

	color: #000000;

	line-height: 40px;

	font-weight: 400;

}

#projectSec .project-item .projectInfo .location {

	position: relative;

	float: left;

	width: 100%;

	margin: 0px 0px 10px 0px;

	padding-left: 30px;

	font-size: 18px;

	color: #11a2d9;

	line-height: 28px;

	font-weight: 400;

}

#projectSec .project-item .projectInfo .location:before {

	position: absolute;

	left: 0px;

	top: 0px;

	content: '\F34E';

	font-family: "Material Design Icons";

	font-size: 18px;

	color: #11a2d9;

	line-height: 28px;

}





#projectDetails {

	padding-top: 80px;

	padding-bottom: 80px;

}

#projectDetails h2 {

	position: relative;

	margin: 0px 0px 20px 0px;

	font-family: 'Prata', serif;

	font-size: 48px;

	color: #000000;

	line-height: 55px;

	font-weight: 400;

}

#projectDetails .projectImage {

	float: left;

	width: 100%;

}

#projectDetails .projectImage img {

	width: 100%;

	height: auto;

}

#projectDetails .details {

	float: left;

	width: 100%;

}

#projectDetails .details ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#projectDetails .details ul li {

	position: relative;

	padding: 11px 0 11px 70px;

	width: 50%;

	display: inline-block;

	margin: 0 0 30px 0;

	font-size: 18px;

	color: #282828;

	line-height: 28px;

	vertical-align: middle;

}

#projectDetails .details ul li:nth-child(even) {

	width: 49%;

}

#projectDetails .details ul li.type {

	width: 100%;

}

#projectDetails .details ul li::before {

	position: absolute;

	content: '';

	font-family: 'Material Design Icons';

	width: 50px;

	height: 50px;

	background-color: #11a2d9;

	font-size: 22px;

	color: #ffffff;

	line-height: 28px;

	padding: 10px 0;

	top: 50%;

	left: 0;

	text-align: center;

	border-radius: 50%;

	transform: translateY(-50%);

}

#projectDetails .details ul li.location::before {

	content: '\F34E';

}

#projectDetails .details ul li.client::before {

	content: '\F004';

}

#projectDetails .details ul li.architect::before {

	content: '\F5B5';

}

#projectDetails .details ul li.area::before {

	content: '\F001';

}

#projectDetails .details ul li.value::before {

	content: '\F116';

}

#projectDetails .details ul li.duration::before {

	content: '\F5CE';

}

#projectDetails .details ul li.type::before {

	content: '\FED7';

}

#projectDetails .details .backBtn {

	display: inline-block;

	padding: 13px 36px;

	background-color: #11a2d9;

	border-radius: 8px;

	font-size: 18px;

	color: #ffffff;

	line-height: 28px;

	font-weight: 600;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none;

	transition: all .3s ease-in-out;

}

#projectDetails .details .backBtn:hover {

	background-color: #1a387e;

}







/*----------------- Contact Page -----------------*/

#contact_sec {

	position: relative;

	padding-top: 50px;

	padding-bottom: 50px;

}

.contact_form {

	float: left;

	width: 100%;

}

.contact_form h3 {

	margin: 0 0 20px 0;

	font-family: 'Prata', serif;

	font-size: 30px;

	color: #000000;

	font-weight: 400;

	line-height: 35px;

}

.contact_form .form-control {

	display: block;

	width: 100%;

	height: 55px;

	padding: 6px 12px;

	font-size: 16px;

	line-height: 18px;

	color: #282828;

	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border-radius: 8px;

}

.contact_form textarea.form-control {

	height: auto;

	resize: none;

}

.contact_form .submit_btn {

	display: inline-block;

	border: none;

	background: #00a2ea;

	padding: 10px 50px;

	font-size: 18px;

	color: #ffffff;

	font-weight: 700;

	line-height: 28px;

	text-decoration: none;

	transition: all 0.3s ease-in-out;

	text-transform: uppercase;

	border-radius: 8px;

}

.contact_form .submit_btn:hover {

	background: #1a387e;

}

.contact_detail {

	float: left;

	width: 100%;

	padding: 0px 0 0 0;

}

.contact_detail h3 {

	margin: 0 0 20px 0;

	font-family: 'Prata', serif;

	font-size: 30px;

	color: #000000;

	font-weight: 400;

	line-height: 35px;

}

.contact_detail .detail {

	position: relative;

	float: left;

	width: 100%;

	padding: 0px 0px 10px 25px;

	color: #282828;

	font-size: 16px;

	font-weight: 400;

	line-height: 26px;

}

.contact_detail .detail h6 {

	margin: 0 0 0px 0;

	font-size: 20px;

	color: #11a2d9;

	font-weight: 600;

	line-height: 30px;

}

.contact_detail .detail p {

	margin: 0 0 20px 0;

	font-size: 18px;

	color: #282828;

	font-weight: 400;

	line-height: 28px;

}

.contact_detail a {

	color: #282828;

	text-decoration: none;

}

.contact_detail a:hover {

	color: #03a6e2;

}