/* respond minified */
button,
input,
label,
select,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	-webkit-appearance: none
}

.holder {
	max-width: 1100px;
	text-align: left
}

.hide {
	display: none
}

.block,
div,
p {
	display: block
}

.centre {
	margin-left: auto;
	margin-right: auto
}

.spacer {
	min-height: 20px
}

.right {
	float: right
}

.left {
	float: left
}

.row {
	clear: both
}

.w1,
.w10,
.w10d,
.w11,
.w11d,
.w12,
.w12d,
.w1d,
.w2,
.w2d,
.w3,
.w3d,
.w4,
.w4d,
.w5,
.w5d,
.w6,
.w6d,
.w7,
.w7d,
.w8,
.w8d,
.w9,
.w9d {
	float: left;
	-moz-box-sizing: border-box;
	display: block
}

.s80 {
	padding: 80px
}

.s40 {
	padding: 40px
}

.s20 {
	padding: 20px
}

.s10 {
	padding: 10px
}

.s5 {
	padding: 5px
}

.s3 {
	padding: 3px
}

.s15 {
	padding: 15px
}

.s30 {
	padding: 30px
}

.s6 {
	padding: 3px
}

.s1 {
	padding: 1px
}

.s40lr {
	padding-left: 40px;
	padding-right: 40px
}

.s0 {
	padding: 0
}

.s0t {
	padding-top: 0
}

.s0b {
	padding-bottom: 0
}

.s0l {
	padding-left: 0
}

.s0r {
	padding-right: 0
}

.s5t {
	padding-top: 5px
}

.s5b {
	padding-bottom: 5px
}

.s5l {
	padding-left: 5px
}

.s5r {
	padding-right: 5px
}

.s10t {
	padding-top: 10px
}

.s10b {
	padding-bottom: 10px
}

.s10l {
	padding-left: 10px
}

.s10r {
	padding-right: 10px
}

.s20t {
	padding-top: 20px
}

.s20b {
	padding-bottom: 20px
}

.s20l {
	padding-left: 20px
}

.s20r {
	padding-right: 20px
}

.s40t {
	padding-top: 40px
}

.s40b {
	padding-bottom: 40px
}

.s40l {
	padding-left: 40px
}

.s40r {
	padding-right: 40px
}

.show {
	border: 1px solid red
}

img {
	border: 0;
	max-width: 100%
}

a,
body,
div,
iframe,
img,
input,
p,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-box-sizing: border-box
}

a {
	text-decoration: none
}

@media (max-width:767px) {
	input {
		-webkit-appearance: none
	}

	.test {
		border: 1px solid red
	}

	.vm {
		display: block
	}

	.hm {
		display: none
	}

	input[type=dropdown],
	input[type=text],
	input[type=number],
	textarea {
		font-size: 16px
	}

	.w1,
	.w10,
	.w11,
	.w12,
	.w2,
	.w3,
	.w4,
	.w5,
	.w6,
	.w7,
	.w8,
	.w9 {
		float: left;
		-moz-box-sizing: border-box;
		width: 100%
	}

	.w10m,
	.w11m,
	.w12m,
	.w1m,
	.w2m,
	.w3m,
	.w4m,
	.w5m,
	.w6m,
	.w7m,
	.w8m,
	.w9m {
		float: left;
		-moz-box-sizing: border-box
	}

	.w1m {
		width: 8.33%
	}

	.w2m {
		width: 16.66%
	}

	.w3m {
		width: 25%
	}

	.w4m {
		width: 33.33%
	}

	.w5m {
		width: 41.66%
	}

	.w6m {
		width: 50%
	}

	.w7m {
		width: 58.33%
	}

	.w8m {
		width: 66.66%
	}

	.w9m {
		width: 75%
	}

	.w10m {
		width: 83.33%
	}

	.w11m {
		width: 91.66%
	}

	.w12m {
		width: 100%
	}

	.s20m {
		padding: 20px
	}

	.s10m {
		padding: 10px
	}
}

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

	.w1,
	.w10,
	.w10t,
	.w11,
	.w11t,
	.w12,
	.w12t,
	.w1t,
	.w2,
	.w2t,
	.w3,
	.w3t,
	.w4,
	.w4t,
	.w5,
	.w5t,
	.w6,
	.w6t,
	.w7,
	.w7t,
	.w8,
	.w8t,
	.w9,
	.w9t {
		float: left;
		-moz-box-sizing: border-box
	}

	.ht {
		display: none
	}

	.vt {
		display: block
	}

	.test {
		border: 1px solid orange
	}

	.w1,
	.w1t {
		width: 8.33%
	}

	.w2,
	.w2t {
		width: 16.66%
	}

	.w3,
	.w3t {
		width: 25%
	}

	.w4,
	.w4t {
		width: 33.33%
	}

	.w5,
	.w5t {
		width: 41.66%
	}

	.w6,
	.w6t {
		width: 50%
	}

	.w7,
	.w7t {
		width: 58.33%
	}

	.w8,
	.w8t {
		width: 66.66%
	}

	.w9,
	.w9t {
		width: 75%
	}

	.w10,
	.w10t {
		width: 83.33%
	}

	.w11,
	.w11t {
		width: 91.66%
	}

	.w12,
	.w12t {
		width: 100%
	}
}

@media (min-width:970px) {
	.test {
		border: 1px solid green
	}

	.hd,
	.vm {
		display: none
	}

	.w1,
	.w1d {
		width: 8.33%
	}

	.w2,
	.w2d {
		width: 16.66%
	}

	.w3,
	.w3d {
		width: 25%
	}

	.w4,
	.w4d {
		width: 33.33%
	}

	.w5,
	.w5d {
		width: 41.66%
	}

	.w6,
	.w6d {
		width: 50%
	}

	.w7,
	.w7d {
		width: 58.33%
	}

	.w8,
	.w8d {
		width: 66.66%
	}

	.w9,
	.w9d {
		width: 75%
	}

	.w10,
	.w10d {
		width: 83.33%
	}

	.w11,
	.w11d {
		width: 91.66%
	}

	.w12,
	.w12d {
		width: 100%
	}
}

body {
	padding-top: 41px;
}

@media screen and (max-width: 979px) {
	body {
		padding-top: 0px;
	}
}

.hero-apps-title {
	text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.hero-apps-container {
	display: flex;
	justify-content: space-between;
	max-width: 800px;
	margin: auto;
	gap: 10px;
	scale: .8;
}

.hero-apps-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px;
	background-color: #f9fafb;
	border-radius: 10px;
	font-size: 12px;
	width: 100px;
	height: 100px;
	font-weight: bold;
}

.main-content {
	min-height: 500px;
	_min-height: 500px;
	background-color: #740000;
	color: #F2F1F2;
	box-shadow: 0 0 10px 0 #000000 inset;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
}

.main-content a {
	color: #76caff;
}

.text_holder {
	padding: 10px;
}

iframe {
	border-style: none;
}

:root {
	--val2: 0.8em;
	--val3: 0.9em;
	--val4: 1em;
	--val5: 1.2em;
}

.container {
	max-width: 100%;
	padding: 0 15px;
	display: block;
}

.row .row {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
	zoom: 1;
}

.row .row:before,
.row .row:after {
	content: " ";
	display: table;
}

.row .row:after {
	clear: both;
}

.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
	zoom: 1;
}

.row .row.collapse:before,
.row .row.collapse:after {
	content: " ";
	display: table;
}

.row .row.collapse:after {
	clear: both;
}

.mt-2 {
	margin-top: var(--val2) !important;
}

.mt-3 {
	margin-top: var(--val3) !important;
}

.mt-4 {
	margin-top: var(--val4) !important;
}

.mt-5 {
	margin-top: var(--val5) !important;
}

.mb-2 {
	margin-bottom: var(--val2) !important;
}

.mb-3 {
	margin-bottom: var(--val3) !important;
}

.mb-4 {
	margin-bottom: var(--val4) !important;
}

.mb-5 {
	margin-bottom: var(--val5) !important;
}


.ms-2 {
	margin-left: var(--val2) !important;
}

.ms-3 {
	margin-left: var(--val3) !important;
}

.ms-4 {
	margin-left: var(--val4) !important;
}

.ms-5 {
	margin-left: var(--val5) !important;
}

.me-2 {
	margin-right: var(--val2) !important;
}

.me-3 {
	margin-right: var(--val3) !important;
}

.me-4 {
	margin-right: var(--val4) !important;
}

.me-5 {
	margin-right: var(--val5) !important;
}


.pt-2 {
	padding-top: var(--val2) !important;
}

.pt-3 {
	padding-top: var(--val3) !important;
}

.pt-4 {
	padding-top: var(--val4) !important;
}

.pt-5 {
	padding-top: var(--val5) !important;
}

.pb-2 {
	padding-bottom: var(--val2) !important;
}

.pb-3 {
	padding-bottom: var(--val3) !important;
}

.pb-4 {
	padding-bottom: var(--val4) !important;
}

.pb-5 {
	padding-bottom: var(--val5) !important;
}

.m-2 {
	margin: var(--val2);
}

.m-3 {
	margin: var(--val2);
}

.m-4 {
	margin: var(--val2);
}

.m-5 {
	margin: var(--val2);
}

.row {
	width: 100%;
	display: flex;
}

.row>* {
	flex: auto;
}

nav ul li {
	display: inline;
}

nav ul li {
	display: inline;
}

.border {
	border: 1px solid #000;
}

.border-light {
	border-color: lightgray;
}

.rounded {
	border-radius: 5px;
}

.shadow-sm {
	box-shadow: 0 0 10px #cdcdcd;
}

.bg-light {
	background-color: #fff;
}

.bg-dark {
	background-color: #f5f6f7;
}

.centered {
	text-align: center;
	justify-content: center;
}

:root {
	--primaryColor: #fff;
	--secondaryColor: #3b49f4;
	--headerImage: none;
	--brandImageDisplay: none;
	--mainFontColor: #000000;
	--stripeLogo: inline;
	--cardLogos: none;
	--cardPrice: block;
	--panelBG: white;
	--encryptionColor: #26cc75;
	--linkColor: #2ba6cb;
	--linkColorHover: #258faf;
	--buttonBG: #2dc253;
	--buttonColor: #fff;
	--buttonBGHover: #239941;
	--buttonBGDisabled: #616161;
	--color1: #00B7D6;
	--color2: #A25EDC;
	--color3: #FF8400;
	--color4: #E63232;
}

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");

.main-content {
	min-height: none;
	_min-height: none;
	background-color: transparent;
	color: inherit;
	box-shadow: none;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0;
}

.show {
	border: none;
}

* {
	font-family: "Roboto Condensed", sans-serif;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}


.buttonDiv .btn:hover {
	background-color: #239941;
}

#main {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	background-position: center;
	background-attachment: fixed;
}

#minutesMobile,
#secondsMobile {
	color: #63ad00;
}

footer {
	background-color: white;
	padding: 50px 0;
}

main {
	flex: 1;
	background-color: white;
}

html {
	min-height: 100vh;
	background: var(--bodyBgColor);
}

header {
	background-image: var(--headerImage);
	background-position: bottom center;
	background-size: cover;
	padding: 0;
}

header img,
.navbar-nav {
	position: relative;
}

header .branding-section {
	padding-top: 10px;
}

header .branding-section img {
	display: block;
	margin: 0 auto;
	width: 100px;
}

.panel {
	margin: 10px auto;
	text-align: center;
	border-radius: 2px;
	background: var(--panelBG);
	padding: 1em;
	width: 100%;
	max-width: 100%;
	-moz-border-radius: 10px;
}

.panel .title {
	font-size: 24px;
	font-weight: 700;
}

.answer-wrap {
	padding: 20px 0 0;
}

.answer {
	background-color: var(--answerColor);
	border: double 4px transparent;
	border-radius: 10px;
	background-origin: border-box;
	background-clip: content-box, border-box;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	margin: auto;
	max-width: 600px;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.answer+.answer {
	margin-top: 10px;
}

.legal-terms {
	color: #6b6b6b;
	font-size: 13px;
	font-weight: 300;
	padding-top: 15px;
	margin: auto;
	max-width: none;
}

.legal-terms strong {
	font-weight: 700;
}

.payment-buttons {
	margin: auto;
	max-width: 500px;
}

footer {
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	color: black;
	display: block;
	margin: 0 auto;
	width: 100%;
}

footer a {
	color: inherit;
}

footer .bottom-links {
	padding-top: 20px;
}

#payWithPayPal {
	width: 100%;
	display: block !important;
	cursor: pointer;
}

.stars {
	display: flex;
}

.star {
	width: 20%;
	height: 100%;
}

#pricePop {
	transition: all ease 0.5s;
	display: none;
	position: absolute;
	background: #f2f3f6;
	right: 27%;
	top: 60px;
	z-index: 9999;
	width: 300px;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
}

.popClose {
	float: right;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	width: 20px;
	height: 20px;
	margin: 10px;
}

.winStars {
	font-size: 15px;
	font-weight: normal;
	margin-left: 10px;
}

.cart,
.chev {
	width: 7%;
}

.shield {
	width: 1.5%;
	position: relative;
	top: 1px;
}

.popTop {
	width: 100%;
	background-color: white;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.enter {
	font-weight: normal;
	font-size: 18px;
	margin-top: 10px;
	display: block;
}

.email {
	width: 84%;
	text-align: center;
	margin-top: 10px;
	height: 60px;
	border-radius: 5px;
	border: 2px solid #3784e4;
	font-size: 20px;
}

.encryption {
	color: var(--encryptionColor);
	font-weight: bold;
	font-size: 12px;
	display: block;
}

.loginSpan {
	font-weight: normal;
	font-size: 24px;
	display: block;
}

@media screen and (max-width: 720px) {
	#pricePop {
		right: 5%;
		width: 80%;
		top: 60px;
	}

	.cart,
	.chev {
		width: 10%;
	}

	.shield {
		width: 2.5%;
	}

	.enter {
		font-size: 16px;
		margin-top: 4px;
	}

	.email {
		width: 96%;
		height: 47px;
	}

	.contents {
		margin-top: 20px;
	}

	.panel {
		padding-top: 30px !important;
	}

	.stars {
		margin-top: 20px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.star {
		width: 42%;
	}

	.winStars {
		float: right;
		text-align: right;
		width: 58%;
		margin-left: 0;
	}

	.payment-buttons {
		margin: 20px auto;
	}

	.loginSpan {
		margin-top: 20px;
	}
}

header {
	background: none;
	min-height: 70px;
	padding: 0;
}

.branding-img {
	display: var(--brandImageDisplay);
}

html {
	font-family: "Roboto Condensed", sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

.card-element.logo {
	display: var(--cardLogos);
}

.stripe-header {
	display: var(--stripeLogo);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

meta.foundation-version {
	font-family: "/5.2.1/";
}

meta.foundation-mq-small {
	font-family: "/only screen and (max-width: 40em)/";
	width: 0;
}

meta.foundation-mq-medium {
	font-family: "/only screen and (min-width:40.063em)/";
	width: 40.063em;
}

meta.foundation-mq-large {
	font-family: "/only screen and (min-width:64.063em)/";
	width: 64.063em;
}

meta.foundation-mq-xlarge {
	font-family: "/only screen and (min-width:90.063em)/";
	width: 90.063em;
}

meta.foundation-mq-xxlarge {
	font-family: "/only screen and (min-width:120.063em)/";
	width: 120.063em;
}

meta.foundation-data-attribute-namespace {
	font-family: false;
}

html,
body {
	height: 100%;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 100%;
}

body {
	background: white;
	color: #222;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;
}

.collage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 15px;
	box-shadow: 0 0 10px #cdcdcd;
}

.collage .text {
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 0 10px #cdcdcd;
	padding: 3em 1.5em;
}

a:hover {
	cursor: pointer;
}

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

img {
	-ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
	max-width: none !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.hide {
	display: none;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display: inline-block;
	vertical-align: middle;
}

textarea {
	height: auto;
	min-height: 50px;
}

select {
	width: 100%;
}

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/* max-width: 62.5em; */
	zoom: 1;
}

.row:before,
.row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
	padding-left: 0;
	padding-right: 0;
}

.row.collapse .row {
	margin-left: 0;
	margin-right: 0;
}

.column,
.columns {
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left;
}

.payment_footer {
	background: white;
	border-top: 1px solid rgb(223, 224, 228);
	margin-top: 50px;
}

.container-cc .row {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

.payment-cards {
	background-color: rgb(249, 251, 253);
	border: 1px solid rgb(230, 238, 247);
}

@media only screen {

	.column.small-centered,
	.columns.small-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}

	.column.small-uncentered,
	.columns.small-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left !important;
	}

	.column.small-uncentered.opposite,
	.columns.small-uncentered.opposite {
		float: right;
	}

	.small-push-0 {
		position: relative;
		left: 0;
		right: auto;
	}

	.small-pull-0 {
		position: relative;
		right: 0;
		left: auto;
	}

	.small-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.small-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.small-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.small-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.small-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.small-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.small-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.small-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.small-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.small-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.small-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.small-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.small-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.small-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.small-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.small-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.small-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.small-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.small-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.small-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.small-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.small-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}

	.small-1 {
		width: 8.33333%;
	}

	.small-2 {
		width: 16.66667%;
	}

	.small-3 {
		width: 25%;
	}

	.small-4 {
		width: 33.33333%;
	}

	.small-5 {
		width: 41.66667%;
	}

	.small-6 {
		width: 50%;
	}

	.small-7 {
		width: 58.33333%;
	}

	.small-8 {
		width: 66.66667%;
	}

	.small-9 {
		width: 75%;
	}

	.small-10 {
		width: 83.33333%;
	}

	.small-11 {
		width: 91.66667%;
	}

	.small-12 {
		width: 100%;
	}

	[class*="column"]+[class*="column"]:last-child {
		float: right;
	}

	[class*="column"]+[class*="column"].end {
		float: left;
	}

	.small-offset-0 {
		margin-left: 0 !important;
	}

	.small-offset-1 {
		margin-left: 8.33333% !important;
	}

	.small-offset-2 {
		margin-left: 16.66667% !important;
	}

	.small-offset-3 {
		margin-left: 25% !important;
	}

	.small-offset-4 {
		margin-left: 33.33333% !important;
	}

	.small-offset-5 {
		margin-left: 41.66667% !important;
	}

	.small-offset-6 {
		margin-left: 50% !important;
	}

	.small-offset-7 {
		margin-left: 58.33333% !important;
	}

	.small-offset-8 {
		margin-left: 66.66667% !important;
	}

	.small-offset-9 {
		margin-left: 75% !important;
	}

	.small-offset-10 {
		margin-left: 83.33333% !important;
	}

	.small-offset-11 {
		margin-left: 91.66667% !important;
	}

	.small-reset-order,
	.small-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}
}

