/*

Theme Name: LayerSlider WP Theme
Theme URI: https://layerslider.kreaturamedia.com/
Description: Theme for LayerSlider
Author: Kreatura Media
Author URI: https://kreaturamedia.com/
Version: 2.0.0
Tags:

*/



@charset "UTF-8";



/******************** DEFAULTS START ********************/

/* WP ADMIN BAR */

html:root {
	margin-top: 0 !important;
}

#wpadminbar {
	top: auto;
	bottom: 0;
}

/* COMMON */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		color: inherit;
	}

	*:focus {
		outline:none;
	}

	.disabled {
		display: none !important;
	}

	:not(div.inner).active,
	.selected,
	:not(div.inner).active *,
	.selected * {
		cursor: default !important;
	}

	a {
		text-decoration: none;
		color: #f35959;
	}

	b {
		color: inherit;
		font-weight: 600;
		font-size: inherit;
	}

	ul,
	ol ul,
	ol ul li {
		list-style: disc;
	}

	li.no-list-style,
	.no-list-style > li {
		list-style: none;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.clear {
		float: none !important;
		clear: both !important;
		display: block !important;
	}

	.scroll-horizontal {
		overflow-x: auto;
	}

	.scroll-vertical {
		overflow-y: auto;
	}

	table {
		border-spacing: 0;
	}

	.notification {
		padding: 2rem;
		border-radius: 1rem;
		color: white;
	}

	.notification a {
		color: white;
		text-decoration: underline;
	}

	.note {
		padding: 2rem;
		background: rgba(255,255,255);
		border-radius: 1rem;
		position: relative;
		box-shadow: 0 0 30px rgba(0,0,0,.1);
		font-size: 0.9em;
	}

	.note:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: -2rem;
		left: 2rem;
		border: 1rem solid transparent;
		border-bottom-color: rgba(255,255,255);
		box-sizing: border-box;
	}

	.alert {
		text-align: center;
	}

	.alert a {
		padding: 1.2rem 2.4rem;
		margin: 0 auto 2rem auto;
		display: inline-block;
		border: 0.2rem solid #16abfb;
		border-radius: 20rem;
		font-size: 0.85em;
		line-height: 1.5em;
		transition: all 0.2s ease-in-out;
		background-color: #16abfb;
		color: white;
	}

	.alert a:hover {
		background-color: transparent;
		color: #16abfb;
	}

	.jump-to {
		position: relative;
		transform: translateY(-7rem); /* size of the menu height */
	}

	.vertical-separator {
		display: inline-block;
		border-right: 2px solid rgba(255,255,255,.35);
		margin-left: 1rem;
		width: 0;
		height: 2rem;
		vertical-align: middle;
	}

	.message-bubble {
		padding: 3rem;
		position: relative;
		transform: rotate(3deg);
	}

	.message-bubble:before,
	.message-bubble:after {
		content: '';
		display: block;
		position: absolute;
	}

	.message-bubble:before {
		bottom: -1rem;
		left: -3.5rem;
		width: 3rem;
		height: 3rem;
	}

	.message-bubble:after {
		bottom: -2rem;
		left: -6rem;
		width: 1.5rem;
		height: 1.5rem;
	}

	.message-bubble,
	.message-bubble:before,
	.message-bubble:after {
		border-radius: 6rem;
		background: white;
	}



/* LOGO */

	.ls-logo-wrapper {
		position: relative;
	}

	.ls-logo-bg,
	.ls-logo-layers {
		background-size: cover;
	}

	.ls-logo-bg {
		position: relative;
		padding-top: 100%;
		height: 0;
  		background-image: url(/media/layerslider7-logo-bg.png);
	}

	.ls-logo-layers {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(/media/layerslider7-logo.png);
	}

	#home-logo {
		width: 30rem;
		margin: 0 auto;
	}

	#menu-logo .ls-logo-wrapper {
		width: 7rem;
	}

