/*
Table Of Contents

1.)  Typography
2.)  Container - Main
3.)  Header - Main
4.)  Content - Main
5.)  Footer - Main
6.)  Checkout
7.)  OTO1
8.)  Thank You

===============================================*/


/*
 1.) Typography
----------------------------------------*/

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaThin.ttf') format('truetype'),
		 url('../fonts/ProximaNovaThin.woff') format('woff'),
		 url('../fonts/ProximaNovaThin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaRegular.ttf') format('truetype'),
		 url('../fonts/ProximaNovaRegular.woff') format('woff'),
		 url('../fonts/ProximaNovaRegular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaSemibold.ttf') format('truetype'),
		 url('../fonts/ProximaNovaSemibold.woff') format('woff'),
		 url('../fonts/ProximaNovaSemibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBold.ttf') format('truetype'),
		 url('../fonts/ProximaNovaBold.woff') format('woff'),
		 url('../fonts/ProximaNovaBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaExtrabold.ttf') format('truetype'),
		 url('../fonts/ProximaNovaExtrabold.woff') format('woff'),
		 url('../fonts/ProximaNovaExtrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBlack.ttf') format('truetype'),
		 url('../fonts/ProximaNovaBlack.woff') format('woff'),
		 url('../fonts/ProximaNovaBlack.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Aerokids';
    src: url('../fonts/Aerokids.ttf') format('truetype'),
		 url('../fonts/Aerokids.woff') format('woff'),
		 url('../fonts/Aerokids.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
ol,
ul,
li {
	padding: 0;
	margin: 0;
}


/* #Basic Styles
================================================== */

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "ProximaNova", sans-serif;
	font-weight: 500;
	font-size: 19px;
	color: #000000;
	line-height: 30px;
	background: #22202B;
	margin: 0;
	padding: 0;
}

sub,
sup{
	font-size: 50%;
}

sup {
	top: -.6em;
}

sub,
sup{
	font-size: 50%;
}

img {
	max-width: 100%;
	height: auto;
}


/* #Links
================================================== */

a {
	color: #e5742d;
	text-decoration: underline;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	cursor: pointer;
}

a:hover,
a:focus,
a:active {
	color: #2596ff;
	text-decoration: underline;
}

a:visited {
	outline: 0;
}

a[href^="tel:"],
a[href^="fax:"] {
	color: #e5742d;
	text-decoration: underline;
}

a:hover[href^="tel:"],
a:focus[href^="tel:"],
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
	color: #2596ff;
	text-decoration: underline;
}


/* #Heading H1, H2, H3, H4, H5, H6, P
================================================== */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-weight: 800;
	text-align: center;
	padding-bottom: 35px;
}

h1,
.h1 {
	font-size: 50px;
	line-height: 50px;
}

h2,
.h2 {
	font-size: 42px;
	line-height: 42px;
}

h3,
.h3 {
	font-size: 35px;
	line-height: 35px;
	padding-bottom: 28px;
}

h4,
.h4 {
	font-size: 30px;
	line-height: 36px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	padding-bottom: 0;
}

p {
	padding-bottom: 20px;
}

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

em {
	font-style: italic;
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal;
}

strong {
	font-weight: 800;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

@media (max-width: 767px) {
h1,
.h1 {
	font-size: 38px;
	line-height: 41px;
}

h2,
.h2 {
	font-size: 33px;
	line-height: 35px;
}

h3,
.h3 {
	font-size: 28px;
	line-height: 31px;
}
}


/* #Unorder Styles
================================================= */

ul,
ol {
	list-style: none;
}

li {
	position: relative;
	min-height: 30px;
	padding-left: 50px;
	margin-bottom: 12px;
}

li:last-child {
	margin-bottom: 22px;
}

ul li ul,
ol li ol {
	padding: 10px 0 0 0;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	padding-bottom: 0;
}

li:before {
	content:"\f00c";
	width: 30px;
	height: 30px;
	font-family:"Font Awesome 5 Pro";
	font-weight:900;
	font-size: 20px;
	color: #ffffff;
	line-height: 34px;
	text-align: center;
	background: #7fa731;
	border-radius: 360px;
	position: absolute;
	top: 6px;
	left: 0;
}


/* #Order Styles
================================================= */
ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;
}

ol > li:before {
	content: counter(item);
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}


/* #Input
================================================= */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

