.site-content {
	.vc_row {
		&.vc_row-fluid {
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 0;
		}

		&.parallax {
			background-attachment: fixed;
			background-position: 50% 50%;
		}

		&.overlay-enable {
			position: relative;
		}

		& > .overlay {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 0;
		}

		&.vc_inner {
			margin-left: -15px;
			margin-right: -15px;
		}

		& > .container-fluid {
			padding-left: 15px;
			padding-right: 15px;
		}

		.wpb_content_element {
			margin-bottom: 0;
		}

	}

	.vc_row.vc_row-flex {
		& > .container-fluid {
			width: 100%;
		}

		& > .container,
		& > .container-fluid {
			> .row {
				box-sizing: border-box;
				display: flex;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;

				> .vc_column_container > .vc_column-inner {
					-webkit-box-flex: 1;
					-webkit-flex-grow: 1;
					-ms-flex-positive: 1;
					flex-grow: 1;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

			}
		}
	}

	.vc_row.vc_row-o-columns-top {
		& > .container,
		& > .container-fluid {
			> .row {
				-webkit-align-content: flex-start;
				-ms-flex-line-pack: start;
				align-content: flex-start;
			}
		}
	}

	.vc_row.vc_row-o-columns-middle {
		& > .container,
		& > .container-fluid {
			> .row {
				-webkit-align-content: center;
				-ms-flex-line-pack: center;
				align-content: center;
			}
		}
	}

	.vc_row.vc_row-o-columns-bottom {
		& > .container,
		& > .container-fluid {
			> .row {
				-webkit-align-content: flex-end;
				-ms-flex-line-pack: end;
				align-content: flex-end;
			}
		}
	}

	.vc_row.vc_row-o-equal-height {
		& > .container,
		& > .container-fluid {
			> .row {
				.vc_column_container {
					-webkit-box-align: stretch;
					-webkit-align-items: stretch;
					-ms-flex-align: stretch;
					align-items: stretch;
					display: flex;
				}
			}
		}
	}

	.vc_row.vc_row-o-content-top {
		& > .container,
		& > .container-fluid {
			> .row > .vc_column_container > .vc_column-inner {
				-webkit-box-pack: start;
				-webkit-justify-content: flex-start;
				-ms-flex-pack: start;
				justify-content: flex-start;
			}
		}
	}

	.vc_row.vc_row-o-content-middle {
		& > .container,
		& > .container-fluid {
			> .row > .vc_column_container > .vc_column-inner {
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
			}
		}
	}

	.vc_row.vc_row-o-content-bottom {
		& > .container,
		& > .container-fluid {
			> .row > .vc_column_container > .vc_column-inner {
				-webkit-box-pack: end;
				-webkit-justify-content: flex-end;
				-ms-flex-pack: end;
				justify-content: flex-end;
			}
		}
	}

	.vc_column-inner {
		padding-top: 0 !important;
		background-repeat: no-repeat;
	}
}

.fh-button {
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	font-family: @font-family-secondary;

	&:hover {
		color: #fff;
	}

	&.button-type-bordered {
		min-width: 160px;
		height: 50px;
		line-height: 48px;
		border: 1px solid #fff;
		text-align: center;
	}

	&.align-left {
		float: left;
	}

	&.align-right {
		float: right;
	}

	&.button-color-dark {
		color: @heading-color;

		&.button-type-bordered {
			border-color: @heading-color;
		}

		&:hover {
			color: @heading-color;
		}
	}

	.fh-icon,.img-icon {
		padding-left: 10px;
	}
}

.fh-section-title {
	h2 {
		font-size: 36px;
		font-weight: 600;
		padding-bottom: 20px;
		margin-bottom: 0;
		margin-top: 0;
		position: relative;
		text-transform: uppercase;

		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 67px;
			height: 2px;
			background-color: @primary-color;
		}
	}

	&.text-center {
		h2:before {
			left: 50%;
			transform: translateX(-50%);
		}
	}

	&.version-light {
		h2 {
			color: #fff;
			padding-bottom: 0;

			&:before {
				display: none;
			}
		}
	}
}