@media only screen and (min-width: 768px) {

	.column.medium-centered,
	.columns.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}

	.column.medium-uncentered,
	.columns.medium-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left !important;
	}

	.column.medium-uncentered.opposite,
	.columns.medium-uncentered.opposite {
		float: right;
	}

	.medium-push-0 {
		position: relative;
		left: 0;
		right: auto;
	}

	.medium-pull-0 {
		position: relative;
		right: 0;
		left: auto;
	}

	.medium-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.medium-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.medium-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.medium-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.medium-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.medium-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.medium-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.medium-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.medium-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.medium-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.medium-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.medium-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.medium-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.medium-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.medium-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.medium-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.medium-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.medium-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.medium-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.medium-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.medium-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.medium-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}

	.medium-1 {
		width: 8.33333%;
	}

	.medium-2 {
		width: 16.66667%;
	}

	.medium-3 {
		width: 25%;
	}

	.medium-4 {
		width: 33.33333%;
	}

	.medium-5 {
		width: 41.66667%;
	}

	.medium-6 {
		width: 50%;
	}

	.medium-7 {
		width: 58.33333%;
	}

	.medium-8 {
		width: 66.66667%;
	}

	.medium-9 {
		width: 75%;
	}

	.medium-10 {
		width: 83.33333%;
	}

	.medium-11 {
		width: 91.66667%;
	}

	.medium-12 {
		width: 100%;
	}

	[class*="column"]+[class*="column"]:last-child {
		float: right;
	}

	[class*="column"]+[class*="column"].end {
		float: left;
	}

	.medium-offset-0 {
		margin-left: 0 !important;
	}

	.medium-offset-1 {
		margin-left: 8.33333% !important;
	}

	.medium-offset-2 {
		margin-left: 16.66667% !important;
	}

	.medium-offset-3 {
		margin-left: 25% !important;
	}

	.medium-offset-4 {
		margin-left: 33.33333% !important;
	}

	.medium-offset-5 {
		margin-left: 41.66667% !important;
	}

	.medium-offset-6 {
		margin-left: 50% !important;
	}

	.medium-offset-7 {
		margin-left: 58.33333% !important;
	}

	.medium-offset-8 {
		margin-left: 66.66667% !important;
	}

	.medium-offset-9 {
		margin-left: 75% !important;
	}

	.medium-offset-10 {
		margin-left: 83.33333% !important;
	}

	.medium-offset-11 {
		margin-left: 91.66667% !important;
	}

	.medium-reset-order,
	.medium-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}

	.push-0 {
		position: relative;
		left: 0;
		right: auto;
	}

	.pull-0 {
		position: relative;
		right: 0;
		left: auto;
	}

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}
}

@media only screen and (min-width: 768px) {

	.column.large-centered,
	.columns.large-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}

	.column.large-uncentered,
	.columns.large-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: left !important;
	}

	.column.large-uncentered.opposite,
	.columns.large-uncentered.opposite {
		float: right;
	}

	.large-push-0 {
		position: relative;
		left: 0;
		right: auto;
	}

	.large-pull-0 {
		position: relative;
		right: 0;
		left: auto;
	}

	.large-push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.large-pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.large-push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.large-pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.large-push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.large-pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.large-push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.large-pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.large-push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.large-pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.large-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.large-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.large-push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.large-pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.large-push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.large-pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.large-push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.large-pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.large-push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.large-pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.large-push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.large-pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}

	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}

	.large-1 {
		width: 8.33333%;
	}

	.large-2 {
		width: 16.66667%;
	}

	.large-3 {
		width: 25%;
	}

	.large-4 {
		width: 33.33333%;
	}

	.large-5 {
		width: 41.66667%;
	}

	.large-6 {
		width: 50%;
	}

	.large-7 {
		width: 58.33333%;
	}

	.large-8 {
		width: 66.66667%;
	}

	.large-9 {
		width: 75%;
	}

	.large-10 {
		width: 83.33333%;
	}

	.large-11 {
		width: 91.66667%;
	}

	.large-12 {
		width: 100%;
	}

	[class*="column"]+[class*="column"]:last-child {
		float: right;
	}

	[class*="column"]+[class*="column"].end {
		float: left;
	}

	.large-offset-0 {
		margin-left: 0 !important;
	}

	.large-offset-1 {
		margin-left: 8.33333% !important;
	}

	.large-offset-2 {
		margin-left: 16.66667% !important;
	}

	.large-offset-3 {
		margin-left: 25% !important;
	}

	.large-offset-4 {
		margin-left: 33.33333% !important;
	}

	.large-offset-5 {
		margin-left: 41.66667% !important;
	}

	.large-offset-6 {
		margin-left: 50% !important;
	}

	.large-offset-7 {
		margin-left: 58.33333% !important;
	}

	.large-offset-8 {
		margin-left: 66.66667% !important;
	}

	.large-offset-9 {
		margin-left: 75% !important;
	}

	.large-offset-10 {
		margin-left: 83.33333% !important;
	}

	.large-offset-11 {
		margin-left: 91.66667% !important;
	}

	.large-reset-order,
	.large-reset-order {
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: auto;
		float: left;
	}

	.push-0 {
		position: relative;
		left: 0;
		right: auto;
	}

	.pull-0 {
		position: relative;
		right: 0;
		left: auto;
	}

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto;
	}

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto;
	}

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto;
	}

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto;
	}

	.push-3 {
		position: relative;
		left: 25%;
		right: auto;
	}

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto;
	}

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto;
	}

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto;
	}

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto;
	}

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto;
	}

	.push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto;
	}

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto;
	}

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto;
	}

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto;
	}

	.push-9 {
		position: relative;
		left: 75%;
		right: auto;
	}

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto;
	}

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto;
	}

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto;
	}

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto;
	}

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto;
	}
}

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

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

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

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

@media only screen and (max-width: 768px) {
	.small-only-text-left {
		text-align: left !important;
	}

	.small-only-text-right {
		text-align: right !important;
	}

	.small-only-text-center {
		text-align: center !important;
	}

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

@media only screen {
	.small-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.medium-only-text-left {
		text-align: left !important;
	}

	.medium-only-text-right {
		text-align: right !important;
	}

	.medium-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 40.063em) {
	.medium-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.large-only-text-left {
		text-align: left !important;
	}

	.large-only-text-right {
		text-align: right !important;
	}

	.large-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 768px) {
	.large-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	.xlarge-only-text-left {
		text-align: left !important;
	}

	.xlarge-only-text-right {
		text-align: right !important;
	}

	.xlarge-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 90.063em) {
	.xlarge-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
	.xxlarge-only-text-left {
		text-align: left !important;
	}

	.xxlarge-only-text-right {
		text-align: right !important;
	}

	.xxlarge-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 120.063em) {
	.xxlarge-text-left {
		text-align: left !important;
	}

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

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

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

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

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

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

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

@media only screen and (max-width: 768px) {
	.small-only-text-left {
		text-align: left !important;
	}

	.small-only-text-right {
		text-align: right !important;
	}

	.small-only-text-center {
		text-align: center !important;
	}

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

@media only screen {
	.small-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.medium-only-text-left {
		text-align: left !important;
	}

	.medium-only-text-right {
		text-align: right !important;
	}

	.medium-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 40.063em) {
	.medium-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.large-only-text-left {
		text-align: left !important;
	}

	.large-only-text-right {
		text-align: right !important;
	}

	.large-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 64.063em) {
	.large-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	.xlarge-only-text-left {
		text-align: left !important;
	}

	.xlarge-only-text-right {
		text-align: right !important;
	}

	.xlarge-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 90.063em) {
	.xlarge-text-left {
		text-align: left !important;
	}

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

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

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

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
	.xxlarge-only-text-left {
		text-align: left !important;
	}

	.xxlarge-only-text-right {
		text-align: right !important;
	}

	.xxlarge-only-text-center {
		text-align: center !important;
	}

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

@media only screen and (min-width: 120.063em) {
	.xxlarge-text-left {
		text-align: left !important;
	}

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

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

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

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

a {
	color: var(--linkColor);
	text-decoration: none;
	line-height: inherit;
}

a:hover,
a:focus {
	color: var(--linkColorHover);
}

a img {
	border: 0;
}

p {
	text-rendering: optimizeLegibility;
}

p.lead {
	font-size: 1.21875rem;
	line-height: 1.6;
}

p aside {
	font-size: 0.875rem;
	line-height: 1.35;
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-style: normal;
	color: #222;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0;
}

h1 {
	font-size: 2.125rem;
}

h2 {
	font-size: 1.6875rem;
}

h3 {
	font-size: 1.375rem;
}

h4 {
	font-size: 1.125rem;
}

h5 {
	font-size: 1.125rem;
}

h6 {
	font-size: 1rem;
}

.subheader {
	line-height: 1.4;
	color: #6f6f6f;
	font-weight: normal;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0;
}

em,
i {
	font-style: italic;
	line-height: inherit;
}

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

.seperator {
	border-top: 1px solid lightgray;
}

.promo_text h3,
.promo_text p {
	color: #999;
}

.promo_text h3 {
	font-weight: bold;
	font-size: 0.9em;
}

.promo_text p {
	font-size: 0.8em;
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: bold;
	color: #910b0e;
}

ul,
ol,
dl {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit;
}

ul {
	margin-left: 1.1rem;
	font-size: 15px;
}

ul.no-bullet {
	margin-left: 0;
}

ul.no-bullet li ul,
ul.no-bullet li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
	list-style: none;
}

ul li ul,
ul li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
	list-style: inherit;
}

ul.square {
	list-style-type: square;
	margin-left: 1.1rem;
}

ul.circle {
	list-style-type: circle;
	margin-left: 1.1rem;
}

ul.disc {
	list-style-type: disc;
	margin-left: 1.1rem;
}

ul.no-bullet {
	list-style: none;
}

ol {
	margin-left: 1.4rem;
}

ol li ul,
ol li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

dl dt {
	margin-bottom: 0.3rem;
	font-weight: bold;
}

dl dd {
	margin-bottom: 0.75rem;
}

abbr,
acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #222;
	border-bottom: 1px dotted #ddd;
	cursor: help;
}

abbr {
	text-transform: none;
}

blockquote {
	margin: 0 0 1.25rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #ddd;
}

blockquote cite {
	display: block;
	font-size: 0.8125rem;
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
	color: #555;
}

blockquote,
blockquote p {
	line-height: 1.6;
	color: #6f6f6f;
}

.vcard {
	display: inline-block;
	margin: 0 0 1.25rem 0;
	border: 1px solid #ddd;
	padding: 0.625rem 0.75rem;
}

.vcard li {
	margin: 0;
	display: block;
}

.vcard .fn {
	font-weight: bold;
	font-size: 0.9375rem;
}

.vevent .summary {
	font-weight: bold;
}

.vevent abbr {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	padding: 0 0.0625rem;
}

@media only screen and (min-width: 768px) {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 1.4;
	}

	h1 {
		font-size: 2.75rem;
	}

	h2 {
		font-size: 2.3rem;
	}

	h3 {
		font-size: 1.6875rem;
	}

	h4 {
		font-size: 1.4375rem;
	}
}

.print-only {
	display: none !important;
}

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.hide-on-print {
		display: none !important;
	}

	.print-only {
		display: block !important;
	}

	.hide-for-print {
		display: none !important;
	}

	.show-for-print {
		display: inherit !important;
	}
}

