@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{
	font-weight:normal;
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom:6px;
	font-weight:bold;
	font-size:12pt;
	color:#333;
}

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

ol, ul{
  list-style:none;
}

a{
	color:#fc6921;
}

a:hover{
	color:#e55d1b;
}

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

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

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

img{
	display:block;
}

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

.wrapper p{
	color:#333;
}

header{
	border-bottom:3px solid #000000;
	background-color:#333333;
	margin-bottom:40px;
	padding:12px 0;
	width:100%;
}

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

.banner img{
	width:100%;
}

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

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

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

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

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

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

.benefits-header{
	background-color:#ff6900;
	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%;
}



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

.upgrade-cta {
	background-color:#fc6921;
}

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

.login-cta {
	background-color:#fc6921;
}

.login-cta:hover{
	background-color:#e55d1b;
}



.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;
	}
	
}