.fh-icon-box {
	margin-bottom: 30px;
	position: relative;

	h4,
	h4 a,
	.fh-icon,
	.img-icon {
		transition: 0.5s;
		position: relative;
		z-index: 10;
	}


	&:hover {
		h4 a {
			color: @primary-color;
		}

		.overlay {
			opacity: 1;
		}
	}

	h4 {
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 10px;
		padding-top: 15px;
		margin: 0;
	}

	.desc {
		position: relative;
		z-index: 10;
		transition: 0.5s;
	}

	.fh-icon {
		font-size: 74px;
		display: block;
		line-height: 1;
		background-color: transparent;
		color: @secondary-color;

		i:before {
			font-size: 74px;
		}
	}

	&.version-light {
		color: #fff;

		h4,
		h4 a,
		.fh-icon {
			color: #fff;
		}

		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: @secondary-color;
			opacity: 0.7;
			z-index: 9;
			transition: 0.5s;
		}

		&:hover {
			h4,
			h4 a,
			.fh-icon {
				color: #fff;
			}

			&:before {
				background-color: @primary-color;
			}
		}
	}

	&.has-line {
		&:before {
			content: '';
			position: absolute;
			width: 1px;
			height: calc(~'100% + 35px');
			top: 0;
			left: 35px;
			background-color: #efefef;
		}

		&.icon-right {
			&:before {
				left: auto;
				right: 35px;
			}
		}

		.fh-icon {
			background-color: #fff;
		}
	}

	&.no-border {
		border: none;
	}

	&.show-button {
		.button-box {
			position: absolute;
			left: 50%;
			bottom: 40px;
			transform: translateX(-50%);
			z-index: 10;
			opacity: 0;
			transition: 0.5s;
		}

		&:hover {
			.desc {
				opacity: 0;
			}

			.button-box {
				opacity: 1;
			}
		}
	}

	&.style-1 {
		padding: 30px;
		border: 1px solid #efefef;
		text-align: center;

		&.no-border {
			border: none;
		}

		&.version-light {
			box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2);
		}
	}

	&.style-2 {
		margin-bottom: 35px;

		.fh-icon {
			font-size: 30px;
			color: @secondary-color;
			width: 70px;
			height: 70px;
			line-height: 70px;
			border-radius: 50%;
			text-align: center;
			border: 1px solid #dbdbdb;
			position: relative;
			z-index: 99;

			i:before {
				font-size: 30px;
			}
		}

		&:hover {
			.fh-icon {
				background-color: @primary-color;
				border-color: @primary-color;
				color: #fff;
			}
		}

		h4 {
			padding-top: 0;
		}

		&.icon-left {
			h4,.desc {
				padding-left: 100px;
			}

			.fh-icon,
			.img-icon {
				float: left;
			}
		}

		&.icon-right {
			text-align: right;

			h4,.desc {
				padding-right: 100px;
			}

			.fh-icon,
			.img-icon {
				float: right;
			}
		}

		&.icon-center {
			text-align: center;

			.fh-icon,
			.img-icon {
				margin: 0 auto 20px;
			}
		}

		&.service-process {
			.fh-icon {
				width: 110px;
				height: 110px;
				line-height: 110px;

				i,
				i:before {
					font-size: 32px;
				}
			}
		}
	}

	&.style-3 {
		color: #dde2fc;

		.fh-icon,
		.img-icon {
			font-size: 64px;
			color: @primary-color;
			float: left;
			padding-top: 25px;

			i:before {
				font-size: 64px;
			}
		}

		h4,
		.desc {
			padding-left: 110px;
		}

		h4, h4 a {
			padding-top: 0;
			padding-bottom: 15px;
			color: #fff;
			font-size: 24px;
		}
	}
}

.fh-feature-box {
	position: relative;
	color: #dde2fc;
	margin-bottom: 30px;

	.box-title,
	.desc {
		padding-left: 70px;
	}

	.chars {
		position: absolute;
		left: 0;
		top: 7px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		text-align: center;
		color: @primary-color;
		border: 1px solid #232951;
		font-family: @font-family-secondary;
		font-weight: 400;
	}

	.box-title {
		font-size: 20px;
		color: #fff;
		margin: 0;
		padding-bottom: 10px;
		font-weight: 400;
	}
}