/* POSITIONING, DISPLAY */

	.relative {
		position: relative;
	}

	.absolute {
		position: absolute;
	}

	.pos-middle {
		top: 50%;
		transform: translateY(-50%) translateZ(0);
	}

	.pos-center {
		left: 50%;
		transform: translateX(-50%) translateZ(0);
	}

	.right {
		right: 0;
	}

	.left {
		left: 0;
	}

	.top {
		top: 0;
	}

	.bottom {
		bottom: 0;
	}

	.display-i {
		display: inline;
	}

	.display-ib {
		display: inline-block;
	}

	.display-b {
		display: block;
	}

	.display-n {
		display: none;
	}

	.badge {
		display: inline-block;
		padding: 0 0.5em;
		border-radius: 0.25em;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: 500;
	}

	.round,
	.rounded {
		border-radius: 50rem !important;
	}

	.badge.round {
		padding: 0 0.75em;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.element-centered,
	.centered {
		margin-left: auto;
		margin-right: auto;
	}

	.inner-boxes {
		display: flex;
		flex-wrap: wrap;
		margin: -0.5em;
		overflow: hidden;
	}

	.inner-box {
		flex-basis: 0;
		flex-grow: 1;
		box-sizing: border-box;
		margin: 0.5em;
	}

/* WIDTH */

	.w-1280 {
		max-width: 128rem;
	}

	.w-1200 {
		max-width: 120rem;
	}

	.w-1100 {
		max-width: 110rem;
	}

	.w-1000 {
		max-width: 100rem;
	}

	.w-900 {
		max-width: 90rem;
	}

	.w-800 {
		max-width: 80rem;
	}

	.w-700 {
		max-width: 70rem;
	}

	.w-600 {
		max-width: 60rem;
	}

	.w-500 {
		max-width: 50rem;
	}

	.w-400 {
		max-width: 40rem;
	}

	.w-300 {
		max-width: 30rem;
	}

	.w-200 {
		max-width: 20rem;
	}

	.w-100 {
		max-width: 10rem;
	}

	.w-5r {
		width: 5rem;
	}

	.w-10r {
		width: 10rem;
	}

	.w-15r {
		width: 15rem;
	}

	.w-20r {
		width: 20rem;
	}

	.w-25r {
		width: 25rem;
	}

	.w-30r {
		width: 30rem;
	}

	.w-35r {
		width: 35rem;
	}

	.w-40r {
		width: 40rem;
	}

	.w-45r {
		width: 45rem;
	}

	.w-50r {
		width: 50rem;
	}

	.w-1280,
	.w-1200,
	.w-1100,
	.w-1000,
	.w-900,
	.w-800,
	.w-700,
	.w-600,
	.w-500,
	.w-400,
	.w-300,
	.w-200,
	.w-100 {
		margin-left: auto;
		margin-right: auto;
	}

/* MARGINS */

	section {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	header,
	section:first-child {
		margin-top: 6rem;
		margin-bottom: 4rem;
	}

	header > h2,
	section > h2 {
		margin-bottom: 5rem;
	}

	header .main,
	section > form {
		margin-top: 5rem !important;
	}

	section > h3,
	section > .image-holder {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	section > .image-holder img {
		max-width: 100%;
	}

	section > .image-holder {
		text-align: center;
	}

	section > h4,
	section > h5,
	section > p,
	section > ul,
	section > ol,
	.note > p:not(:first-child):not(:last-child),
	.note > ul:not(:first-child):not(:last-child),
	.note > ol:not(:first-child):not(:last-child),
	section > ul ul,
	section > ul ol,
	section > ol ol,
	section > ol ul,
	section > ul li,
	section > ol li,
	header .main p {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	section > ul,
	section > ol,
	.note > ul,
	.note > ol,
	section > ul ul,
	section > ul ol,
	section > ol ol,
	section > ol ul {
		margin-left: 4rem;
	}

	section > ul p:not(:first-of-type),
	section > ol p:not(:first-of-type),
	section > ul ul p:not(:first-of-type),
	section > ul ol p:not(:first-of-type),
	section > ol ol p:not(:first-of-type),
	section > ol ul p:not(:first-of-type) {
		margin-top: 1rem;
	}

	.accordion-holder {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.accordion-holder ul {
		margin-top: 2rem;
		margin-bottom: 4rem;
	}

	.accordion-holder ul li {
		margin-bottom: 1rem;
	}

	.accordion-holder ul:last-child,
	.accordion-holder ul li:last-child {
		margin-bottom: 0;
	}

	.accordion-inner {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.accordion-holder p,
	.accordion-holder ul ul,
	.accordion-holder ul ul li {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.accordion-holder ul ul:first-child,
	.accordion-inner p:first-child {
		margin-top: 0;
	}

	.accordion-holder ul ul:last-child,
	.accordion-inner p:last-child {
		margin-bottom: 0;
	}

	.note {
		margin-top: 2rem !important;
		margin-bottom: 3rem !important;
	}

	.no-margin > li,
	:not(ul).no-margin,
	:not(ol).no-margin {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.mt-0 {
		margin-top: 0 !important;
	}

	.mt-1 {
		margin-top: 1rem !important;
	}

	.mt-2 {
		margin-top: 2rem !important;
	}

	.mt-3 {
		margin-top: 3rem !important;
	}

	.mt-4 {
		margin-top: 4rem !important;
	}

	.mt-5 {
		margin-top: 5rem !important;
	}

	.mt-6 {
		margin-top: 6rem !important;
	}

	.mt-7 {
		margin-top: 7rem !important;
	}

	.mt-8 {
		margin-top: 8rem !important;
	}

	.mt-9 {
		margin-top: 9rem !important;
	}

	.mt-10 {
		margin-top: 10rem !important;
	}

	.mb-0 {
		margin-bottom: 0 !important;
	}

	.mb-1 {
		margin-bottom: 1rem !important;
	}

	.mb-2 {
		margin-bottom: 2rem !important;
	}

	.mb-3 {
		margin-bottom: 3rem !important;
	}

	.mb-4 {
		margin-bottom: 4rem !important;
	}

	.mb-5 {
		margin-bottom: 5rem !important;
	}

	.mb-6 {
		margin-bottom: 6rem !important;
	}

	.mb-7 {
		margin-bottom: 7rem !important;
	}

	.mb-8 {
		margin-bottom: 8rem !important;
	}

	.mb-9 {
		margin-bottom: 9rem !important;
	}

	.mb-10 {
		margin-bottom: 10rem !important;
	}

/* COLS */

	.cols {
		text-align: justify;
	}

	.cols > .col {
		display: inline-block;
		box-sizing: border-box;
		text-align: left;
		vertical-align: top;
	}

	.col1-2 {
		width: 50%;
	}

	.cols:after {
		content: '';
		display: inline-block;
		width: 99%;
		height: 0.0001px;
		font-size: 0.0001px;
		line-height: 0.0001px;
	}

	/* new 2020. 07. 01. */

	.row {
		display: flex;
		margin: 0 auto;
		max-width: 1280px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.row .col {
		box-sizing: border-box;
		margin: 0 auto;
	}

	.row .col-3-4 {
		width: 75%;
	}

	.row .col-2-3 {
		width: 66.66%;
	}

	.cols-2 .col {
		width: 50%;
	}

	.cols-3 .col,
	.row .col-1-3 {
		width: 33.33%;
	}

	.cols-4 .col,
	.row .col1-4 {
		width: 25%;
	}

	.row .col {
		padding: 1rem;
	}

	@media (max-width: 1023px) {

		.cols-4 .col {
			width: 50%;
		}
	}

	@media (max-width: 767px) {

		.cols-3 {
			display: block;
		}

		.cols-3 .col,
		.row .col-1-3,
		.row .col-2-3 {
			width: 60%;
		}
	}

	@media (max-width: 639px) {

		.cols-2,
		.cols-4 {
			display: block;
		}

		.row .col {
			width: 70% !important;
		}
	}

	@media (max-width: 575px) {

		.row .col {
			 width: 80% !important;
		}
	}

	@media (max-width: 479px) {

		.row .col {
			 width: 100% !important;
		}
	}

/* FONTS */

	.font-giant {
		font-size: 3em;
	}

	h1,
	.font-xxxl {
		font-size: 2.4em;
	}

	h2,
	.font-xxl {
		 font-size: 2.2em;
	}

	h3,
	.font-xl {
		font-size: 1.8em;
	}

	h4,
	.font-l {
		font-size: 1.4em;
	}

	small,
	h5,
	.font-m {
		font-size: 1em;
	}

	.font-ms {
		font-size: 0.9em;
	}

	.font-s {
		font-size: 0.8em;
	}

	h6,
	.font-xs {
		font-size: 0.6em;
	}

	.font-giant-r {
		font-size: 6rem;
	}

	.font-xxxl-r {
		font-size: 4.8rem;
	}

	.font-xxl-r {
		font-size: 4.4rem;
	}

	.font-xl-r {
		font-size: 3.6rem;
	}

	.font-l-r {
		font-size: 2.8rem;
	}

	.font-ml-r {
		font-size: 2.4rem;
	}

	.font-m-r {
		font-size: 2rem;
	}

	.font-s-r {
		font-size: 1.6rem;
	}

	.font-xs-r {
		font-size: 1.2rem;
	}

	.font-narrow {
		font-weight: 300 !important;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
	}

	.font-thin {
		font-weight: 100;
	}

	.font-extra-light {
		font-weight: 200;
	}

	.font-light {
		font-weight: 300;
	}

	strong,
	.font-medium {
		font-weight: 500 !important;
	}

	.font-semi-bold {
		font-weight: 600 !important;
	}

	.font-bold {
		font-weight: 700 !important;
	}

	.font-extra-bold {
		font-weight: 800 !important;
	}

	.font-black {
		font-weight: 900 !important;
	}

	.font-small-caps {
		font-variant: small-caps !important;
	}

/* TEXT */

	.text-uppercase {
		text-transform: uppercase !important;
	}

	.text-center,
	.center {
		text-align: center !important;
	}

	.text-left,
	.left {
		text-align: left !important;
	}

	.text-right,
	.right {
		text-align: right !important;
	}

	.text-justify {
		text-align: justify !important;
	}

	.element-centered {
		margin-left: auto;
		margin-right: auto;
	}

	.nowrap {
		white-space: nowrap !important;
	}

/* FORM, INPUTS, BUTTONS */

	input[type=text],
	input[type=email],
	input[type=password] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: 0;
		box-shadow: none;
		background: none;
	}

	::placeholder {
		opacity: 1;
	}

	button,
	.button,
	.small-button {
		border: 0;
		white-space: nowrap;
		cursor: pointer;
	}

	.small-button {
		border: 2px solid #f35959;
		padding: 0 1em;
		border-radius: 4em;
		background: transparent;
		transition: color .2s ease-in-out, background .2s ease-in-out;
	}

	.small-button:hover {
		background: #f35959;
		color: white;
	}

	input,
	select,
	textarea {
		font-size: inherit;
	}

/* COLORS */

	.bg-off-white {
		background-color: #eee;
	}

	.color-black {
		color: black;
	}

	.color-grey,
	.color-gray {
		color: #444;
	}

	.bg-grey,
	.bg-gray {
		background-color: #444;
	}

	.color-smoke {
		color: #777;
	}

	.bg-smoke {
		background-color: #777;
	}

	.color-light-gray,
	.color-light-grey {
		color: #ddd;
	}

	.bg-light-gray,
	.bg-light-grey {
		background-color: #ddd;
	}

	.color-white {
		color: white;
	}

	.color-blue {
		color: #16abfb;
	}

	.bg-blue {
		background-color: #16abfb;
	}

	.color-green {
		color: #1cdb6d;
	}

	.bg-green {
		background-color: #1cdb6d;
	}

	.color-yellow {
		color: #f9ab2d;
	}

	.bg-yellow {
		background-color: #f9ab2d;
	}

	.color-red {
		color: #ff4f60;
	}

	.bg-red {
		background-color: #ff4f60;
	}

	.color-dark-red {
		color: #f35959 !important;
	}

	.bg-dark-red {
		background-color: #f35959;
	}

	.color-dark-purple {
		color: #3a394a;
	}

	.bg-dark-purple {
		background-color: #3a394a;
	}

/* GRADIENTS */

	.bg-gradient-blue {
		background: #00e3d6;
		background: -webkit-linear-gradient(left, #00e3d6 0%, #645ee2 100%);
		background: -o-linear-gradient(left, #00e3d6 0%, #645ee2 100%);
		background: linear-gradient(to right, #00e3d6 0%, #645ee2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3d6', endColorstr='#645ee2',GradientType=1 );
	}

	.bg-gradient-green {
		background: #8adc32;
		background: -moz-linear-gradient(left, #8adc32 0%, #25c7a2 100%);
		background: -webkit-linear-gradient(left, #8adc32 0%,#25c7a2 100%);
		background: linear-gradient(to right, #8adc32 0%,#25c7a2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adc32', endColorstr='#25c7a2',GradientType=1 );
	}

	.bg-gradient-red {
		background: #f5515f;
		background: -moz-linear-gradient(left, #f5515f 0%, #a0056c 100%);
		background: -webkit-linear-gradient(left, #f5515f 0%,#a0056c 100%);
		background: linear-gradient(to right, #f5515f 0%,#a0056c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5515f', endColorstr='#a0056c',GradientType=1 );
	}

	.bg-gradient-smoke {
		background: -moz-linear-gradient(left, rgba(55,65,73,0.9) 0%, rgba(77,94,107,0.9) 40%, rgba(77,94,107,0.9) 60%, rgba(55,65,73,0.9) 100%);
		background: -webkit-linear-gradient(left, rgba(55,65,73,0.9) 0%,rgba(77,94,107,0.9) 40%,rgba(77,94,107,0.9) 60%,rgba(55,65,73,0.9) 100%);
		background: linear-gradient(to right, rgba(55,65,73,0.9) 0%,rgba(77,94,107,0.9) 40%,rgba(77,94,107,0.9) 60%,rgba(55,65,73,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6374149', endColorstr='#e6374149',GradientType=1 );
	}

	.text-gradient-blue {
		background: #00e3d6;
		background: -webkit-linear-gradient(left, #00e3d6 0%, #645ee2 100%);
		background: -o-linear-gradient(left, #00e3d6 0%, #645ee2 100%);
		background: linear-gradient(to right, #00e3d6 0%, #645ee2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3d6', endColorstr='#645ee2',GradientType=1 );
	}

	.text-gradient-green {
		background: #8adc32;
		background: -moz-linear-gradient(left, #8adc32 0%, #25c7a2 100%);
		background: -webkit-linear-gradient(left, #8adc32 0%,#25c7a2 100%);
		background: linear-gradient(to right, #8adc32 0%,#25c7a2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adc32', endColorstr='#25c7a2',GradientType=1 );
	}

	.text-gradient-red {
		background: #f5515f;
		background: -moz-linear-gradient(left, #f5515f 0%, #a0056c 100%);
		background: -webkit-linear-gradient(left, #f5515f 0%,#a0056c 100%);
		background: linear-gradient(to right, #f5515f 0%,#a0056c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5515f', endColorstr='#a0056c',GradientType=1 );
	}

	.text-gradient-smoke {
		background: -moz-linear-gradient(left, rgba(55,65,73,0.9) 0%, rgba(77,94,107,0.9) 40%, rgba(77,94,107,0.9) 60%, rgba(55,65,73,0.9) 100%);
		background: -webkit-linear-gradient(left, rgba(55,65,73,0.9) 0%,rgba(77,94,107,0.9) 40%,rgba(77,94,107,0.9) 60%,rgba(55,65,73,0.9) 100%);
		background: linear-gradient(to right, rgba(55,65,73,0.9) 0%,rgba(77,94,107,0.9) 40%,rgba(77,94,107,0.9) 60%,rgba(55,65,73,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6374149', endColorstr='#e6374149',GradientType=1 );
	}

	.text-gradient-blue,
	.text-gradient-green,
	.text-gradient-red,
	.text-gradient-smoke {
		background-clip: text;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

/* ICONS */

	.plus-icon {
		display: inline-block;
		position: relative;
		width: 2rem;
		height: 2rem;
		background-color: #444;
		border-radius: 1000px;
		transition: all .3s ease-in-out;
	}

	.plus-icon:before,
	.plus-icon:after {
		content: '';
		width: 1.1rem;
		height: 0.3rem;
		background: white;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		border-radius: 1rem;
	}

	.plus-icon:before {
		transform: translateX(-50%) translateY(-50%);
	}

	.plus-icon:after {
		transform: translateX(-50%) translateY(-50%) rotate(90deg);
	}

/* SOCIAL ICONS */

	.icon-holder {
		display: inline-block;
	}

	.icon {
		line-height: inherit !important;
		border-radius: 100%;
		display: inline-block;
		text-align: center;
	}

	.icon-holder,
	.icon {
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
	}

	.icon-facebook {
		font-size: 1em;
	}

	.icon-youtube {
		font-size: 1em;
	}

	.icon-twitter {
		font-size: 1em;
	}

	.icon-email {
		font-size: 1em;
	}

	.icon-sliders {
		font-size: 1em;
	}

/* RESPONSIVENESS */

	html {
		font-size: 10px;
	}

	body {
		font-size: 20px;
	}

	@media all and (min-height: 1401px) {

		body {
			font-size: 22px;
		}

		html {
			font-size: 11px;
		}
	}

	@media all and (min-height: 1601px) {

		body {
			font-size: 24px;
		}

		html {
			font-size: 12px;
		}
	}

	@media all and (max-height: 1100px) {

		body {
			font-size: 19px;
		}

		html {
			font-size: 9.5px;
		}
	}

	@media all and (max-height: 1000px) {

		body {
			font-size: 18px;
		}

		html {
			font-size: 9px;
		}
	}

	@media all and (max-height: 900px) {

		body {
			font-size: 17px;
		}

		html {
			font-size: 8.5px;
		}
	}

	@media all and (max-width: 960px) {

		body {
			font-size: 19px;
		}

		html {
			font-size: 9.5px;
		}
	}

	@media all and (max-width: 768px) {

		body {
			font-size: 18px;
		}

		html {
			font-size: 9px;
		}
	}

	@media all and (max-height: 800px), all and (max-width: 640px) {

		body {
			font-size: 16px;
		}

		html {
			font-size: 8px;
		}
	}

	@media all and (min-width: 1024px) {

		.u-1024,
		.u-768,
		.u-640,
		.u-512,
		.u-384,
		br.u-1024,
		br.u-768,
		br.u-640,
		br.u-512,
		br.u-384 {
			display: none;
		}

		.o-1024 {
			display: inline;
		}

		br.o-1024 {
			display: block;
		}
	}

	@media all and (max-width: 1023px) {

		.o-1024,
		.u-768,
		.u-640,
		.u-512,
		.u-384,
		br.o-1024,
		br.u-768,
		br.u-640,
		br.u-512,
		br.u-384 {
			display: none;
		}

		.u-1024 {
			display: inline;
		}

		br.u-1024 {
			display: block;
		}
	}

	@media all and (max-width: 767px) {

		.o-1024,
		.u-1024,
		.u-640,
		.u-512,
		.u-384,
		br.o-1024,
		br.u-1024,
		br.u-640,
		br.u-512,
		br.u-384 {
			display: none;
		}

		.u-768 {
			display: inline;
		}

		br.u-768 {
			display: block;
		}
	}

	@media all and (max-width: 639px) {

		.o-1024,
		.u-1024,
		.u-768,
		.u-512,
		.u-384,
		br.o-1024,
		br.u-1024,
		br.u-768,
		br.u-512,
		br.u-384 {
			display: none;
		}

		.u-640 {
			display: inline;
		}

		br.u-640 {
			display: block;
		}
	}

	@media all and (max-width: 511px) {

		.o-1024,
		.u-1024,
		.u-768
		.u-640,
		.u-384,
		br.o-1024,
		br.u-1024,
		br.u-768
		br.u-640,
		br.u-384 {
			display: none;
		}

		.u-512 {
			display: inline;
		}

		br.u-512 {
			display: block;
		}
	}

	@media all and (max-width: 383px) {

		.o-1024,
		.u-1024,
		.u-640,
		.u-512,
		.u-768,
		br.o-1024,
		br.u-1024,
		br.u-640,
		br.u-512,
		br.u-768 {
			display: none;
		}

		.u-384 {
			display: inline;
		}

		br.u-384 {
			display: block;
		}
	}

/******************** DEFAULTS END ********************/

/******************** PAGE STYLE START ********************/

/* COMMON */

	button,
	.button {
		border-radius: 100px;
		color: white;
	}

	button:not(.key):not(.bg-gradient-red):not(.bg-gradient-blue):not(.bg-gradient-green):not(.bg-gradient-smoke),
	.button:not(.bg-gradient-red):not(.bg-gradient-blue):not(.bg-gradient-green):not(.bg-gradient-smoke) {
		background: #555;
	}

	hr {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 2px solid #ddd;
	}

	table.style1,
	table.style2 {
		width: 100%;
		border-spacing: none;
		border-collapse: collapse;
		padding: 0;
	}

	table.style1 tr:nth-child(odd) {
		background-color: rgba(0,0,0,.05);
	}

	table.style2 thead tr,
	table.style2 tbody tr:nth-child(even) {
		background-color: rgba(0,0,0,.05);
	}

	table.style1 td,
	table.style2 td,
	table.style2 th {
		vertical-align: middle;
		padding: 2rem;
	}

	table.style1 tr td:first-child,
	table.style2 tr td:first-child,
	table.style2 tr th:first-child {
		text-align: left;
		width: 25%;
	}

	table.style2 thead td,
	table.style2 thead th {
		vertical-align: bottom;
		font-weight: 500;
	}

	table.style3 thead tr,
	table.style3 tbody tr,
	table.style3 tr {
		background: none !important;
	}

	table.style3 th {
		padding: 0 2rem 1rem 2rem !important;
	}

	table.style3 td {
		padding: 1rem 2rem 0 2rem !important;
	}

	table.style3 th,
	table.style3 td {
		white-space: nowrap;
		width: auto !important;
	}

	table.style3 tr th {
		border-bottom: 1px solid #bbb;
	}


/* FONTS */

	#pricing .buynow,
	#order-modal-window .item span,
	#order-modal-window .price,
	#order-modal-window .recommended,
	#main-menu #menu-brand,
	#main-menu ul ul li,
	#compare-licenses th span,
	#compare-licenses tr td:first-child,
	.refund th,
	#main-menu #menu-buynow {
		font-weight: 500;
	}

	#pricing .buynow,
	#compare-licenses .buynow {
		font-weight: 700;
	}

/* ARROW */

	#main-menu ul ul:after,
	#platforms .card.selected:after {
		content: '';
		width: 20px;
		height: 20px;
		position: absolute;
		left: 50%;
	}

/* KREATURA MODAL WINDOW */

	.kmw-modal-container {
		font-size: 20px;
	}

	.kmw-modal {
		border-radius: 16px;
		box-shadow: 0px 10px 100px rgba(0, 0, 0, 0.5);
	}

	.kmw-modal-container h4 {
		margin-bottom: 1em;
		text-transform: uppercase;
	}

	.kmw-modal-container .spacer {
		width: 6rem;
		height: 0.4rem;
		display: block;
		margin: 0 auto 1.5em auto;
		border-radius: 10px;
	}

	#order-modal-window .item {
		width: calc( 100% - 60px );
		float: left;
	}

	#order-modal-window .item .item-plus {
		font-weight: 400;
		color: #777;
	}

	#order-modal-window .price {
		width: 60px;
		float: right;
		text-align: right;
	}

	#order-modal-window hr {
		margin: 1.5em auto;
	}

	#order-modal-window label {
		cursor: pointer;
	}

	#order-modal-window label span.checkbox {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%) translateZ(0);
	}

	#order-modal-window label span.checkbox i {
		font-size: 2.5rem;
		color: #777;
	}

	#order-modal-window label span.checkbox i:last-child {
		display: none;
	}

	#order-modal-window input[type=checkbox] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 0;
		height: 0;
	}

	#order-modal-window input[type=checkbox]:checked ~ span.checkbox i:first-child {
		display: none;
	}

	#order-modal-window input[type=checkbox]:checked ~ span.checkbox i:last-child {
		display: inline;
	}

	#order-modal-window .offers {
		margin-top: 2em;
		padding-top: 2em;
		position: relative;
	}

	#order-modal-window .offers:before {
		content: '';
		position: absolute;
		top: 0;
		width: 100%;
		height: 0;
		border-top: 2px solid #bbb;
		transform: translateY(-50%);
	}

	#order-modal-window .offers:after {
		content: 'Extend your order';
		text-transform: uppercase;
		color: #555;
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 1;
		transform: translate(-50%, -50%);
		padding: 0 1em;
		background: white;
	}

	#order-modal-window label,
	#order-modal-window .support-plus {
		padding-left: 3.5rem;
		position: relative;
		box-sizing: border-box;
		display: block;
	}

	#order-modal-window label {
		display: inline-block;
	}

	#order-modal-window .support-plus {
		color: #777;
		padding-bottom: 1.4em;
	}

	#order-modal-window .support-plus:last-child {
		padding-bottom: 2em;
	}

	#order-modal-window .recommended {
		color: white;
		vetical-align: baseline;
		padding: .2em .4em;
		border-radius: 4px;
		text-transform: uppercase;
		font-size: .8em;
		display: inline-block;
	}

	.kmw-modal-container button,
	.kmw-modal-container .button {
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		font-size: .8em;
		display: block;
		padding: 1em 2em;
		width: 45%;
		min-width: 140px !important;
		cursor: pointer;
	}

	#after-purchase-modal .kmw-modal-content p:not(:last-child) {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

/* PARALLAX */

	.parallax {
		width: 100%;
		height: 100%;
		position: absolute;
		pointer-events: none;
		z-index: -1;
		top: 0;
		left: 0;
	}

	.parallax-element {
		position: absolute;
	}

	.parallax-bg-element {
		width: 100%;
		height: 100%;
		background-size: 100%;
		background-position: center 0;
		transition: background-position 20s ease-in-out;
		position: absolute;
		left: 0;
		top: 0;
		opacity: .5;
	}

	#bg-geometric-1 {
		background-image: url(img/bg-geometric-1.png);
	}

	#bg-geometric-2 {
		background-image: url(img/bg-geometric-2.png);
	}

/* ACCORDION */

	.accordion-holder h5 {
		text-transform: uppercase;
		font-size: 1.5em;
		color: #555;
	}

	.accordion-holder ul {
		list-style: none;
	}

	.accordion-holder ul li {
		position: relative;
		padding: 0 1.5em;
		text-align: left;
	}

	.accordion-trigger {
		color: #444;
		transition: color .3s ease-in-out;
		cursor: pointer;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select:none;
		-o-user-select:none;
		user-select:none;
	}

	.accordion-trigger .plus-icon {
		position: absolute;
		left: 0;
		top: 0.2em;
	}

	.accordion {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
	}

	.accordion-active {
		max-height: 1500px;
		opacity: 1;
	}

	.accordion-inner {
		color: #444;
		text-align: justify;
		font-size: 0.95em;
		padding: 2rem;
		background: rgba(220,220,220,0.5);
		border-radius: 1rem;
	}

	.accordion-holder ul ul li {
		padding: 0;
		margin-left: 1.5em;
	}

	.accordion-holder ul ul,
	.accordion-holder ul ul li {
		list-style: disc;
	}

	.accordion-trigger:hover {
		color: #5276e0;
	}

	.accordion-trigger:hover .plus-icon {
		background: #5276e0;
	}

	.accordion-li-active .plus-icon {
		transform: rotate(45deg);
	}

/* BODY, WRAPPERS */

	body {
		font-family: Poppins, sans-serif;
		line-height: 1.5;
		color: #222;
		background-color: #f7f7f7;
		position: relative;
		min-width: 300px;
	}

	#page-wrapper {
		width: 100%;
		min-height: 100vh;
		position: relative;
		overflow: hidden !important;
		box-sizing: border-box;
		padding-top: 7rem; /* height of the menu */
		padding-bottom: 20rem; /* height of the footer */
		z-index: 5;
	}

	.global-padding {
		padding: 0 2rem;
	}

	section {
		max-width: 1100px;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
	}

/* BODY, WRAPPERS | STYLES */

	body.theme-dark {
		background-color: rgb(3, 18, 29);
		color: #bbb;
	}

	body.theme-dark .parallax,
	body.home .parallax,
	body.single-post .parallax {
		display: none;
	}

	body.home #page-wrapper {
		padding-top: 0;
		padding-bottom: 20rem;
	}

	body.menu-popups #page-wrapper {
		padding-top: 0;
	}

	body.home #page-wrapper section:first-child {
		margin-top: 0;
	}

/* MAIN MENU */

	#main-menu-wrapper {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		transition: transform .2s ease;
		perspective: 1000px;
		pointer-events: none;
		z-index: 50;
	}

	#mobile-menu-button {
		width: 5rem;
		height: 5rem;
		position: fixed;
		top: 2rem;
		right: 2rem;
		z-index: 101;
		border-radius: 100%;
		background-color: rgba(0,0,0,.75);
		transition: all .35s ease-in;
		pointer-events: auto;
		color: white;
		text-align: center;
		line-height: 5rem;
		font-size: 3rem;
		display: none;
	}

	.hamburger {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 3rem;
	}

	.hamburger-inner,
	.hamburger:before,
	.hamburger:after {
		width: 100%;
		height: 4px;
		border-radius: 1rem;
		background: rgba(255,255,255,.85);
		position: absolute;
	}

	.hamburger:before,
	.hamburger:after {
		display: block;
		content: '';
	}

	.hamburger-inner,
	.hamburger:before,
	.hamburger:after {
		top: 50%;
		left: 0;
		margin-top: -2px;
		transition: all 0.3s ease-in-out;
	}

	.hamburger:before {
		transform: translateY(-0.9rem);
	}

	.hamburger:after {
		transform: translateY(0.9rem);
	}

	.mobile-menu-opened .hamburger:before {
		transform: rotate(-45deg);
	}

	.mobile-menu-opened .hamburger:after {
		transform: rotate(45deg);
	}

	.mobile-menu-opened .hamburger-inner {
		transform: scaleX(0);
	}

	.mobile-menu-opened .hamburger:before,
	.mobile-menu-opened .hamburger:after,
	.mobile-menu-opened .hamburger-inner {
		background: rgba(255,255,255,.85) !important;
	}

	#main-menu {
		position: absolute;
		top: 0;
		width: 100%;
		height: 7rem;
		line-height: 7.3rem;
		box-sizing: border-box;
		pointer-events: auto;
	}

	#main-menu > ul {
		height: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0 2rem;
		max-width: 100%;
		background-color: transparent;
		box-shadow: none;
		transition: background-color 0.3s ease-in-out;
		padding: 0;
	}

	#main-menu ul,
	#main-menu li {
		list-style: none;
	}

	#main-menu li {
		text-align: left;
		padding: 0;
	}

	#main-menu > ul > li {
		display: inline-block;
		margin: 0 auto;
		font-size: 1.1em;
		position: relative;
		font-weight: 400;
		height: 100%;
	}

	#main-menu > ul > li,
	#main-menu > ul > li a {
		height: inherit;
		line-height: inherit;
	}

	#main-menu .submenu {
		padding-top: 1rem;
		visibility: hidden;
		position: absolute;
		min-width: 100%;
		top: 100%;
		left: 50%;
		transform: translateX(-50%) translateZ(0);
		transition: visibility 0s ease-in-out 0.3s;
		z-index: 100;
		perspective: 600px;
	}

	#main-menu ul ul {
		background-color: #f35959;
		box-shadow: 0px 15px 65px rgba(0, 0, 0, 0.2);
		border-radius: 20px;
		transition: all 0.3s ease-in-out;
		transform: scale(1.1,1.1) rotateX(15deg) translateY(30px) translateZ(0);
		transform-origin: 50% 0;
		opacity: 0;
		padding: 1rem;
		line-height: 2.2rem;
	}

	#main-menu ul ul:after {
		transform: translateX(-50%) translateY(-25%) rotate(45deg) translateZ(0);
		background-color: #f35959;
		top: 1px;
	}

	#main-menu ul ul li {
		white-space: nowrap;
		font-size: 0.91em;
		font-weight: 400;
	}

	#main-menu li:hover .submenu {
		visibility: visible;
		transition: none;
	}

	#main-menu li:hover .submenu ul {
		opacity: 1;
		transform: scale(1,1) rotateX(0deg) translateY(0) translateZ(0);
	}

	#main-menu a {
		padding: 0 2rem;
	}

	#main-menu #menu-brand {
		font-size: 1.3em;
		box-sizing: border-box;
	}

	#main-menu #menu-buynow {
		font-size: 1em;
		z-index: 1;
		margin: 0 2rem;
	}

	#main-menu #menu-buynow a {
		padding: 0 3rem;
		color: white !important;
	}

	#menu-logo a {
		padding: 0;
	}

	#menu-logo {
		display: none !important;
	}

	#main-menu #menu-buynow:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 60%;
		top: 50%;
		transform: translateY(-50%) translateZ(0);
		z-index: -1;
		border-radius: 50px;
		background-color: #f35959;
		box-sizing: border-box;
	}

	#main-menu a {
		transition: color 0.25s ease-in-out;
		font-weight: inherit;
		text-decoration: none;
		display: inline-block;
	}

	#main-menu ul ul li a {
		padding: 1rem;
		text-transform: none;
		width: 100%;
		color: rgba(255,255,255,0.9) !important;
	}

	#main-menu ul ul li:hover a {
		color: white !important;
	}

	#main-menu .active {
		cursor: default;
	}

	/* MENU TRANSFORMS & TRANSITIONS */

	#main-menu,
	#main-menu ul,
	#main-menu > ul li > a,
	#main-menu > ul li.active a,
	#main-menu #menu-buynow:before,
	#main-menu #menu-brand {
		/* transition: all .3s ease; */
	}

	body.scroll.menu-float #main-menu {
		padding: 0 1rem;
	}

	body.scroll.menu-float #main-menu > ul {
		transform: translateY(2rem) translateZ(0);
		max-width: 1200px;
		box-shadow: 0px 10px 65px -10px rgba(0, 0, 0, 0.35);
		padding-right: 1.5rem;
		border-radius: 100px;
	}

	body.scroll.menu-float #main-menu #menu-brand {
		font-size: 1.2em;
		padding-left: 1rem;
	}

	/* MENU STYLES */

	/* DEFAULT */
		body:not(.menu-transparent) #main-menu > ul {
			background-color: rgba(247,247,247,0.9);
		}

		#main-menu > ul > li > a {
			color: #555;
		}

		body.scroll.menu-float #main-menu > ul {
			background-color: rgba(255,255,255,0.97);
		}

		#main-menu > ul li:hover > a,
		#main-menu > ul li.active a {
			color: #f35959;
		}

	/* BRIGHT TO DARK */
		body.menu-bright-to-dark #main-menu > ul > li > a {
			color: #555;
		}

		body.menu-bright-to-dark #main-menu > ul li:hover > a,
		body.menu-bright-to-dark #main-menu > ul li.active a {
			color: #f35959;
		}

		body.scroll.menu-float.menu-bright-to-dark #main-menu > ul {
			background-color: rgba(40,40,40,.95);
		}

		body.scroll.menu-float.menu-bright-to-dark #main-menu > ul > li > a {
			color: rgba(255,255,255,.75);
		}

		body.scroll.menu-float.menu-bright-to-dark #main-menu > ul li:hover > a,
		body.scroll.menu-float.menu-bright-to-dark #main-menu > ul li.active a {
			color: white;
		}

	/* BRIGHT */
		body:not(.menu-transparent).menu-bright #main-menu > ul {
			background-color: rgba(247,247,247,0.9);
		}

		body.menu-bright #main-menu > ul > li > a {
			color: #555;
		}

		body.scroll.menu-float.menu-bright #main-menu > ul {
			background-color: rgba(255,255,255,0.97);
		}

		body.menu-bright #main-menu > ul li:hover > a,
		body.menu-bright #main-menu > ul li.active a {
			color: #f35959;
		}

		.mobile-menu-bright #mobile-menu-button {
			background-color: rgba(255,255,255,.75);
			box-shadow: 0 0 2rem rgba(0,0,0,.25);
		}

		.mobile-menu-bright .hamburger-inner,
		.mobile-menu-bright .hamburger:before,
		.mobile-menu-bright .hamburger:after {
			background-color: rgba(0,0,0,.75);
		}

	/* DARK */
		body.menu-dark #menu-brand,
		body.menu-dark #menu-brand a {
			color: #ff4f60;
		}

