.hm-bg {
	background-color: #eef2f7;
	padding: 75px 0 81px;
	margin-bottom: 58px;
	clear: both
}

.hm-right-img {
	width: 41.677%;
	float: right;
	margin-bottom: 30px;
}

.hm-content-left {
	width: 52.33333333333333%;
	float: left;
	position: relative;
	display: inline-block;

}

.hm-bg .hm-content-left .hm-title {
	max-width: 380px;
}

.hm-content-left .mCustomScrollbar {
	max-height: 320px
}

.hm-content-left p {
	font-size: 14px;
	color: #4b4b4b;
	letter-spacing: 0.5px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 30px;
}

.hm-content-left .mCustomScrollbar .mCSB_inside > .mCSB_container {
	margin-right: 70px;
}

.hm-gallery {
	position: relative;
}

.hm-gallery .btn-view {
	margin-bottom: 82px;
}


.banner-text {
	font-family: 'Montserrat';
}

.galleryslider {
	margin-bottom: 60px;
}

.ch-icon {
	width: 131px;
	height: 131px;
	text-align: center;
	line-height: 105px;
	margin: 0 auto 41px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0px 6px 0px 0px rgba(64, 64, 65, 0.16);
}

.ch-block-5 {
	width: calc(20% - 30px);
	float: left;
	text-align: center;
	display: inline-block;
	padding: 0 15px;
	margin: 0 auto 20px;
	color: #444444;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}

.ch-block-5 p {
	padding: 0 35px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	letter-spacing: 0.5px
}

.service-block-6 {
	width: calc(50% - 30px);
	margin-bottom: 60px;
	position: relative;
	display: inline-block;
	float: left;
	display: inline-block;
	text-align: center;
}

.service-block-6 .service-caption {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}

.service-block-6 .service-caption .btn-view {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.53);
}

.service-block-6:nth-child(2n) {
	float: right;
}


/* css for banner */
.banner-wrapper {
	position: relative;
}

.banner-overlay {
	background-color: rgba(242, 101, 50, .67);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 91px;
}

.banner-text {
	max-width: 1316px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

.banner-text .est-badge {
	display: inline-block;
	margin-right: 22px;
	padding: 5px 0;
	float: left;
}

.banner-text p {
	font-size: 30px;
	color: #ffffff;
	font-family: 'Montserrat';
	font-weight: bold;
	text-transform: inherit;
	display: inline-block;
	padding: 25px 0;
	margin-right: 35px;
	float: left;
}

.banner-overlay .btn-enq {
	font-size: 14px;
	color: #f26532;
	text-transform: uppercase;
	background-color: #ffffff;
	min-width: 180px;
	height: 35px;
	font-family: 'Montserrat';
	padding: 7px 10px;
	display: inline-block;
	border-radius: 17.5px;
	text-align: center;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1.5px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 28px 0;
	z-index: 1;
}

section.service_section {
	width: 100%;
	float: left;
	clear: both
}

section.service_section .inner-container {
	padding: 60px 0 20px;
}

.row.servicecontainer {
	width: 100%;
	float: left;
	margin: 48px 0 0;
}

.whychoose_list {
	width: calc(100% + 30px);
	margin: 47px 0 0 -15px;
	float: left;
	clear: both;
}

.projectcontainer {
	clear: both
}

.projectcontainer .sectionbox_title {
	margin: 0 0 51px 0;
}

.welcomecontent {
	clear: both;
	padding: 75px 0 38px;
}

.brandsection {
	clear: both;
	padding: 9px 0 29px 0;
}

textarea.form-control {
	min-height: 110px;
}

.service-block-6 a {
	position: relative;
	height: auto;
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: block;
}


.service-item {
	position: relative;
	overflow: hidden;
	background-color: #f26532;
}

.service-item img {
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-o-transition: .3s all ease;
	-ms-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	width: 100%;
}

.service-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.service-block-6 a:hover img {
	transform: scale(1);
	opacity: .4;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

.service-block-6 a:hover .btn-view::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation: anim-naira-1 0.3s forwards ease-in;
}

.service-block-6 a:hover .btn-view:after {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}


.hm-content-left.areas-content .mCustomScrollbar {
	max-height: 450px;
}


.sub-service-list .service-block-6 {
	width: 31.33%;
	margin-right: 3%;
}

.sub-service-list .service-block-6:nth-child(2n) {
	float: left
}

.sub-service-list .service-block-6:nth-child(3n) {
	margin-right: 0;
}

.areas-list li {
	width: 33.33%;
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 14px;
	color: #4b4b4b;
	font-weight: 300;
	line-height: 24px;
}

/*.areas-list li a {
	font-size: 14px;
	color: #4b4b4b;

	font-weight: 300;
	line-height: 24px;

}*/

.areas-list li:hover a,
.areas-list li.active {
	color: #f26532
}

.areas-list li:before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 9px;
	height: 9px;
	background: #f26532;
	top: 5px;
	left: 0;
}

.areas-content h2,
.areas-we-serve-title {
	font-size: 18px;
	color: #404041;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#wonderplugincarousel-1 .amazingcarousel-list-container {
	padding: 0 !important;
}

#wonderplugincarousel-1 .amazingcarousel-next,
#wonderplugincarousel-1 .amazingcarousel-prev {
	margin-top: -24px !important;
	top: 50% !important;
}

#wonderplugincarousel-1 .amazingcarousel-prev {
	margin-left: 15px !important;
}

#wonderplugincarousel-1 .amazingcarousel-next {
	margin-right: 15px !important;
}

.banner-text p.banner-text-2 {
	width: 100% !important;
	text-align: center;
	margin: 0 !important;
	padding: 28px 0 !important;
}