.fh-service-box {
	margin-bottom: 30px;
	color: #fff;
	position: relative;
	transition: 0.5s;

	h4, h4 a {
		color: #fff;
		font-weight: 400;
		font-size: 20px;
		transition: 0.5s;
	}

	h4, .desc {
		padding-left: 70px;
	}

	h4 {
		margin: 0;
		padding-bottom: 10px;
	}

	i {
		font-size: 50px;
		color: #fff;
		transition: 0.5s;

		&:before {
			font-size: 50px;
		}
	}

	.fh-icon, .img-icon {
		position: absolute;
		left: 20px;
		top: 0;
		line-height: 1;
		transition: 0.5s;
	}

	&.style-1 {
		padding: 25px 20px;
		border: 1px solid #232951;

		.fh-icon, .img-icon {
			top: 50%;
			transform: translateY(-50%);
		}

		&:hover {
			border-color: @primary-color;

			.fh-icon, .img-icon {
				color: @primary-color;
				top: 30px;
				transform: translateY(0);
			}

			i {
				color: @primary-color;
			}
		}
	}

	&.style-2 {
		color: #848484;

		.fh-icon, .img-icon {
			left: 0;
		}

		h4, h4 a {
			color: @heading-color;
		}

		i {
			color: @secondary-color;
		}

		&:hover {
			h4, h4 a,
			.fh-icon , i {
				color: @primary-color;
			}
		}
	}
}

.fh-service-box-2 {
	margin-bottom: 30px;

	.box-wrapper {
		padding: 30px 30px 10px 30px;
		border: 1px solid #f4f4f4;
		border-top-width: 0;

		.fh-icon,
		.img-icon {
			float: left;
			margin-top: -10px;
		}
	}

	h4, h4 a {
		font-weight: 500;
		font-size: 20px;
		transition: 0.5s;
	}

	h4 {
		margin: 0;
		padding-left: 75px;
	}

	.sub-title {
		font-size: 14px;
		padding-left: 75px;
		display: block;
	}

	.fh-icon {
		color: @primary-color;

		i,i:before {
			font-size: 48px;
		}
	}

	.box-header {
		border-bottom: 1px solid #f4f4f4;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}

	ul {
		margin: 0;
		padding-left: 20px;

		li {
			padding-bottom: 10px;

			&:last-child {
				padding-bottom: 0;
			}
		}
	}

	&.no-thumb {
		.box-wrapper {
			border-top-width: 1px;
		}
	}

	&.box-style-2 {
		.box-thumb {
			position: relative;

			.fh-icon {
				color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate( -50%, -50% );
				transition: 0.5s;
				opacity: 0;
				z-index: 10;

				i,i:before {
					font-size: 80px;
				}
			}

			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: @primary-color;
				transition: 0.5s;
				opacity: 0;
				z-index: 9;
			}
		}

		.box-wrapper {
			padding: 25px 15px;
			background-color: #fff;
			border: 1px solid #eeeeee;
			text-align: center;
			position: relative;
		}

		h4,
		.box-content {
			transform: translateY(25px);
			transition: 0.5s;
		}

		h4 {
			padding-left: 0;
			font-size: 18px;
		}

		.box-header {
			border: none;
			padding-bottom: 0;
			margin-bottom: 15px;

			.fh-icon {
				width: 70px;
				height: 70px;
				line-height: 70px;
				color: #fff;
				background-color: @secondary-color;
				float: none;
				display: block;
				border-radius: 50%;
				position: absolute;
				top: 9px;
				left: 50%;
				transform: translate( -50%, -50% );
				transition: 0.5s;

				i,i:before {
					font-size: 48px;
				}
			}
		}

		.read-more {
			font-size: 15px;
			font-family: @font-family-secondary;
			color: @secondary-color;
			font-weight: 500;
			text-decoration: underline;
			display: inline-block;
			margin-top: 7px;
			opacity: 0;
			transition: 0.8s;
		}

		&:hover {
			.box-thumb {
				.fh-icon {
					opacity: 1;
				}

				&:before {
					opacity: 0.85;
				}
			}

			h4,
			.box-content {
				transform: translateY(0);
				transition: 0.5s;
			}

			.read-more {
				opacity: 1;
			}

			.box-header .fh-icon {
				opacity: 0;
			}
		}
	}
}