/*		.menu-dark #main-menu ul ul,
		.menu-dark #main-menu ul ul:after,
		.menu-dark #main-menu #menu-buynow:before {
			background-color: #ff4f60;
		}

		.menu-dark #main-menu #menu-buynow:hover:before {
			background-color: #f35959;
		}
*/
		body:not(.menu-transparent).menu-dark #main-menu > ul {
			background-color: rgba(10,10,10,0.9);
		}

		body.scroll.menu-float.menu-dark #main-menu > ul {
			background-color: rgba(10,10,10,0.9);
		}

		body.menu-dark #main-menu > ul > li > a {
			color: rgba(255,255,255,.75);
		}

		body.menu-dark #main-menu > ul li:hover > a,
		body.menu-dark #main-menu > ul li.active a {
			color: white;
		}

		body.scroll.menu-dark #main-menu > ul {
			background-color: rgba(255,255,255,.75);
		}

		body:not(.page-template-page-premium):not(.page-template-page-popups):not(.page-template-page-revisions).scroll.menu-dark #main-menu > ul > li > a {
			color: rgba(0,0,0,.75);
		}

	/* POPUPS */
		body:not(.scroll).menu-popups #menu-brand,
		body:not(.scroll).menu-popups #menu-brand a,
		body:not(.scroll).menu-popups #main-menu > ul > li > a {
			color: #f7f7f7 !important;
		}

		body:not(.scroll).menu-popups #main-menu #menu-buynow:before {
			background: #f7f7f7;
		}

		body:not(.scroll).menu-popups #main-menu #menu-buynow a {
			color: #f35959 !important;
		}

		body.scroll.menu-popups #main-menu > ul {
			background-color: rgba(255,255,255,0.9);
		}

	/* CUSTOM */

		body:not(.menu-transparent).menu-dark.page-template-page-premium #main-menu > ul,
		body.scroll.menu-float.menu-dark.page-template-page-premium #main-menu > ul,
		body:not(.menu-transparent).menu-dark.page-template-page-popups #main-menu > ul,
		body.scroll.menu-float.menu-dark.page-template-page-popups #main-menu > ul,
		body:not(.menu-transparent).menu-dark.page-template-page-revisions #main-menu > ul,
		body.scroll.menu-float.menu-dark.page-template-page-revisions #main-menu > ul  {
			background-color: rgba(3, 18, 29, 0.9);
		}

		body.scroll.menu-dark.leaving-envato #main-menu > ul {
			background-color: rgba(11, 62, 75, 0.9);
		}

		body.scroll.menu-dark.leaving-envato #main-menu > ul > li:not(#menu-brand):not(#menu-buynow) > a {
			color: rgba(255,255,255,.75) !important;
		}

		.menu-nobuy #menu-logo,
		.menu-nobuy #menu-brand,
		.menu-nobuy #menu-buynow {
			display: none !important;
		}

		#main-menu ul:before {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: -1;

		}

