@import "_variable";
img {
	image-rendering: -webkit-optimize-contrast;
}
.preview-outer {
	overflow: hidden;
	height: 360px;
}
.preview-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

.body-grey {
	background-color: color(body);
}
.logo {
	img {
		box-shadow: 0 4px 12px color(primary);
		border-radius: 30px;
	}
}
.navbar {
	left: 0;
	right: 0;
	background-color: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	.navbar-nav {
		.dropdown-item {
			color: color(grey);
			font-weight: 600;
			font-size: 14px;
		}
		.nav-link {
			padding: 3px 20px !important;
			font-weight: 600;
			font-size: 14px;
		}
		.dropdown-title {
			padding-bottom: 5px;
			font-size: 10px !important;
			font-weight: 700 !important;
			font-weight: 600;
			font-size: 14px;
			&:not(:first-child) {
				margin-top: 10px;
			}
		}
		.btn {
			font-weight: 600;
			font-size: 14px;
			background-color: color(white);
			border-color: color(white);
			color: color(dark);
			line-height: 25px;
			padding: 7px 25px;
			&:hover {
				background-color: rgba(255,255,255,.8);
			}
		}
	}
	.navbar-brand {
		font-weight: 700;
	}
	&:not(.active) {
		&:not(.navbar-reverse) {
			.navbar-brand {
				color: color(dark);
				&:hover {
					color: color(dark);
				}
				&:focus {
					color: color(dark);
				}
			}
		}
	}
}
.navbar-light {
	.navbar-toggler {
		color: color(dark);
		background-color: color(light);
	}
	&:not(.active) {
		.navbar-nav {
			.nav-link {
				color: color(muted);
				&:hover {
					color: color(dark);
				}
				&:focus {
					color: color(dark);
				}
			}
		}
	}
}
.navbar.active {
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	background-color: color(white);
	box-shadow: 0 4px 8px color(fontdark);
}
.navbar.active.navbar-light {
	.navbar-toggler {
		color: color(white);
		color: color(white);
	}
}
.hero-wrapper {
	display: inline-block;
	width: 100%;
	height: 580px;
}
.hero {
	.headline {
		display: inline-block;
		background-color: rgba(255,255,255, .1);
		color: color(white);
		border-radius: 30px;
		padding: 5px 25px 5px 5px;
		font-size: 12px;
		margin-bottom: 20px;
		font-weight: 600;
		letter-spacing: .2px;
		i {
			font-size: 9px !important;
		}
		.badge {
			padding: 4px 7px;
			margin-right: 5px;
			font-size: 10px;
		}
		&:hover {
			text-decoration: none;
			background-color: rgba(255,255,255, .2);
		}
	}
	width: 100%;
	position: relative;
	color: color(white);
	.btn {
		font-size: 16px;
		border-radius: 30px;
		padding: 12px 30px;
		box-shadow: 0 0 30px color(warning)
	}
	.btn-info {
		box-shadow: 0 0 30px color(info)
	}
	.text-job {
		color: rgba(255,255,255,.6);
	}
	&:after {
		content: ' ';
		background-image: linear-gradient(to bottom, color(primary), color(success));
		position: absolute;
		border-radius: 50% 0 0 50%;
		top: -180px;
		right: 0;
		bottom: -50px;
		width: 53%;
		transform: skewY(-20deg);
		z-index: -1;
		width: 100%;
		border-radius: 0;
		transform: skewY(-5deg);
	}
	.container {
		display: flex;
		align-items: center;
		min-height: 650px;
	}
	.image {
		color: color(white);
		flex-grow: 0;
		width: calc(100% / 2);
		padding-left: 40px;
		img {
			width: 100%;
		}
	}
	.text {
		color: color(white);
		flex-grow: 0;
		width: calc(100% / 2);
		padding: 160px 80px 100px 0;
		h1 {
			font-weight: 700;
			line-height: 54px;
			span {
				font-weight: 500;
			}
		}
		p {
			color: color(white);
			font-weight: 500;
			line-height: 32px;
			margin-top: 15px;
			font-size: 18px;
		}
	}
	.hero-image {
		display: inline-block;
		width: 100%;
		box-shadow: 0 4px 8px color(primary);
		img {
			image-rendering: optimizeQuality;
			width: 100%;
			border-radius: 3px;
		}
		iframe {
			-ms-zoom: 1;
			-moz-transform: scale(1);
			-moz-transform-origin: 0 0;
			-o-transform: scale(1);
			-o-transform-origin: 0 0;
			-webkit-transform: scale(1);
			-webkit-transform-origin: 0 0;
		}
	}
	.cta {
		margin-top: 40px;
	}
}
.hero-mini {
	.btn {
		font-size: 16px;
		border-radius: 30px;
		padding: 12px 30px;
		box-shadow: 0 0 30px color_darken(warning, 10%)
	}
	.btn-info {
		box-shadow: 0 0 30px color_darken(info, 10%);
	}
	background-image: linear-gradient(to right, color(primary), color(success));
	padding-top: 40px;
	height: 500px;
	display: flex;
	align-items: center;
	color: color(white);
	h1 {
		font-size: 30px;
	}
	.lead {
		color: color(light);
	}
	.cta {
		margin-top: 40px;
	}
}
.hero-mini.hero-mini-sm {
	height: 250px;
}
.hero-mini.pb {
	padding-bottom: 70px;
}
.your-breadcrumb {
	display: flex;
	margin-top: 20px;
	.breadcrumb-item {
		font-weight: 500;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 1.5px;
		color: color(light);
		a {
			color: color(light);
			border-bottom: 1px solid color(light);
			padding-bottom: 2px;
		}
	}
}
.breadcrumb-item+.breadcrumb-item {
	&::before {
		color: color(grey);
	}
}
.hero-mini-up {
	padding: 0;
	margin-top: -170px;
	margin-bottom: 80px;
}
.hero-mini.bg {
	background-image: url('bg.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.img-flip {
	transform: scaleX(-1);
}
.support-us {
	.container {
		&:after {
			content: ' ';
			background-image: linear-gradient(to bottom, color(primary), color(success));
			position: absolute;
			border-radius: 50% 0 0 50%;
			top: -180px;
			right: 0;
			bottom: -50px;
			width: 53%;
			transform: skewY(-20deg);
			z-index: -1;
			left: 50px;
			right: initial;
			top: 50px;
			bottom: 50px;
			border-radius: 50% 50% 30% 30%;
			width: 50%;
		}
		position: relative;
	}
	margin-bottom: 80px;
	padding-bottom: 40px;
}
.section-design-right {
	&:after {
		content: ' ';
		background-image: linear-gradient(to bottom, color(primary), color(success));
		position: absolute;
		border-radius: 50% 0 0 50%;
		top: -180px;
		right: 0;
		bottom: -50px;
		width: 53%;
		transform: skewY(-20deg);
		z-index: -1;
		right: 20px;
		top: 0;
		bottom: 0;
		left: 40px;
		border-radius: 20% 50% 50% 30%;
		transform: skewY(20deg) skewX(-22deg);
		width: 36%;
		right: 0;
		left: initial;
		top: 100px;
		bottom: 50px;
		border-radius: 50% 20% 30% 50%;
	}
	position: relative;
	padding: 200px 0;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 50px;
}
.section-design {
	&:after {
		content: ' ';
		background-image: linear-gradient(to bottom, color(primary), color(success));
		position: absolute;
		border-radius: 50% 0 0 50%;
		top: -180px;
		right: 0;
		bottom: -50px;
		width: 53%;
		transform: skewY(-20deg);
		z-index: -1;
		right: 20px;
		top: 0;
		bottom: 0;
		left: 40px;
		border-radius: 20% 50% 50% 30%;
		transform: skewY(20deg) skewX(-22deg);
		width: 36%;
	}
	position: relative;
}
#support {
	background-color: color(primary);
}
section {
	padding: 50px 0;
	h2 {
		font-weight: 400;
		font-size: 28px;
		line-height: 34px;
		font-weight: 700;
	}
	.lead {
		color: rgba(0,0,0,.5);
		font-size: 18px;
		line-height: 30px;
	}
	p {
		font-size: 16px;
		font-weight: 400;
		margin-top: 20px;
		line-height: 34px;
		color: color(grey);
	}
	ul {
		color: color(grey);
	}
	ol {
		color: color(grey);
	}
	.icon {
		text-align: center;
		display: inline-block;
		width: 70px;
		height: 70px;
		background-color: color(primary);
		border-radius: 50%;
		color: color(white);
		font-size: 26px;
		line-height: 72px;
	}
}
section.info {
	border-top: 1px solid color(whitesmoke);
}
section.wave {
	position: relative;
	background-color: color(body);
	background-image: url('wave.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	padding-top: 130px;
	padding-bottom: 20px;
	&:after {
		content: ' ';
		position: absolute;
		bottom: -100px;
		left: 0;
		width: 100%;
		height: 200px;
		background-color: color(whitesmoke);
		z-index: -1;
		transform: skew(0, -3deg);
	}
	h2 {
		margin-top: 80px;
	}
}
section.skew {
	position: relative;
	padding-bottom: 160px;
	padding-top: 0;
	&:after {
		content: ' ';
		position: absolute;
		bottom: -100px;
		left: 0;
		width: 100%;
		height: 200px;
		background-color: color(whitesmoke);
		z-index: -1;
		transform: skew(0, -3deg);
	}
}
section.grey.wave {
	&:after {
		background-color: color(body);
	}
}
section.grey {
	background-color: color(body);
}
section.light {
	background-color: color(light);
}
.section-skew {
	margin-top: 60px;
	position: relative;
	&:after {
		content: ' ';
		position: absolute;
		top: -30px;
		bottom: -30px;
		left: 0;
		width: 100%;
		z-index: -1;
		transform: skewY(-4deg);
		background-color: color(whitesmoke);
	}
}
p.lead {
	font-weight: 500;
}
.section-dark {
	background-color: color(dark);
	color: color(white);
	.lead {
		color: color(muted);
	}
	.btn {
		background-color: color(white);
		color: color(dark);
		padding: 10px 20px;
		margin-top: 20px;
		font-weight: 700;
		transition: all .5s;
		&:hover {
			opacity: .8;
		}
	}
	blockquote {
		color: color(white);
		font-size: 30px;
		background-color: transparent;
	}
	.text-job {
		color: color(muted);
	}
	a {
		text-decoration: none;
		border-bottom: 1px solid #000;
		padding-bottom: 1px;
	}
}
.absolute {
	position: relative;
	.card {
		position: absolute;
		max-width: 300px;
		width: 300px;
		right: 0;
	}
}
.card.has-row {
	padding: 0 15px;
}
.card {
	overflow: hidden;
	.card-body {
		p {
			&:first-of-type {
				margin-top: 0 !important;
			}
		}
	}
	p {
		margin-top: 0;
	}
}
.mt-lg {
	margin-top: 150px !important;
}
.lh-lg {
	line-height: 36px;
}
.video-wrapper {
	display: inline-block;
	position: relative;
}
.card-pricing {
	.card-header {
		padding: 50px 20px;
		padding-bottom: 0;
		border-bottom: none;
		h4 {
			font-size: 18px;
		}
	}
	.card-body {
		padding-bottom: 40px;
		p {
			margin-top: 0;
			line-height: 26px;
		}
	}
	.card-price {
		font-size: 60px;
		margin: 40px 0;
		font-weight: 600;
		color: #3F52E3;
	}
	.card-footer {
		padding: 10px 0 50px 0;
	}
	.price-cut {
		text-decoration: line-through;
		font-size: 14px;
		display: inline-block;
		color: color(dark);
	}
}
.link-icon {
	font-weight: 600;
	font-size: 16px;
	i {
		font-size: 10px;
	}
}
.lh-sm {
	line-height: 28px;
}
.pre-block {
	box-shadow: 0 0 40px rgba(0,0,0,.2);
}
pre {
	background-color: color(dark) !important;
	border-radius: 3px;
	padding-top: 60px !important;
	position: relative;
	code {
		background-color: color(dark) !important;
	}
	&:before {
		content: attr(data-name);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: color(dark);
		color: color_lighten(dark, 30%);
		padding: 15px;
	}
}
.before-footer {
	padding: 0;
	position: relative;
	z-index: 99;
	margin-bottom: -50px;
	margin-top: -250px;
}
footer {
	padding: 80px 0;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 10px;
	position: relative;
	background-image: linear-gradient(to right, color(primary), color(success));
	color: color(white);
	.container {
		position: relative;
		z-index: 2;
	}
	&:after {
		content: ' ';
		background-image: linear-gradient(to right, color(primary), color(success));
		transform: skewY(-4deg);
		z-index: 1;
		position: absolute;
		bottom: 120px;
		left: 0;
		width: 100%;
		height: 100%;
	}
	h4 {
		font-size: 12px;
	}
	p {
		color: color(whitesmoke);
		text-transform: none;
		letter-spacing: .5px;
		font-size: 12px;
		font-weight: 300;
	}
	ul {
		margin: 0;
		padding: 0;
		padding-top: 10px;
		list-style: none;
		li {
			a {
				border-bottom: none;
				font-weight: 500;
				color: color(whitesmoke);
				letter-spacing: 1px;
				text-transform: none;
				font-size: 12px;
				&:hover {
					text-decoration: none;
					color: color(white);
				}
			}
		}
	}
	a {
		color: color(white);
		border-bottom: 1px solid color(white);
		padding-bottom: 2px;
		&:hover {
			color: color(whitesmoke);
			text-decoration: none;
		}
	}
}
.line {
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: color(whitesmoke);
	margin: 150px 0 80px 0;
}
.card-icon {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	margin-right: 20px;
	flex-grow: 0;
	flex-shrink: 0;
	i {
		line-height: 50px;
		font-size: 20px;
	}
	+ {
		div {
			.card-header {
				padding: 0;
				border: none;
				h4 {
					font-size: 12px;
					margin-bottom: 10px;
					line-height: 20px;
				}
			}
			p {
				margin-top: 10px;
				color: color(grey);
			}
		}
	}
}
.p-45 {
	padding: 35px !important;
}
.force-rounded {
	border-radius: 5px !important;
	overflow: hidden;
}
.shadow {
	box-shadow: 0 4px 8px color(dark);
}
.video-js {
	.vjs-big-play-button {
		top: 50%;
		left: 50%;
		border-radius: 5px;
		transform: translate(-50%, -50%);
		line-height: 42px;
	}
}
.accordion-header {
	h4 {
		line-height: 26px;
	}
}
.btn-primary.btn-shadow {
	box-shadow: 0 4px 8px color(primary);
}
.carousel-item {
	text-align: center;
	height: 650px !important;
	align-items: center;
	justify-content: center;
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-inner {
	height: 650px;
}
.carousel-item-left {
	height: 650px !important;
	align-items: center;
	justify-content: center;
}
.carousel-item.carousel-item-prev {
	display: flex;
}
.carousel-item.carousel-item-next {
	display: flex;
}
.carousel-item.active {
	display: flex;
}
.list-icons {
	padding: 0;
	margin: 0;
	margin-top: 30px;
	li {
		display: flex;
		margin-bottom: 25px;
		.card-icon {
			height: 50px;
			width: 50px;
			line-height: 52px;
		}
		span {
			&:last-child {
				line-height: 24px;
			}
		}
	}
}
.bg-grey {
	background-color: color(body) !important;
}
.bg-ghostwhite {
	background-color: color(whitesmoke) !important;
}
.secure-text {
	float: right;
	margin-top: 27px;
	opacity: .8;
}
.card-testi {
	background-color: color(primary);
	margin-bottom: 0;
	box-shadow: none;
	color: color(white);
	.card-body {
		p {
			font-size: 14px;
			line-height: 28px;
			margin: 0;
		}
	}
}
.text-14 {
	font-size: 14px !important;
	letter-spacing: 2px;
}
.lh {
	line-height: 28px !important;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-0 {
	letter-spacing: 0 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.features {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
	.feature {
		width: calc(100% / 3);
		padding: 25px;
		.feature-icon {
			background-color: color(dark);
			color: color(primary);
			display: inline-block;
			border-radius: 50%;
			width: 50px;
			height: 50px;
			text-align: center;
			line-height: 60px;
			margin-bottom: 20px;
			i {
				font-size: 22px;
				margin-bottom: 25px;
			}
		}
		h5 {
			margin-bottom: 5px;
		}
		p {
			margin-top: 10px;
			line-height: 32px;
		}
	}
}
.features-2 {
	text-align: center;
}
.features.features-2 {
	.feature {
		.feature-icon {
			background-color: color(primary);
			color: color(white);
		}
	}
}
.callout {
	background-color: color(white);
	box-shadow: 0 0 25px color(dark);
	margin-top: 50px;
	border-radius: 3px;
	padding: 60px 50px;
	.text-job {
		font-weight: 500;
	}
	.h1 {
		&:after {
			content: " ";
			border-radius: 5px;
			height: 8px;
			width: 50px;
			background-color: #6777ef;
			display: inline-block;
			float: left;
			margin-top: 20px;
			margin-right: 15px;
		}
	}
}
.bg-gr {
	background-image: linear-gradient(to right, color(dark), color(success));
}
.btn-white {
	background-color: color(white);
	color: color(dark) !important;
}
.lg-icon {
	font-size: 30px;
}
.bar-info {
	background-color: color(danger);
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: color(white);
	span {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-weight: 700;
	}
}
.bar-info-badge {
	background-color: color(white);
	border-radius: 30px;
	padding: 10px 30px;
	font-weight: 700;
	text-decoration: none !important;
}
.social-links {
	a {
		border-bottom: none;
		i {
			font-size: 16px;
		}
	}
}
.long-shadow {
	box-shadow: 0 0 20px color(primary);
}
.dark-shadow {
	box-shadow: 0 0 40px color(dark);
}
.browser-container {
	box-shadow: 0 0 40px rgba(0,0,0,.2);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	input[type=text] {
		width: 100%;
		border-radius: 3px;
		border: none;
		background-color: white;
		margin-top: -8px;
		height: 25px;
		color: color(grey);
		padding: 5px;
	}
}
.browser-row {
	padding: 10px;
	background: color(whitesmoke);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	&:after {
		content: "";
		display: table;
		clear: both;
	}
}
.browser-column {
	float: left;
}
.browser-left {
	width: 15%;
}
.browser-right {
	width: 10%;
}
.browser-middle {
	width: 75%;
}
.browser-dot {
	margin-top: 4px;
	height: 10px;
	width: 10px;
	margin-right: 4px;
	background-color: color_lighten(grey, 10%);
	border-radius: 50%;
	display: inline-block;
}
.browser-bar {
	width: 17px;
	height: 3px;
	background-color: color_lighten(grey, 20%);
	margin: 3px 0;
	display: block;
}
.browser-content {
	padding: 20px;
	background-color: color(white);
	height: 340px;
	border-radius: 0 0 3px 3px;
}
.abs-images {
	position: relative;
	img {
		position: absolute;
		&:first-child {
			top: 140px;
			right: 40px;
			z-index: 2;
		}
		&:nth-child(3) {
			z-index: 1;
			top: 40px;
			right: -80px;
		}
		&:nth-child(2) {
			z-index: 1;
			top: -120px;
		}
	}
}
.abs-images-2 {
	position: relative;
	img {
		&:first-child {
			position: absolute;
			top: 25%;
			left: -60px;
			transform: translateY(-25%);
		}
		&:nth-child(2) {
			position: absolute;
			left: 10px;
			transform: translateY(-50%);
			top: 50%;
			z-index: 1;
		}
		&:nth-child(3) {
			position: absolute;
			left: -30px;
			transform: translateY(-75%);
			top: 75%;
			z-index: 2;
		}
	}
}
.download-section {
	background-color: color(white);
	border-top: 1px solid rgba(0,0,0,.04);
	margin-bottom: 100px;
	padding: 40px 0;
	height: 350px;
	p {
		margin-top: 0;
	}
	h2 {
		margin-bottom: 0;
	}
	.form-control {
		border-radius: 3px 0 0 3px;
		font-size: 16px;
		box-shadow: 0 2px 6px color(dark);
	}
	.btn {
		border-radius: 3px;
		padding-left: 30px;
		padding-right: 30px;
		height: 60px;
		line-height: 44px;
		font-size: 16px;
	}
}
.article {
	background-color: color(white);
	box-shadow: 0 4px 8px rgba(0,0,0,.05);
	border-radius: 3px;
	&:not(:last-child) {
		margin-bottom: 40px;
	}
	figure {
		margin-bottom: 0;
	}
	h2 {
		margin-top: 0;
		text-transform: none;
		font-size: 22px;
		letter-spacing: .3px;
		font-weight: 700;
	}
	.article-metas {
		display: flex;
		margin: 0 -10px;
	}
	.article-meta {
		margin: 0 10px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 10px;
		letter-spacing: 1.5px;
		color: rgba(0,0,0,.4);
	}
	.article-cta {
		display: inline-block;
		margin-top: 40px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
		text-decoration: none;
	}
}
.article-noshadow {
	box-shadow: none;
}
.article-detail {
	.article-meta {
		color: color(primary);
	}
	.article-description {
		letter-spacing: .3px;
		font-size: 16px;
		line-height: 36px;
		font-weight: 400;
		p {
			letter-spacing: .3px;
			font-size: 16px;
			line-height: 36px;
			font-weight: 400;
		}
	}
}
.faqs {
	h5 {
		&:not(:last-child) {
			border-bottom: 1px solid color(whitesmoke);
			padding-bottom: 25px;
			margin-bottom: 25px;
		}
		a {
			font-size: 18px;
			text-decoration: none;
			font-weight: 600;
			color: color(primary);
		}
	}
}
.text-name {
	font-size: 18px;
	font-weight: 600;
}
.modal-order {
	max-width: 580px !important;
}

.icon-lg {
	font-size: 40px;
}
[id^="payment-step"] {
	&:not(.this-active) {
		display: none;
	}
}
@media (max-width: 575.98px) {
	.wizard-steps {
		display: block;
		.wizard-step {
			margin-bottom: 50px;
		}
	}
	.features {
		margin: 0;
		.feature {
			width: 100%;
		}
	}
	.bar-info {
		height: auto;
		padding: 30px 0;
		line-height: 26px;
		.container {
			text-align: center;
			display: inline-block !important;
		}
	}
	.bar-info-badge {
		margin-top: 20px !important;
	}
	.download-section {
		height: 800px;
		margin-bottom: -500px;
	}
	footer {
		.row {
			>[class^="col-"] {
				margin-bottom: 40px;
			}
		}
	}
}
@media screen and (max-width: 768px) {
	.hero {
		.text {
			width: 100%;
			padding-right: 0;
			padding: 0;
		}
		&:after {
			transform: skew(0deg);
		}
		.container {
			padding-top: 120px;
			padding-bottom: 40px;
			height: auto;
			min-height: auto;
		}
	}
	.hero-wrapper {
		height: auto;
	}
	.section-design {
		padding-top: 10px;
		&:after {
			display: none;
		}
	}
	.support-us {
		.container {
			&:after {
				display: none;
			}
		}
	}
	.navbar {
		.navbar-nav {
			flex-direction: column;
			background-color: color(white);
			width: 100%;
		}
		.nav-link {
			padding: 15px 0 !important;
			color: color(dark);
			&:focus {
				color: color(dark);
			}
		}
	}
	.licenses {
		.license {
			display: block;
			.license-price {
				width: 100%;
			}
		}
	}
	.secure-text {
		float: none;
		margin-top: 15px;
	}
	.callout {
		.h1 {
			&:after {
				display: none;
			}
		}
	}
	.navbar-toggler {
		color: color(white);
	}
}