//	=================
//    	Imports
//	=================

@import '../../base/color_variables';   	// Color Variables
@import '../../base/fonticons';   			// Fonticons Variables
@import '../../base/urls';   				// URLS Variables
@import '../../base/utilities_variables';  // Utilities Variables


@keyframes jumping {
	0% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-25px);
	}
}
@keyframes cloud-jumping {
	0% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-5px);
	}
}
@keyframes code-jumping {
	0% {
		transform: translateY(0px);
	}
	25% {
		transform: translateY(-20px);
		opacity: .8;
	}
	50% {
		transform: translateY(-40px);
		opacity: .5;
	}
	75% {
		transform: translateY(-60px);
		opacity: .2;
	}
	100% {
		transform: translateY(-60px);
		opacity: 0;
	}
}
@keyframes wave-one {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
}
@keyframes wave-two {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@keyframes wave-three {
	0% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
}
@keyframes wave-four {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*		Global Style 		*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: $font_family_4;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
button {
	-webkit-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
	&:focus {
		box-shadow: none !important;
		outline: none !important;
	}
}
.section-subtitle {
	text-transform: $transform-upper;
	font-size: 14px;
	font-weight: 500;
	color: $additional-color-11;
}
h2.section-title {
	font-size: 32px;
	color: $color_76;
	font-weight: 600;
}
input {
	&:focus {
		box-shadow: none !important;
		outline: none !important;
	}
}
textarea {
	&:focus {
		box-shadow: none !important;
		outline: none !important;
	}
}
button[role="button"] {
	&:focus {
		box-shadow: none !important;
		outline: none !important;
	}
}
.navHeaderWrapper.header-image {
	background-image: linear-gradient(90deg, rgba(233, 30, 99, .83) -73%, #270349 100%);
	background-size: cover;
}
.btn-rounded {
	-webkit-border-radius: 1.875rem !important;
	-moz-border-radius: 1.875rem !important;
	-ms-border-radius: 1.875rem !important;
	-o-border-radius: 1.875rem !important;
	border-radius: 1.875rem !important;
}

/*	
	Navbar 
*/
nav.navbar {
	background-color: $color_none;
	padding: 28px 16px;
	top: -103px;
	transition: top 0.3s;
	position: inherit;
	transition-property: all;
	transition-duration: 1s;
	.navbar-nav {
		.nav-link {
			&:hover {
				color: $color_59 !important;
				border-radius: 30px;
				font-weight: 500;
			}
		}
		.nav-item {
			.nav-link.active {
				color: $color_59 !important;
				border-radius: 30px;
				font-weight: 500;
			}
		}
	}
	.navbar-brand {
		h4 {
			color: $white;
		}
	}
	button.navbar-toggler {
		span {
			background-image: none;
			vertical-align: middle;
			font-size: 24px;
			height: auto;
			width: auto;
			color: $light-dark;
		}
	}
	div {
		ul.navbar-nav {
			li {
				a {
					color: $white !important;
					font-size: 1.0625rem;
					font-weight: 500;
					margin-right: 6px;
				}
			}
		}
		form.form-inline {
			button {
				padding: $p-10 $p-30;
				background-color: $color_none;
				border: 2px $solid #229cf8;
				color: $color_38;
				border-radius: $br-30;
				&:hover {
					background-color: $color_256;
					border-color: $color_256;
				}
			}
		}
	}
}
nav.navbar.scrolling {
	background: $white;
	box-shadow: $shadow-3;
	top: 0;
	transition: top 0.3s;
	position: $pos-rel !important;
	z-index: 2;
	.navbar-brand {
		h4 {
			color: $color_56;
		}
	}
	div {
		ul.navbar-nav {
			li {
				a {
					color: $additional-color-11 !important;
					font-weight: 500 !important;
				}
			}
		}
		form.form-inline {
			button {
				border: 1px $solid #37074d;
				color: $color_253;
				font-weight: 500;
				&:hover {
				}
					background-color: $color_253;
					color: $white;
			}
		}
	}
}
nav.navbar.fixed-top.scrolling {
	div {
		form.form-inline {
			button {
				border: 1px $solid #37074d;
				color: $color_253;
				font-weight: 500;
				&:hover {
				}
					background-color: $color_253;
					color: $white;
			}
		}
	}
}

/*	
	Header	
*/
#headerWrapper {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 850px;
	height: 100px;
	position: $pos-rel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	.site-header-inner {
		h2 {
		    color: $light-gray;
		    line-height: 1.4;
		    font-size: 52px;
		    font-weight: 600;
		}
		p {
			color: $color_249;
			font-size: 18px;
			font-weight: 400;
		}
		button {
		    padding: 12px 30px;
		    font-size: 22px;
		    &:hover {
		    	background-image: $additional-gradient-color-64;
		    }
		}
		button.btn.btn-primary {
			background-color: $light-gray;
			border-color: $light-gray;
			font-weight: 500;
			border-radius: 4px;
			color: $color_79;
			&:focus {
				box-shadow: 0 0 0 3px rgba(29,54,145,.5);
			}
		}
		button.btn-outline-secondary {
			color: $white;
			background-color: $color_none;
			background-image: none;
			border-color: $white;
			&:focus {
				box-shadow: 0 0 0 3px rgba(255,255,255,.5);
			}
		}
	}
	.banner-image {
		position: $pos-rel;
		margin-right: -46px;
		margin-left: -46px;
		.code {
			width: 120px;
			position: $pos-abs;
			top: 2%;
			left: 2%;
			animation: code-jumping 5s infinite;
		}
		.cloud {
			width: 100px;
			position: $pos-abs;
			top: 45%;
			left: 42%;
			animation: cloud-jumping 1s linear .1s infinite alternate;
		}
		.globe {
			width: 125px;
			position: $pos-abs;
			top: 12%;
			right: 8.5%;
			animation: jumping 1s linear .5s infinite alternate;
		}
		.wave-1 {
			position: $pos-abs;
			top: 16%;
			right: 48.5%;
			opacity: 0;
			animation-name: wave-one;
			animation-duration: 3s;
			animation-timing-function: linear;
			animation-delay: 3s;
			animation-iteration-count: infinite;
			animation-direction: normal;
			animation-fill-mode: backwards;
			animation-play-state: running;
		}
		.wave-2 {
			position: $pos-abs;
			top: 14.5%;
			right: 46.5%;
			opacity: 0;
			animation-name: wave-two;
			animation-duration: 3s;
			animation-timing-function: linear;
			animation-delay: 3s;
			animation-iteration-count: infinite;
			animation-direction: normal;
			animation-fill-mode: backwards;
			animation-play-state: running;
		}
		.wave-3 {
			position: $pos-abs;
			top: 12.5%;
			right: 44%;
			opacity: 0;
			animation-name: wave-three;
			animation-duration: 3s;
			animation-timing-function: linear;
			animation-delay: 3s;
			animation-iteration-count: infinite;
			animation-direction: normal;
			animation-fill-mode: backwards;
			animation-play-state: running;
		}
		.wave-4 {
			width: 33px;
			position: $pos-abs;
			top: 13.2%;
			right: 44%;
			opacity: 0;
			animation: wave-four 3s linear 3s infinite;
		}
	}
}

/* 
	Why Choose Us
*/
#whyusWrapper {
	padding: 8.3rem 0 8.3rem 0;
	ul {
		li {
			a {
				background-color: $white;
				padding: $p-20 43px;
				color: $color_76 !important;
				position: $pos-rel;
				i {
					font-size: 34px;
				}
				h6 {
					font-weight: 600;
					font-size: 17px;
				}
				p {
					color: $additional-color-11;
					font-size: 13px;
					font-weight: 500;
				}
			}
			a.nav-link.active {
				color: $color_250 !important;
				box-shadow: 0px 0px 20px 10px #ebedf0;
				border-radius: 10px;
				.arrow {
					line-height: 0;
					display: inline-block;
					overflow: hidden;
					height: 25px;
					width: 40px;
					position: $pos-rel;
					left: 50%;
					margin-left: -$m-20;
					bottom: -11px;
					position: $pos-abs;
					color: $white;
					&:before {
						content: '\f23c';
						position: $pos-rel;
						top: 52%;
						font-size: 40px;
						display: inline-block;
						font-family: $font_family_1;
						transform: rotate(180deg);
					}
				}
			}
		}
	}
	.tab-content {
		padding: $p-20;
		box-shadow: $shadow-3;
		border-radius: 10px;
		img {
			width: 100%;
			max-width: 343px;
		}
		h4 {
			font-weight: 500;
			color: $color_250;
		}
		p {
			font-size: 14px;
		}
		button.btn {
			color: $additional-color-6;
			padding: 16px 50px;
			background-color: $color_254;
			color: $white;
		}
	}
}

/* 
	Chkout Features
*/
#chkoutFeaturesWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.chk-out-features {
		padding: 40px 20px;
		border-radius: 10px;
		box-shadow: 0px 0px 5px 1px rgba(113, 106, 202, 0.2);
		&:hover {
			box-shadow: 0px 0px 32px 4px rgba(113, 106, 202, 0.2);
		}
		i {
			font-size: 50px;
			color: $color_53;
			background: #dcd7ff;
			border-radius: 50%;
			width: 34px;
			height: 34px;
			line-height: 1.3;
			margin-bottom: 62px !important;
		}
		h6 {
			font-weight: 500;
			color: $color_76;
			font-size: 17px;
		}
		p {
			font-size: 14px;
			padding: 0 70px;
			color: $color_1;
		}
	}
}