/* HEADER */

	 {
		text-align: center;
		color: #374149;
		line-height: 1.2;
		font-weight: 300;
	}

/* HEADER, SECTIONS */

	header,
	section {
		font-size: inherit;
	}

	header > h1,
	section > h1,
	header > h2,
	section > h2,
	header h3,
	section > h3,
	header > h4,
	section > h4,
	header > h5,
	section > h5 {
		text-align: center;
		line-height: 1.2;
	}

	header > h1,
	section > h1,
	header > h2,
	section > h2,
	header h3,
	section > h3,
	header h4,
	section > h4 {
		color: #374149;
		font-weight: 300;
	}

	header > h5,
	section > h5 {
		color: #777;
	}

	header .main {
		text-align: justify;
		font-size: 1.2em;
		color: #444;
	}

/* HEADER, SECTIONS | STYLES */

	body.theme-dark header > h1,
	body.theme-dark section > h1,
	body.theme-dark header > h2,
	body.theme-dark section > h2,
	body.theme-dark header h3,
	body.theme-dark section > h3,
	body.theme-dark header h4,
	body.theme-dark section > h4 {
		color: rgba(255,255,255,.85);
	}

	body.theme-dark header > h5,
	body.theme-dark section > h5 {
		color: rgba(255,255,255,.5);
	}

	body.theme-dark header .main {
		color: rgba(255,255,255,.75);
	}