@media only screen {

	.show-for-small-only,
	.show-for-small-up,
	.show-for-small,
	.show-for-small-down,
	.hide-for-medium-only,
	.hide-for-medium-up,
	.hide-for-medium,
	.show-for-medium-down,
	.hide-for-large-only,
	.hide-for-large-up,
	.hide-for-large,
	.show-for-large-down,
	.hide-for-xlarge-only,
	.hide-for-xlarge-up,
	.hide-for-xlarge,
	.show-for-xlarge-down,
	.hide-for-xxlarge-only,
	.hide-for-xxlarge-up,
	.hide-for-xxlarge,
	.show-for-xxlarge-down {
		display: inherit !important;
	}

	.hide-for-small-only,
	.hide-for-small-up,
	.hide-for-small,
	.hide-for-small-down,
	.show-for-medium-only,
	.show-for-medium-up,
	.show-for-medium,
	.hide-for-medium-down,
	.show-for-large-only,
	.show-for-large-up,
	.show-for-large,
	.hide-for-large-down,
	.show-for-xlarge-only,
	.show-for-xlarge-up,
	.show-for-xlarge,
	.hide-for-xlarge-down,
	.show-for-xxlarge-only,
	.show-for-xxlarge-up,
	.show-for-xxlarge,
	.hide-for-xxlarge-down {
		display: none !important;
	}

	table.show-for-small-only,
	table.show-for-small-up,
	table.show-for-small,
	table.show-for-small-down,
	table.hide-for-medium-only,
	table.hide-for-medium-up,
	table.hide-for-medium,
	table.show-for-medium-down,
	table.hide-for-large-only,
	table.hide-for-large-up,
	table.hide-for-large,
	table.show-for-large-down,
	table.hide-for-xlarge-only,
	table.hide-for-xlarge-up,
	table.hide-for-xlarge,
	table.show-for-xlarge-down,
	table.hide-for-xxlarge-only,
	table.hide-for-xxlarge-up,
	table.hide-for-xxlarge,
	table.show-for-xxlarge-down {
		display: table;
	}

	thead.show-for-small-only,
	thead.show-for-small-up,
	thead.show-for-small,
	thead.show-for-small-down,
	thead.hide-for-medium-only,
	thead.hide-for-medium-up,
	thead.hide-for-medium,
	thead.show-for-medium-down,
	thead.hide-for-large-only,
	thead.hide-for-large-up,
	thead.hide-for-large,
	thead.show-for-large-down,
	thead.hide-for-xlarge-only,
	thead.hide-for-xlarge-up,
	thead.hide-for-xlarge,
	thead.show-for-xlarge-down,
	thead.hide-for-xxlarge-only,
	thead.hide-for-xxlarge-up,
	thead.hide-for-xxlarge,
	thead.show-for-xxlarge-down {
		display: table-header-group !important;
	}

	tbody.show-for-small-only,
	tbody.show-for-small-up,
	tbody.show-for-small,
	tbody.show-for-small-down,
	tbody.hide-for-medium-only,
	tbody.hide-for-medium-up,
	tbody.hide-for-medium,
	tbody.show-for-medium-down,
	tbody.hide-for-large-only,
	tbody.hide-for-large-up,
	tbody.hide-for-large,
	tbody.show-for-large-down,
	tbody.hide-for-xlarge-only,
	tbody.hide-for-xlarge-up,
	tbody.hide-for-xlarge,
	tbody.show-for-xlarge-down,
	tbody.hide-for-xxlarge-only,
	tbody.hide-for-xxlarge-up,
	tbody.hide-for-xxlarge,
	tbody.show-for-xxlarge-down {
		display: table-row-group !important;
	}

	tr.show-for-small-only,
	tr.show-for-small-up,
	tr.show-for-small,
	tr.show-for-small-down,
	tr.hide-for-medium-only,
	tr.hide-for-medium-up,
	tr.hide-for-medium,
	tr.show-for-medium-down,
	tr.hide-for-large-only,
	tr.hide-for-large-up,
	tr.hide-for-large,
	tr.show-for-large-down,
	tr.hide-for-xlarge-only,
	tr.hide-for-xlarge-up,
	tr.hide-for-xlarge,
	tr.show-for-xlarge-down,
	tr.hide-for-xxlarge-only,
	tr.hide-for-xxlarge-up,
	tr.hide-for-xxlarge,
	tr.show-for-xxlarge-down {
		display: table-row !important;
	}

	th.show-for-small-only,
	td.show-for-small-only,
	th.show-for-small-up,
	td.show-for-small-up,
	th.show-for-small,
	td.show-for-small,
	th.show-for-small-down,
	td.show-for-small-down,
	th.hide-for-medium-only,
	td.hide-for-medium-only,
	th.hide-for-medium-up,
	td.hide-for-medium-up,
	th.hide-for-medium,
	td.hide-for-medium,
	th.show-for-medium-down,
	td.show-for-medium-down,
	th.hide-for-large-only,
	td.hide-for-large-only,
	th.hide-for-large-up,
	td.hide-for-large-up,
	th.hide-for-large,
	td.hide-for-large,
	th.show-for-large-down,
	td.show-for-large-down,
	th.hide-for-xlarge-only,
	td.hide-for-xlarge-only,
	th.hide-for-xlarge-up,
	td.hide-for-xlarge-up,
	th.hide-for-xlarge,
	td.hide-for-xlarge,
	th.show-for-xlarge-down,
	td.show-for-xlarge-down,
	th.hide-for-xxlarge-only,
	td.hide-for-xxlarge-only,
	th.hide-for-xxlarge-up,
	td.hide-for-xxlarge-up,
	th.hide-for-xxlarge,
	td.hide-for-xxlarge,
	th.show-for-xxlarge-down,
	td.show-for-xxlarge-down {
		display: table-cell !important;
	}
}

@media only screen and (min-width: 40.063em) {

	.hide-for-small-only,
	.show-for-small-up,
	.hide-for-small,
	.hide-for-small-down,
	.show-for-medium-only,
	.show-for-medium-up,
	.show-for-medium,
	.show-for-medium-down,
	.hide-for-large-only,
	.hide-for-large-up,
	.hide-for-large,
	.show-for-large-down,
	.hide-for-xlarge-only,
	.hide-for-xlarge-up,
	.hide-for-xlarge,
	.show-for-xlarge-down,
	.hide-for-xxlarge-only,
	.hide-for-xxlarge-up,
	.hide-for-xxlarge,
	.show-for-xxlarge-down {
		display: inherit !important;
	}

	.show-for-small-only,
	.hide-for-small-up,
	.show-for-small,
	.show-for-small-down,
	.hide-for-medium-only,
	.hide-for-medium-up,
	.hide-for-medium,
	.hide-for-medium-down,
	.show-for-large-only,
	.show-for-large-up,
	.show-for-large,
	.hide-for-large-down,
	.show-for-xlarge-only,
	.show-for-xlarge-up,
	.show-for-xlarge,
	.hide-for-xlarge-down,
	.show-for-xxlarge-only,
	.show-for-xxlarge-up,
	.show-for-xxlarge,
	.hide-for-xxlarge-down {
		display: none !important;
	}

	table.hide-for-small-only,
	table.show-for-small-up,
	table.hide-for-small,
	table.hide-for-small-down,
	table.show-for-medium-only,
	table.show-for-medium-up,
	table.show-for-medium,
	table.show-for-medium-down,
	table.hide-for-large-only,
	table.hide-for-large-up,
	table.hide-for-large,
	table.show-for-large-down,
	table.hide-for-xlarge-only,
	table.hide-for-xlarge-up,
	table.hide-for-xlarge,
	table.show-for-xlarge-down,
	table.hide-for-xxlarge-only,
	table.hide-for-xxlarge-up,
	table.hide-for-xxlarge,
	table.show-for-xxlarge-down {
		display: table;
	}

	thead.hide-for-small-only,
	thead.show-for-small-up,
	thead.hide-for-small,
	thead.hide-for-small-down,
	thead.show-for-medium-only,
	thead.show-for-medium-up,
	thead.show-for-medium,
	thead.show-for-medium-down,
	thead.hide-for-large-only,
	thead.hide-for-large-up,
	thead.hide-for-large,
	thead.show-for-large-down,
	thead.hide-for-xlarge-only,
	thead.hide-for-xlarge-up,
	thead.hide-for-xlarge,
	thead.show-for-xlarge-down,
	thead.hide-for-xxlarge-only,
	thead.hide-for-xxlarge-up,
	thead.hide-for-xxlarge,
	thead.show-for-xxlarge-down {
		display: table-header-group !important;
	}

	tbody.hide-for-small-only,
	tbody.show-for-small-up,
	tbody.hide-for-small,
	tbody.hide-for-small-down,
	tbody.show-for-medium-only,
	tbody.show-for-medium-up,
	tbody.show-for-medium,
	tbody.show-for-medium-down,
	tbody.hide-for-large-only,
	tbody.hide-for-large-up,
	tbody.hide-for-large,
	tbody.show-for-large-down,
	tbody.hide-for-xlarge-only,
	tbody.hide-for-xlarge-up,
	tbody.hide-for-xlarge,
	tbody.show-for-xlarge-down,
	tbody.hide-for-xxlarge-only,
	tbody.hide-for-xxlarge-up,
	tbody.hide-for-xxlarge,
	tbody.show-for-xxlarge-down {
		display: table-row-group !important;
	}

	tr.hide-for-small-only,
	tr.show-for-small-up,
	tr.hide-for-small,
	tr.hide-for-small-down,
	tr.show-for-medium-only,
	tr.show-for-medium-up,
	tr.show-for-medium,
	tr.show-for-medium-down,
	tr.hide-for-large-only,
	tr.hide-for-large-up,
	tr.hide-for-large,
	tr.show-for-large-down,
	tr.hide-for-xlarge-only,
	tr.hide-for-xlarge-up,
	tr.hide-for-xlarge,
	tr.show-for-xlarge-down,
	tr.hide-for-xxlarge-only,
	tr.hide-for-xxlarge-up,
	tr.hide-for-xxlarge,
	tr.show-for-xxlarge-down {
		display: table-row !important;
	}

	th.hide-for-small-only,
	td.hide-for-small-only,
	th.show-for-small-up,
	td.show-for-small-up,
	th.hide-for-small,
	td.hide-for-small,
	th.hide-for-small-down,
	td.hide-for-small-down,
	th.show-for-medium-only,
	td.show-for-medium-only,
	th.show-for-medium-up,
	td.show-for-medium-up,
	th.show-for-medium,
	td.show-for-medium,
	th.show-for-medium-down,
	td.show-for-medium-down,
	th.hide-for-large-only,
	td.hide-for-large-only,
	th.hide-for-large-up,
	td.hide-for-large-up,
	th.hide-for-large,
	td.hide-for-large,
	th.show-for-large-down,
	td.show-for-large-down,
	th.hide-for-xlarge-only,
	td.hide-for-xlarge-only,
	th.hide-for-xlarge-up,
	td.hide-for-xlarge-up,
	th.hide-for-xlarge,
	td.hide-for-xlarge,
	th.show-for-xlarge-down,
	td.show-for-xlarge-down,
	th.hide-for-xxlarge-only,
	td.hide-for-xxlarge-only,
	th.hide-for-xxlarge-up,
	td.hide-for-xxlarge-up,
	th.hide-for-xxlarge,
	td.hide-for-xxlarge,
	th.show-for-xxlarge-down,
	td.show-for-xxlarge-down {
		display: table-cell !important;
	}
}

@media only screen and (min-width: 64.063em) {

	.hide-for-small-only,
	.show-for-small-up,
	.hide-for-small,
	.hide-for-small-down,
	.hide-for-medium-only,
	.show-for-medium-up,
	.hide-for-medium,
	.hide-for-medium-down,
	.show-for-large-only,
	.show-for-large-up,
	.show-for-large,
	.show-for-large-down,
	.hide-for-xlarge-only,
	.hide-for-xlarge-up,
	.hide-for-xlarge,
	.show-for-xlarge-down,
	.hide-for-xxlarge-only,
	.hide-for-xxlarge-up,
	.hide-for-xxlarge,
	.show-for-xxlarge-down {
		display: inherit !important;
	}

	.show-for-small-only,
	.hide-for-small-up,
	.show-for-small,
	.show-for-small-down,
	.show-for-medium-only,
	.hide-for-medium-up,
	.show-for-medium,
	.show-for-medium-down,
	.hide-for-large-only,
	.hide-for-large-up,
	.hide-for-large,
	.hide-for-large-down,
	.show-for-xlarge-only,
	.show-for-xlarge-up,
	.show-for-xlarge,
	.hide-for-xlarge-down,
	.show-for-xxlarge-only,
	.show-for-xxlarge-up,
	.show-for-xxlarge,
	.hide-for-xxlarge-down {
		display: none !important;
	}

	table.hide-for-small-only,
	table.show-for-small-up,
	table.hide-for-small,
	table.hide-for-small-down,
	table.hide-for-medium-only,
	table.show-for-medium-up,
	table.hide-for-medium,
	table.hide-for-medium-down,
	table.show-for-large-only,
	table.show-for-large-up,
	table.show-for-large,
	table.show-for-large-down,
	table.hide-for-xlarge-only,
	table.hide-for-xlarge-up,
	table.hide-for-xlarge,
	table.show-for-xlarge-down,
	table.hide-for-xxlarge-only,
	table.hide-for-xxlarge-up,
	table.hide-for-xxlarge,
	table.show-for-xxlarge-down {
		display: table;
	}

	thead.hide-for-small-only,
	thead.show-for-small-up,
	thead.hide-for-small,
	thead.hide-for-small-down,
	thead.hide-for-medium-only,
	thead.show-for-medium-up,
	thead.hide-for-medium,
	thead.hide-for-medium-down,
	thead.show-for-large-only,
	thead.show-for-large-up,
	thead.show-for-large,
	thead.show-for-large-down,
	thead.hide-for-xlarge-only,
	thead.hide-for-xlarge-up,
	thead.hide-for-xlarge,
	thead.show-for-xlarge-down,
	thead.hide-for-xxlarge-only,
	thead.hide-for-xxlarge-up,
	thead.hide-for-xxlarge,
	thead.show-for-xxlarge-down {
		display: table-header-group !important;
	}

	tbody.hide-for-small-only,
	tbody.show-for-small-up,
	tbody.hide-for-small,
	tbody.hide-for-small-down,
	tbody.hide-for-medium-only,
	tbody.show-for-medium-up,
	tbody.hide-for-medium,
	tbody.hide-for-medium-down,
	tbody.show-for-large-only,
	tbody.show-for-large-up,
	tbody.show-for-large,
	tbody.show-for-large-down,
	tbody.hide-for-xlarge-only,
	tbody.hide-for-xlarge-up,
	tbody.hide-for-xlarge,
	tbody.show-for-xlarge-down,
	tbody.hide-for-xxlarge-only,
	tbody.hide-for-xxlarge-up,
	tbody.hide-for-xxlarge,
	tbody.show-for-xxlarge-down {
		display: table-row-group !important;
	}

	tr.hide-for-small-only,
	tr.show-for-small-up,
	tr.hide-for-small,
	tr.hide-for-small-down,
	tr.hide-for-medium-only,
	tr.show-for-medium-up,
	tr.hide-for-medium,
	tr.hide-for-medium-down,
	tr.show-for-large-only,
	tr.show-for-large-up,
	tr.show-for-large,
	tr.show-for-large-down,
	tr.hide-for-xlarge-only,
	tr.hide-for-xlarge-up,
	tr.hide-for-xlarge,
	tr.show-for-xlarge-down,
	tr.hide-for-xxlarge-only,
	tr.hide-for-xxlarge-up,
	tr.hide-for-xxlarge,
	tr.show-for-xxlarge-down {
		display: table-row !important;
	}

	th.hide-for-small-only,
	td.hide-for-small-only,
	th.show-for-small-up,
	td.show-for-small-up,
	th.hide-for-small,
	td.hide-for-small,
	th.hide-for-small-down,
	td.hide-for-small-down,
	th.hide-for-medium-only,
	td.hide-for-medium-only,
	th.show-for-medium-up,
	td.show-for-medium-up,
	th.hide-for-medium,
	td.hide-for-medium,
	th.hide-for-medium-down,
	td.hide-for-medium-down,
	th.show-for-large-only,
	td.show-for-large-only,
	th.show-for-large-up,
	td.show-for-large-up,
	th.show-for-large,
	td.show-for-large,
	th.show-for-large-down,
	td.show-for-large-down,
	th.hide-for-xlarge-only,
	td.hide-for-xlarge-only,
	th.hide-for-xlarge-up,
	td.hide-for-xlarge-up,
	th.hide-for-xlarge,
	td.hide-for-xlarge,
	th.show-for-xlarge-down,
	td.show-for-xlarge-down,
	th.hide-for-xxlarge-only,
	td.hide-for-xxlarge-only,
	th.hide-for-xxlarge-up,
	td.hide-for-xxlarge-up,
	th.hide-for-xxlarge,
	td.hide-for-xxlarge,
	th.show-for-xxlarge-down,
	td.show-for-xxlarge-down {
		display: table-cell !important;
	}
}