.fh-contact-box {
	margin-bottom: 45px;

	h4 {
		margin: 0;
		padding-bottom: 10px;
		font-size: 20px;
		font-weight: 500;
	}

	i {
		float: left;
		font-size: 26px;
		color: @primary-color;

		&:before {
			font-size: 26px;
		}
	}

	h4,.desc {
		padding-left: 40px;
	}

	ul {
		padding-left: 40px;
		margin: 0;
		list-style: none;

		li {
			float: left;
			width: 42px;
			height: 42px;
			line-height: 38px;
			border-radius: 50%;
			text-align: center;
			border: 2px solid #f4f4f4;
			margin: 0 5px;
			transition: 0.5s;

			&:first-child {
				margin-left: 0;
			}

			&:last-child {
				margin-right: 0;
			}

			a {
				color: #848484;
				display: block;
				font-size: 15px;

				i {
					float: none;
					color: inherit;
					font-size: inherit;

					&:before {
						font-size: inherit;
					}
				}
			}

			&:hover {
				background-color: @primary-color;

				a {
					color: #fff;
				}
			}
		}
	}
}

.fh-project {
	.list-project {
		overflow: hidden;
	}

	.item-project {
		margin-bottom: 30px;
		display: inline-block;
		text-align: center;

		.project-thumbnail {
			position: relative;
			margin-bottom: 15px;
		}

		.pro-link {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 900;
			background-color: transparent;
			transition: 0.5s;
		}

		.project-summary {
			h2 {
				font-size: 20px;
				color: @light;
				font-weight: 500;
				text-transform: capitalize;
				margin: 0;

				a {
					color: @light;
				}
			}

			.project-cat {
				color: @primary-color;

				a {
					color: @primary-color;
				}
			}
		}
	}

	ul.filter {
		margin-bottom: 70px;
		list-style: none;
		position: relative;
		text-align: right;
		padding-left: 0;

		li {
			font-size: 16px;
			display: inline-block;
			padding: 5px 10px;
			margin: 0 5px;
			cursor: pointer;
			position: relative;
			background-color: #1d1d1d;
			border: 1px dashed transparent;
			transition: 0.5s;

			&.active,
			&:hover {
				border-color: rgba( 255, 255, 255, 0.15 );
			}

			&:first-child {
				margin-left: 0;
			}

			&:last-child {
				margin-right: 0;
			}
		}
	}

	&.style-1 {
		.project-thumbnail {
			overflow: hidden;
			position: relative;

			.pro-link {
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #000;
				opacity: 0;
				transition: 0.5s;
			}

			img {
				transition: 0.5s;
			}
		}

		.project-inner:hover {
			.project-thumbnail {
				a {
					opacity: 0.6;
				}

				img {
					transform: scale(1.06);
				}
			}
		}
	}

	&.style-2,
	&.style-3 {
		.project-inner {
			position: relative;

			.project-thumbnail {
				margin-bottom: 0;
			}

			.project-summary {
				position: absolute;
				width: 100%;
				left: 0;
				top: 50%;
				transform: translateY( -50% );
				opacity: 0;
				transition: 0.5s;
				z-index: 999;
				padding: 0 15px;
			}

			&:hover {
				.pro-link {
					background-color: rgba( 0, 0, 0, 0.8 );
				}

				.project-summary {
					opacity: 1;
				}
			}
		}
	}

	&.style-2 {
		.item-project {
			width: 25%;
			padding: 0 15px;

			&.project-1 {
				width: 50%;
			}
		}

		ul.filter {
			margin-bottom: 70px;
			list-style: none;
			position: relative;
			text-align: right;
			padding-left: 0;

			li {
				color: #848484;
				font-size: 16px;
				display: inline-block;
				padding: 5px 20px;
				margin: 0;
				cursor: pointer;
				position: relative;
				background-color: transparent;
				border: none;
				transition: 0.5s;

				&:before {
					content: '/';
					color: #848484;
					position: absolute;
					right: -5px;
					top: 50%;
					transform: translateY( -50% );
				}

				&.active,
				&:hover {
					color: @primary-color;
				}

				&:first-child {
					padding-left: 0;
				}

				&:last-child {
					padding-right: 0;

					&:before {
						display: none;
					}
				}
			}
		}
	}

	&.style-3 {
		.item-project {
			width: 20%;
			padding: 0;
			margin: 0;
		}

		ul.filter {
			margin-bottom: 70px;
			list-style: none;
			position: relative;
			text-align: right;
			padding-left: 0;

			li {
				color: #656565;
				font-size: 16px;
				display: inline-block;
				padding: 5px 20px;
				margin: 0;
				cursor: pointer;
				position: relative;
				background-color: transparent;
				border: none;
				transition: 0.5s;

				&:before {
					content: '/';
					color: #656565;
					position: absolute;
					right: -5px;
					top: 50%;
					transform: translateY( -50% );
				}

				&.active,
				&:hover {
					color: @primary-color;
				}

				&:first-child {
					padding-left: 0;
				}

				&:last-child {
					padding-right: 0;

					&:before {
						display: none;
					}
				}
			}
		}
	}
}