/* FOOTER */

	footer {
		color: rgba(255,255,255,.85);
		background-color: rgba(44,63,97,.85);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 18rem;
		text-align: center;
		overflow: hidden;
	}

	footer .motivation {
		height: 12rem;
		line-height: 4.5rem;
		padding: 2rem;
		box-sizing: border-box;
	}

	footer .motivation p {
		font-size: 1.8rem;
	}

	footer button,
	footer .button {
		background: transparent !important;
		border: 2px solid rgba(255,255,255,.85);
		padding: 0.25rem 2.25rem;
		margin-left: 2rem;
		transition: all .2s ease-in-out;
		text-transform: uppercase;
	}

	footer button:hover,
	footer .button:hover {
		background: rgba(255,255,255,.85) !important;
		color: rgba(0,0,0,.85) !important;
	}

	footer .buynow.codecanyon {
		display: none;
	}

	footer .icons {
		height: 6rem;
		line-height: 6rem;
		box-sizing: border-box;
		padding: 0 2rem;
		background: rgba(44,63,97,1);
	}

	footer .icons-inner {
		height: 4rem;
		display: inline-block;
		text-align: right;
		line-height: 4rem;
		width: 100%;
		max-width: 1100px;
		box-sizing: border-box;
	}

	footer .icon-holder {
		width: auto;
		height: 4rem;
		line-height: 4rem;
		margin-left: 1rem;
		position: relative;
	}

	footer .icons-inner span {
		font-size: 0.8em;
		color: rgba(255,255,255,.65);
		font-weight: 300;
		transition: all .3s ease-in-out;
	}

	footer .icon {
		width: 4rem;
		height: 4rem;
		background-color: rgba(255,255,255,.2);
		color: white;
		font-size: 1.6rem;
		transition: background-color .3s ease-in-out;
	}

	footer .icon-holder:hover .icon {
		background-color: rgba(255,255,255,.35);
	}

	footer .icon-holder span {
		position: absolute;
		display: block;
		padding: 0.6rem 1.4rem;
		background: white;
		bottom: 125%;
		left: 50%;
		transform: translateY(-10px) translateX(-50%);
		height: auto;
		white-space: nowrap;
		color: #333;
		line-height: 1rem;
		font-size: 1.4rem;
		border-radius: 2rem;
		opacity: 0;
		pointer-events: none;
		box-sizing: border-box;
	}

	footer .icon-holder:hover span {
		transform: translateY(0) translateX(-50%);
		opacity: .75;
	}

	footer .copyright {
		float: left;
	}

	body.no-footer #page-wrapper {
		padding-bottom: 0 !important;
	}

	body.no-footer footer {
		display: none !important;
	}

/* SOCIAL BUTTONS */

	.social i {
		margin: 0 1rem;
		color: rgba(255,255,255,.75);
		transition: color .2s ease-in-out;
	}

	.social i:hover {
		color: rgba(255,255,255,95);
	}

/* PLATFORM */

	#platforms {
		text-align: center;
	}

	#platforms .cards {
		font-size: 0;
		margin: 0 auto;
	}

	#platforms .card {
		width: 20rem;
		position: relative;
		display: inline-block;
		margin: 1.5rem;
		background: #e7e7e7;
		background: rgb(231,231,231);
		background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(247,247,247,1) 50%, rgba(231,231,231,1) 100%);
		background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(247,247,247,1) 50%,rgba(231,231,231,1) 100%);
		background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(247,247,247,1) 50%,rgba(231,231,231,1) 100%);
		border-radius: 16px;
		opacity: .45;
		transition: opacity .2s ease-in-out;
		border-radius: 1.6rem;
	}

	#platforms .card:hover {
		opacity: 1;
	}

	#platforms .card.selected {
		opacity: 1;
		background: white;
		box-shadow: 0 10px 40px rgba(0,0,0,.15);
		position: relative;
		z-index: 1;
	}

	#platforms .card.selected:after {
		transform: translateX(-50%) translateY(50%) rotate(45deg) translateZ(0);
		background-color: white;
		bottom: 1px;
	}

	#platforms .cards a.inner {
		display: block !important;
		width: 100%;
		padding-bottom: 60.8%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	#platforms .wordpress a {
		background-image: url(img/p-wordpress.png);
	}

	#platforms .joomla a {
		background-image: url(img/p-joomla.png);
	}

	#platforms .jquery a {
		background-image: url(img/p-jquery.png);
	}

	#platforms .magento a {
		background-image: url(img/p-magento.png);
	}

/* PRICING */

	#pricing {
		max-width: 1280px;
		text-align: center;
	}

	#pricing .cards {
		font-size: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	#pricing .card {
		background-color: white;
		border-radius: 16px;
		box-shadow: 0 20px 50px rgba(0,0,0,.15);
		transition: transform .3s ease-in-out;
		display: inline-block;
		width: 30%;
		max-width: 34rem;
		min-width: 28rem;
		margin: 0 1rem 4rem 1rem;
		text-align: center;
		cursor: default;
		transform: scale(1.000001) translateZ(0);
		height: 47rem;
	}

	#pricing .card.save:after {
		content: '';
		position: absolute;
		left: -3rem;
		top: 8rem;
		width: 9.6rem;
		height: 0;
		border-bottom: 3rem solid #999;
		border-left: 3rem solid transparent;
		border-right: 3rem solid transparent;
		transform: rotate(-45deg);
		transform-origin: 0 0;
		z-index: 2;
	}

	#pricing .card.save:before {
		z-index: 1;
		content: '';
		width: 0.8rem;
		height: 4.3rem;
		position: absolute;
		left: -0.8rem;
		top: 5.9rem;
		background: #555;
	}

	#pricing .card.save h4:before {
		z-index: 1;
		content: '';
		width: 4.3rem;
		height: 0.8rem;
		position: absolute;
		left: 5.9rem;
		top: -0.8rem;
		background: #555;
	}

	#pricing .card.save .save-text {
		line-height: 3rem;
		color: white;
		font-size: 1.75rem;
		text-transform: uppercase;
		position: absolute;
		z-index: 3;
		font-weight: 600;
		text-align: center;
		left: 0;
		top: 0;
		left: 2.6rem;
		top: 2.6rem;
		transform-origin: 50% top;
		transform: translateX(-50%) rotate(-45deg);

	}

	#pricing .card:hover {
		transform: scale(1.1) translateZ(0);
		z-index: 1;
	}

	#pricing .license-type {
		font-size: 1.6rem;
		padding-top: 2rem;
		text-transform: uppercase;
		color: #444;
	}

	#pricing .spacer {
		width: 6rem;
		height: 0.4rem;
		display: block;
		margin: 2rem auto 0 auto;
		transition: width .3s ease-in-out;
		border-radius: 10px;
	}

	#pricing .currency {
		line-height: 1;
		display: inline-block;
		position: relative;
	}

	#pricing .current-price-container {
		margin-top: 2.5rem;
		margin-bottom: .5rem;
	}

		#pricing .current-price-container .currency {
			color: #555;
			font-size: 5rem;
			vertical-align: top;
			top: 0.1rem;
		}

		#pricing .price {
			line-height: 1;
			display: inline-block;
			color: #444;
			position: relative;
		}

	#pricing .original-price-container {
		position: relative;
		height: 3rem;
		line-height: 3rem;
		margin-top: 2.5rem;
		display: none;
		border-radius: 5rem;
		padding: .3rem 1.5rem;
		background: #ddd;
		color: #999;
		font-weight: 500;
	}

		#pricing .original-price-container:after {
			content: '';
			position: absolute;
			width: 130%;
			height: 2px;
			border-radius: 3px;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%) rotate(-15deg);
			background: white;
			opacity: .8;
		}

	#pricing.sale .card {
		height: 50rem;
	}

	#pricing.sale .original-price-container {
		display: inline-block;
	}

	#pricing.sale .current-price-container {
		margin-top: 0;
	}

	#pricing .description {
		display: block;
		color: #555;
		position: relative;
		z-index: 2;
	}

	#pricing .features {
		list-style: none;
		margin-top: 2rem;
		line-height: 2.6rem;
	}

	#pricing .more {
		font-size: 2rem;
		display: inline-block;
		position: absolute;
		text-align: center;
		color: rgba(77,94,107,0.9);
		bottom: 8.5rem;
		left: 50%;
		transform: translateX(-50%);
	}

	#pricing .more .plus-icon {
		margin-right: .6rem;
		color: inherit;
		background: rgba(77,94,107,0.9);
		vertical-align: middle;
	}

	#pricing .more,
	#pricing .more .plus-icon {
		transition: all .3s ease-in-out;
	}

	#pricing .more:hover {
		color: #222;
	}

	#pricing .more:hover .plus-icon {
		background: #222;
	}

	#pricing .more:hover .plus-icon {
		transform: translateZ(0) rotate(180deg);
	}

	#pricing .buynow {
		color: white;
		background-size: 100% 100%;
		background-position: left;
		transition: background-size .5s ease-in-out;
		border-radius: 0;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		border: none;
		text-transform: uppercase;
		display: block;
		width: 100%;
		text-align: center;
		cursor: pointer;
		margin-top: 3rem;
		padding: 2rem;
		position: absolute;
		bottom: 0;
	}

	#pricing h5 {
		width: 100%;
		text-align: center;
	}

	#pricing > small {
		display: block;
		font-size: 1.7rem;
		color: #777;
		width: 99%;
	}

	#pricing .card:hover .buynow {
		background-size: 300% 100%;
	}

	#pricing .card:hover .spacer {
		width: 12rem;
	}

	.open-in-stock-modal i {
		transition: color .1s ease-in-out;
	}

	.open-in-stock-modal:hover i {
		color: #f35959;
	}

	.license-key {
		color: #ff4f60;
		border: 2px solid #ff4f60;
		border-radius: 1rem;
		padding: 1rem 2rem;
		margin: 1rem 0;
		display: inline-block;
	}