select,
textarea,
input {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	font-family: "ProximaNova", sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #000000;
	line-height: 22px;
	padding: 0 0 10px 0;
	margin: 0;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	width: 100%;
	height: 55px;
	font-family: "ProximaNova", monospace;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	border-radius: 360px;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	position: relative;
	padding: 16px 40px;
	margin: 0;
}

textarea {
	height: 200px;
	border-radius: 0;
	white-space: normal;
	outline: none;
	resize: none;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow-y: scroll;
}

select {
	background-image: url(../img/select-arrow.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: top 22px right 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 0;
	padding-right: 60px;
	padding-bottom: 0;
}

select::-ms-expand {
	display:none;
}

select.colorize option:not([disabled]) {
	color: #414141;
}

select.colorize option.def:not([disabled]),
select.colorize.empty:not([disabled]) {
	color: #414141;
}

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
	color: #414141;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #414141;
}

::-moz-placeholder {
	color: #414141;
}

::-ms-input-placeholder {
	color: #414141;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #e5742d;
	outline: 0;
}


/* #Button
================================================== */

.btn,
.button,
input[type="button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	line-height: 22px;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	white-space: normal;
	background: linear-gradient(180deg, #ea953b 0%, #ea803b 100%);
	box-shadow: #c06930 0 4px 0 0;
	border-radius: 360px;
	border: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 18px 37px 17px 37px;
	margin: 0;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active,
.button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus
.btn:not(:disabled):not(.disabled).active,
.button:not(:disabled):not(.disabled):active {
	color: #ffffff;
	text-decoration: none;
	background: linear-gradient(180deg, #ea803b 0%, #ea953b 100%);
	outline: 0;
}

.btn-black,
.button.btn-black,
input.btn-black[type="button"],
input.btn-black[type="submit"] {
	background: linear-gradient(180deg, #646464 0%, #010101 100%);
	box-shadow: none;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black:active:focus,
.btn-black.active,
.btn-black.active:focus,
button.btn-black:hover,
button.btn-black:focus,
button.btn-black:active,
button.btn-black:active:focus,
button.btn-black.active,
button.btn-black.active:focus,
input[type="button"].btn-black:hover,
input[type="button"].btn-black:focus,
input[type="button"].btn-black:active,
input[type="button"].btn-black:active:focus,
input[type="button"].btn-black.active,
input[type="button"].btn-black.active:focus,
input[type="submit"].btn-black:hover,
input[type="submit"].btn-black:focus,
input[type="submit"].btn-black:active,
input[type="submit"].btn-black:active:focus,
input[type="submit"].btn-black.active,
input[type="submit"].btn-black.active:focus {
	background: linear-gradient(180deg, #010101 0%, #646464 100%);
}

.disabled {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-out {
	width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
	text-align: center;
	margin: 15px 0 0 0;
}

figure,
.figure {
	vertical-align: top;
}


/*
 2.) Container - Main
----------------------------------------*/

.container-main {
	width: 100%;
	float: left;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1140px;
	padding: 0 40px;
}

@media (min-width: 768px) {
.container.max-680 {
	max-width: 900px;
}
}

@media (max-width: 767px) {
.container {
	max-width: 600px;
	padding: 0 20px;
}
}

/* Row */
.row {
	padding-bottom: 80px;
	margin: 0 -35px -70px -35px;
}

.row:last-child {
	padding-bottom: 0;
}

.row > div {
	padding: 0 35px 70px 35px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}

@media (max-width: 1199px) {
.row {
	padding-bottom: 70px;
	margin: 0 -20px -50px -20px;
}

.row > div {
	padding: 0 20px 50px 20px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}
}

@media (max-width: 767px) {
.row {
	padding-bottom: 60px;
	margin: 0 -20px -40px -20px;
}

.row > div {
	padding: 0 20px 40px 20px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}
}


/*
 3.) Header
----------------------------------------*/

.header-main {
	width: 100%;
	height: 117px;
	float: left;
	text-align: center;
	background: #181818;
	padding: 26px 0;
}

.header-main .brand {
	width: 100%;
	height: 67px;
	line-height: 67px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.header-main .brand img {
	max-height: 38px;
}


/*
 4.) Content - Main
----------------------------------------*/

.content-main {
	width: 100%;
	float: left;
}


/* Row - Cont */
.row-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 60px 0;
}

/* Highlight - Text */
.highlight-txt {
	font-weight: 800;
	color: #000000 !important;
	white-space: pre-wrap;
	background: #f4f0be;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 2px 5px;
}


/* Sub - Heading */
.sub-heading {
	width: 100%;
	float: none;
	display: inline-table;
	vertical-align: top;
	font-weight: 500;
	font-size: 18px;
	color: #989898;
	line-height: 22px;
	text-align: center;
	padding-bottom: 18px;
}

.sub-heading:last-child {
	padding-bottom: 0;
}

.sub-heading.lrg {
	font-size: 24px;
	line-height: 28px;
}

@media (max-width: 991px) {
.sub-heading.lrg {
	font-size: 22px;
	line-height: 26px;
}
}

@media (max-width: 767px) {
.sub-heading.lrg {
	font-size: 20px;
	line-height: 24px;
}
}


/* Arrow - Down */
.arrow-down {
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -35px;
	left: 0;
	z-index: 5;
}

.arrow-down a {
	width: 100%;
	height: 70px;
	float: left;
	text-indent: -99999px;
	background: url(../img/arrow-down.png) no-repeat center center;
	background-size: auto 70px;
}

.arrow-down.gray a {
	background-image: url(../img/arrow-down-gray.png);
}


/* Partners Logo */
.partners-logo {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.partners-logo:last-child {
	margin-bottom: 0;
}

.partners-logo ul {
	float: none;
	display: inline-block;
	vertical-align: middle;
	background: #f4f4f4;
	position: relative;
	padding: 0 10px;
	margin: 0 -10px -10px -10px;
}

.partners-logo ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 10px 10px 10px;
}

.partners-logo ul li:before {
	display: none;
}

@media (max-width: 767px) {
.partners-logo {
	padding: 0;
}

.partners-logo:before {
	display: none;
}
}


/* Video - Block */
.video-block {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: #181818;
	position: relative;
}

.video-block .heading-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #989898;
	line-height: 26px;
	text-align: center;
	padding-bottom: 40px;
}

.video-block .heading-txt:last-child {
	padding-bottom: 0;
}

.video-block .heading-txt h1 > em {
	margin-inline: -0.25rem 0.5rem;
}

.video-block .heading-txt h1,
.video-block .heading-txt h2,
.video-block .heading-txt h3,
.video-block .heading-txt h4,
.video-block .heading-txt h5,
.video-block .heading-txt h6 {
	color: #FFFFFF;
	padding-bottom: 20px;
}

.video-block.gray-bg .heading-txt h1,
.video-block.gray-bg .heading-txt h2,
.video-block.gray-bg .heading-txt h3,
.video-block.gray-bg .heading-txt h4,
.video-block.gray-bg .heading-txt h5,
.video-block.gray-bg .heading-txt h6 {
	color: #000000;
}

.video-block.gray-bg .heading-txt h1 {
	padding-top: 45px;
}

.video-block.gray-bg .heading-txt {
	color: #000000;
}

.video-block .heading-txt h1:last-child,
.video-block .heading-txt h2:last-child,
.video-block .heading-txt h3:last-child,
.video-block .heading-txt h4:last-child,
.video-block .heading-txt h5:last-child,
.video-block .heading-txt h6:last-child {
	padding-bottom: 0;
}

.video-block .heading-txt .btn-out {
	margin-top: 15px;
}

.video-block .heading-txt .aside {
	width: 100%;
	max-width: 680px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.video-block .video-out {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

.video-block .video-out:before {
	content: "";
	width: 900%;
	height: 50%;
	float: left;
	background: #f4f4f4;
	position: absolute;
	bottom: 0;
	left: -400%;
}

.video-block .video-out .video {
	width: 100%;
	float: left;
	border-radius: 15px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 1;
}

.video-block .video-out .video img {
	width: 100%;
	border-radius: 15px;
}

.video-block .video-out.white-bg:before {
	background: #ffffff;
}

@media (max-width: 767px) {
.video-block .video-out .video {
	border-radius: 10px;
}

.video-block .video-out .video img {
	border-radius: 10px;
}
}


/* Testimonials - Cont */
.testimonials-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 60px;
}

.testimonials-cont:last-child {
	padding-bottom: 0;
}

.testimonials-cont .aside {
	width: 100%;
	float: left;
	padding: 0 150px 0 0;
}

.testimonials-cont .user {
	width: 130px;
	float: left;
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	border-radius: 360px;
	position: relative;
	z-index: 2;
	padding: 4px 4px;
	margin-left: -130px;
}

.testimonials-cont .user img {
	width: 100%;
	border-radius: 360px;
}

@media (max-width: 767px) {
.testimonials-cont {
	text-align: center;
}

.testimonials-cont .aside {
	text-align: left;
	padding: 0 0 20px 0;
}

.testimonials-cont .user {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 0;
}
}


/* Txt - Row */
.txt-row {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 40px;
}

.txt-row:last-child {
	padding-bottom: 0;
}

.txt-row .figure {
	width: 100%;
	float: left;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
}

.txt-row .figure:last-child {
	margin-bottom: 0;
}

.txt-row .figure img {
	width: 100%;
	border-radius: 10px;
}

.txt-row .aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 40px;
}

.txt-row .aside:last-child {
	padding-bottom: 0;
}

.txt-row .aside .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

.txt-row .aside .icon img {
	max-width: 100%;
}


/* Business - Cont */
.business-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 35px;
}

.business-cont:last-child {
	padding-bottom: 0;
}

.business-cont .box {
	width: 100%;
	max-width: 750px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background: #fdf1f2;
	border: 3px dashed #f9d4d3;
	border-radius: 15px;
	padding: 40px 9.5%;
}

.business-cont .box ul {
	padding-left: 20px;
}

.business-cont .box ul li {
	min-height: inherit;
	font-weight: 800;
	margin-bottom: 12px;
}

.business-cont .box ul li:last-child {
	margin-bottom: 0;
}

.business-cont .box ul li:before {
	content: "";
	width: 32px;
	height: 28px;
	background: url(../img/icon-info.png) no-repeat center center;
	background-size: 32px auto;
	border-radius: 0;
	position: absolute;
	top: 0px;
	left: 0;
}

.business-cont .box .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

.business-cont .box .icon img {
	max-width: 100%;
}

@media (max-width: 767px) {
.business-cont .box {
	border-radius: 10px;
	padding: 40px 20px;
}

.business-cont .box ul {
	padding-left: 0;
}
}


/* Business - Cont */
.sales-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 35px;
}

.sales-cont:last-child {
	padding-bottom: 0;
}

.sales-cont .box {
	width: 100%;
	max-width: 750px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background: #f6fee9;
	border: 3px dashed #bdd591;
	border-radius: 15px;
	padding: 40px 12%;
}

.sales-cont .box .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

.sales-cont .box .icon img {
	max-width: 100%;
}

.sales-cont .box ul li {
	min-height: inherit;
	font-weight: 800;
	margin-bottom: 12px;
}

.sales-cont .box ul li:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
.sales-cont .box {
	border-radius: 10px;
	padding: 40px 25px;
}
}


/* Unorder - List */
.unorder-list {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 35px;
}

.unorder-list:last-child {
	padding-bottom: 0;
}

.unorder-list .box {
	width: 100%;
	max-width: 750px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background: #ffffff;
	border: 3px dashed #dddddd;
	border-radius: 15px;
	padding: 40px 12%;
	margin: 0 0 35px 0;
}

.unorder-list .box:last-child {
	margin-bottom: 0;
}

.unorder-list .box .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

.unorder-list .box .icon img {
	max-width: 100%;
}

.unorder-list .box ul li {
	min-height: inherit;
}

.unorder-list .box ul li:last-child {
	margin-bottom: 0;
}

.unorder-list .btn-out {
	margin: 0;
}

@media (max-width: 767px) {
.unorder-list .box {
	border-radius: 10px;
	padding: 40px 25px;
}
}


/* Purchase - Steps */
.purchase-steps {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	background: #181818;
	padding: 60px 0;
}

.purchase-steps .heading-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 40px;
}

.purchase-steps .heading-txt:last-child {
	padding-bottom: 0;
}

.purchase-steps .heading-txt h2 {
	padding-bottom: 15px;
}

.purchase-steps .heading-txt h2:last-child {
	padding-bottom: 0;
}

.purchase-steps .heading-txt p {
	font-weight: 500;
	font-size: 18px;
	color: #989898;
	line-height: 24px;
}

.purchase-steps .heading-txt .aside {
	width: 100%;
	max-width: 680px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.purchase-steps .article {
	width: 100%;
	float: left;
	color: #000000;
	counter-increment: item;
	background: #ffffff;
	border: 2px solid #e5742d;
	border-radius: 10px;
	position: relative;
	padding: 25px 50px 25px 80px;
	margin: 0 0 20px 0;
}

.purchase-steps .article:last-child {
	margin-bottom: 0;
}

.purchase-steps .article:before {
	width: 40px;
	float: left;
	content: counter(item);
	font-weight: 800;
	font-size: 30px;
	color: #e5742d;
	line-height: 1em;
	position: absolute;
	top: 28px;
	left: 30px;
}

.purchase-steps .article-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	counter-reset: item;
	position: relative;
	margin-bottom: 45px;
}

.purchase-steps .article-out:before {
	content: "";
	width: 2px;
	height: 100%;
	float: left;
	border-left: 2px dashed #e5742d;
	position: absolute;
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translate(-50%, 0);
}

.purchase-steps .article-out:after {
	content: "";
	width: auto;
	height: auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #e5742d;
	position: absolute;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translate(-50%, 0);
}


.purchase-steps .bottom-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 800;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

.purchase-steps .bottom-cont .aside {
	width: 100%;
	max-width: 560px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.purchase-steps .bottom-cont .aside .btn-out {
	margin: 0;
}


@media (max-width: 767px) {
.purchase-steps .article {
	padding: 25px 25px 25px 70px;
}

.purchase-steps .article:before {
	width: 30px;
	left: 25px;
}
}


/* Order - List */
.order-list {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 35px;
}

.order-list:last-child {
	padding-bottom: 0;
}

.order-list .box {
	width: 100%;
	max-width: 750px;
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	text-align: left;
	background: #e5742d;
	box-shadow: rgba(229, 116, 45, 0.3) 0 0 30px;
	border-radius: 15px;
	padding: 40px 12%;
}

.order-list .box .icon {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

.order-list .box .icon img {
	max-width: 100%;
}

.order-list .box ol li {
	min-height: inherit;
	font-weight: 800;
}

.order-list .box ol li:before {
	width: 28px;
	height: 28px;
	font-weight: 600;
	font-size: 13px;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	background: #000000;
	border-radius: 5px;
	position: absolute;
	top: -3px;
	left: 0;
}

.order-list .box ol li:after {
	content: "";
	width: 2px;
	height: 100%;
	float: left;
	border-left: 2px dashed #000000;
	position: absolute;
	top: 15px;
	left: 13px;
}

.order-list .box ol li:last-child:after {
	display: none;
}


@media (max-width: 767px) {
.order-list .box {
	border-radius: 10px;
	padding: 40px 25px;
}
}

/* Pricing - Table */
.pricing-table {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: #181818;
	padding: 60px 0 0 0;
}

.pricing-table h1,
.pricing-table h2,
.pricing-table h3,
.pricing-table h4,
.pricing-table h5,
.pricing-table h6 {
	color: #ffffff;
}

.pricing-table.gray-bg h2 {
	color: #000000;
}

.pricing-table .heading-txt {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 40px;
}

.pricing-table .heading-txt:last-child {
	padding-bottom: 0;
}

.pricing-table .heading-txt p {
	font-size: 12px;
	color: #989898;
	line-height: 24px;
}

.pricing-table .heading-txt .aside {
	width: 100%;
	max-width: 680px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.pricing-table .row {
	align-items: center;
	padding: 0 0 50px 0;
	margin: 0 -10px -20px -10px;
}

.pricing-table .row>div {
	padding: 0 10px 20px 10px;
}

.pricing-table .row>div .box {
	width: 100%;
	font-weight: inherit;
	text-decoration: none;
	background: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
	border-radius: 10px;
	overflow: hidden;
}

.pricing-table .row>div .box .top-bar {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 15px;
	color: #a5a5a5;
	line-height: 15px;
	text-align: center;
	background: #f7f7f5;
	border-bottom: 1px solid #f0f0ee;
	padding: 16px 15px 15px 15px;
}

.pricing-table .row>div .box .top-bar h4 {
	font-weight: 600;
	font-size: 13px;
	color: #e5742d;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

.pricing-table .row>div .box .top-bar h4:last-child {
	padding-bottom: 0;
}

.pricing-table .row>div .box .aside {
	width: 100%;
	float: left;
	padding: 20px 35px 35px 35px;
}

.pricing-table .row>div .box .aside .price-info {
	width: 100%;
	float: left;
	text-align: center;
	border-bottom: 2px dashed #ebebeb;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.pricing-table .row>div .box .aside .price-info .drop-price {
	width: 100%;
	float: left;
	font-size: 30px;
	color: #cccccc;
	line-height: 36px;
	text-decoration: line-through;
}

.pricing-table .row>div .box .aside .price-info .price {
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 46px;
	color: #000000;
	line-height: 50px;
}

.pricing-table .row>div .box .aside .price-info .date {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 12px;
	color: #ffffff;
	line-height: 15px;
	text-align: center;
	background: #7fa731;
	border-radius: 2px;
	padding: 2px 10px 0 10px;
	margin: 2px 0 0 0;
}

.pricing-table .row>div .box .aside ul {
	width: 100%;
	float: left;
	padding: 0 0 18px 0;
	margin: 0;
}

.pricing-table .row>div .box .aside ul:last-child {
	padding-bottom: 0;
}

.pricing-table .row>div .box .aside ul li {
	min-height: inherit;
	padding: 0 0 0 30px;
	margin: 0 0 3px 0;
}

.pricing-table .row>div .box .aside ul li:last-child {
	padding-bottom: 0;
}

.pricing-table .row>div .box .aside ul li:before {
	width: auto;
	height: auto;
	font-weight: 400;
	font-size: 18px;
	color: #7fa731;
	line-height: 1em;
	background: none;
	border-radius: 0;
	top: 2px;
}

.pricing-table .row>div .box .aside .txt-max {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #454545;
	line-height: 18px;
	text-align: center;
	padding:0 5% 20px 5%;
}

.pricing-table .row>div .box .aside .txt-max h4 {
	width: 100%;
	max-width: 200px;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size:15px;
	color: #000000;
	line-height: 19px;
	padding-bottom: 10px;
}

.pricing-table .row>div .box .aside .txt-max h4:last-child {
	padding-bottom: 0;
}

.pricing-table .row>div .box .aside .btn {
	width: 100%;
	max-width: 222px;
}

.pricing-table .row>div .box .aside .btn-out {
	margin: 0 0 10px 0;
}

.pricing-table .row>div .box .aside .btn-out:last-child {
	margin-bottom: 0;
}

.pricing-table .row>div .box .aside .cards {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.pricing-table .row>div .box .aside .cards img {
	max-height: 15px;
}

.pricing-table .row>div .box.selected {
	box-shadow: #e36a1e 0 0 0 2px, rgba(227, 106, 30, 0.5) 0 0 20px;
}

.pricing-table .row>div .box.selected .aside .price-info .date {
	background: #e36a1e;
}

/* Guarantee - Info */
.guarantee-info {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #000000;
	position: relative;
}

.guarantee-info:before {
	content: "";
	width: 900%;
	height: 50%;
	float: left;
	background: #f4f4f4;
	position: absolute;
	bottom: 0;
	left: -400%;
}

.guarantee-info.white-bg:before {
	background: #ffffff;
}

.guarantee-info .box {
	width: 100%;
	float: left;
	background: #f5efd7;
	border: 2px solid #e2dcc4;
	border-radius: 15px;
	position: relative;
	z-index: 1;
	padding: 40px 40px;
}

.guarantee-info .box h3 {
	color: #8f783d;
}

.guarantee-info .box .aside {
	width: 100%;
	float: left;
}

.guarantee-info .box .aside .logo {
	width: 176px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-right: -176px;
}

.guarantee-info .box .aside .logo img {
	max-width: 100%;
}

.guarantee-info .box .aside .aside-inn {
	width: 100%;
	float: left;
	padding: 0 0 0 196px;
}

.guarantee-info .box .aside .aside-inn p {
	padding-bottom: 12px;
}

.guarantee-info .box .aside .aside-inn p:last-child {
	padding-bottom: 0;
}

@media (max-width: 767px) {
.guarantee-info .box {
	border-radius: 10px;
	padding: 40px 25px;
}

.guarantee-info .box .aside .logo {
	width: 100%;
	margin: 0 0 30px 0;
}

.guarantee-info .box .aside .logo img {
	max-width: 140px;
}

.guarantee-info .box .aside .aside-inn {
	padding: 0;
}
}


/*
 5.) Footer
----------------------------------------*/

.footer-main {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #979696;
	line-height: 18px;
	background: #22202B;
	overflow: hidden;
}

.footer-main .container {
	max-width: 950px;
}

.footer-main .pre-footer {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: #28272F;
	padding: 40px 0;
}

.footer-main .pre-footer p {
	padding-bottom: 16px;
}

.footer-main .pre-footer p:last-child {
	padding-bottom: 0;
}

.footer-main .copy-rights {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 16px;
	background: #22202B;
	padding: 30px 0;
}

.footer-main .copy-rights .col-md-6 img {
	height: 32px;
	margin-bottom: 45px;
}

.footer-main .copy-rights ul li a {
	color: #f4f4f4;
	text-decoration: none;
}

.footer-main .copy-rights ul li a:hover,
.footer-main .copy-rights ul li a:focus,
.footer-main .copy-rights ul li a:active {
	color: #e5742d;
}

.footer-main .copy-rights .row p {
	width: 100%;
	display: block;
	margin-bottom: 6px;
	color: #ea7f3b;
}

.footer-main .copy-rights .row .col-md-3,
.footer-main .copy-rights .row .col-md-6 {
	padding-bottom: 0;
}

.footer-main .copy-rights ul li {
	padding-left: 0;
}

.footer-main .copy-rights ul li:before {
	display: none;
}

.footer-main .copy-rights .social-links img {
	margin-right:5px
}

@media (max-width: 767px) {
.footer-main .container {
	max-width: 600px;
}
}

@media (max-width: 639px) {
.footer-main .copy-rights {
	text-align: center;
}

.footer-main .copy-rights p {
	width: 100%;
	padding: 0 0 16px 0;
	margin: 0;
}

.footer-main .copy-rights .footer-links {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0;
}
}


/*
 6.) Checkout
----------------------------------------*/

/* User - Details */
.user-details {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 45px 0;
}

.user-details:last-child {
	padding-bottom: 0;
}

.user-details p {
	padding: 0 0 10px 0;
}

.user-details h2 {
	padding-bottom: 32px;
	letter-spacing:-0.04em;
}

.user-details h2:last-child {
	padding-bottom: 0;
}

.user-details .name {
	width: 100%;
	float: left;
	font-family: "Aerokids", sans-serif;
	font-size: 30px;
	color: #000000;
	line-height: 36px;
	padding: 0 0 2px 0;
}

.user-details figure {
	width: 100%;
	max-width: 225px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	box-shadow: none;
	border-radius: 20px;
	margin: 20px 0 0 0;
}

.user-details figure img {
	width: 100%;
	border-radius: 20px;
}

@media (max-width: 1199px) {
	.user-details h2 {
		padding-bottom: 25px;
		letter-spacing: normal;
	}

	.user-details .name {
		font-size: 26px;
		line-height: 32px;
	}
}

@media (max-width: 767px) {
	.user-details {
		padding: 0 0 35px 0;
	}

	.user-details h2 {
		padding-bottom: 20px;
	}

	.user-details h2 br { display: none;
	}

	.user-details .name {
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 5px 0;
	}

	.user-details figure {
		border-radius: 15px;
	}

	.user-details figure img {
		border-radius: 15px;
	}
}


/*
 7.) OTO1
----------------------------------------*/

/* Steps */
.steps {
	width: 100%;
	float: left;
	color: #ffffff;
	text-align: center;
	background: #181818;
	padding: 50px 0;
}

.steps h4 {
	padding-bottom: 15px;
}

.steps h4:last-child {
	padding-bottom: 0;
}

.steps ol {
	width: 100%;
	max-width: 375px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.steps ol li {
	width: 33.33%;
	min-height: inherit;
	float: left;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	padding: 40px 0 0 0;
	margin: 0;
}

.steps ol li:before {
	width: 30px;
	height: 30px;
	font-family: "ProximaNova", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #4e4e4e;
	line-height: 30px;
	text-align: center;
	background: #d5d5d5;
	border-radius: 360px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.steps ol li .track-bar {
	width: 68%;
	height: 4px;
	float: left;
	text-indent: -999999px;
	background: #d5d5d5;
	border-radius: 360px;
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: 16%;
}

.steps ol li.complete:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	color: #ffffff;
	background: #7fa731;
}

.steps ol li.complete .track-bar:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #7fa731;
	border-radius: 360px;
	position: absolute;
	top: 0;
	left: 0;
}

.steps ol li.current:before {
	color: #ffffff;
	background: #ea843b;
}

.steps ol li.current .track-bar:before {
	content: "";
	width: 10%;
	height: 100%;
	float: left;
	background: #ea843b;
	border-radius: 360px;
	position: absolute;
	top: 0;
	left: 0;
}


/* Video - Block */
.video-block.alt {
	padding-top: 40px;
}

.video-block.alt .video-out:before {
	height: 27%;
}


/* Pricing Table */
.pricing-table.alt {
	background: #f4f4f4;
	padding: 50px 0 0 0;
}

.pricing-table.alt .container {
	max-width: 995px;
}

.pricing-table.alt h1,
.pricing-table.alt h2,
.pricing-table.alt h3,
.pricing-table.alt h4,
.pricing-table.alt h5,
.pricing-table.alt h6 {
	color: inherit;
	padding-bottom: 15px;
}

.pricing-table.alt .heading-txt p {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
}

.pricing-table.alt .heading-txt .aside {
	max-width: 100%;
}


/* Thankyou Bar */
.thankyou-bar {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	padding: 40px 0;
}

.thankyou-bar p {
	padding-bottom: 0;
}

.thankyou-bar p a {
	color: #000000;
	text-decoration: underline;
}

.thankyou-bar p a:hover,
.thankyou-bar p a:focus,
.thankyou-bar p a:active {
	color: #e5742d;
}

/*
 7.) Thank You
----------------------------------------*/

/* Steps - Cont */
.steps-cont {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 60px 0;
}

.steps-cont:last-child {
	padding-bottom: 0;
}

.steps-cont .article {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.steps-cont .article:last-child {
	margin-bottom: 0;
}

.steps-cont .article .circle-out {
	width: 116px;
	height: 105px;
	float: left;
	background: url(../img/steps-number-bg.png) no-repeat center center;
	background-size: 100% auto;
	position: relative;
	z-index: 1;
	padding: 9px 9px;
	margin: 0 -116px 0 0;
}

.steps-cont .article .circle {
	width: 78px;
	height: 78px;
	float: left;
	font-weight: 800;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	background: #dbdbdb;
	border-radius: 360px;
}

.steps-cont .article .circle .number {
	font-size: 33px;
	color: #e5742d;
	line-height: 33px;
}

.steps-cont .article .circle .step-txt {
	width: 100%;
	float: left;
	text-align: center;
	padding: 4px 0 0 0;
}

.steps-cont .article .aside {
	width: 100%;
	float: left;
	padding: 10px 0 0 150px;
}

.steps-cont .article .aside h4 {
	text-align: left;
	padding-bottom: 25px;
}

.steps-cont .article .aside h4:last-child {
	padding-bottom: 0;
}

.steps-cont .article .aside .btn {
	box-shadow: #c06930 0 4px 0 0, rgba(227, 106, 30, 0.5) 0 0 20px;
}

.steps-cont .article .aside .btn-black {
	box-shadow: none;
}

.steps-cont .article-out {
	width: 100%;
	float: left;
}

@media (max-width: 767px) {
.steps-cont .article .circle-out {
	margin: 0 0 15px 0;
}

.steps-cont .article .aside {
	padding: 0;
}
}


/* Text - Colors */
.orange {
	color: #e5742d !important;
}

.red {
	color: #cc3932 !important;
}

.green {
	color: #7fa23c !important;
}


/* Background - Colors */
.gray-bg {
	background: hsl(0, 0%, 96%) !important;
}

.black-bg {
	color: #ffffff !important;
	background: #181818 !important;
}

/* Dialog */
dialog {
	border: none;
	border-radius: 1rem;
	padding: 2.5rem;
	max-width: 60%;
}

dialog a:focus {
	outline: none;
	color: #c06930;
}

dialog h2 {
	padding-bottom: 1rem;
	text-align: left;
}

dialog h2:last-of-type {
	font-size: 1.5rem;
    line-height: 1.2;
}

dialog h4 {
	text-align: left;
}

dialog p {
	font-size: 1rem;
    line-height: 1.2;
}

dialog form {
	display: flex;
	justify-content: space-between;
}

dialog::backdrop {
	background-color: #000000;
	opacity: 0.5;
}

dialog button:focus {
	outline: none !important;
}