/* 
	Our Thoughts
*/
#ourThoughtsWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.site-content-inner {
		h1 {
			font-size: 2.50rem;
			font-weight: 500;
		}
			color: $black;
		h1.webelive {
			margin-top: 1.25rem;
			&:before {
				content: "";
				position: $pos-abs;
				width: 41%;
				top: 11%;
				left: 5%;
				height: 1px;
				background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#1d3691), to(#df0266));
				background-image: -webkit-linear-gradient(left, #1d3691, #df0266);
			}
		}
		h1.weexpert {
			&:before {
				content: "";
				position: $pos-abs;
				width: 25%;
				top: 24%;
				left: 3.5%;
				height: 1px;
				background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#1d3691), to(#df0266));
				background-image: -webkit-linear-gradient(left, #1d3691, #df0266);
			}
		}
		p.section-subtitle {
			margin-top: 0;
			text-transform: $transform-upper;
			font-size: 13px;
			font-weight: 500;
		}
		p {
			color: $color_47;
			margin-top: 3.125rem;
			font-size: 14px;
			font-weight: 500;
			color: $additional-color-6;
			line-height: 1.8;
		}
		a.btn.btn-primary {
			margin-top: 3.125rem;
			padding: 12px 22px;
			font-size: 14px;
			border: none;
			background-image: $additional-gradient-color-51;
		}
		.btn-primary.focus {
			box-shadow: none;
		}
	}
	.site-image-inner {
		img {
			width: 100%;
			max-width: 400px;
		}
	}
}
.btn-primary {
	&:focus {
		box-shadow: none;
	}
}