/* LICENSE DETAILS */

	.go-to-faq {
		margin-bottom: 10rem;
		margin-top: -2rem;
	}

	.go-to-faq .button {
		font-size: 0.8em;
		padding: 0.8rem 3rem;
		display: inline-block;
	}

/* COMPARE LICENSES */

	#compare-licenses table {
		width: 100%;
		border-spacing: none;
		border-collapse: collapse;
		padding: 0;
	}

	#compare-licenses tr:nth-child(even) {
		background-color: rgba(0,0,0,.05);
	}

	#compare-licenses td {
		text-align: center;
		vertical-align: middle;
		padding: 1.5rem;
	}

	#compare-licenses th {
		vertical-align: top;
		text-align: center;
	}

	#compare-licenses th b {
		font-weight: 500 !important;
	}


	#compare-licenses th h3 {
		padding: 1rem 0;
		color: #444;
		text-align: center;
	}

	#compare-licenses th h3:before {
		content: '$';
	}

	#compare-licenses tr td:first-child {
		text-align: left;
	}

	#compare-licenses td i {
		font-size: 2rem;
	}

	#compare-licenses td i.fa-check-circle {
		color: #8adc32;
	}

	#compare-licenses td i.fa-times-circle {
		color: #999;
	}

	#compare-licenses .buynow {
		color: white;
		background-size: 100% 100%;
		background-position: left;
		transition: background-size .5s ease-in-out;
		border-radius: 30px;
		border: none;
		text-transform: uppercase;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		padding: 1rem 3rem;
		font-size: 1.5rem;
	}

	#compare-licenses .buynow:hover {
		background-size: 300% 100%;
	}

	.select-wrapper {
		position: relative;
		display: inline-block;
	}

	.volume-license-select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		background: rgba(255,255,255,.4);
		outline: none;
		box-shadow: none;
		border: 2px solid rgba(0,0,0,.2);
		width: 7rem;
		padding-left: 1rem;
		padding-right: 2rem;
		border-radius: 5rem;
		box-sizing: border-box;
		height: 2.8rem;
		transition: border-color .3s ease-in-out;
	}

	.select-wrapper .fas {
		position: absolute;
		display: block;
		right: 0.6rem;
		top: 50%;
		transform: translateY(-55%);
		pointer-events: none;
		color: #ccc;
		font-size: 0.85em;
		transition: color .3s ease-in-out;
	}

	.select-wrapper:hover .volume-license-select {
		border-color: rgba(0,0,0,.5);
	}

	.select-wrapper:hover .fas {
		color: #999;
	}

/* TAG LIST */

	.slider-tags-list {
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3rem;
		text-align: center;
	}

	.slider-tags-list li {
		display: inline-block;
		margin: 0 0.6rem 1rem 0;
		font-size: .8em;
		padding: 0 2rem;
		color: #777;
		border-radius: 2rem;
		height: 3rem;
		line-height: 3.2rem;
		border: 2px solid #bbb;
	}
	.theme-dark .slider-tags-list li {
		border: none;
		background-color: #333;
		color: #888;
	}

/* SLIDER TEMPLATE */

	body.page-template-page-template {
		background: white;
	}

	body.black-bg {
		background: black;
	}

	body.page-template-page-template .parallax,
	body.page-template-page-template #main-menu,
	body.page-template-page-template #mobile-menu-button {
		display: none;
	}

	body.page-template-page-template #page-wrapper {
		padding-top: 0; /* height of the menu */
		padding-bottom: 20rem; /* height of the footer */
	}

	#slider-template {
		margin-top: 0;
	}

	.nosticky #template-menu {
		position: absolute;
	}

	.nomargin #slider-template {
		max-width: none !important;
		width: 100vw;
		margin-left: -2rem;

	}

	#slider-template > .ls-container:first-child:not(.ls-fullsize):not(.ls-fullwidth),
	body:not(.nomargin) #slider-template .ls-fullscreen-wrapper:first-of-type .ls-container:not(.ls-fullsize):not(.ls-fullwidth),
	#slider-template > h3:first-child {
		margin-top: 4rem !important;
	}

	body.page-template-page-template .global-padding section > h3,
	body.page-template-page-template .global-padding section > p,
	body.page-template-page-template .global-padding section > .slider-tags-list {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}

	#slider-template button {
		display: block;
		margin: 4rem auto;
		padding: 1rem 3rem;
		font-size: 1em;
		background: #999;
		transition: background 0.3s ease-in-out;
	}

	#slider-template button:hover {
		background: #f35959;
	}

	#template-menu {
		width: 100%;
		height: 5rem;
		line-height: 5rem;
		box-sizing: border-box;
		z-index: 10;
		background: rgba(44,63,97,.85);
		display: none;
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		transform: translateY(-100%);
		transition: all 0.5s ease-in-out;
	}

	#template-menu .inner {
		overflow: hidden;
	}

	body.page-template-page-template #template-menu {
		display: block;
	}

	body.page-template-page-template.show-template-menu #template-menu {
		transform: translateY(0);
	}

	body.page-template-page-template.hide-template-menu #template-menu {
		transform: translateY(-100%);
		margin-top: -5rem;
	}


	#template-menu table {
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}

	#template-menu td {
		padding: 0 2rem;
		vertical-align: top;
		height: 5rem;
	}

	#template-menu td.text-left,
	#template-menu td.text-right {
		white-space: nowrap;
		width: 1px;
	}

	#template-menu td:first-child {
		padding-right: 0;
	}

	#template-menu td:last-child {
		padding-left: 0;
	}

	#template-menu td a {
		display: inline-block;
		height: inherit;
		line-height: inherit;
		font-size: inherit;
	}

	#template-menu span {
		font-size: 0.8em;
		color: rgba(255,255,255,.95);
	}

	#template-menu i {
		font-size: 1em;
		vertical-align: middle;
		color: rgba(255,255,255,.85);
	}

	#template-menu span,
	#template-menu i {
		transition: color 0.3s ease-in-out;
	}

	#template-menu a,
	#template-menu .close {
		cursor: pointer;
	}

	#template-menu td a:hover span,
	#template-menu td a:hover i,
	#template-menu td.close:hover span,
	#template-menu td.close:hover i {
		color: white;
	}

	#template-download-notice {
		padding-top: 4rem;
		margin-top: 4rem;
		position: relative;
	}

	#template-download-notice:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 2px;
		width: 10%;
		background: #ccc;
		border-radius: 1rem;
	}

	.parallax-city {
		max-width: 1200px;
		margin: 10rem auto;
	}


/* LEAVING ENVATO */

	body.leaving-envato {
		background-color: #0b3e4b;
	}

	body.leaving-envato section:not(.leaving-envato) {
		background-color: rgba(255,255,255,.9);
		border-radius: 2rem;
		padding: 10rem;
		box-sizing: border-box;
	}

	section.leaving-envato {
		max-width: 100%;
		margin-top: -7rem;
		margin-bottom: 5rem;
		padding: 10rem 10rem 0rem 10rem;
		position: relative;
	}

	section.leaving-envato .inner {
		margin: 0 auto;
	}

	section.leaving-envato header {
		position: relative;
		z-index: 1;
	}

	section.leaving-envato header main p {
		color: rgba(255,255,255,.75);
	}

	.happy-monster {
		background-image: url(img/happy-monster.png);
		background-size: cover;
	}

	.happy-monster:after {
		content: '';
		display: block;
		padding-bottom: 100%;
	}

	#message-monster {
		position: relative;
		max-width: 55rem;
		padding-top: 22rem;
	}

	#message-monster .happy-monster,
	#message-monster .message-bubble {
		position: absolute;
	}

	#message-monster .happy-monster {
		left: 0;
		bottom: 0;
	}

	#message-monster .message-bubble {
		top: 0;
		right: 0;
	}

	#message-monster .message-bubble span {
		display: block;
	}

	body.leaving-envato footer {
		background-color: rgba(255,255,255,.15);
	}

	body.leaving-envato footer .icons {
		background-color: rgba(0,0,0,.35);
	}

	#promo-details {
		color: rgba(255,255,255,.5);
		padding: 0 10rem;
		box-sizing: border-box;
		max-width: 1100px;
		margin-bottom: 2rem;
	}

	.earlybird span {
		opacity: .5 !important;
	}

	.earlybird:before {
		content: '';
		position: absolute;
		width: 86%;
		height: 4px;
		background: #e3547c;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(-16deg);
		z-index: 1;
	}

	.earlybird:after {
		content: 'OFFER EXPIRED';
		position: absolute;
		width: 100%;
		top: 0.5rem;
		left: 50%;
		transform: translateX(-50%);
		background: none;
		font-weight: 600;
		color: #e3547c;
	}