.fh-latest-post {
	.item-latest-post {
		margin-bottom: 30px;
		background-color: #fff;

		&.column-4 {
			.entry-title {
				font-size: 20px;
			}
		}

		.entry-thumbnail {
			margin-bottom: 15px;
			position: relative;

			a {
				display: block;
				position: relative;
				overflow: hidden;

				&:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 99;
					background-color: @secondary-color;
					opacity: 0;
					transition: 0.5s;
				}
			}

			img {
				transition: 0.5s;
			}
		}

		.entry-meta {
			padding-bottom: 0;
		}

		.entry-title {
			line-height: 1.2;
			margin-bottom: 5px;

			a {
				font-size: 20px;
				font-weight: 500;
			}
		}

		.entry-footer {
			border: 0;
			padding: 0;
			font-weight: 500;

			a {
				color: @primary-color;
				font-size: 15px;
				font-family: @font-family-secondary;
				font-weight: 500;
			}
		}

		&:hover {
			.entry-thumbnail {
				a:before {
					opacity: 0.7
				}

				img {
					transform: scale(1.06);
				}
			}
		}
	}

	&.carousel {
		.owl-nav {
			div {
				width: 50px;
				height: 50px;
				line-height: 48px;
				border-radius: 50%;
				text-align: center;
				border: 1px solid #d8d8d8;
				color: #d8d8d8;
				font-size: 18px;
				top: 0;
				transform: translateY(0);
				transition: 0.5s;

				&:hover {
					color: #fff;
					background-color: @primary-color;
					border-color: @primary-color;
				}
			}

			.owl-next {
				right: 15px;
			}

			.owl-prev {
				right: 75px;
				left: auto;
			}
		}

		.owl-dots {
			.owl-dot {
				span {
					width: 9px;
					height: 9px;
					border-color: #ececec;
					transition: 0.5s;
				}

				&:hover,
				&.active {
					span {
						border-color: @primary-color;
						background-color: @primary-color;
					}
				}
			}
		}
	}

	.post-list {
		margin-left: -15px;
		margin-right: -15px;
		width: auto;
		padding-top: 105px;
	}

	.owl-item {
		padding: 0 15px;
	}
}

.fh-counter {
	font-family: @font-family-secondary;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;

	.fh-icon {
		display: block;
		padding-bottom: 25px;

		i,i:before {
			font-size: 80px;
		}
	}

	.counter {
		font-size: 60px;
		font-weight: 700;
		line-height: 1;
		font-family: @font-family-secondary;
	}

	h4 {
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		margin: 0;
		background-color: @primary-color;
	}

	&.icon-left {
		text-align: left;

		.fh-icon {
			float: left;
			padding-bottom: 0;
			margin-top: -10px;

			i,i:before {
				font-size: 60px;
			}
		}

		.counter {
			font-size: 48px;
			font-weight: 300;
			padding-right: 0;
			padding-left: 80px;
		}

		h4 {
			font-size: 16px;
			background-color: transparent;
		}
	}
}

.fh-testimonials {
	.testi-item {
		position: relative;
		padding: 40px 35px 35px 125px;
	}

	.testi-icon {
		position: absolute;
		top: 35px;
		left: 35px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		border: 3px solid #f4f4f4;
		border-radius: 50%;
		text-align: center;
		color: #f4f4f4;

		i:before {
			font-size: 28px;
		}
	}

	.testi-star {
		display: inline-block;
		border: 1px solid #f4f4f4;
		text-align: center;
		font-size: 14px;
		padding: 3px 7px;
		border-radius: 30px;
		margin-bottom: 20px;

		i {
			padding: 0 4px;
			color: #ebce09;
		}
	}

	.testi-des {
		font-style: italic;
		font-size: 22px;
		padding-bottom: 10px;
	}

	.testi-name {
		display: block;
		font-size: 20px;
		font-weight: 600;
		color: @heading-color;
	}

	.testi-job {
		font-size: 16px;
		color: @primary-color;
	}
}