/* 
	Service 
*/
#servicesWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.site-content-inner {
		padding-left: 35px;
		padding-right: 35px;
		i {
			font-size: 45px;
			font-weight: normal !important;
		}
			color: $additional-color-6;
		h5 {
			color: $additional-color-11;
		}
		&:hover {
			h5 {
			}
			i {
				color: $color_47;
				color: $color_53;
			}
		}
		p {
			font-size: 15px;
			color: $additional-color-11;
			margin-bottom: 98px;
		}
		button {
			border: 2px $solid #ffffff !important;
			background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			color: $white !important;
			background-color: $color_none;
			box-shadow: none;
			padding: 12px 23px;
			border-radius: 6px;
			&:hover {
				color: $white !important;
				background-color: $dark;
			}
		}
	}
}

/* 
	Pricing 
*/
#pricingWrapper {
	padding: 8.3rem 0 8.3rem 0;
}
.pricing--tashi {
	.pricing__item {
		&:hover {
			border-radius: 10px;
			color: $white;
			background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
			background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%);
		}
	}
}
.pricing {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto 2em;
	margin-top: 90px;
}
.pricing__item {
	position: $pos-rel;
	text-align: center;
	-webkit-flex: 0 1 315px;
	flex: 0 1 315px;
}
.pricing__feature-list {
	text-align: left;
}
.pricing__action {
	color: inherit;
	border: none;
	background: none;
	&:focus {
		outline: none;
	}
}
.pricing--landing {
	.pricing__item1 {
		margin: 1em;
		padding: 0em 0 7em 0;
		text-align: left;
		color: $color_56;
		background: #fff;
		box-shadow: 0 0 10px rgba(200, 204, 227, 0.23);
		-webkit-transition: border-color 0.3s;
		transition: border-color 0.3s;
		position: $pos-rel;
		text-align: center;
		border: $solid $b-width-1 $light-gray;
		-webkit-flex: 0 1 315px;
		flex: 0 1 315px;
		border-radius: 10px;
		.pricing__action {
			background-image: $additional-gradient-color-51;
			cursor: pointer;
			&:hover {
				background-image: $additional-gradient-color-52;
			}
			&:focus {
				background-image: $additional-gradient-color-52;
			}
		}
		&:hover {
			box-shadow: $shadow-3;
		}
	}
	.pricing__item2 {
		.pricing__action {
			background-image: $additional-gradient-color-51;
			cursor: pointer;
			&:hover {
				background-image: $additional-gradient-color-52;
			}
			&:focus {
				background-image: $additional-gradient-color-52;
			}
		}
	}
	.pricing__item3 {
		.pricing__action {
			background-image: $additional-gradient-color-51;
			cursor: pointer;
			&:hover {
				background-image: $additional-gradient-color-52;
			}
			&:focus {
				background-image: $additional-gradient-color-52;
			}
		}
	}
	.pricing__item {
		&:hover {
			border-color: $color_57;
			box-shadow: $shadow-3;
		}
	}
	.pricing__title {
		font-size: 18px;
		font-weight: 600;
		color: $black;
		text-transform: initial;
		border-bottom: $solid $b-width-1 $light-gray;
	}
	.pricing__price {
		font-size: 34px;
		font-weight: 500;
		padding: 0.5em 0 0.35em;
		border-top: $b-width-1 $solid #f1f3f1;
		color: $color_47;
	}
	.pricing__currency {
		font-size: 0.5em;
		vertical-align: super;
	}
	.pricing__period {
		font-size: 0.5em;
	}
	.pricing__sentence {
		font-weight: 600;
		padding: 0 0 0.5em;
		color: $color_1;
	}
	.pricing__feature-list {
		font-size: 14px;
		line-height: 2.5;
		font-style: normal;
		margin: 0;
		padding: 1.25em 0 2.5em;
		list-style: none;
		text-align: center;
		color: $additional-color-11;
		font-weight: 500;
		li {
			&:nth-child(even) {
				background-color: $color_93;
				padding: 13px 0;
			}
		}
		li.pricing__feature-na {
			span {
				text-decoration: line-through;
			}
			i {
				color: $light-dark;
			}
			&:hover {
				i {
				}
					color: $danger;
			}
		}
	}
	.pricing__bottom__section {
		position: $pos-abs;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}
	.pricing__action {
		margin-top: auto;
		padding: 12px 36px;
		color: $white;
		border-radius: 30px;
		background: #3862f5;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
}
.pricing__item2 {
	margin: 1em;
	padding: 0em 0 7em 0;
	text-align: left;
	color: $color_56;
	background: #fff;
	box-shadow: 0 0 10px rgba(200, 204, 227, 0.23);
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
	position: $pos-rel;
	text-align: center;
	border: $solid 1px $light-gray;
	-webkit-flex: 0 1 315px;
	flex: 0 1 315px;
	border-radius: 10px;
	&:hover {
		box-shadow: $shadow-3;
	}
}
.pricing__item3 {
	margin: 1em;
	padding: 0em 0 7em 0;
	text-align: left;
	color: $color_56;
	background: #fff;
	box-shadow: 0 0 10px rgba(200, 204, 227, 0.23);
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
	position: $pos-rel;
	text-align: center;
	border: $solid 1px $light-gray;
	-webkit-flex: 0 1 315px;
	flex: 0 1 315px;
	border-radius: 10px;
	&:hover {
		box-shadow: $shadow-3;
	}
}

/*
	Testimonials
*/
#testimonialsWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.testimonialsSlideShow {
		position: $pos-rel;
		overflow: hidden;
		.carousel-outer {
			max-width: 680px;
			margin: 0 auto;
		}
		.owl-stage-outer {
			overflow: visible;
		}
		.slide-item {
			position: $pos-rel;
			opacity: 0.30;
			-webkit-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			transition: all 500ms ease;
			.inner-box {
				position: $pos-rel;
				padding: 60px 50px;
				text-align: center;
				margin: 15px;
				border-radius: 10px;
				background: #ffffff;
				-webkit-transition: all 500ms ease;
				-ms-transition: all 500ms ease;
				-o-transition: all 500ms ease;
				-moz-transition: all 500ms ease;
				transition: all 500ms ease;
				&:before {
					content: '"';
					top: 20px;
					position: $pos-abs;
					left: 30px;
					font-size: 43px;
					opacity: .7;
				}
			}
			.text {
				position: $pos-rel;
				font-size: 16px;
				font-style: italic;
				line-height: 1.9em;
				margin-bottom: 30px;
			}
			.info {
				position: $pos-rel;
				display: inline-block;
				padding-left: 70px;
				min-height: 52px;
				text-align: left;
				font-size: 15px;
				.author-thumb {
					position: $pos-abs;
					left: 0px;
					top: -10px;
					width: 60px;
				}
				.author-title {
					line-height: 30px;
					font-size: 20px;
				}
			}
		}
		.active {
			.slide-item {
				opacity: 1;
				.inner-box {
					-webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
					-ms-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
					-o-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
					-moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
					box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.10);
					background: #453a94;
					background-image: $additional-gradient-color-51;
					background: -webkit-linear-gradient(left, #5247bd , #9977e1);
					background: -o-linear-gradient(right, #5247bd , #9977e1);
					background: -moz-linear-gradient(right, #5247bd , #9977e1);
					background: linear-gradient(to right, #5247bd , #9977e1);
					color: $white;
				}
			}
		}
		.owl-dots {
			position: $pos-rel;
			padding-top: 70px;
			text-align: center;
			.owl-dot {
				position: $pos-rel;
				display: inline-block;
				margin: 0px 8px;
				span {
					position: $pos-rel;
					display: block;
					width: 8px;
					height: 8px;
					background: #6156ce;
					border-radius: 50%;
					&:before {
						content: '';
						position: $pos-abs;
						left: -4px;
						top: -4px;
						right: -4px;
						bottom: -4px;
						border: 1px $solid #ee3d50;
						border-radius: 50%;
						opacity: 0;
					}
				}
			}
			.owl-dot.active {
				span {
					background: #f43b47;
					&:before {
						opacity: 1;
					}
				}
			}
		}
	}
	.owl-carousel {
		.owl-item {
			img {
				border: $solid 2px $light-gray;
				border-radius: 50%;
			}
		}
	}
}

/*
	Latest News
*/
#latestNewsWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.card {
		border: none;
		border-radius: 0;
		cursor: pointer;
		border-bottom: 1px $solid $light-gray;
		&:hover {
			border-color: $color_47;
			.card-body {
				.card-title {
				}
			}
					color: $color_47;
		}
		.card-body {
			.card-title {
				font-size: 19px;
			}
				color: $black;
			.card-text {
				color: $additional-color-11;
				font-size: 14px;
				line-height: 1.7;
			}
			p {
				span.post-category {
					font-weight: 600;

					color: $color_55;
					text-transform: $transform-upper;
					font-size: 12px;
				}
				span.post-meta-info {
					text-transform: $transform-upper;
					font-size: 12px;
					color: $additional-color-6;
					font-weight: 500;
				}
			}
		}
	}
}