/* MARKETING */

	#spelling .col {
		text-align: center;
		color: #777;
		margin-top: 2rem;
	}

	#spelling .col i {
		font-size: 3rem;
	}

	#spelling .col p {
		font-size: 4rem;
		font-weight: 300;
	}

	.logos img {
		margin: 0 2rem;
		max-width: 200px !important;
		height: auto !important;
	}

	.banners a:after {
		content:  '';
		display: block;
	}

	.banners img {
		margin: 0 auto 2rem auto;
		max-width: 90% !important;
		width: 60rem !important;
		height: auto !important;
		border-radius: 0.5rem;
	}

	.logos img,
	.banners img {
		opacity: .9;
		transition: all .2s ease-in-out;
		transform-origin: 50% 0;
	}

	.logos img:hover,
	.banners img:hover {
		opacity: 1;
		transform: translateY(-1rem) scale(1.02);
	}

/* PRESS & MEDIA */

	.page-template-page-press section {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		max-width: 1280px;
	}

	.page-template-page-press section a {
		display: block;
		padding: 2rem 3rem;
		line-height: 0;
	}

	.page-template-page-press section a > * {
		opacity: .5;
		filter: grayscale(100%);
		transition:  all .2s ease-in-out;
	}

	.page-template-page-press section a:hover > * {
		opacity: 1;
		filter: grayscale(0);
		transform: scale(1.025);
	}

	.size-tiny img {
		height: 3rem;
	}

	.size-small img {
		height: 4rem;
	}

	.size-medium img {
		height: 5rem;
	}

	.size-large img {
		height: 6rem;
	}

/*
	#layerslider-press {
		overflow: hidden;
		position: relative;
	}

	#filter-layer {
		width: 5000px;
		height: 5000px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		pointer-events: none;
		z-index: 10;
		mix-blend-mode: saturation;
		background: rgb(247,247,247);
		background: radial-gradient(circle, rgba(247,247,247,0) 0%, rgba(247,247,247,0) 4%, rgba(247,247,247,1) 4%, rgba(247,247,247,1) 100%);
	}
*/

/* HOME */

.home .slider .ls-slidebar-container {
	position: absolute;
	width: 80%;
	left: 50%;
	transform: translate(-50%,-4rem);
	margin: 0;
}

.home .slider .ls-progressbar,
.home .slider .ls-slidebar-slider-container {
	position: absolute;
	left: 0;
	top: 0;
}

.home .slider .ls-slidebar,
.home .slider .ls-progressbar {
	border-radius: 2rem;
}

.home .slider .ls-progressbar {
	background: transparent !important;
	width: 0;
	height: 100%;
	z-index: 1;
}

.home .slider .ls-slidebar-slider-container {
	top: 50%;
	z-index: 2;
}

.home .slider .ls-slidebar {
	height: 1.4rem;
	position: relative;
	background: rgba(0,0,0,.1);
}

.home .slider .ls-slidebar-slider {
	position: static !important;
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #fff;
	border: 2px solid #ccc;
	box-sizing: border-box;
}



/* SLIDERS */

	/* Furniture Shop */

	.furniture-shop {
		max-width: 1220px;
		margin: 0 auto 6rem auto;
	}

	.furniture-shop .ls-container {
		box-shadow: 0 2rem 8rem rgba(0,0,0,.1);
		margin-top: 0 !important;
		border-radius: 6px !important;
		overflow: hidden !important;
	}

	.furniture-shop .col {
		padding: 4rem 2rem 0 2rem;
	}

	@media (max-width: 1280px) {

		.furniture-shop .col {
			padding: 3rem 1.5rem 0 1.5rem;
		}
	}

	@media (max-width: 1023px) {

		.furniture-shop  .cols-2 {
			display: block;
		}

		.furniture-shop .cols-2 .col {
			width: 100% !important;
		}
	}

	@media (max-width: 767px) {

		.furniture-shop .cols-3 .col {
			width: 100% !important;
		}
	}



/* CodeCanyon special landing page */

.codecanyon-preview #mobile-menu-button,
.codecanyon-preview #main-menu li:not(#menu-logo):not(#menu-brand),
.codecanyon-preview footer .button.explore,
.codecanyon-preview footer .button.buynow:not(.codecanyon),
.codecanyon-preview .ls-wp-container .ls-layer.ls-slider-button,
.codecanyon-preview .ls-wp-container .ls-layer.ls-slider-button + a.ls-layer-link {
	display: none !important;
}

.codecanyon-preview #main-menu li#menu-logo,
.codecanyon-preview #main-menu li#menu-brand {
	float: none !important;
	text-align: center !important;
}

.codecanyon-preview #main-menu {
	pointer-events: none;
}

.codecanyon-preview footer .button.codecanyon {
	display: inline !important;
}



/* OLD FEATURES */

main #home-features li {
	list-style: none !important;
}

main #home-features {
	font-size: 0.85em;
}
  main #home-why .sizer {
    cursor: pointer;
    max-width: 600px;
    padding: 30px 0;
    border-radius: 100px;
    background-image: url(/wp-content/themes/layerslider/img/bg-gradient.png);
    background-size: contain;
    background-position: center center;
    background-attachment: fixed; }
  main #home-why h2, main #home-why p {
    color: white;
    font-weight: 200; }
  main #home-features {
    margin-top: 100px; }
    main #home-features article {
      position: relative;
      text-align: center;
      padding-bottom: 150px; }
      main #home-features article .feature-list-wrapper,
      main #home-features article .feature-image {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 45%; }
      main #home-features article .feature-list-wrapper .border {
        position: absolute;
        width: 0.3rem;
        background: #e32d00;
        top: 0;
        height: 0;
        opacity: .35;
        border-radius: 2px; }
      main #home-features article .feature-transition-wrapper {
        position: absolute;
        visibility: hidden;
        top: 0 !important;
        width: 45%; }
        main #home-features article .feature-transition-wrapper .keep-aspect-ratio {
          width: 100%;
          position: relative; }
          main #home-features article .feature-transition-wrapper .keep-aspect-ratio .feature-transition {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
      main #home-features article#feature-animations .feature-image {
        width: 35%;
        padding-right: 10%; }
      main #home-features article#feature-optimization .feature-image,
      main #home-features article#feature-optimization .feature-transition-wrapper {
        width: 25%;
        padding-right: 20%; }
      main #home-features article#feature-optimization .feature-transition-wrapper {
        left: 55%; }
        main #home-features article#feature-optimization .feature-transition-wrapper .keep-aspect-ratio {
          padding-top: 141.4%; }
        main #home-features article#feature-optimization .feature-transition-wrapper ul {
          position: absolute;
          left: 20%;
          right: 20%;
          top: 20%;
          bottom: 20%; }
          main #home-features article#feature-optimization .feature-transition-wrapper ul li {
            position: relative;
            float: left;
            width: 10%;
            height: 100%;
            margin: 0 5%; }
            main #home-features article#feature-optimization .feature-transition-wrapper ul li div {
              position: absolute;
              left: 0px;
              bottom: 0px;
              width: 100%;
              height: 0%;
              background: #7fb704;
              border-radius: 2px; }
      main #home-features article#feature-optimization.from-right .feature-image,
      main #home-features article#feature-optimization.from-right .feature-transition-wrapper {
        width: 25%;
        padding-left: 20%;
        padding-right: 0; }
      main #home-features article#feature-optimization.from-right .feature-transition-wrapper {
        left: 0;
        padding-left: 15%;
        padding-right: 0; }
      main #home-features article#feature-support .feature-image,
      main #home-features article#feature-support .feature-transition-wrapper {
        width: 25%; }
      main #home-features article#feature-support .feature-image {
        padding: 0 15% 0 5%; }
      main #home-features article#feature-support .feature-transition-wrapper {
        padding-right: 20%;
        left: 55%;
        z-index: -1; }
        main #home-features article#feature-support .feature-transition-wrapper .keep-aspect-ratio {
          padding-top: 120.2%; }
        main #home-features article#feature-support .feature-transition-wrapper p {
          width: 28%;
          position: absolute;
          border-radius: 6rem;
          padding: 0 !important;
          left: 100%;
          top: 44%;
          opacity: 0; }
          main #home-features article#feature-support .feature-transition-wrapper p:before {
            content: '';
            display: block;
            width: 100%;
            padding-bottom: 100%; }
          main #home-features article#feature-support .feature-transition-wrapper p:after {
            content: '?';
            color: white;
            font-size: 360%;
            font-weight: 800;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height: inherit;
            text-align: center; }
          main #home-features article#feature-support .feature-transition-wrapper p:first-child {
            width: 33%;
            left: 0;
            top: 0; }
          main #home-features article#feature-support .feature-transition-wrapper p:last-child {
            width: 24%;
            top: auto;
            bottom: 0;
            left: 6%; }
      main #home-features article#feature-support.from-right .feature-image,
      main #home-features article#feature-support.from-right .feature-transition-wrapper {
        width: 25%; }
      main #home-features article#feature-support.from-right .feature-image {
        padding: 0 5% 0 15%; }
      main #home-features article#feature-support.from-right .feature-transition-wrapper {
        padding-left: 5%;
        left: 0; }
      main #home-features article#feature-templates .feature-image {
        border-radius: 5px; }
      main #home-features article#feature-templates .feature-transition-wrapper {
        left: 55%; }
        main #home-features article#feature-templates .feature-transition-wrapper .keep-aspect-ratio {
          padding-top: 56.25%; }
        main #home-features article#feature-templates .feature-transition-wrapper img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          border-radius: 5px;
          visibility: hidden; }
      main #home-features article#feature-dynamic .feature-image {
        width: 25%; }
      main #home-features article#feature-dynamic .feature-image {
        padding: 0 15% 0 5%; }
      main #home-features article#feature-dynamic.from-right .feature-image {
        padding: 0 5% 0 15%;
        margin-left: 5%;
        margin-right: 0; }
      main #home-features article.from-left > div {
        margin-right: 5%; }
      main #home-features article.from-left > img {
        margin-left: 5%; }
      main #home-features article.from-left .border {
        right: -5%; }
      main #home-features article.from-right > div {
        margin-left: 5%; }
      main #home-features article.from-right > img {
        margin-right: 5%; }
      main #home-features article.from-right .border {
        left: -5%; }
      main #home-features article h3 {
        text-transform: uppercase;
        letter-spacing: -1px;
        padding-top: 0;
        color: #e32d00; }
      main #home-features article h4 {
        font-weight: 200;
        margin-top: -5px;
        color: #333; }
      main #home-features article h5 {
        text-transform: uppercase;
        padding-top: 10px;
        color: #008cb8; }
      main #home-features article ul, main #home-features article li {
        font-weight: 200;
        color: #555; }
      main #home-features article.red h3 {
        color: #e32d00; }
      main #home-features article.red .border,
      main #home-features article.red .feature-transition-wrapper p {
        background: #e32d00; }
      main #home-features article.purple h3 {
        color: #780064; }
      main #home-features article.purple .border,
      main #home-features article.purple .feature-transition-wrapper p {
        background: #780064; }
      main #home-features article.green h3 {
        color: #7fb704; }
      main #home-features article.green .border,
      main #home-features article.green .feature-transition-wrapper p {
        background: #7fb704; }
      main #home-features article.blue h3 {
        color: #008cb8; }
      main #home-features article.blue .border,
      main #home-features article.blue .feature-transition-wrapper p {
        background: #008cb8; }
      main #home-features article.orange h3 {
        color: #ff6232; }
      main #home-features article.orange .border,
      main #home-features article.orange .feature-transition-wrapper p {
        background: #ff6232; }
      main #home-features article.yellow h3 {
        color: #e2b21e; }
      main #home-features article.yellow .border,
      main #home-features article.yellow .feature-transition-wrapper p {
        background: #e2b21e; }

	main #documentation {
		position: fixed;
		left: 0;
		top: 3.5em;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: white;
	}

	.admin-bar main #documentation {
		top: calc( 3.5em + 32px );
	}

	main #documentation iframe {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
	}

	.wpuf-theme-style {
		max-width: 80%;
		margin: 0 auto;
	}

	.wpuf-theme-style ul,
	.wpuf-theme-style li,
	.wpuf-theme-style li span {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}

	.wpuf-theme-style li {
		padding-bottom: 2rem !important;
	}

	.wpuf-theme-style .wpuf-label {
		margin-bottom: 0;
	}

	.wpuf-theme-style li label {
		font-weight: 300 !important;
	}

	.wpuf-theme-style #recaptcha {
		width: 304px;
		margin: 0 auto;
	}

	.wpuf-theme-style input {
		height: 40px;
		line-height: 40px;
	}

	.wpuf-theme-style .custom-select .wpuf-fields {
		position: relative;
		z-index: 1;
		text-align: center;
	}
	.wpuf-theme-style .custom-select .wpuf-fields:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.wpuf-theme-style input,
	.wpuf-theme-style textarea,
	.wpuf-theme-style .custom-select .wpuf-fields:before {
		border: 2px solid #ddd;
		box-sizing: border-box;
		border-radius: 0.6rem;
		width: 100%;
		background-color: white;
		color: #555;
	}

	.wpuf-theme-style .custom-select .wpuf-fields:before {
		height: 4rem;
	}

	.wpuf-theme-style select {
		width: 100%;
		width: calc( 100% - 1em );
		background: none;
		color: #777;
	}

	.wpuf-theme-style input,
	.wpuf-theme-style select {
		padding: 0 1em !important;
		height: 4rem;
		line-height: 4rem;
	}

	.wpuf-theme-style textarea {
		resize: vertical;
		height: 20rem;
		padding: 0.8em 1em !important;
	}

	.wpuf-theme-style .wpuf-submit {
		text-align: center;
	}

	ul.wpuf-form.form-label-above li .wpuf-label {
		margin: 0 !important;
	}
	.wpuf-theme-style .required {
		color: #ff4f60 !important;
	}

	.wpuf-theme-style input.weforms_submit_btn {
		width: auto;
		display: inline-block;
		padding: 0 60px;
		background: #229eff;
		color: white;
		text-transform: uppercase;
		border: 0 !important;
		font-weight: normal;
		border-radius: 100px !important;
		height: 46px;
		line-height: 46px;
		cursor: pointer;
		transition: background 0.2s ease-in-out;
		width: 20rem;
	}

	.wpuf-theme-style input.weforms_submit_btn:hover {
		background: #46baff;
	}

	.wpuf-theme-style input.weforms_submit_btn[disabled] {
		background: #bbb;
		cursor: default;
	}

	.wpuf-success {
		border: 0 !important;
		padding: 2rem !important;
		border-radius: 1rem !important;
		margin: 0 auto !important;
		box-sizing: border-box;
	}

	.wpuf-form li.has-error {
		background-color: transparent !important;
	}

	.wpuf-form li.has-error .wpuf-error-msg {
		margin-top: 1rem;
		padding: 1rem 1.5rem;
		border-radius: 1rem;
		color: white;
		background-color: #ff4f60;
		float: left;
		font-size: 0.85em;
	}

	.wpuf-errors {
		display: none !important;
	}

	body.page-template-page-revisions video {
		border-radius: 0.5rem;
	}

