@font-face{
	font-family:rubik;
	font-style:normal;
	font-weight:400;
	src:url(../../../assets/fonts/rubik/rubikRegular.eot);
	src:url(../../../assets/fonts/rubik/rubikRegular.woff2) format("woff2"),
	url(../../../assets/fonts/rubik/rubikRegular.eot?#iefix) format("embedded-opentype"),
	url(../../../assets/fonts/rubik/rubikRegular.woff) format("woff"),
	url(../../../assets/fonts/rubik/rubikRegular.ttf) format("truetype"),
	url(../../../assets/fonts/rubik/rubikRegular.svg#rubikRegular) format("svg");
}

@font-face{
	font-family:rubik;
	font-style:normal;
	font-weight:500;
	src:url(../../../assets/fonts/rubik/rubikMedium.eot);
	src:url(../../../assets/fonts/rubik/rubikMedium.woff2) format("woff2"),
	url(../../../assets/fonts/rubik/rubikMedium.eot?#iefix) format("embedded-opentype"),
	url(../../../assets/fonts/rubik/rubikMedium.woff) format("woff"),
	url(../../../assets/fonts/rubik/rubikMedium.ttf) format("truetype"),
	url(../../../assets/fonts/rubik/rubikMedium.svg#rubikMedium) format("svg");
}

@font-face{
	font-family:saira;
	font-style:normal;
	font-weight:700;
	src:url(../../../assets/fonts/saira/sairaCondensedBold.eot);
	src:url(../../../assets/fonts/saira/sairaCondensedBold.woff2) format("woff2"),
	url(../../../assets/fonts/saira/sairaCondensedBold.eot?#iefix) format("embedded-opentype"),
	url(../../../assets/fonts/saira/sairaCondensedBold.woff) format("woff"),
	url(../../../assets/fonts/saira/sairaCondensedBold.ttf) format("truetype"),
	url(../../../assets/fonts/saira/sairaCondensedBold.svg#sairaCondensedBold) format("svg");
}

html {
	box-sizing:border-box;
	background-color:#e0ded9;
	font-family:'rubik', Arial, Helvetica, sans-serif;
	font-size:12pt;
}

*, *:before, *:after{
	box-sizing:inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul:not(.styledlist){
	font-weight:normal;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom:6px;
	font-weight:bold;
	font-size:12pt;
	color:#333;
}
.ol-top_0 {
    display: none;
}
.ol-skeletonLayout__root {
    display: none !important;
}
.ol-skeletonLayout__footer {
    display: none !important;
}

h2{
	text-align:center;
	font-size:18pt;
}

ol, ul:not(.styledlist){
  list-style:none;
}

a{
	color:#3eacac;
}

a:hover{
	color:#379c9c;
}
a.logo{
display:block;
max-height:100px;
max-width:120px;
height:100%;
width:100%;
margin:0 auto;
}

a.logo img{
	max-width:100px;
	width:100%;
	margin:5px;
}

span.click-here{
	padding-top:3px;	
	max-width:420px;
	display:block;
	margin:0 auto;	
	text-decoration:underline;
	cursor:pointer !important;
	color:#410744;
}

span.click-here:hover{
	text-decoration:none;
	color:#220424;
}

.cta-results{
	color:#410744 !important;
}

img{
	display:block;
}

span.copy-action{
	padding-top:3px;	
	max-width:600px;
	display:block;
	margin:0 auto;
	color:#6d0d72;
}

span.copy-copy{
	padding-top:3px;	
	max-width:800px;
	display:block;
	margin:0 auto;
	color:#6d0d72;
	font-size:35px;
}

.wrapper{
	background-color:#f4f4f2;
	padding:30px 50px 40px 50px;
	max-width:1024px;
	margin: 0 auto -30px;
	width:100%;
}

.wrapper p{
	color:#333;
}

header{
	border-bottom:3px solid #410744;
	background-color:#ffffff;
	margin-bottom:40px;
	padding-top:6px;
	width:100%;
}

header .logo{
	max-width:150px;
	margin:0 auto;
	width:100%;
}

.banner img{
	width:100%;
}

.content-wrapper{
	margin:0 auto 15px;
	width:90%;
}

.copy-block{
	margin-top:30px;
}

.copy-center{
	text-align:center;
}

.copy-center h3{
	font-size:22pt;
	color:#716d6b;
}

.benefits{
	border: 1px solid #6d0d72;
	text-align:left;
}

.benefits ul li, .benefits ul li ul:not(.styledlist) li:not(.styledlist){
	display:inline-block;
	vertical-align:middle;
}

.benefits-header{
	background-color:#6d0d72;
	color:#fff;
}

.benefits-row{
	padding:20px;
}

.benefits-row li{
	padding:0 10px;
}

.benefits-col-a{
	width:8%;
}

.benefits-col-b{
	width:32%;
}

.benefits-col-c{
	text-align:center;
	width:26%;
}

.benefits-col-d{
	width:32%;
}

.upgrade-cta{
	border:0;
	background-color:#3eacac;
	text-transform:uppercase !important;
	margin:0 auto 26px auto;
	border-radius:30px;
	padding:12px 40px;
	font-size:16pt;
	cursor:pointer;
	color:#fff;
}

.upgrade-cta:hover{
	background-color:#379c9c;
}

.copy-block-mobile .mobile-header{
	text-transform:uppercase;
	font-family:'saira';
	text-align:center;
	line-height:45pt;
	font-size:45pt;
	color:#ff6900;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}

.loading{
	background-image:url('loading.png');
	background-position:94% 50%;
	background-repeat:no-repeat;
	padding-right:45px;
}

@media only screen and (max-width: 800px){
	.benefits-row li{
		font-size:12px;
	}
	
	.benefits-col-a{
		width:12%;
	}

	.benefits-col-b{
		width:30%;
	}
	
	.benefits-col-c{
		width:24%;
	}

	.benefits-col-d{
		width:32%;
	}
}

@media only screen and (max-width: 624px){
	
	header{
		margin-bottom:0;
	}
	
	.wrapper{
		padding:0 0 40px 0;
	}
	
	.benefits-row{
		padding:10px;
	}
	
	.benefits-col-a, 
	.benefits-col-b{
		width:20%;
	}

	.benefits-col-c{
		width:30%;
	}
	
	.benefits-col-d{
		width:28%;
	}	
	
	.desktop{
		display:none !important;
	}
	
	.mobile{
		display:block !important;
	}
	
}