/*
	Company Wrapper
*/
#companyWrapper {
	padding: 8.25rem 0 8rem 0;
	.owl-carousel {
		.owl-item {
			img {
				width: auto;
			}
		}
	}
}

/*
	Subscribe us
*/
#subscribeWrapper {
	padding: 8.3rem 0 8.3rem 0;
	.subscriber-form {
		position: $pos-rel;
		background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
		background-color: $warning;
		background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
		background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
		background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
		background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
		background-blend-mode: multiply;
		padding: 50px 30px;
		border-radius: 10px;
		color: $white;
	}
	.site-content-inner {
		margin-top: 0px;
		p {
			font-size: 14px;
			color: $light-gray;
		}
		form {
			position: $pos-rel;
			width: 75%;
			input {
				padding: 13px 16px;
				color: $color_38;
				border-radius: 30px;
				height: auto;
				border: none;
			}
			button {
				border-radius: 50%;
				position: $pos-abs;
				right: -1px;
				top: -1px;
				display: inline-flex;
				width: 52px;
				height: 52px;
				color: $white;
				align-items: center;
				justify-content: center;
				background-color: $color_254;
			}
		}
	}
}

/*
	Footer
*/
#footerWrapper {
	background-color: $color_255;
	color: $white;
	font-weight: 300;
	font-size: 1.125rem;
	padding: 5.25rem 1.25rem 5.25rem 1.25rem;
	background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
	background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
	.container-fluid {
		>.row {
			margin-top: 2.625rem;
		}
	}
	.site-content-inner {
		margin-top: 0.875rem;
		p {
			font-size: 15px;
			span {
				position: $pos-rel;
				font-size: 16px;
				&:before {
					content: "";
					position: $pos-abs;
					width: 33px;
					top: 29px;
					left: 2px;
					height: 1px;
					background-color: $white;
				}
			}
		}
		h2 {
			font-size: 35px;
			font-weight: 600;
		}
		form {
			input {
				padding: 10px 15px;
				color: $white;
				font-size: 15px;
				border: none;
				background: none;
				border-bottom: 1px $solid $light-gray;
				border-radius: 0;
				height: auto;
				&:focus {
					background-color: $no-color;
					color: $white;
				}
				&::-webkit-input-placeholder {
					color: $white;
				}
				&::-moz-placeholder {
					color: $white;
				}
				&:-ms-input-placeholder {
					color: $white;
				}
				&:-moz-placeholder {
					color: $white;
				}
			}
			button {
				background-color: $color_none;
				border: 1px $solid #fff;
				padding: 9px 17px;
				&:hover {
					background-color: $white;
					color: $color_251;
				}
			}
		}
		.form-group {
			textarea {
				padding: 10px 15px;
				color: $white;
				font-size: 15px;
				resize: none;
				border: none;
				background: none;
				border-bottom: 1px $solid $light-gray;
				border-radius: 0;
				&:focus {
					background-color: $no-color;
					color: $white;
				}
				&::-webkit-input-placeholder {
					color: $white;
				}
				&::-moz-placeholder {
					color: $white;
				}
				&:-ms-input-placeholder {
					color: $white;
				}
				&:-moz-placeholder {
					color: $white;
				}
			}
		}
	}
}

