@font-face {
	font-family: 'DINNeuzeitGrotesk';
	src: url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-Light.eot'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-Light.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-Light.woff2') format('woff2'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-Light.woff') format('woff'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DINNeuzeitGrotesk';
	src: url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-BoldCond.eot'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-BoldCond.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-BoldCond.woff2') format('woff2'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-BoldCond.woff') format('woff'),
	url('../../assets/fonts/DINNeuzeitGrotesk/DINNeuzeitGroteskLT-BoldCond.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Futura';
	src: url('../../assets/fonts/Futura/FuturaMediumC.eot'),
	url('../../assets/fonts/Futura/FuturaMediumC.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/Futura/FuturaMediumC.woff') format('woff'),
	url('../../assets/fonts/Futura/FuturaMediumC.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Futura';
	src: url('../../assets/fonts/Futura/FuturaLightC.eot'),
	url('../../assets/fonts/Futura/FuturaLightC.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/Futura/FuturaLightC.woff') format('woff'),
	url('../../assets/fonts/Futura/FuturaLightC.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Futura';
	src: url('../../assets/fonts/Futura/FuturaBookC.eot'),
	url('../../assets/fonts/Futura/FuturaBookC.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/Futura/FuturaBookC.woff') format('woff'),
	url('../../assets/fonts/Futura/FuturaBookC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
:root {
  --white: #fff9ec;
  --white2: #ffffff82;
  --green: #068282;
  --light-green: #5cb85c;
  --dark: #1e1e1e;
  --text-color: #4e4e4e;
  --header-bg: #FFF;
  --body-bg: #fff9ec;
  --bottom-bar-bg: #DDD;
  --footer-bg: #1e1e1e;
  --footer-text-color: #ffffff82;
  --btn-bg: #00dfae;
  --btn-bg-hover: #3c763d;
  --text-font: 'Futura';
  --heading-font: 'DINNeuzeitGrotesk';
}

body {
    background: var(--body-bg);
    font-family: var(--text-font);
    color: var(--text-color);
	font-size: 16px;
    line-height: 22px;
    height: 100% !important;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'DINNeuzeitGrotesk';
	font-weight: 600;
	color: var(--green)
}
h1 {
	margin-bottom: 30px;
}
label {
	font-weight: 400;
	font-size: 15px;
}
#popover1 a,
#popover-link-2,
.recurring-billing {
	font-size: 14px;
}
.white-text {
	color: var(--white);
}
.dark-filter {
	filter: invert(var(--value, 100%));
}

/*FLEX START*/
.display-flex {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.justify-items-center {
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
/*FLEX END*/

/*HEADER START*/
.main-header {
	background: var(--white);
}
.checkout_banner span {
	display: inline-block;
	position: relative;
}
.checkout_banner span:not(:last-of-type):before {
    content: '';
    width: 30px;
    height: 5px;
    background-color: var(--green);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: calc(100% + 16px);
}
.checkout_banner span.mid {
	margin: 0 60px;
}
.checkout_banner span > * {
	display: inline-block;
	vertical-align: middle;
}
.checkout_banner i {
	color: var(--green);
	font-size: 1.5em;
	margin-top: -2px;
    margin-right: 3px;
}
/*HEADER END*/

/*FORM STYLE START*/
.form-control {
	border-radius: 0;
	padding: 9px 12px;
	height: auto;
}
.expiration-field {
	margin-left: -5px;
}
.expiration-field > div {
	margin: 0 5px;
	width: 100%;
}
div#submitButtonContainer input.ButtonSimple {
    background: var(--btn-bg);
    border: 0;
    width: 100%;
    color: var(--white);
    padding: 20px 15px;
    border-radius: 5px;
}
div#submitButtonContainer input.ButtonSimple:hover {
	background: var(--btn-bg-hover);
}
/*FORM STYLE END*/

/*ORDER DETAILS START*/
.order-details {
    border: 3px solid var(--green);
	margin-top: 24px;
}
.order-details h2 {
    padding: 15px 15px 0;
}
.order-details li {
    padding: 13px 15px;
    border-bottom: 1px solid #bdbdbd;
}
.order-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.order-list ul li > div {
	width: 20%;
}
.order-list ul li > div.order-name {
    width: 80%;
}
.order-list ul li.total-wrap > * {
    width: 100%;
}
/*ORDER DETAILS END*/

/*BOTTOM BAR START*/
.bottom-bar {
	background: var(--bottom-bar-bg);
    padding: 30px 0 20px;
}
.bottom-bar p {
	text-align: justify;
}
.bottom-bar .container {
    width: 910px;
	max-width: 100%;
}
.bottom-bar img {
	margin-bottom: 0;
	max-width: 100%;
}
.bottom-bar.coaching {
	padding: 15px 0 20px;
}
.bottom-bar.coaching .container {
	width: 850px;
}
.bottom-bar.service p {
	text-align: center;
}
/*BOTTOM BAR END*/

/*FOOTER START*/
footer.main-footer {
	background: var(--footer-bg);
	padding: 30px 0 15px;
}
footer.main-footer p {
	color: var(--footer-text-color);
}
footer.main-footer .footer-logo {
	margin: 0 0 20px;
}
footer.main-footer .social-icons {
	font-size: 30px;
	margin: 23px 0;
}
footer.main-footer .social-icons a {
	text-decoration: none;
}
/*FOOTER END*/

/*POPUP TOOLTIP START*/
.popover.top {
	width: 250px !important;
	max-width: 100% !important;
}
.popover.top .popover-content {
	text-align: justify;
}
.popover.top .popover-content img {
	float: left;
	margin-right: 12px;
}
/*POPUP TOOLTIP END*/

.small, small {
	font-size: 80%;
}
.main-footer,
.bottom-bar {
    font-size: 85%;
}
.main-content {
	padding: 10px 0 20px;
}
.account-information {
	margin: 30px 0;
}
.moneyback-wrap {
	margin-top: 30px;
}
.moneyback-wrap img {
	width: 140px;
    margin: 0 16px 0 -5px;
}
.moneyback-wrap .text-justify {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.moneyback-wrap .text-justify > .text-center {
	float: left;
}
.ssl-img {
	margin: 30px 0 0;
}
.ssl-img img {
	max-width: 170px;
}
#popover2,
#popover1 {
	cursor: default;
    width: 170px;
    text-align: right;
}
#popover2 {
	width: 300px;
}
#final_price {
	font-weight: 700;
	font-size: 20px;
}

/*RESPONSIVE*/
@media (max-width: 1199px) {
	.main-header {
		padding: 10px 0 30px;
	}
	.main-header img {
		margin-bottom: 15px;
	}
	.main-header .display-flex {
		flex-wrap: wrap;
	}
	.main-header .display-flex > * {
		width: 100%;
		text-align: center;
	}
	.bottom-bar.coaching .container {
		width: 750px;
	}
}
@media (max-width: 767px) {
	.content-wrap.display-flex.flex-row-reverse {
		flex-wrap: wrap;
	}
	.content-wrap.display-flex.flex-row-reverse > * {
		width: 100%;
	}
	.checkout_banner span {
		display: block;
	}
	.checkout_banner span:not(:last-of-type) {
		margin-bottom: 24px;
	}
	.checkout_banner span:not(:last-of-type):before {
		width: 90px;
		top: calc(100% + 10px);
		margin-top: 0;
		left: 50%;
		margin-left: -45px;
	}
	.bottom-bar h3 {
		text-align: center;
	}
	.ssl-img img,
	.ssl-img {
		margin: 0;
	}
	.money-back.row.display-flex.align-items-center {
		flex-wrap: wrap;
	}
	.money-back.row.display-flex.align-items-center .money-img {
		text-align: center;
		width: 100%;
	}
	.money-back.row.display-flex.align-items-center .money-img img {
		width: 200px;
		margin-bottom: 20px;
	}
}
@media (max-width: 420px) {
	.moneyback-wrap .text-justify {
		flex-wrap: wrap;
	}
	.moneyback-wrap .text-justify > * {
		width: 100%;
	}
	.moneyback-wrap img {
		margin: 0;
	}
}