/******************** PAGE STYLE END ********************/

/******************** PAGE RESPONSIVENESS START ********************/

	@media all and (max-width: 1399px) {

/*		.parallax {
			opacity: 0;
		}
*/	}

	@media all and (max-width: 1200px) {

		#main-menu #menu-brand a {
			padding-left: 1rem;
			padding-right: 1rem;
		}

		#main-menu #menu-buynow {
			margin: 0 1rem;
		}
	}

	@media all and (max-width: 1100px) {

		#main-menu a {
			padding-left: 1rem;
			padding-right: 1rem;
		}

		section.leaving-envato {
			padding-left: 5rem;
			padding-right: 5rem;
		}

		body.leaving-envato section:not(.leaving-envato) {
			padding: 6rem;
		}

		#promo-details {
			padding: 0 6rem;
		}
	}

	@media all and (max-width: 1023px) {

		.cols:not(#spelling):not(.parallax-city-cols) .col {
			display: block;
			width: 100%;
		}

		.cols:not(#spelling):not(.parallax-city-cols) .col:first-child {
			margin-bottom: 4rem;
		}

		body:not(.codecanyon-preview) #menu-brand {
			display: none !important;
		}

		body:not(.codecanyon-preview) #menu-logo {
			display: block !important;
		}

		section.leaving-envato {
			padding-left: 2rem;
			padding-right: 2rem;
		}

		body.leaving-envato section:not(.leaving-envato) {
			padding-left: 4rem;
			padding-right: 4rem;
		}

		#promo-details {
			padding: 0 4rem;
		}
	}

	@media all and (max-width: 980px) {

		#platforms .card {
			width: 20%;
			min-width: 140px !important;
		}
	}

	@media all and (max-width: 767px) {

		body, html {
			overflow-x: hidden;
		}

		.kmw-modal-container {
			font-size: 15px;
		}

		#order-modal-window input[type=checkbox] {
			top: -2px;
		}

		#platforms .cards {
			max-width: 400px;
		}

		/* MOBILE MENU */
		body:not(.codecanyon-preview) #main-menu {
			width: 100vw;
			left: 100vw;
			top: 0;
			bottom: 0;
			transform: translateX(0) rotateY(25deg);
			transition: all .35s ease-in;
			transform-origin: 0 50%;
			opacity: 0;
			font-size: 3rem;
			height: 100vh;
			height: calc(var(--vh, 1vh) * 100);
			background-color: rgba(0,0,0,.9);
		}

		body:not(.codecanyon-preview) #main-menu .submenu {
			display: none;
		}

		body:not(.codecanyon-preview) #main-menu > ul {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			background-color: transparent !important;
			width: 100%;
			height: 70%;
		}

		body:not(.codecanyon-preview) #main-menu > ul > li {
			display: block;
			height: calc( 100% / 6 );
			line-height: calc( 100% / 6 );
			text-align: center !important;
		}

		body:not(.codecanyon-preview) #main-menu > ul > li a {
			width: 100%;
			height: 100%;
			line-height: 5rem;
			color: white !important;
			white-space: nowrap;
			font-weight: 400;
			box-sizing: border-box;
			padding: 0;
		}

		body:not(.codecanyon-preview) #main-menu > ul > li a span {
			position: absolute;
			display: block;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}

		body:not(.codecanyon-preview) #menu-buynow {
			float: none;
		}

		body:not(.codecanyon-preview) #main-menu #menu-buynow:before {
			position: absolute;
			width: 30rem !important;
			height: 8rem;
			left: 50% !important;
			transform: translateX(-50%) translateY(-50%) translateZ(0);
			z-index: -1;
			display: block;
		}

		body:not(.codecanyon-preview) #mobile-menu-button {
			display: block;
		}

		html body .mobile-menu-opened #main-menu {
			transform: translateX(-100vw) rotateY(0deg);
			transition: all .35s ease-out;
			opacity: 1;
		}

		html body .mobile-menu-opened #mobile-menu-button {
			background-color: transparent;
			transition: all .35s ease-out;
		}

		body:not(.codecanyon-preview) #menu-logo {
			display: none !important;
		}

		main #documentation {
			top: 0 !important;
		}

		.cols.parallax-city-cols .col {
			display: block;
			width: 100%;
		}

		.cols.parallax-city-cols .col:first-child {
			margin-bottom: 4rem;
		}

	}

	@media all and (max-width: 599px) {

		.cols .col {
			display: block;
			width: 100%;
		}

		.cols .col:first-child {
			margin-bottom: 4rem;
		}

		footer .motivation {
			line-height: 8rem;
		}

		footer .motivation p,
		footer .icons-inner span {
			display: none;
		}

		footer .icons-inner {
			text-align: center;
		}

		#order-modal-window button.checkout {
			margin-top: 1em;
		}
	}

	@media all and (max-width: 511px) {

		#order-modal-window button {
			float: none;
			margin: 0 auto;
			width: 80%;
		}

		#order-modal-window button.checkout {
			margin-top: 1em;
		}
	}

	@media all and (max-width: 450px) {

		#message-monster {
			padding-top: 33rem;
		}

		.message-bubble:before {
			left: 15rem;
			bottom: -4rem;
		}

		.message-bubble:after {
			left: 13rem;
			bottom: -6rem;
		}

		.happy-monster {
			left: 25% !important;
		}
	}

	@media all and (max-width: 383px) {

		#order-modal-window button {
			width: 100%;
		}
	}

	@media all and (max-width: 360px) {

		footer .buynow {
			display: none;
		}
	}

	@media all and (max-height: 1100px) {

		#platforms .card {
			max-width: 190px !important;
		}
	}

	@media all and (max-height: 1000px) {

		#platforms .card {
			max-width: 180px !important;
		}
	}

	@media all and (max-height: 900px) {

		#platforms .card {
			max-width: 170px !important;
		}
	}

	@media all and (max-height: 800px) {

		#platforms .card {
			max-width: 160px !important;
		}
	}

/******************** PAGE RESPONSIVENESS END ********************/