@media only screen and (min-width: 90.063em) {

	.hide-for-small-only,
	.show-for-small-up,
	.hide-for-small,
	.hide-for-small-down,
	.hide-for-medium-only,
	.show-for-medium-up,
	.hide-for-medium,
	.hide-for-medium-down,
	.hide-for-large-only,
	.show-for-large-up,
	.hide-for-large,
	.hide-for-large-down,
	.show-for-xlarge-only,
	.show-for-xlarge-up,
	.show-for-xlarge,
	.show-for-xlarge-down,
	.hide-for-xxlarge-only,
	.hide-for-xxlarge-up,
	.hide-for-xxlarge,
	.show-for-xxlarge-down {
		display: inherit !important;
	}

	.show-for-small-only,
	.hide-for-small-up,
	.show-for-small,
	.show-for-small-down,
	.show-for-medium-only,
	.hide-for-medium-up,
	.show-for-medium,
	.show-for-medium-down,
	.show-for-large-only,
	.hide-for-large-up,
	.show-for-large,
	.show-for-large-down,
	.hide-for-xlarge-only,
	.hide-for-xlarge-up,
	.hide-for-xlarge,
	.hide-for-xlarge-down,
	.show-for-xxlarge-only,
	.show-for-xxlarge-up,
	.show-for-xxlarge,
	.hide-for-xxlarge-down {
		display: none !important;
	}

	table.hide-for-small-only,
	table.show-for-small-up,
	table.hide-for-small,
	table.hide-for-small-down,
	table.hide-for-medium-only,
	table.show-for-medium-up,
	table.hide-for-medium,
	table.hide-for-medium-down,
	table.hide-for-large-only,
	table.show-for-large-up,
	table.hide-for-large,
	table.hide-for-large-down,
	table.show-for-xlarge-only,
	table.show-for-xlarge-up,
	table.show-for-xlarge,
	table.show-for-xlarge-down,
	table.hide-for-xxlarge-only,
	table.hide-for-xxlarge-up,
	table.hide-for-xxlarge,
	table.show-for-xxlarge-down {
		display: table;
	}

	thead.hide-for-small-only,
	thead.show-for-small-up,
	thead.hide-for-small,
	thead.hide-for-small-down,
	thead.hide-for-medium-only,
	thead.show-for-medium-up,
	thead.hide-for-medium,
	thead.hide-for-medium-down,
	thead.hide-for-large-only,
	thead.show-for-large-up,
	thead.hide-for-large,
	thead.hide-for-large-down,
	thead.show-for-xlarge-only,
	thead.show-for-xlarge-up,
	thead.show-for-xlarge,
	thead.show-for-xlarge-down,
	thead.hide-for-xxlarge-only,
	thead.hide-for-xxlarge-up,
	thead.hide-for-xxlarge,
	thead.show-for-xxlarge-down {
		display: table-header-group !important;
	}

	tbody.hide-for-small-only,
	tbody.show-for-small-up,
	tbody.hide-for-small,
	tbody.hide-for-small-down,
	tbody.hide-for-medium-only,
	tbody.show-for-medium-up,
	tbody.hide-for-medium,
	tbody.hide-for-medium-down,
	tbody.hide-for-large-only,
	tbody.show-for-large-up,
	tbody.hide-for-large,
	tbody.hide-for-large-down,
	tbody.show-for-xlarge-only,
	tbody.show-for-xlarge-up,
	tbody.show-for-xlarge,
	tbody.show-for-xlarge-down,
	tbody.hide-for-xxlarge-only,
	tbody.hide-for-xxlarge-up,
	tbody.hide-for-xxlarge,
	tbody.show-for-xxlarge-down {
		display: table-row-group !important;
	}

	tr.hide-for-small-only,
	tr.show-for-small-up,
	tr.hide-for-small,
	tr.hide-for-small-down,
	tr.hide-for-medium-only,
	tr.show-for-medium-up,
	tr.hide-for-medium,
	tr.hide-for-medium-down,
	tr.hide-for-large-only,
	tr.show-for-large-up,
	tr.hide-for-large,
	tr.hide-for-large-down,
	tr.show-for-xlarge-only,
	tr.show-for-xlarge-up,
	tr.show-for-xlarge,
	tr.show-for-xlarge-down,
	tr.hide-for-xxlarge-only,
	tr.hide-for-xxlarge-up,
	tr.hide-for-xxlarge,
	tr.show-for-xxlarge-down {
		display: table-row !important;
	}

	th.hide-for-small-only,
	td.hide-for-small-only,
	th.show-for-small-up,
	td.show-for-small-up,
	th.hide-for-small,
	td.hide-for-small,
	th.hide-for-small-down,
	td.hide-for-small-down,
	th.hide-for-medium-only,
	td.hide-for-medium-only,
	th.show-for-medium-up,
	td.show-for-medium-up,
	th.hide-for-medium,
	td.hide-for-medium,
	th.hide-for-medium-down,
	td.hide-for-medium-down,
	th.hide-for-large-only,
	td.hide-for-large-only,
	th.show-for-large-up,
	td.show-for-large-up,
	th.hide-for-large,
	td.hide-for-large,
	th.hide-for-large-down,
	td.hide-for-large-down,
	th.show-for-xlarge-only,
	td.show-for-xlarge-only,
	th.show-for-xlarge-up,
	td.show-for-xlarge-up,
	th.show-for-xlarge,
	td.show-for-xlarge,
	th.show-for-xlarge-down,
	td.show-for-xlarge-down,
	th.hide-for-xxlarge-only,
	td.hide-for-xxlarge-only,
	th.hide-for-xxlarge-up,
	td.hide-for-xxlarge-up,
	th.hide-for-xxlarge,
	td.hide-for-xxlarge,
	th.show-for-xxlarge-down,
	td.show-for-xxlarge-down {
		display: table-cell !important;
	}
}

@media only screen and (min-width: 120.063em) {

	.hide-for-small-only,
	.show-for-small-up,
	.hide-for-small,
	.hide-for-small-down,
	.hide-for-medium-only,
	.show-for-medium-up,
	.hide-for-medium,
	.hide-for-medium-down,
	.hide-for-large-only,
	.show-for-large-up,
	.hide-for-large,
	.hide-for-large-down,
	.hide-for-xlarge-only,
	.show-for-xlarge-up,
	.hide-for-xlarge,
	.hide-for-xlarge-down,
	.show-for-xxlarge-only,
	.show-for-xxlarge-up,
	.show-for-xxlarge,
	.show-for-xxlarge-down {
		display: inherit !important;
	}

	.show-for-small-only,
	.hide-for-small-up,
	.show-for-small,
	.show-for-small-down,
	.show-for-medium-only,
	.hide-for-medium-up,
	.show-for-medium,
	.show-for-medium-down,
	.show-for-large-only,
	.hide-for-large-up,
	.show-for-large,
	.show-for-large-down,
	.show-for-xlarge-only,
	.hide-for-xlarge-up,
	.show-for-xlarge,
	.show-for-xlarge-down,
	.hide-for-xxlarge-only,
	.hide-for-xxlarge-up,
	.hide-for-xxlarge,
	.hide-for-xxlarge-down {
		display: none !important;
	}

	table.hide-for-small-only,
	table.show-for-small-up,
	table.hide-for-small,
	table.hide-for-small-down,
	table.hide-for-medium-only,
	table.show-for-medium-up,
	table.hide-for-medium,
	table.hide-for-medium-down,
	table.hide-for-large-only,
	table.show-for-large-up,
	table.hide-for-large,
	table.hide-for-large-down,
	table.hide-for-xlarge-only,
	table.show-for-xlarge-up,
	table.hide-for-xlarge,
	table.hide-for-xlarge-down,
	table.show-for-xxlarge-only,
	table.show-for-xxlarge-up,
	table.show-for-xxlarge,
	table.show-for-xxlarge-down {
		display: table;
	}

	thead.hide-for-small-only,
	thead.show-for-small-up,
	thead.hide-for-small,
	thead.hide-for-small-down,
	thead.hide-for-medium-only,
	thead.show-for-medium-up,
	thead.hide-for-medium,
	thead.hide-for-medium-down,
	thead.hide-for-large-only,
	thead.show-for-large-up,
	thead.hide-for-large,
	thead.hide-for-large-down,
	thead.hide-for-xlarge-only,
	thead.show-for-xlarge-up,
	thead.hide-for-xlarge,
	thead.hide-for-xlarge-down,
	thead.show-for-xxlarge-only,
	thead.show-for-xxlarge-up,
	thead.show-for-xxlarge,
	thead.show-for-xxlarge-down {
		display: table-header-group !important;
	}

	tbody.hide-for-small-only,
	tbody.show-for-small-up,
	tbody.hide-for-small,
	tbody.hide-for-small-down,
	tbody.hide-for-medium-only,
	tbody.show-for-medium-up,
	tbody.hide-for-medium,
	tbody.hide-for-medium-down,
	tbody.hide-for-large-only,
	tbody.show-for-large-up,
	tbody.hide-for-large,
	tbody.hide-for-large-down,
	tbody.hide-for-xlarge-only,
	tbody.show-for-xlarge-up,
	tbody.hide-for-xlarge,
	tbody.hide-for-xlarge-down,
	tbody.show-for-xxlarge-only,
	tbody.show-for-xxlarge-up,
	tbody.show-for-xxlarge,
	tbody.show-for-xxlarge-down {
		display: table-row-group !important;
	}

	tr.hide-for-small-only,
	tr.show-for-small-up,
	tr.hide-for-small,
	tr.hide-for-small-down,
	tr.hide-for-medium-only,
	tr.show-for-medium-up,
	tr.hide-for-medium,
	tr.hide-for-medium-down,
	tr.hide-for-large-only,
	tr.show-for-large-up,
	tr.hide-for-large,
	tr.hide-for-large-down,
	tr.hide-for-xlarge-only,
	tr.show-for-xlarge-up,
	tr.hide-for-xlarge,
	tr.hide-for-xlarge-down,
	tr.show-for-xxlarge-only,
	tr.show-for-xxlarge-up,
	tr.show-for-xxlarge,
	tr.show-for-xxlarge-down {
		display: table-row !important;
	}

	th.hide-for-small-only,
	td.hide-for-small-only,
	th.show-for-small-up,
	td.show-for-small-up,
	th.hide-for-small,
	td.hide-for-small,
	th.hide-for-small-down,
	td.hide-for-small-down,
	th.hide-for-medium-only,
	td.hide-for-medium-only,
	th.show-for-medium-up,
	td.show-for-medium-up,
	th.hide-for-medium,
	td.hide-for-medium,
	th.hide-for-medium-down,
	td.hide-for-medium-down,
	th.hide-for-large-only,
	td.hide-for-large-only,
	th.show-for-large-up,
	td.show-for-large-up,
	th.hide-for-large,
	td.hide-for-large,
	th.hide-for-large-down,
	td.hide-for-large-down,
	th.hide-for-xlarge-only,
	td.hide-for-xlarge-only,
	th.show-for-xlarge-up,
	td.show-for-xlarge-up,
	th.hide-for-xlarge,
	td.hide-for-xlarge,
	th.hide-for-xlarge-down,
	td.hide-for-xlarge-down,
	th.show-for-xxlarge-only,
	td.show-for-xxlarge-only,
	th.show-for-xxlarge-up,
	td.show-for-xxlarge-up,
	th.show-for-xxlarge,
	td.show-for-xxlarge,
	th.show-for-xxlarge-down,
	td.show-for-xxlarge-down {
		display: table-cell !important;
	}
}

.show-for-landscape,
.hide-for-portrait {
	display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important;
}

table.hide-for-landscape,
table.show-for-portrait {
	display: table;
}

thead.hide-for-landscape,
thead.show-for-portrait {
	display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
	display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
	display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
	display: table-cell !important;
}

@media only screen and (orientation: landscape) {

	.show-for-landscape,
	.hide-for-portrait {
		display: inherit !important;
	}

	.hide-for-landscape,
	.show-for-portrait {
		display: none !important;
	}

	table.show-for-landscape,
	table.hide-for-portrait {
		display: table;
	}

	thead.show-for-landscape,
	thead.hide-for-portrait {
		display: table-header-group !important;
	}

	tbody.show-for-landscape,
	tbody.hide-for-portrait {
		display: table-row-group !important;
	}

	tr.show-for-landscape,
	tr.hide-for-portrait {
		display: table-row !important;
	}

	td.show-for-landscape,
	td.hide-for-portrait,
	th.show-for-landscape,
	th.hide-for-portrait {
		display: table-cell !important;
	}
}

@media only screen and (orientation: portrait) {

	.show-for-portrait,
	.hide-for-landscape {
		display: inherit !important;
	}

	.hide-for-portrait,
	.show-for-landscape {
		display: none !important;
	}

	table.show-for-portrait,
	table.hide-for-landscape {
		display: table;
	}

	thead.show-for-portrait,
	thead.hide-for-landscape {
		display: table-header-group !important;
	}

	tbody.show-for-portrait,
	tbody.hide-for-landscape {
		display: table-row-group !important;
	}

	tr.show-for-portrait,
	tr.hide-for-landscape {
		display: table-row !important;
	}

	td.show-for-portrait,
	td.hide-for-landscape,
	th.show-for-portrait,
	th.hide-for-landscape {
		display: table-cell !important;
	}
}

.show-for-touch {
	display: none !important;
}

.hide-for-touch {
	display: inherit !important;
}

.touch .show-for-touch {
	display: inherit !important;
}

.touch .hide-for-touch {
	display: none !important;
}

table.hide-for-touch {
	display: table;
}

.touch table.show-for-touch {
	display: table;
}

thead.hide-for-touch {
	display: table-header-group !important;
}

.touch thead.show-for-touch {
	display: table-header-group !important;
}

tbody.hide-for-touch {
	display: table-row-group !important;
}

.touch tbody.show-for-touch {
	display: table-row-group !important;
}

tr.hide-for-touch {
	display: table-row !important;
}

.touch tr.show-for-touch {
	display: table-row !important;
}

td.hide-for-touch {
	display: table-cell !important;
}

.touch td.show-for-touch {
	display: table-cell !important;
}

th.hide-for-touch {
	display: table-cell !important;
}

.touch th.show-for-touch {
	display: table-cell !important;
}

.no-padding {
	padding: 0;
}

.center {
	text-align: center;
	margin: auto;
}

.disclaimer {
	font-size: 12px;
	text-align: justify;
}

.links,
.links a {
	font-size: 12px;
	text-align: center;
}

.flipped {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.wait-for-window-load {
	display: none;
}

#entryTickBox {
	margin-right: 5px;
	vertical-align: top;
}

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);

#menu,
#menu img {
	float: right;
}

.noPadding,
.noPaddingLeft {
	padding-right: 0;
}

.noPadding,
.noPaddingRight,
.toLeft {
	padding-left: 0;
}

.USPsBar,
.USPsTop {
	border-top: 1px solid #d7e2eb;
	border-bottom: 1px solid #d7e2eb;
	text-align: center;
}

.DL-button a,
.DL-ready,
.DL-text-small,
.USPs,
.USPsBar,
.USPsTop,
.devices,
.dl-steps .step,
.genres,
.genres-header,
.stepsSmall,
.tagline,
.tagline2,
h4 {
	text-align: center;
}

span.step-nr,
.formbox .nr span,
.stepsSmall .nr span {
	background: #4c5c87;
	display: inline-block;
	line-height: 1.5em;
	width: 1.6em;
}

.DL-button a,
.formbox-right .btn-submit {
	cursor: pointer;
	text-transform: uppercase;
}

:focus {
	outline: 0;
}

.max-height {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.DL-button a,
.desktop-text,
.page {
	overflow: auto;
}

header {
	background-color: #f5f6f7;
}

.header {
	background-color: #f8f9f9;
	height: 40px;
	max-width: none;
}

.USPsBar,
.USPsTop,
.content-title {
	background-color: #f6f6f6;
}

#logo {
	line-height: 40px;
	color: #435c71;
	font-weight: 700;
	float: left;
}

#logo img {
	height: 20px;
	margin-top: -5px;
}

.genres-header {
	margin: auto;
	width: max-content;
	color: #9da9b4;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
}

.DL-text,
.DL-text-small {
	color: #435c71;
	font-size: 25px;
}

#menu img {
	height: 40px;
	padding: 12px 0;
	margin-left: 10px;
}

.check {
	width: 25px;
	float: left;
	line-height: 50px;
	margin-left: 40px;
	margin-right: 25px;
}