.fh-testimonials-grid {
	.testi-item {
		border: 3px solid #f4f4f4;
		margin-bottom: 50px;
	}
}

.fh-testimonials-carousel {
	overflow: hidden;
	color: #f7f7f7;
	position: relative;

	.testi-wrapper {
		padding: 115px 0;
		background-color: @secondary-color;
	}

	&.column-1 {
		.testi-item {
			width: 50%;
		}
	}

	&.column-2 {
		border: none;

		.owl-dots {
			position: static;
			margin-top: 45px;
		}

		.testi-list {
			margin-left: -15px;
			margin-right: -15px;
			width: auto;
		}

		.owl-item {
			padding: 0 15px;
		}
	}

	.testi-item {
		border: 3px solid rgba( 247, 247, 247, 0.11 );
	}

	.testi-icon {
		border-color: #fff;
		color: #fff;
	}

	.testi-star {
		border-color: #232951;
	}

	.testi-info {
		padding-right: 35%;
	}

	.testi-name {
		color: #f7f7f7;
	}

	.owl-dots {
		text-align: center;
		position: absolute;
		right: 52%;
		bottom: 150px;

		.owl-dot {
			span {
				width: 10px;
				height: 10px;
				margin: 0 10px;
				transition: 0.5s;
			}

			&:hover,
			&.active {
				span {
					border-color: @primary-color;
					background-color: @primary-color;
				}
			}
		}
	}

	.owl-nav {
		div {
			width: 55px;
			height: 55px;
			line-height: 50px;
			font-size: 24px;
			text-align: center;
			border: 1px solid #fff;
			border-radius: 50%;
			color: #fff;
			transition: 0.5s;

			&:hover {
				border-color: @primary-color;
				color: @primary-color;
			}
		}

		.owl-prev {
			left: 15px;
		}

		.owl-next {
			right: 15px;
		}
	}
}

.fh-price-table {
	text-align: center;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
	margin-bottom: 40px;

	.table-header {
		background-color: @secondary-color;
		color: #fff;
		padding-top: 25px;
		padding-bottom: 35px;
		padding-right: 17.5%;
		padding-left: 17.5%;
		transition: 0.5s;
	}

	.desc {
		color: #a3a3a3;
		transition: 0.5s;
	}

	.plan-name {
		margin: 0;
		font-size: 20px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		padding-bottom: 10px;
	}

	.price-box {
		font-size: 100px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		position: relative;
		margin-bottom: 10px;
		display: inline-block;

		.currency {
			font-size: 18px;
			font-weight: 300;
			color: #a3a3a3;
			position: absolute;
			top: 17px;
			left: -12px;
			transition: 0.5s;
		}

		.unit {
			font-size: 12px;
			font-weight: 300;
			font-style: italic;
			position: absolute;
			width: 100%;
			bottom: 10px;
			left: 85%;
			color: #a3a3a3;
			font-family: @font-family-primary;
			transition: 0.5s;
		}
	}

	.table-content {
		padding-top: 10px;
		padding-bottom: 40px;
		border: 2px solid transparent;
		transition: 0.5s;
		border-top: 0;

		a {
			margin-top: 40px;
			border: 2px solid #f4f4f4;
			background-color: transparent;
			color: @heading-color;
			transition: 0.5s;
		}
	}

	ul {
		padding: 0;
		margin: 0;
		list-style: none;

		li {
			padding: 15px 0;
			border-bottom: 1px solid #f4f4f4;
		}
	}

	&.promoted,
	&:hover {
		.table-header {
			color: #fff;
			background-color: @primary-color;
		}

		.desc {
			color: #fff;
		}

		.price-box {
			.currency,
			.unit {
				color: #fff;
			}
		}

		.table-content {
			border-color: @primary-color;

			a {
				border-color: @primary-color;
				background-color: @primary-color;
				color: #fff;
			}
		}
	}
}