/*
	Mini Wrapper
*/
#miniFooterWrapper {
	background-color: $color_76;
	color: $white;
	font-weight: 300;
	font-size: 15px;
	border-top: $solid 1px #535353;
	padding: 14px;
	.copyright {
		a {
			color: $color_252;
			text-decoration: none;
		}
	}
	.arrow {
		background-color: $color_56;
		padding: 12px;
		border-radius: 50%;
		position: $pos-abs;
		z-index: 2;
		top: -40px;
		width: 3.25rem;
		height: 3.25rem;
		box-shadow: $shadow-3;
		left: 0;
		right: 0;
		margin: 0 auto;
		&:hover {
			cursor: pointer;
		}
		img {
			width: 1.25rem;
			height: 1.25rem;
		}
	}
}

/*      Media Queries   */
@media screen and (-ms-high-contrast: active) {
	#subscribeWrapper {
		.site-content-inner {
			form {
				input {
					padding: 15px 16px;
				}
			}
		}
	}
}
@media (-ms-high-contrast: none) {
	#subscribeWrapper {
		.site-content-inner {
			form {
				input {
					padding: 15px 16px;
				}
			}
		}
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	#headerWrapper {
		.banner-image {
			.globe {
				width: 118px;
				top: 12%;
				right: 7%;
			}
			.cloud {
				width: 100px;
				top: 42%;
				left: 40.5%;
			}
			.code {
				width: 113px;
				top: 1%;
				left: 0%;
			}
			.wave-1 {
				top: 15%;
				right: 47.5%;
			}
			.wave-2 {
				top: 13.5%;
				right: 45.5%;
			}
			.wave-3 {
				top: 11.5%;
				right: 43%;
			}
		}
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	#headerWrapper {
		min-height: 1150px;
		.banner-image {
			.code {
				width: 135px;
				top: 2%;
				left: 1.5%;
			}
			.globe {
				width: 130px;
				top: 16%;
				right: 10%;
			}
			.cloud {
				width: 122px;
				top: 43%;
				left: 42%;
			}
		}
	}
}
@media (max-width: 767px) and (min-width: 576px) {
	#headerWrapper {
		.banner-image {
			.code {
				width: 117px;
				top: 2%;
				left: 0.7%;
			}
			.globe {
				right: 7.5%;
			}
			.cloud {
				width: 106px;
				top: 42%;
				left: 41%;
			}
			.wave-1 {
				top: 16%;
				right: 47.5%;
			}
			.wave-2 {
				top: 14.5%;
				right: 45.5%;
			}
			.wave-3 {
				top: 12.5%;
				right: 43%;
			}
		}
	}
}
@media (max-width: 575px) {
	#subscribeWrapper {
		.site-content-inner {
			form {
				width: 100%;
			}
		}
	}
	#headerWrapper {
		.banner-image {
			margin-right: -30px;
			margin-left: -30px;
			.code {
				width: 80px;
				top: 2%;
				left: 1%;
			}
			.cloud {
				width: 83px;
				top: 41%;
				left: 39.5%;
			}
			.globe {
				width: 102px;
				top: 9%;
				right: 6%;
			}
			.wave-1 {
				top: 13%;
				right: 46.5%;
			}
			.wave-2 {
				top: 10.5%;
				right: 43.5%;
			}
			.wave-3 {
				top: 7.5%;
				right: 40%;
			}
		}
	}
	#headerWrapper.container {
		max-width: 400px;
	}
}
@media (max-width: 399px) {
	#headerWrapper.container {
		max-width: 320px;
	}
	#headerWrapper {
		.banner-image {
			.code {
				width: 65px;
			}
			.cloud {
				width: 70px;
				top: 40%;
			}
			.globe {
				width: 80px;
			}
			.wave-1 {
				width: 22px;
			}
			.wave-2 {
				width: 33px;
			}
			.wave-3 {
				width: 44px;
			}
		}
	}
}