.usp-section h2 {
	font-size: 2.3rem;
	margin-left: 0;
	margin-top: 30px;
}

div .usp-section {
	padding-top: 0;
	height: 400px;
}

.formbox-left,
.testRow {
	padding: 0;
}

.main-content {
	min-height: calc(60% - 40px);
	padding-top: 15%;
}

.DL-text-small {
	margin-bottom: 20px;
}

.DL-text-small img {
	height: 40px;
	padding-bottom: 3px;
	padding-right: 10px;
}

.DL-text {
	margin-left: 20px;
}

.DL-text img {
	height: 40px;
	padding-bottom: 3px;
	float: left;
	margin-left: 0;
}

.desktop-text {
	display: table;
	margin: auto;
}

.desktop-text img {
	display: block;
	padding-right: 10px;
	margin-right: 10px;
	float: left;
}

.desktop-text div {
	float: left;
}

.tagline2 {
	padding-top: 10px;
	padding-bottom: 60px;
}

.DL-button a {
	display: block;
	background: var(--buttonBG);
	border-radius: 5px;
	height: 90px;
	margin: 5% 7%;
	padding: 9px 15px 11px;
	color: var(--buttonColor);
	line-height: 70px;
	font-size: 1.5625rem;
	font-weight: 700;
}

.DL-ready,
.genres p {
	font-size: 15px;
}

.DL-button a svg {
	float: left;
	width: 20%;
	line-height: 60px;
	height: 100%;
}

.DL-ready {
	color: #686868;
}

.DL-ready img {
	margin-right: 10px;
	height: 100%;
	padding-bottom: 2px;
	max-width: 13px;
}

.genres {
	font-size: 24px;
	color: #9da9b4;
	margin-top: 10px;
}

.USPs {
	padding: 0;
}

.USPs img {
	width: 50px;
	padding: 10% 0;
}

.USP-title {
	margin-top: 2px;
	padding-bottom: 20px;
	line-height: 22px;
	color: #78848e;
}

.bulletText,
.tagline h2,
h4 {
	color: #435c71;
}

.USPsTop {
	padding: 0;
}

.USPsTop img {
	width: 39px;
	height: 38px;
	padding: 10%;
}

.USPsTop .USP-title {
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 5px;
	line-height: 15px;
	color: #58646d;
	font-size: 10px;
}

.USPsBar .columns:first-child,
.USPsBar .columns:nth-child(3),
.USPsTop .columns:nth-child(2),
.USPsTop .columns:nth-child(4) {
	border-right: 1px solid #ececec;
}

.USPsBar {
	padding: 5% 0;
}

.USPsBar .USP-title,
.bullet {
	padding-bottom: 20px;
}

.USPsBar img {
	width: 80%;
	padding: 10% 25%;
}

.USPsBar .USP-title {
	margin-top: 2px;
	line-height: 22px;
	color: #58646d;
}

.USPsBar .columns:first-child .USP-title,
.USPsBar .columns:nth-child(2) .USP-title {
	border-bottom: 1px solid #ececec;
	margin-bottom: 10px;
}

.dl-steps {
	margin-top: 3%;
}

h4 {
	font-size: 22px;
	font-weight: 700;
	padding-top: 50px;
}

.dl-steps .steps-wrapper {
	padding: 3% 0 0;
	overflow: auto;
}

.dl-steps .step {
	width: calc(80% / 3);
	float: left;
	font-size: 15px;
	line-height: 1.6em;
	color: #78848e;
}

.dl-steps .step-splitter {
	width: 6%;
	float: left;
	height: 0.8em;
	border-bottom: 1px solid #bebebe;
}

.dl-steps .steps-wrapper .step-splitter:nth-child(2) {
	margin-left: 3%;
}

.dl-steps .steps-wrapper .step-splitter:nth-child(4) {
	margin-right: 3%;
}

.dl-steps .steps-wrapper .step:first-child {
	text-align: right;
}

.dl-steps .steps-wrapper .step:last-child {
	text-align: left;
}

span.step-nr {
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #fff;
	font-weight: 700;
	margin-right: 10px;
	text-align: center;
}

.bulletText {
	font-size: 20px;
}

.bullet img {
	margin-right: 15px;
	width: 25px;
	height: 25px;
}

.tagline {
	padding: 5% 0;
}

.tagline h2 {
	margin: 10px auto;
	max-width: 480px;
}

.foldTitle {
	padding-bottom: 0;
}

.devices,
.stepsSmall {
	padding: 0 10%;
}

.input_img,
.modal {
	position: absolute;
}

.formbox .nr,
.stepsSmall .nr {
	width: 33px;
	min-width: 33px;
	height: 33px;
	border-radius: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight: 400;
	flex-grow: 0;
	margin-right: 12px;
	background: #404554;
	color: #fff;
}

.formbox .nr:nth-child(2),
.formbox .nr:nth-child(3),
.stepsSmall .nr:nth-child(2) {
	padding-top: 3px;
}

.formbox .nr span,
.stepsSmall .nr span {
	font-weight: 400;
	margin: 0 5px;
	text-align: center;
	font-size: 16px;
}

.stepsSmall .step.active .nr span {
	width: 32px;
	background: #17556b;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	margin: 0;
	padding-bottom: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 30px;
	font-size: 18px;
}

.formbox .text,
.stepsSmall .text {
	width: calc(100% - 45px);
	float: right;
	text-align: left;
	color: #7e7e7e;
	line-height: 24px;
}

.formbox .text.active,
.stepsSmall .text.active {
	color: #17556b;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.formbox .text div,
.stepsSmall .text div {
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
}

.content-title {
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 3px 3px 0 0;
	text-align: center;
	color: #676767;
	font-size: 14px;
	padding: 8px 0;
}

.content-images {
	background-color: #fbfbfb;
	border: solid #bdbdbd;
	border-width: 0 1px 1px;
	margin-bottom: 10px;
}

.content-images img {
	width: 100%;
}

.content-examples .columns:first-child,
.content-examples .columns:nth-child(3) {
	padding-right: 0.4375em;
}

.content-examples .columns:nth-child(2),
.content-examples .columns:nth-child(4) {
	padding-left: 0.4375em;
}

.modal {
	display: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	color: #000;
}

.modal .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
}

.modal .formbox,
.modal .formbox .field {
	position: relative;
}

.modal .formbox {
	text-align: center;
	max-width: 640px;
	margin: auto;
	border-radius: 5px;
	overflow: hidden;
	top: 10px;
	width: calc(100% - 20px);
}

.modal .formbox .formbox-header {
	text-align: left;
	background-color: #00b7d6;
}

.modal .formbox .formbox-header .form-title1 {
	margin-bottom: 1px;
	color: #fff;
	font-weight: 400;
	line-height: 28px;
}

.modal .formbox .formbox-header .form-title2 {
	font-size: 22px;
	margin-bottom: 1px;
	color: #fff;
	font-weight: 700;
}

.formbox .step.active .nr span {
	width: 32px;
	background: #435c71;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	margin: 0;
	padding-bottom: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 30px;
	font-size: 18px;
}

.formbox-right {
	background-color: #fff;
	padding: 35px 40px;
}

.formbox-right h3 {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: 27px;
	padding-bottom: 29px;
	text-align: left;
	margin: 0;
}

.modal .formbox .field input {
	height: 45px;
	font-size: 16px;
	line-height: 22px;
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.05);
	font-size: 18px;
	color: #000;
	border: 1px solid #ccc;
	margin: 0;
	width: 100%;
	padding: 0 16px;
	font-weight: 400;
	outline: none !important;
	-webkit-transition:
		border-color 0.3s ease-in,
		box-shadow 0.3s ease-in;
	transition:
		border-color 0.3s ease-in,
		box-shadow 0.3s ease-in;
}

.form-fields .field {
	margin-bottom: 5px;
}

.modal .formbox .field input::placeholder {
	color: #b9b9b9;
}

.input_img {
	left: 10px;
	top: 14px;
	width: 26px;
	height: 26px;
}

.error {
	display: none;
	top: 100%;
	font-size: 12px;
	line-height: 16px;
	padding: 3px 6px 4px;
	background: #db4437;
	color: #fff;
	z-index: 3;
	text-align: left;
}

.errorInput {
	border: 1px solid #ec0909;
}

.formbox-right .btn-submit {
	background: var(--buttonBG);
	border: 0;
	width: 100%;
	color: var(--buttonColor);
	border-radius: 5px;
	position: relative;
	transition: all 0.3s ease;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 20px;
	margin: 10px 0 15px;
	height: 45px;
}

.formbox-right .btn-submit:active,
.formbox-right .btn-submit:hover {
	background: var(--buttonBGHover);
}

.disclaimer,
.footer {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	text-align: left;
}

#lpfootermenu {
	margin-top: 5px;
}

#lpfootermenu a,
.footer a {
	color: #0000ee;
	text-decoration: underline;
}

.footer a:hover {
	text-decoration: none;
}

@media screen and (min-width: 340px) {
	.stepsSmall img {
		max-width: 170px;
	}
}

@media screen and (max-width: 1024px) {
	.tryDel {
		display: none !important;
	}

	.USPs img {
		width: 80px;
		height: 80px;
		padding: 10%;
	}
}

/* @media screen and (min-width: 769px) {
	.USPsBar {
		display: none !important;
	}

	.USPsBar,
	.USPsTop {
		padding: 2% 0;
	}

	#menu {
		min-width: 50px;
	}

	.main-content {
		padding-top: 5%;
	}

	.item-center {
		display: grid;
		grid-auto-flow: column;
		align-items: center;
		justify-items: center;
	}

	.DL-text {
		text-align: left;
		font-size: 30px;
		line-height: 33px;
	}

	.DL-text img {
		height: 90px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
	}

	.DL-button a {
		margin: 0 9% 15px;
	}

	.USPsBar .columns:first-child .USP-title,
	.USPsBar .columns:nth-child(2) .USP-title {
		border-bottom: 1px solid #e1e8ef;
		margin-bottom: 0;
	}

	.USPsBar img,
	.USPsTop img {
		padding: 5% 30%;
	}

	.USPs .columns:nth-child(2) .USP-title,
	.USPsTop .columns:first-child .USP-title {
		border-bottom: none;
		margin-bottom: 0;
	}

	.tagline .DL-button a,
	.tagline2 .DL-button a {
		max-width: 430px;
		margin: auto auto 15px;
	}

	.devices img {
		max-width: 350px;
	}

	.modal .formbox {
		position: fixed;
		left: 50%;
		margin-bottom: 30px;
		top: 50%;
		transform: translate3d(-50%, -50%, 0);
		background: #00b7d6;
	}

	.formbox-left {
		padding: 26px;
		background-color: #00b7d6;
	}

	.modal .formbox .formbox-header {
		text-align: center;
		padding-bottom: 24px;
		font-size: 22px;
	}

	.formbox .steps {
		width: 190px;
		margin: 0 auto 30px;
		font-size: 16px;
		font-weight: 700;
		line-height: 21px;
	}

	.formbox .text {
		color: #404554;
	}

	.formbox .text.active {
		color: #404554;
		font-size: 16px;
		flex-grow: 1;
		text-align: left;
	}

	.formbox .step:first-child .nr,
	.formbox .step:nth-child(2) .nr {
		background-color: #404554;
	}

	.formbox .step .text {
		font-weight: 700;
	}

	.step:after {
		content: "";
		background: #404554;
		position: absolute;
		left: 16px;
		bottom: 0;
		width: 2px;
		height: 14px;
	}

	.step:nth-child(3):after {
		display: none;
	}

	.formbox .step.active .nr span {
		background: #fff;
		color: #435c71;
	}

	.formbox .step .nr span {
		background: #404554;
		color: #fff;
	}

	.formbox-right {
		background-color: #fff;
		padding-bottom: 56px;
	}
} */

@media only screen and (min-device-width: 641px) and (max-device-width: 1024px) and (orientation: portrait) {
	.USPs img {
		width: 80%;
		padding: 10% 0;
	}

	.tagline .DL-button a,
	.tagline2 .DL-button a {
		max-width: 350px;
		margin: auto auto 15px;
	}

	.DL-text {
		font-size: 36px;
		line-height: 40px;
	}

	.DL-text img {
		height: 95px;
	}
}

@media only screen and (min-device-width: 895px) and (max-device-width: 1024px) and (orientation: portrait) {
	.DL-text {
		font-size: 36px;
		line-height: 40px;
	}

	.DL-text img {
		height: 95px;
		width: 85px;
	}
}

@media only screen and (min-device-width: 641px) and (max-device-width: 709px) and (orientation: portrait) {
	.USPs img {
		width: 50px;
		padding: 10% 0;
	}

	.USP-title {
		margin-top: 2px;
		padding-bottom: 20px;
		line-height: 22px;
		color: #78848e;
	}

	.tagline .DL-button a,
	.tagline2 .DL-button a {
		max-width: 290px;
		margin: auto auto 15px;
	}
}

@media only screen and (min-device-width: 710px) and (max-device-width: 970px) and (orientation: portrait) {
	.USPs img {
		width: 60px;
		padding: 10% 0;
	}

	.USP-title {
		margin-top: 2px;
		padding-bottom: 20px;
		line-height: 22px;
		color: #78848e;
	}

	.tagline .DL-button a,
	.tagline2 .DL-button a {
		max-width: 350px;
		margin: auto auto 15px;
	}

	.USPsBar {
		display: none !important;
	}

	.main-content {
		padding-top: 5%;
	}

	.USPs {
		padding: 10% 0 0;
	}

	.dl-steps {
		margin-top: 3%;
		margin-bottom: 9%;
	}
}

@media screen and (min-width: 1024px) {
	.page {
		background:
			url("./placeholder.png") -3% 5%/30vw no-repeat,
			url("./placeholder.png") 103% 5%/30vw no-repeat;
	}

	.USPsBar {
		display: none !important;
	}

	.main-content {
		padding-top: 8%;
	}

	.DL-text {
		font-size: 36px;
		line-height: 40px;
	}

	.DL-text img {
		height: 95px;
	}

	.DL-button a {
		margin: 0 11% 15px;
	}
}

@media screen and (min-width: 1424px) {
	.page {
		background:
			url("./placeholder.png") -4% 5%/35vw no-repeat,
			url("./placeholder.png") 104% 5%/35vw no-repeat;
	}

	.main-content {
		padding-top: 11%;
	}
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.modal .overlay {
		background: rgba(0, 0, 0, 0.91);
	}

	#logo img {
		position: absolute;
		margin-top: 9px;
	}
}

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

*[tpcc_1],
[tpcc_1]:after,
[tpcc_1]:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
}

body[tpcc_1] {
	background: #000;
	color: #fff;
	-webkit-font-smoothing: antialised;
}

@media screen and (max-width: 895px) {
	body[tpcc_1] {
		overflow-y: hidden;
	}
}

#divcountry,
#divxsell_0,
#divzip,
#formWrapper .header,
#rocketpay_remember {
	display: none !important;
}

button,
input[type="button"] {
	cursor: pointer;
}

#RocketGateErrorMessage {
	padding: 15px 0;
}

#cardData div p.required label {
	font-size: 1rem;
	font-weight: 400;
	color: #222;
	padding-bottom: 10px;
}

#cardData div p.required {
	display: flex;
	flex-direction: column;
}

#divcvv {
	flex-grow: 1;
}

@media screen and (max-width: 415px) {
	#divcvv .required label {
		font-size: 0.6875rem;
		font-weight: 400;
		color: #222;
	}
}

#divexpire .required div {
	display: flex;
	gap: 30px;
}

#divexpire .required div span {
	flex: 0 1 50%;
}

#divexpire .required div span select {
	width: 100%;
}

#securityCardInfo,
#securityCardInfoExpireDate {
	gap: 30px;
}

#generalTerms p {
	text-align: justify;
	font-size: 0.75rem;
	font-weight: 400;
	color: #777;
}

input,
select {
	border: 2px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
}

/* 
input {
height: 45px
}

select {
height: 51px
} */