.fh-partner {
	.partner-item {
		width: 100%;
		text-align: center;

		.partner-content {
			min-height: 90px;
			line-height: 84px;
		}

		a {
			height: 100%;
			display: block;
		}
	}
}

.fh-service {
	.item-service {
		&.col-md-4:nth-child(3n+1),
		&.col-md-3:nth-child(4n+1) {
			clear: left;
		}
	}

	.entry-title {
		font-size: 20px;
		padding-bottom: 0;
		font-weight: 500;
	}

	.entry-thumbnail {
		position: relative;
		display: block;
		overflow: hidden;
		margin-bottom: 0;

		.link {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 99;
			background-color: @secondary-color;
			opacity: 0;
			transition: 0.5s;
		}

		.icon {
			color: #fff;
			font-size: 18px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate( -50%, -50% );
			width: 70px;
			height: 70px;
			border-radius: 50%;
			background-color: @primary-color;
			text-align: center;
			line-height: 70px;
			opacity: 0;
			transition: 0.5s;
			z-index: 100;
		}

		img {
			transition: 0.5s;
		}
	}

	h2,
	h2 a {
		transition: 0.5s;
	}

	.read-more {
		font-size: 15px;
		font-family: @font-family-secondary;
		color: @primary-color;
		font-weight: 500;
	}

	.service-content {
		margin-bottom: 50px;
		transition: 0.5s;

		&:hover {
			.entry-thumbnail {
				.link {
					opacity: 0.7;
				}

				img {
					transform: scale(1.06);
				}

				.icon {
					opacity: 1;
				}
			}

			h2,
			h2 a {
				color: @primary-color;
			}
		}
	}

	&.style-bordered {
		.summary {
			padding: 25px 30px;
			border: 1px solid #f4f4f4;
			border-top-width: 0;
			font-weight: 400;
		}

		.item-service.no-thumb {
			.summary {
				border-top-width: 1px;
			}
		}

		.service-content {
			&:hover {
				box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07);
			}
		}
	}

	&.style-flat {
		text-align: center;

		.entry-thumbnail {
			margin-bottom: 22px;
		}

		.summary {
			padding: 0 25px;
		}

		.entry-title {
			position: relative;
			padding-bottom: 17px;
			margin-bottom: 15px;

			&:after {
				content: '';
				width: 67px;
				height: 2px;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				background-color: @primary-color;
			}
		}
	}
}

.fh-team {
	.team-list {
		padding-top: 105px;
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
		width: auto;

		.owl-item {
			padding-left: 15px;
			padding-right: 15px;
		}
	}

	.team-member {
		margin-bottom: 30px;
		text-align: center;

		.team-header {
			position: relative;
			overflow: hidden;
			display: inline-block;
			margin-bottom: 15px;

			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: @secondary-color;
				opacity: 0;
				transition: 0.5s;
				z-index: 9;
			}

			img {
				transition: 0.5s;
			}
		}

		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 50%;
			left: -45px;
			transform: translateY(-50%);
			z-index: 11;
			transition: 0.5s;

			li {
				width: 45px;
				height: 45px;
				line-height: 45px;
				margin: 1px 0;
				background-color: @primary-color;

				a {
					color: #fff;
					display: block;
				}
			}
		}

		&:hover {
			.team-header {
				&:before {
					opacity: 0.7;
				}

				img {
					transform: scale(1.06);
				}
			}

			ul {
				left: 0;
			}
		}

		h4 {
			font-size: 20px;
			margin-bottom: 0;
			margin-top: 0;
			font-weight: 500;
		}

		.job {
			color: @primary-color;
			font-size: 16px;
			display: block;
			font-weight: 400;
		}
	}

	.owl-nav {
		div {
			font-size: 18px;
			color: #d8d8d8;
			top: 0;
			width: 50px;
			height: 50px;
			line-height: 47px;
			text-align: center;
			background-color: #fff;
			border: 1px solid #efefef;
			border-radius: 50%;
			transform: translate(0);
			transition: 0.5s;

			&:hover {
				color: #fff;
				background-color: @primary-color;
			}
		}

		.owl-next {
			right: 15px;
		}

		.owl-prev {
			right: 75px;
			left: auto;
		}
	}

	.owl-dots {
		text-align: center;

		.owl-dot {
			span {
				border-color: #efefef;
				background-color: #fff;
				width: 10px;
				height: 10px;
			}

			&:hover,
			&.active {
				span {
					border-color: @primary-color;
					background-color: @primary-color;
				}
			}
		}
	}
}