#rg_Cardno {
	background: url("./placeholder.png") no-repeat right 4px center;
}

@media screen and (max-width: 895px) {
	#rg_Cardno {
		background: none;
	}
}

#imgCardList {
	display: none;
}

@media screen and (max-width: 895px) {
	#imgCardList {
		display: block;
	}
}

#rg_Cvv2 {
	min-width: 85px;

	background: url("./cvv.png") no-repeat right 4px center;
}

@media screen and (max-width: 895px) {
	#rg_Cvv2 {
		background: none;
		min-width: 100%;
	}
}

#divxsell_0 .required {
	display: flex !important;
	align-items: center;
	gap: 30px;
	text-align: justify;
	font-size: 0.875rem;
	font-weight: 400;
	color: #222;
}

#divxsell_0 .required input[type="checkbox"] {
	transform: scale(1.5);
}

#securityText {
	padding: 10px 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: #93afce;
}

@media screen and (max-width: 895px) {
	#securityText {
		display: none;
	}
}

#submitButton {
	width: 100%;
	height: 60px;
	letter-spacing: 1.25px;
	background: var(--buttonBG);
	border-radius: 3px;
	border: none;
	position: relative;
	font-size: 1.5625rem;
	font-weight: 700;
	color: var(--buttonColor);
}

#submitButton:disabled {
	background: var(--buttonBGDisabled);
	cursor: not-allowed;
	pointer-events: none;
}

#divsubmit.spinning {
	position: relative;
}

#divsubmit.spinning:before {
	content: "";
	z-index: 50;
	width: 11px;
	height: 11px;
	margin: -8px 5px 0 0;
	border-radius: 50%;
	right: 15px;
	top: 50%;
	position: absolute;
	border: 2px solid #69c35b;
	border-right: 3px solid #fff;
	opacity: 0;
	box-shadow: 0 0 0 1px #69c35b;
	animation:
		rotate360 0.5s linear infinite,
		exist 0.1s ease forwards;
}

@keyframes rotate360 {
	to {
		transform: rotate(1turn);
	}
}

@keyframes exist {
	to {
		opacity: 1;
	}
}

.flex[tpcc_1] {
	display: flex;
}

.space-between[tpcc_1] {
	justify-content: space-between;
}

.align-items-center[tpcc_1] {
	align-items: center;
}

.text-center[tpcc_1] {
	text-align: center;
}

#page[tpcc_1] {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	font-family:
		DM Sans,
		sans-serif !important;
	background-color: #f4f4f4;
	min-height: 100vh;
}

#header[tpcc_1] {
	text-align: center;
	padding: 60px 0;
}

@media screen and (max-width: 895px) {
	#header[tpcc_1] {
		padding: 10px 0;
	}
}

#header[tpcc_1] .logo[tpcc_1] {
	max-width: 155px;
}

#content[tpcc_1],
.teste[tpcc_1] {
	display: flex;
	justify-content: center;
	gap: 50px;
	flex-wrap: wrap;
	flex-grow: 1;
}

@media screen and (max-width: 895px) {

	#content[tpcc_1],
	.teste[tpcc_1] {
		display: block;
		margin: 0 auto;
	}
}

.card[tpcc_1] {
	flex: 1;
	max-width: 570px;
	border-radius: 10px;
	background-color: #fff;
	padding: 15px 30px;
	margin-bottom: 1me;
}

@media screen and (max-width: 895px) {
	.card[tpcc_1] {
		margin: 25px auto;
	}
}

.card[tpcc_1] .card-header[tpcc_1] div[tpcc_1] {
	flex-wrap: wrap;
}

@media screen and (max-width: 465px) {

	#card-details[tpcc_1],
	#service-details[tpcc_1] {
		margin: 25px 5px;
	}
}

#mobile-securityText[tpcc_1] {
	display: none;
	background-color: #fff;
	padding: 10px 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: #93afce;
}

@media screen and (max-width: 895px) {
	#mobile-securityText[tpcc_1] {
		display: block;
	}
}

#mobile-header[tpcc_1] {
	display: none;
	margin: 25px 5px;
}

@media screen and (max-width: 465px) {
	#mobile-header[tpcc_1] {
		display: block;
		margin-bottom: 0;
		padding: 0 30px;
	}
}

@media screen and (max-width: 465px) {

	#mobile-header[tpcc_1] .price[tpcc_1],
	#mobile-header[tpcc_1] .title[tpcc_1] {
		font-size: 1.375rem;
		font-weight: 700;
		color: #222;
	}
}

#dynamic-card-header[tpcc_1] {
	display: block;
}

@media screen and (max-width: 465px) {
	#dynamic-card-header[tpcc_1] {
		display: none;
	}
}

.title[tpcc_1] {
	font-size: 1.6875rem;
	font-weight: 700;
	color: #222;
}

.small-title[tpcc_1] {
	font-size: 0.75rem;
	font-weight: 700;
	color: #777;
}

.feature-title[tpcc_1] {
	font-size: 1.0625rem;
}

.feature-title[tpcc_1],
.subtitle[tpcc_1] {
	font-weight: 400;
	color: #222;
}

.subtitle[tpcc_1] {
	margin-top: 10px;
	font-size: 0.9375rem;
}

.price[tpcc_1] {
	font-size: 1.6875rem;
	font-weight: 700;
	color: #222;
}

.feature-list[tpcc_1] {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #d2d2d2;
	gap: 25px;
	padding: 25px 0;
	margin-bottom: 25px;
}

@media screen and (max-width: 895px) {
	.feature-list[tpcc_1] {
		border-bottom: none;
	}
}

.feature-list[tpcc_1] .feature-item[tpcc_1] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.feature-list[tpcc_1] .feature-item[tpcc_1] .feature-img[tpcc_1] {
	width: 40px;
}

.feature-list[tpcc_1] .feature-item[tpcc_1] .feature-text[tpcc_1] {
	font-size: 1.0625rem;
	font-weight: 400;
	color: #222;
}

.why-cb-title[tpcc_1] {
	margin-bottom: 15px;
}

.why-cb-text[tpcc_1] {
	font-size: 0.6875rem;
	font-weight: 400;
	color: #777;
	text-align: justify;
}

@media screen and (max-width: 895px) {
	#card-terms[tpcc_1] {
		display: none;
	}
}

#card-terms-mobile[tpcc_1] {
	display: none;
	padding: 10px 0;
}

@media screen and (max-width: 895px) {
	#card-terms-mobile[tpcc_1] {
		display: block;
	}
}

#generalTerms[tpcc_1] {
	padding: 30px 365px;
}

#updell[tpcc_1] {
	margin-bottom: 25px;
}

#updell[tpcc_1] .card[tpcc_1] {
	margin-top: 25px;
	max-width: 100% !important;
}

#upsellBp[tpcc_1] {
	display: flex !important;
	align-items: center;
	gap: 30px;
	text-align: justify;
}

#upsellBp[tpcc_1] label[tpcc_1] {
	font-size: 0.75rem;
	font-weight: 400;
	color: #222;
}

.full-page[_ngcontent-lpw-c39] {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f4;
}

.full-page[_ngcontent-lpw-c39] .loader[_ngcontent-lpw-c39] {
	border: 4px solid #777;
	border-left-color: transparent;
	width: 2.6rem;
	height: 2.6rem;
	animation: spin 1s linear infinite;
	border-radius: 50%;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(1turn);
	}
}

.nav-mid .nav-link {
	font-weight: 700;
	padding: 0 15px;
	font-size: 15px;
}

.nav-link {
	color: #404554;
}

.nav-link:hover {
	color: #00b7d6;
}

h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 50px;
}

.subtitle {
	font-size: 20px;
	color: #40455480;
}

.hero {
	padding: 100px 0;
	background:
		url(./hero-left.png) left center no-repeat,
		url(./hero-right.png) right center no-repeat;
	background-size:
		auto 614px,
		auto 614px;
}

.cats {
	display: flex;
	text-align: center;
	margin-bottom: 120px;
	font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.cat-position {
	margin: 0 25px;
	max-width: 80px;
}

.steps-header {
	color: #404554;
	font-size: 22px;
	line-height: 29px;
	font-weight: 700;
	padding-bottom: 20px;
}

.subtitle {
	padding-bottom: 60px;
	line-height: 26px;
}

.steps-progress-line {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
}

.steps-progress-position {
	height: 42px;
	width: 42px;
	margin-left: 150px;

	border: 2px solid #e3e9eb;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	position: relative;

	border-radius: 50%;
	margin-bottom: 25px;
}

.steps-progress-position:first-child {
	margin-left: 0;
}

.steps-progress-position-number {
	font-size: 20px;
	line-height: 26px;
}

.steps-progress-position-text {
	font-size: 13px;
	line-height: 17px;
	margin-top: 7px;
}

.steps-progress-position-text {
	position: absolute;
	left: 50%;
	top: 100%;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	width: 120px;
	margin-left: -60px;
	margin-top: 5px;
}

.steps-progress-position:after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -1px;
	margin-right: 2px;
	width: 150px;
	height: 2px;
	background: #000;
}

.steps-progress-position:after {
	background: #e3e9eb;
}

.steps-progress-position:first-child:after {
	display: none;
}

.sect-title {
	color: #404554;
	font-size: 35px;
	line-height: 46px;
	padding-bottom: 60px;
	font-weight: 700;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.sect-title {
		line-height: 33px;
	}
}

.why-sect {
	padding: 80px 0 225px;
}

.why-list {
	text-align: left;
	max-width: 350px;
}

.why-list-item {
	display: flex;
	padding-left: 56px;
	min-height: 41px;
	margin-bottom: 12px;
	font-size: 22px;
	line-height: 30px;
	color: #404554;

	min-height: 52px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding-left: 66px;
	position: relative;
	margin-bottom: 10px;
}

.why-list-item:after {
	height: 36px;
	width: 36px;
	margin-top: -18px;
	left: 3px;
}

.why-list-item:after {
	content: "";
	background: url(./ticked-2.svg) center center no-repeat;
	background-size: cover;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	left: 6px;
	margin-top: -20px;
	border-radius: 50%;
}