.custom-quote {
	blockquote {
		margin-left: 0;
		margin-top: 25px;
		padding: 30px 10px 10px 50px;
		border-left: 2px solid #f4f4f4;
		position: relative;

		&:before {
			content: '\e914';
			font-family: 'factoryplus';
			font-size: 20px;
			color: @primary-color;
			position: absolute;
			left: 20px;
			top: 0;
			font-style: initial;
		}

		a {
			display: block;
			color: @primary-color;
			font-size: 18px;
			font-weight: 500;
			font-family: @font-family-secondary;
			font-style: initial;
		}
	}

	&.quote-project {
		blockquote {
			background-color: #fafafa;
			border-left: 1px solid @primary-color;
			padding: 20px 10px 20px 75px;

			&:before {
				font-size: 32px;
				color: #ececec;
				top: 10px;
				left: 25px;
			}

			&:after {
				content: '';
				position: absolute;
				height: 90%;
				width: 1px;
				background-color: @primary-color;
				left: 3px;
				top: 0;
			}

			h3 {
				font-size: 18px;
				font-weight: 400;
				font-style: normal;
				margin: 0;
			}
		}
	}
}

.fh-accordion {
	&.vc_tta-accordion {
		.vc_tta-panel-heading {
			border-radius: 0 !important;
		}

		.vc_tta-panel-title {
			font-weight: 500;
			font-size: 18px;

			a {
				color: #222 !important;
				padding: 20px !important;
				background-color: #f7f7f7 !important;
				cursor: pointer;
				transition: 0.5s !important;

				i {
					font-size: 18px !important;
					position: absolute;
					right: 15px;
					margin-left: 0;
					top: 27px;
					color: #848484;
				}

				span {
					margin-left: 0 !important;
				}
			}
		}

		.vc_tta-panel-body {
			background-color: #fff !important;
			padding: 25px 20px !important;
			border-radius: 0 !important;
		}
	}

	&.style-2 {
		&.vc_tta-accordion {
			.vc_tta-panel-title {
				a {
					color: #222 !important;
					padding: 18px 20px !important;
					background-color: #fff !important;

					i {
						font-size: 18px !important;
						position: absolute;
						right: 15px;
						margin-left: 0;
						top: 27px;
						color: #848484;
						transition: 0.5s;
					}

					&:hover {
						color: @primary-color !important;

						i {
							color: @primary-color !important;
						}
					}
				}
			}

			.vc_tta-panel-body {
				background-color: #fff !important;
				padding: 5px 20px 10px 20px !important;
				border-top: 0 !important;
			}

			.vc_tta-panel {
				&.vc_active {
					.vc_tta-panel-title {
						a {
							color: @primary-color !important;

							i {
								color: @primary-color !important;
							}
						}
					}
				}
			}
		}
	}
}

.vc_opening-hours {
	border: 2px solid #ececec;
	padding: 20px 30px;

	h3 {
		margin: 0;
		font-size: 24px;
		padding-bottom: 15px;
	}

	ul {
		padding: 0;
		list-style: none;
		margin-left: 0;

		li {
			padding: 10px 0;
			border-bottom: 1px solid #f4f4f4;

			&:last-child {
				border-bottom: none;
			}

			span {
				float: right;
			}
		}
	}
}

// Tabs
.service-tabs {
	.vc_tta-tabs-container {
		margin: 0 !important;
	}

	.vc_tta-tabs-list {
		background-color: #04192b;

		li,
		li a {
			background-color: transparent !important;
			border-radius: 0 !important;
			border: 0 !important;
		}

		li {
			padding: 15px 0 !important;
			a {
				color: #fff !important;
				padding-top: 0 !important;
				padding-bottom: 0 !important;
				border-right: 1px solid rgba( 255, 255, 255, 0.25 ) !important;
			}

			&:hover,
			&.vc_active {
				a {
					color: @primary-color !important;
					border-color: @primary-color ;
				}
			}

			&:last-child {
				a {
					border: 0 !important;
				}
			}
		}
	}
}