.devices-img {
	position: absolute;
	left: 50%;
	height: 265px;
	bottom: -310px;
	width: 532px;
	margin-left: -266px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.button-2-container {
	padding: 115px 0 55px;
	font-size: 18px;
	line-height: 24px;
}

.previews {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-bottom: -30px;
}

.preview-position {
	width: 220px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 30px;
}

.preview-text {
	color: #fff;
	height: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 29px;
}

.preview-image {
	height: 150px;
}

.preview-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.formbox-left .step {
	display: flex;
	padding-bottom: 14px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.field label {
	float: left;
	padding: 3px 0;
}

.container-cc {
	max-width: 97%;
	margin: auto;
}

.payment-logo {
	max-width: 160px;
	padding: 20px 0;
}

.card-header {
	background-color: #5db1d9;
	color: #fff;
	min-height: 64px;
	padding: 13px 7px;
	margin: 20px 20px 0px;
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: auto;
}

.card-list {
	padding: 13px 7px;
	margin: 20px 20px 0px;
}

.card-list p {
	margin: 20px 0;
}

.card-list p:first-child {
	margin-top: 0;
}

.card-list-item {
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	gap: 5px;
	text-align: center;
	width: 100%;
}

.card-2-head {
	margin: 0px;
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: start;
	justify-content: start;
	gap: 7px;
}

.card-2-head img {
	width: 40px;
	height: auto;
	margin: 0px;
}

.card-2-head h3 {
	color: #656a79;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 600;
	transition: 0.5s;
	font-size: 23px;
}

.card-2-list {
	margin: 0px 20px;
	gap: 20px;
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.footer-payment-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 90%;
	margin: 20px auto;
}

.secure-checkout-img {
	margin: 0 !important;
	max-width: 300px;
}

.chev {
	-webkit-box-orient: vertical;
	color: #cebd90;
	font-weight: 600;
	font-size: 150%;
	margin: -2px 0px 0px;
	line-height: 1;
	transition: 0.5s;
}

.card-hero-cont {
	border-bottom: 1px solid rgb(209, 211, 217);
	border-top-color: rgb(209, 211, 217);
	border-right-color: rgb(209, 211, 217);
	border-left-color: rgb(209, 211, 217);
	display: flex;
	padding: 0px 0px 20px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0px 20px;
	gap: 11px;
}

.card-header {
	margin-bottom: 10px;
}

.card-hero-header {
	text-align: center;
	font-size: 18px;
}

.card-hero-header p:nth-child(2) {
	font-size: 16px;
	font-weight: 300;
}

.card-hero-cont img {
	width: 20px;
}

.payment-cards {
	width: 33%;
}

.card-header-top {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-align: center;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	margin: 0px 0px 5px;
	font-size: 20px;
	transition: 0.5s;
}

.card-header-bottom {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-transform: uppercase;
	font-size: 13px;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 0px;
	transition: 0.5s;
}

input.field-error {
	border-color: #db4437 !important;
	background: #fff6f6;
}

.form-secure {
	color: #fff;
	background: #00b7d6;
	margin: -25px -30px 0;
	padding: 15px;
	font-size: 14px;
	line-height: 25px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 25px;
	border-radius: 3px 3px 0 0;
}

.form-secure-image {
	margin-right: 10px;
	min-width: 24px;
	width: 24px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
}

.payment-left {
	-webkit-box-flex: 0 auto;
	-moz-box-flex: 0 auto;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	max-width: 630px;
	width: 630px;
	align-self: stretch;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	margin-bottom: 0;
}

.payment-right {
	max-width: 380px;
	width: 380px;
	padding: 0 0 0 20px;
	-webkit-box-flex: 0 auto;
	-moz-box-flex: 0 auto;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	max-width: 440px;
	width: 440px;
	padding: 0 25px;
	margin-left: 0;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.left-cont {
	background: #fff;
	color: #000;
	padding: 25px 30px;
	-webkit-box-flex: 1 1;
	-moz-box-flex: 1 1;
	-webkit-flex: 1 1;
	-ms-flex: 1 1;
	flex: 1 1;
	min-height: 100%;
	width: auto;
	border-radius: 3px;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.07);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.payment-left-topline {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 0px;
	font-weight: 700;
	position: relative;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
}

.info-text {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 9px;
}

.payment-left-top-cont {
	background: #f5f6f7;
	margin: 0 -30px 5px;
	padding: 5px 30px;
}

.payment-devices-img {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 30px;
}

#payment_section {
	background: #404554;
	min-height: 100vh;
}

#payment_section footer .container {
	max-width: 960px;
	margin: auto;
	text-align: left;
	color: rgb(178, 178, 178);
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

#payment_section main,
#payment_section footer {
	background: transparent;
}

.right-in {
	color: #000;
	background: #fff;
	padding: 25px;
	height: 100%;
	width: 100%;
	padding: 30px;
	border-radius: 3px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.payment-right .cat-position {
	margin: 0 5px;
	max-width: 25%;
}

.payment-right .cats {
	margin: 0 -5px 20px;
}

.cc-col {
	display: block;
	margin-bottom: 15px;
	text-align: left;
	width: 100%;
}

input {
	color: #000;
	border-color: #ddd;
	background: #fff;
	border-radius: 5px;
	height: 50px;
	font-size: 16px;
	line-height: 22px;
	padding: 0 12px;
	border-radius: 5px;
}

.errorInput {
	border-color: red !important;
	background-color: rgba(255, 0, 0, 0.05);
}

.formbox-right .btn-submit.grey {
	background-color: #ccc;
}

.correctInput {
	background-image: url(./ticked-2.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 15% 60%;
}

.cc-col input,
.form-select {
	font-size: 18px;
	color: #000;
	border: 1px solid #ccc;
	margin: 0;
	height: 50px;
	width: 100%;
	padding: 0 16px;
	font-weight: 400;
	outline: none !important;
	-webkit-transition:
		border-color 0.3s ease-in,
		box-shadow 0.3s ease-in;
	transition:
		border-color 0.3s ease-in,
		box-shadow 0.3s ease-in;
}

.cc-date,
.cc-cvv {
	width: 35%;
	float: left;
	margin-bottom: 20px;
}

.cc-cvv {
	margin-left: 10px;
}

.form-select {
	height: 50px;
	border: 1px solid #ccc;
}

.signup {
	width: 100% !important;
}

.pipe {
	margin: 0 2px;
	color: #bacbd1;
}

.headline {
	line-height: 66px;
	margin: 0;
	padding-bottom: 7px;
}

.cat-icon {
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
}

.bottom-container {
	max-width: 1260px;
}

.close-modal {
	position: absolute;
	top: 5px;
	right: 0px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(./close.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	z-index: 999;
}

.close-terms,
.close-privacy {
	position: fixed;
	top: 5px;
	right: -225px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(./close.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	z-index: 999;
}

.formbox-left {
	background-color: #00b7d6;
}

.mobile-only {
	display: none;
}

.card-header-mobile {
	text-align: center;
}

.card-header-mobile .card-header-top {
	color: #656a79;
	text-align: left;
	margin: 0 20px;
	font-weight: bold;
}

@media screen and (max-width: 992px) {
	.header-links {
		visibility: hidden;
	}

	.desktop-only {
		display: none;
	}

	header {
		padding: 0;
		min-height: 30px;
		max-height: 50px;
	}

	.hero {
		padding: 50px 0;
		background: 0 0;
	}

	.hero .col {
		max-width: 540px;
		margin: auto;
	}

	.headline {
		font-size: 30px;
		line-height: 39px;
	}

	.subtitle {
		font-size: 16px;
		line-height: 21px;
		padding-bottom: 50px;
	}

	.buttonDiv .btn {
		min-width: 195px;
		margin-top: 10px;
		height: 65px;
		font-size: 22px;
		margin-bottom: 50px;
	}

	.cat-position {
		margin: 0 5px;
		max-width: 60px;
	}

	.cat-icon {
		width: 60px;
		height: 60px;
		margin-bottom: 2px;
	}

	.cat-icon img {
		width: 60px;
		height: 60px;
	}

	.cats {
		font-size: 11px;
		margin-bottom: 48px;
		line-height: 15px;
	}

	.steps-header {
		font-size: 16px;
		padding-bottom: 16px;
	}

	.steps-progress-position {
		height: 30px;
		width: 30px;
		margin-left: 78px;
	}

	.steps-progress-position-number {
		font-size: 16px;
	}

	.steps-progress-position:after {
		width: 78px;
	}

	.steps-progress-position-text {
		font-size: 12px;
		margin-top: 8px;
	}

	.why-sect {
		padding: 40px 0 115px;
	}

	.sect-title {
		font-size: 25px;
		padding-bottom: 30px;
	}

	.why-list-cont {
		max-width: 234px !important;
	}

	.why-list-item {
		font-size: 16px;
		line-height: 20px;
		padding-left: 46px;
		margin-bottom: 0;
	}

	.why-list-item:after {
		height: 30px;
		width: 30px;
		margin-top: -15px;
	}

	.devices-img {
		width: 280px;
		height: 140px;
		bottom: -170px;
		margin-left: -150px;
	}

	.button-2-container {
		padding: 90px 0 50px;
	}

	.buttonDiv .subtitle {
		padding-bottom: 0;
	}

	.previews-wrap .container {
		max-width: 540px;
	}

	.preview-position {
		margin: 0 auto 30px auto;
	}
}

@media screen and (max-width: 768px) {
	.navbar-nav {
		font-size: 15px;
		margin: 0;
	}

	.close-terms,
	.close-privacy {
		position: absolute;
		right: 0;
	}

	div.col.mobile-col {
		padding-right: 0 !important;
	}

	.nav-mid {
		display: none;
	}

	.mobile-col {
		width: 40% !important;
	}

	.formbox .row {
		display: grid;
	}

	.modal .formbox {
		width: 90%;
		max-width: 360px;
	}

	.formbox-left {
		order: 2;
		color: #404554;
		padding: 30px 20px 20px;
	}

	.formbox-right {
		order: 1;
		padding: 20px 30px 30px;
	}

	.formbox-right h3 {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.form-title1 {
		padding-bottom: 20px;
		text-align: center;
		font-size: 18px;
	}

	.steps {
		width: 190px;
		margin: 0 auto 30px;
	}

	.formbox .text {
		color: #404554;
	}

	.step:after {
		content: "";
		background: #404554;
		position: absolute;
		left: 16px;
		bottom: 0;
		width: 2px;
		height: 14px;
	}

	.step:nth-child(3):after {
		display: none;
	}

	.step {
		font-size: 14px;
		font-weight: bold;
	}

	.modal {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	.modal .formbox {
		position: relative;
		margin-top: 1.5vh;
		width: 82%;
	}

	.subtitle {
		padding-bottom: 50px !important;
	}

	.payment-left,
	.payment-right {
		width: 92%;
		margin: auto;
		padding: 0;
	}

	.container-cc .row {
		display: grid;
	}

	.payment-header {
		text-align: center;
		padding: 5px 0 5px !important;
	}

	.payment-logo {
		padding: 0;
	}

	.form-secure {
		padding: 5px;
	}

	.payment-left-top-cont {
		padding: 5px;
	}

	.payment-left-topline {
		font-size: 20px;
	}

	.info-text {
		font-size: 12px;
	}

	.payment-right {
		margin-top: 25px;
	}

	.right-in .cat-icon {
		width: 48px;
		height: 48px;
		margin: auto;
	}

	.right-in .cat-icon img {
		width: 48px;
		height: 48px;
	}

	.right-in .cat-position {
		max-width: none;
		width: 25%;
	}

	.payment-cards {
		width: 100%;
	}

	.container-cc .row {
		display: flex;
		flex-direction: column-reverse;
	}

	.payment-header {
		display: none !important;
	}

	.card-header {
		display: none;
	}

	.payment-cards {
		padding: 20px 0;
	}

	.footer-payment-top {
		flex-direction: column;
		gap: 20px;
		padding-bottom: 20px;
	}

	.mobile-only {
		display: block;
	}
}

#reg-modal-terms,
#reg-modal-privacy {
	background: #f1f1f1;
}

#reg-modal-terms,
#reg-modal-privacy {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	z-index: 2;
}

#reg-modal-terms .modal-content,
#reg-modal-privacy .modal-content,
#reg-modal-contact .modal-content {
	width: 100%;
	padding: 30px;
	max-height: 100%;
	scrollbar-width: thin;
	position: relative;
}

.modal-title {
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 10px;
}

.modal-notification p {
	padding-bottom: 20px;
}

.modal {
	color: #404554;
	line-height: 24px;
}

.check-info-feedback {
	color: rgba(34, 34, 34, 0.5);
	display: block;
	align-items: center;
	font-size: 13px;
	line-height: 16px;
}

.why-block {
	font-size: 12px;
	line-height: 16px;
}

.why-title {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
	font-weight: bold;
}

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

	#reg-modal-terms,
	#reg-modal-privacy,
	#reg-modal-contact {
		border-radius: 5px;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0%;
		margin-top: 0;
		z-index: 999;
		overflow: auto;
	}

	#reg-modal-terms,
	#reg-modal-privacy,
	#reg-modal-contact {
		margin-left: 475px;
		width: 400px;
		top: 0;
		margin-top: 0;
	}

	.close-terms,
	.close-privacy {
		top: 0;
	}

	.modal .formbox {
		overflow: visible;
	}
}

.promo_text h3 {
	color: #333;
	font-size: 16px;
}

.promo_text p {
	font-size: 14px;
	line-height: 16px;
	color: #b3b9cc;
}

.page-1-terms {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	display: block;
	text-align: center;
	margin-top: 50px;
}

* {
	font-family: 'Poppins', sans-serif;
}

header {
	background: #fff;
}

.buttonDiv .btn {
	min-width: 390px;
	height: 100px;
	line-height: 30px;
	font-size: 35px;
	font-weight: bold;
	color: white;
	background: rgb(41, 167, 0);
	border: none;
	border-radius: 10px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	margin-top: 0.8em;
	transition: all 0.3s ease;
}

.high-speed::before {
	content: "";
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	background-color: #29a700;
	margin-right: 10px;
	margin-bottom: 2px;
	border-radius: 100%;
	animation: blinker 1.3s linear infinite;
	-webkit-animation: blinker 1.3s linear infinite;
	width: 15px;
	height: 15px;
}

.high-speed {
	display: block;
	margin-top: 20px;
	margin-bottom: 80px;
}

.modal .formbox {
	text-align: left;
	max-width: 800px;
	border-radius: 8px;
	overflow: hidden;
	width: calc(100% - 20px);
	margin: auto;
}

.formbox-right {
	background-color: white !important;
}

.steps .step:nth-child(1) .nr {
	background-color: #8dda65 !important;
	border: none;
	color: white !important;
}

footer {
	padding: 0;
}

.close-modal {
	display: none;
}

.modal .formbox .formbox-header {
	background-color: #fff;
}

.formbox-left {
	background: #fff;
	padding: 0;
}

.formbox-right {
	background-color: #eee;
}

.formbox-right h3 {
	font-size: 16px;
	text-align: center;
	color: #3c4a72;
}

.field label {
	display: none;
}

.steps {
	width: unset;
	margin-left: 30px;
	margin-bottom: 45px;
}

.step:after {
	display: none;
}

.formbox-header {
	padding-left: 1.5375em;
	padding-right: 1.5375em;
	padding-top: 30px;
	padding-bottom: 0.1em;
}

.nr {
	background-color: transparent !important;
	width: 35px !important;
	min-width: 35px !important;
	height: 35px !important;
	margin-left: 0px !important;
	margin-right: 12px !important;
	border: 1px solid #3c4a72;
	color: #3c4a72 !important;
}

.formbox .text {
	font-size: 16px;
	font-weight: 100;
}

.steps .step:nth-child(1) .text {
	font-size: 16px;
	font-weight: bold;
}

.form-fields .footer {
	color: #9c9c9c;
	font-size: 12px;
	opacity: 0.5;
	line-height: 1;
	width: 95%;
	margin: auto;
}

.form-fields .footer a {
	color: #9c9c9c;
}

.sideImage {
	max-width: 200px;
	aspect-ratio: 4/5;
	object-fit: contain;
}

.formbox-right .btn-submit {
	font-size: 23px;
}

.formbox-left .step {
	padding: 0;
	margin: 10px 0;
}

.form-secure-image,
.form-secure-text {
	display: none;
}

.payment-left-top-cont,
.form-secure {
	background: #fff;
}

.secure-checkout {
	background-color: #f5f6f7;
	padding: 1em 0;
	margin-bottom: 30px;
	margin-top: -5px;
}

.payment-left-top-cont {
	margin: unset;
}

.secure-checkout-img {
	margin: 0 auto;
	display: block;
	max-width: 350px;
}

.timer-section {
	max-width: 300px;
	text-align: left;
	padding: 10px 0;
	border-radius: 10px;
	font-weight: 600;
}

#minutes,
#seconds,
.timer-colon {
	color: #63ad00;
}

.payment-logo {
	padding: 0;
}

.secure-sect-container {
	display: flex;
	align-items: stretch;
	padding: 0;
	width: 100%;
}

.secure-header {
	text-align: left;
	color: #404554;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	flex: 1;
	padding: 13px 0;
}

.material-icons {
	margin: 0 7px;
}

.wifi-icon {
	font-size: 43px !important;
	color: #29a700;
	margin-inline-end: 10px;
	margin-bottom: -3px;
}

header {
	padding-bottom: 0;
}

header .container {
	max-width: 1200px;
	margin: auto;
}

.secure-sect-container {
	min-height: 120px;
	justify-content: end;
	align-items: end;
	background-color: #e6e8f0;
}

.secure-sect-inner {
	max-width: 1100px;
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
}

.nav-mid .nav-link,
.nav-link a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #404554;
	cursor: default;
}

.nav-mid .nav-link {
	font-size: 14px;
	text-align: right;
}

.nav-mid .nav-link:last-child {
	padding-right: 0;
}

.navbar-brand,
.navbar-brand img {
	cursor: default;
}

.secure-header {
	border: none;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.material-icons {
	font-size: 40px !important;
	margin-bottom: 5px;
	color: #3c4a72;
}

.icon-text {
	font-size: 14px;
	color: #3c4a72;
}

.toggle-icon,
.toggle-icon img {
	max-width: 30px;
}

.high-speed {
	display: unset;
}

.high-speed::before {
	display: none;
}

.speed-cont {
	margin-top: 20px;
	margin-bottom: 80px;
}

.hero {
	background-image: none;
	padding: 30px 0;
}

.steps-progress-position {
	border: none;
	width: 33%;
	margin-left: 0;
	opacity: .4;
}

.steps-progress-position:first-child {
	opacity: 1;
}

.steps-progress-position-number {
	border-radius: 33px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(154, 163, 188);
	height: 33px;
	width: 33px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0px 7px 0px 0px;
	max-width: 33px;
}

.steps-progress-position {
	flex-direction: row;
}

.steps-progress-position:after {
	display: none;
}

.steps-progress-position-text {
	position: relative;
	top: unset;
	left: unset;
	margin-left: 0;
	text-align: left;
	font-size: 18px;
	width: unset;
}

.steps-progress-line {
	max-width: 1000px;
	margin: auto;
	scale: .9;
}

.steps-progress-position:first-of-type .steps-progress-position-number {
	background: #2dc253;
	color: white;
	border: none;
}

.buttonDiv .btn {
	font-weight: normal;
}

.headline {
	font-weight: normal;
	text-transform: capitalize;
	font-size: 2em;
	color: #3c4a72;
}

.heavy {
	font-weight: bold;
}

.hero-separator {
	background: #e6e8f0;
}

.mw-800 {
	max-width: 600px !important;
}

.middle-icon {
	max-width: 50px;
}

.middle-icon-cont {
	opacity: 0.4;
}

.devices-img {
	position: relative;
	left: unset;
	height: unset;
	bottom: unset;
	width: unset;
	margin-left: unset;
}

.why-sect-cont {
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-sect {
	padding-bottom: 0;
	background-color: white;
	padding-top: 20px;
}

.why-list-item p {
	font-size: 16px;
}

.why-list-item {
	margin-bottom: 0;
	padding-left: 45px;
}

.why-list-item:after {
	height: 30px;
	width: 30px;
	margin-top: -15px;
}

.button-2-container {
	padding: 0;
}

.page-footer {
	background-image: url(./headline-bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #2b3142;
	min-height: 250px;
	display: grid;
	position: relative;
}

.page-1-terms,
.terms-cont {
	text-align: center;
	margin-top: 0;
	color: #9aa3bc;
	justify-self: end;
	align-self: end;
	width: 100%;
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 16px;
}

.page-1-terms span a,
.page-1-terms span a:hover {
	color: #9aa3bc;
	font-size: 10px;
}

.footer-headers {
	display: flex;
	flex-direction: row;
	color: white;
	justify-content: space-evenly;
	min-height: 150px;
	align-items: center;
}

.modal .overlay {
	background: rgba(0, 0, 0, 0.45);
}

.medium-4,
.medium-8 {
	width: 50%;
}

.form-title1 {
	margin-bottom: 40px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 0;
	font-size: 16px;
	color: #3c4a72 !important;
	line-height: 1.2em !important;
}

.formbox-left,
.modal .formbox .formbox-header {
	background: #e6e8f0;
	color: #3c4a72;
}

.formbox .steps {
	width: 90%;
}

.steps .step .text {
	font-size: 15px;
	font-weight: normal;
	color: #3c4a72;
}

.steps .step {
	margin-bottom: 20px;
	opacity: .5;
}

.steps .step:nth-child(1) {
	opacity: 1;
}

.modal .formbox .field input {
	border: 1px solid #575757;
	font-size: 14px;
}

.field.mail {
	margin-bottom: 20px;
}

.error {
	background-color: transparent;
	color: red;
	text-align: right;
}

.form-fields .footer {
	text-align: center;
}

.modal .formbox .field input::placeholder {
	color: #575757;
	font-size: 14px;
}

.formbox-right .btn-submit,
.formbox-right .btn-submit:hover {
	background: linear-gradient(180deg, rgba(141, 218, 101, 1) 0%, rgba(65, 158, 67, 1) 100%);
}

.navbar-nav {
	opacity: .5;
}

.high-speed {
	font-size: 14px;
	opacity: .8;
}

.payment-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.payment-header {
	font-size: 18px;
	color: #656a79;
}

.payment-header h2 {
	margin-bottom: 0;
	line-height: 1;
	text-transform: uppercase;
	font-size: 32px;
	color: #656a79;
}

.payment-header p {
	line-height: 22px;
	color: #656a79;
}

.timer-text {
	font-weight: 600;
	color: #656a79;
}

#minutes,
.timer-colon,
#seconds {
	font-weight: normal;
}

#payment_section {
	background: #fff;
}

/* @media screen and (min-width: 769px) {
	.secure-header {
		justify-content: center;
	}

	.why-sect-cont {
		max-width: 80%;
		margin: auto;
		display: flex !important;
	}

	.devices-img {
		width: 60%;
	}

	.why-list-cont {
		width: 40%;
	}

	.secure-sect-container {
		background-image: url("./headline-bg.png");
		background-repeat: no-repeat;
	}
} */

@media screen and (max-width: 992px) {
	header {
		max-height: none;
	}
}

@keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	.formbox-left {
		order: 1;
	}

	.formbox-right {
		order: 2;
	}

	.secure-sect-container {
		min-height: unset;
	}

	.secure-sect-inner {
		scale: .9;
	}

	.secure-header {
		scale: .8;
	}

	.headline {
		font-size: 1.4em;
	}

	.buttonDiv .btn {
		min-width: unset;
		width: 360px;
	}

	.steps-progress-line {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.steps-progress-position {
		width: 70%;
		align-items: start;
		justify-content: start;
		scale: .9;
	}

	.mw-800 {
		scale: .8;
	}

	.why-sect-cont {
		flex-direction: column;
	}

	.why-list-cont {
		width: 100%;
		max-width: unset !important;
	}

	.why-list-item p {
		font-size: 14px;
	}

	.button-2-container {
		margin-top: 100px;
	}

	.footer-headers {
		display: grid;
		grid-template-columns: 200px 200px;
	}

	.footer-headers span {
		padding: 20px;
		height: 150px;
	}

	.page-footer {
		background-image: none;
	}

	.footer-headers span:nth-child(1) {
		background-image: url("./footer-bg-1.png");
	}

	.footer-headers span:nth-child(2) {
		background-image: url("./footer-bg-2.png");
	}

	.footer-headers span:nth-child(3) {
		background-image: url("./footer-bg-3.png");
	}

	.footer-headers span:nth-child(4) {
		background-image: url("./footer-bg-4.png");
	}

	.medium-4,
	.medium-8 {
		width: 100%;
	}

	.modal .overlay {
		background: #303b5a85;
	}

	.modal .formbox {
		max-width: 350px;
		top: 15%;
	}

	.high-speed {
		font-size: 14px;
	}
}

.modal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
}

.hidden {
	display: none;
}

.unhidden {
	display: block;
}

.terms-box,
.privacy-box,
.about-box,
.contact-box {
	width: 80vw;
	height: 80vh;
	background: white;
	margin: auto;
	margin-top: 10vh;
}

.close-terms-modal {
	float: right;
	position: absolute;
	top: 11vh;
	right: 15vw;
	background: white;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	box-shadow: 0 0 10px;
	font-weight: bold;
}

.terms-iframe {
	width: 100%;
	height: 100%;
}

.modal .error-modal {
	position: fixed;
	left: 50%;
	margin-bottom: 30px;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	background: #eee;
	text-align: center;
	padding: 4em 2em;
}

.modal .error-modal .form-title1 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 1em 0;
}

.modal .error-modal .error_message {
	margin: 1em 0 4em;
	color: #999;
}

.modal .close-modal-btn button {
	font-weight: bold;
	padding: 1em 2em;
	border: none;
	background: #ddd;
	box-shadow: 0 0 10px #cdcdcd;
	border-radius: 5px;
}

@media screen and (max-width: 880px) {
	.modal .error-modal {
		left: 5%;
		transform: translate3d(-2.5%, -50%, 0);
	}
}



.loading_overlay {
	position: fixed;
	top: 0;
	z-index: 3000;
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	right: 0;
	backdrop-filter: blur(10px)
}

.loader {
	display: block;
	margin: 40vh auto;
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes opacityBlink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.menuIcon {
	float: right;
	height: 40px;
	padding: 12px 0;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.burgerBar {
		display: block;
	}

	.mainIcon {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.burgerBar {
		display: none;
	}

	.mainIcon {
		display: block;
	}
}

.blinking-dot {
	width: 10px;
	height: 10px;
	background-color: #18a103;
	border-radius: 100%;
	display: inline-block;
	animation: opacityBlink 2s infinite;
	margin-right: 10px;
}

/* ============================================
   INSTANT APPS STYLES - Matching instant_apps design
   ============================================ */

/* Base Styles */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Header */
.instant-header {
	width: 100%;
	padding: 24px;
	background: #fff;
}

@media (min-width: 1024px) {
	.instant-header {
		padding: 24px 48px;
	}
}

.instant-header-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.instant-header-logo {
	display: block;
	position: relative
}

.instant-header-logo-img {
	display: block;
	max-height: 48px;
	width: auto;
}

.instant-layout-icon {
	width: 36px;
	height: 36px;
	color: #000;
	fill: currentColor;
}

.instant-header-text {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -0.02em;
	color: #000;
}

.instant-header-text span {
	font-weight: normal;
	font-size: 14px;
	clear: both;
    display: flex;
    line-height: 0.8;
    height: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.instant-header-text span a {
	display: block;
}

.presents-text {
	position: absolute;
	left: 33px;
    top: 70%;
	white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    display: inline-block;
}

/* Main Container */
.instant-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background: #fff;
	color: #1e293b;
	min-height: 100vh;
}

.instant-container {
	width: 100%;
	max-width: 1152px;
	padding: 40px 16px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

@media (min-width: 640px) {
	.instant-container {
		padding: 40px 24px;
	}
}

@media (min-width: 1024px) {
	.instant-container {
		padding: 20px 32px 40px 32px;
	}
}

/* Hero Section */
.instant-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 48px;
	min-height: 60vh;
}

.instant-hero-title {
	font-size: 39px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	color: #000;
	margin: 0;
}

@media (min-width: 768px) {
	.instant-hero-title {
		font-size: 63px;
	}

	.hero-apps-container {
		justify-content: center;
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.hero-apps-container {
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.instant-hero {
		min-height: 40vh;
	}
}

.instant-hero-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.instant-chevron-bounce {
	animation: none;
}

@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

.instant-chevron {
	width: 48px;
	height: 48px;
	color: #d1d5db;
}

/* Continue Button */
.instant-continue-btn {
	background: #00d658;
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	padding: 24px 80px;
	border-radius: 12px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	border: none;
	cursor: pointer;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.instant-continue-btn:hover {
	background: #00c04d;
	transform: scale(1.05);
}

.instant-continue-btn:active {
	transform: scale(0.95);
}

@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.8;
	}
}

.instant-play-icon {
	width: 40px;
	height: 40px;
	fill: currentColor;
	flex-shrink: 0;
}

.instant-hero-text {
	font-size: 11px;
	color: #6b7280;
	font-weight: 500;
	text-align: center;
	max-width: 512px;
	margin: 0 auto;
	line-height: 1.5;
}

.instant-connection-indicator {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #9ca3af;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
}

.instant-connection-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #00d658;
}

/* Service Grid */
.instant-service-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	width: 100%;
}

@media (min-width: 768px) {
	.instant-service-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.instant-service-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.instant-service-card {
	background: #f9fafb;
	border-radius: 8px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	transition: box-shadow 0.3s;
}

.instant-service-card:hover {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.instant-service-icon-wrapper {
	margin-bottom: 16px;
	padding: 12px;
	border-radius: 50%;
	border: 1px solid #e5e7eb;
	background: #fff;
}

.instant-service-icon {
	width: 40px;
	height: 40px;
	color: #9ca3af;
}

.instant-service-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #111827;
}

.instant-service-description {
	font-size: 14px;
	color: #4b5563;
	line-height: 1.6;
}

/* Info Section */
.instant-info-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 32px;
	width: 100%;
}

.instant-info-content {
	max-width: 672px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.instant-info-title {
	font-size: 30px;
	font-weight: 700;
	color: #111827;
	line-height: 1.2;
	margin: 0;
}

@media (min-width: 768px) {
	.instant-info-title {
		font-size: 30px;
	}
}

.instant-info-text {
	color: #4b5563;
	font-size: 14px;
	line-height: 1.6;
}

@media (min-width: 768px) {
	.instant-info-text {
		font-size: 16px;
	}
}

.instant-info-image-wrapper {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	aspect-ratio: 16 / 9;
	position: relative;
	background: #e5e7eb;
}

.instant-info-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.instant-info-overlay {
	position: absolute;
	inset: 0;
	background: rgba(120, 53, 15, 0.1);
	mix-blend-mode: overlay;
	pointer-events: none;
}

/* Steps Section */
.instant-steps {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

.instant-steps-title {
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	margin: 0;
}

.instant-steps-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 512px;
}

.instant-steps-line {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #e5e7eb;
	z-index: -1;
}

.instant-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	background: #fff;
	padding: 0 8px;
}

.instant-step-number {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f3f4f6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #1f2937;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.instant-step-text {
	font-size: 12px;
	font-weight: 700;
	color: #111827;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}

/* Continue Section */
.instant-continue-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.instant-cta-text {
	text-align: center;
	font-size: 14px;
	color: #4b5563;
	font-weight: 700;
	width: 100%;
	margin: 0;
}

/* Value Props */
.instant-value-props {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	width: 100%;
}

@media (min-width: 768px) {
	.instant-value-props {
		grid-template-columns: repeat(3, 1fr);
	}
}

.instant-value-card {
	border-radius: 8px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.instant-value-secure {
	background: #dcfce7;
}

.instant-value-premium {
	background: #fef3c7;
}

.instant-value-devices {
	background: #cffafe;
}

.instant-value-icon-wrapper {
	margin-bottom: 16px;
}

.instant-value-secure-icon {
	background: #15803d;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.instant-value-premium-icon {
	background: #eab308;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.instant-value-devices-icon {
	background: #0369a1;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.instant-value-icon {
	width: 32px;
	height: 32px;
	fill: currentColor;
}

.instant-value-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #111827;
}

.instant-value-text {
	font-size: 14px;
	color: #374151;
	line-height: 1.6;
}

/* Footer */
.instant-footer {
	width: 100%;
	background: #fff;
	padding-top: 40px;
	padding-bottom: 64px;
	padding-left: 24px;
	padding-right: 24px;
	border-top: 1px solid #f3f4f6;
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.instant-footer-content {
	max-width: 896px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.instant-footer-bold {
	font-size: 14px;
	color: #1f2937;
	font-weight: 700;
	margin: 0;
}

.instant-footer-text {
	font-size: 14px;
	color: #9ca3af;
	margin: 0;
}

.instant-footer-payment {
	padding-top: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	opacity: 0.9;
}

.instant-payment-logo {
	height: 32px;
	width: auto;
}

.instant-payment-logo-mastercard {
	height: 40px;
}

.instant-payment-divider {
	height: 24px;
	width: 1px;
	background: #e5e7eb;
}

.instant-footer-legal {
	margin-top: 24px;
	text-align: center;
	font-size: 14px;
}

.instant-footer-legal-link {
	color: #000 !important;
	text-decoration: underline !important;
}

.instant-footer-legal-link:hover {
	color: #1f2937 !important;
}

.instant-footer-legal-separator {
	margin: 0 12px;
	color: #000 !important;
}

.instant-modal-terms a {
	color: inherit;
	text-decoration: underline;
}

/* O-Content static site overrides */
.o-content-static-header .instant-header-content {
	justify-content: center;
}

.o-content-static-header .instant-header-logo {
	display: flex;
	justify-content: center;
	width: 100%;
}

.o-content-static-header .instant-header-logo-img {
	margin: 0 auto;
	max-height: 72px;
	width: auto;
}

/* Terms & Privacy legal modal */
.legal-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.legal-modal.hidden {
	display: none;
}

.legal-modal-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.6);
	backdrop-filter: blur(4px);
}

.legal-modal-panel {
	position: relative;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	width: 100%;
	max-width: 720px;
	max-height: 85vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.legal-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	color: #9ca3af;
	background: none;
	border: none;
	cursor: pointer;
	transition: color 0.2s;
	z-index: 2;
	padding: 4px;
}

.legal-modal-close:hover {
	color: #4b5563;
}

.legal-modal-body {
	padding: 32px 24px 24px;
	overflow-y: auto;
}

.legal-modal-body.hidden {
	display: none;
}

.legal-modal-title {
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	margin: 0 0 16px 0;
	padding-right: 32px;
}

.legal-modal-text {
	font-size: 14px;
	line-height: 1.6;
	color: #374151;
	white-space: pre-wrap;
}

/* Modal */
.instant-modal {
	position: fixed;
	inset: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.instant-modal.hidden {
	display: none;
}

.instant-modal-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.6);
	backdrop-filter: blur(4px);
}

.instant-modal-content {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	width: 100%;
	max-width: 896px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 400px;
}

@media (min-width: 768px) {
	.instant-modal-content {
		flex-direction: row;
	}
}

.instant-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	color: #9ca3af;
	background: none;
	border: none;
	cursor: pointer;
	transition: color 0.2s;
	z-index: 20;
	padding: 4px;
}

.instant-modal-close:hover {
	color: #4b5563;
}

.instant-modal-left {
	flex: 1;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (min-width: 768px) {
	.instant-modal-left {
		padding: 48px;
	}
}

.instant-modal-header {
	margin-bottom: 32px;
	text-align: center;
}

@media (min-width: 768px) {
	.instant-modal-header {
		text-align: left;
	}
}

.instant-modal-subtitle {
	color: #1f2937;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.instant-modal-title {
	font-size: 30px;
	font-weight: 900;
	color: #111827;
	margin: 0;
}

.instant-modal-steps {
	position: relative;
	padding-left: 8px;
}

.instant-modal-steps-line {
	position: absolute;
	left: 21.6px;
	top: 20px;
	bottom: 20px;
	width: 2px;
	background: #e5e7eb;
	z-index: -1;
}

.instant-modal-step {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.instant-modal-step:last-child {
	margin-bottom: 0;
}

.instant-modal-step-number {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e5e7eb;
	color: #9ca3af;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px;
	flex-shrink: 0;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.instant-modal-step-active {
	background: #1e5b9e;
	color: #fff;
}

.instant-modal-step-text {
	color: #6b7280;
	font-weight: 300;
	font-size: 20px;
}

.instant-modal-right {
	flex: 1;
	background: #fff;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.instant-modal-right {
		padding: 48px;
		border-left: 1px solid #f3f4f6;
	}
}

.instant-modal-continue {
	width: 100%;
	margin-bottom: 24px;
	font-size: 30px;
	padding: 20px 32px;
}

.instant-modal-continue .instant-play-icon {
	width: 32px;
	height: 32px;
}

.instant-modal-terms {
	font-size: 10px;
	color: #9ca3af;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	max-width: 256px;
	margin: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
	.instant-hero-title {
		font-size: 32px;
	}

	.instant-continue-btn {
		font-size: 28px;
		padding: 20px 40px;
		width: 100%;
		max-width: 360px;
	}

	.instant-container {
		gap: 64px;
	}

	.instant-modal-content {
		min-height: auto;
	}

	.instant-modal-left {
		order: 1;
	}

	.instant-modal-right {
		order: 2;
	}
}