@font-face {
	font-family: 'Avenir LT Std 45 Book';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir LT Std 45 Book'), url('AvenirLTStd-Book.woff')
		format('woff');
}

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

body {
	background: #F5F5F5 url('/img/background.jpg') no-repeat scroll center
		top;
	font-family: 'Avenir LT Std 45 Book';
	font-size: 120%;;
}

a {
	text-decoration: none;
}

button {
	border-color: rgb(233, 105, 0);
	border-radius: 10px;
	border-style: solid;
	cursor: pointer;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}

button.buy {
	background-color: rgb(233, 105, 0);
	color: white;
	font-size: 90%;
}

#wrapper1 {
	background: url('/img/footer.png') no-repeat scroll center bottom;
}

#wrapper2 {
	margin: auto;
	max-width: 1110px;
}

#top .logo {
	float: left;
}

#top .links {
	float: right;
	font-size: 2.5vh;
	padding-top: 1vh;
	text-transform: uppercase;
}

#top .links a {
	padding-right: 2vw;
}

#main {
	clear: both;
	padding-top: 20px;
}

h1 {
	color: rgb(63, 63, 63);
	font-size: 4vw;
	text-align: center;
}

.highcharts-axis-labels text {
	background-color: #F2F2F2;
	font-weight: bold;
	display: block !important;
	padding: 1vw;
	width: -moz-max-content !important;
}

.filters {
	margin-top: 4vh;
}

.filter {
	float: left;
	font-size: 80%;
	margin: 0 2vw 0 0;
}

.providers {
	background: white;
	clear: both;
}

.providers #why-should-i-buy {
	font-style: italic;
	padding: 3vh 0;	
}

.providers #why-should-i-buy div.label {
	color: #bbb;
	font-style: normal;
	font-weight: bold;
}

.providers #why-should-i-buy div {
	margin: auto;
	text-align: center;
}

.providers table {
	border-spacing: 0;
	margin: auto;
}

table th, table td {
	margin: 0;
	padding: 3vh 1vw;
	vertical-align: top;
}

.providers table th {
	color: #bbb;
	text-align: left;
}

.providers table a {
	color: black;
}

.providers tr.provider {
	cursor: pointer;
}

.providers tr.provider:hover {
	background-color: #eee;
}

.providers table span {
	font-size: 80%;
}

.providers table span.new {
	color: bisque;
}

.providers table span.positive {
	color: limegreen;
}

.providers table span.negative {
	color: crimson;
}

.providers table td.more {
	font-size: 80%;
	padding-top: 0;
}

.providers table span.based-on {
	color: #bbb;
}

table.plans td {
	
}

h3.platform, .platform h2 {
	color: #000FEF;
	cursor: pointer;
}

.guide img {
	max-width: 520px;
}

#warning {
	color: red;
}

#faq, #footer {
	border-top: thin solid #cecece;
	clear: both;
	margin-top: 4vh;
	padding-top: 4vh;
}

#faq {
	position: relative;
	overflow: hidden;
}

#faq div.inner {
	position: relative;
	z-index: 2;
}

#faq img.phone {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	opacity: 0.6;
}

#faq h2 {
	color: rgb(233, 105, 0);
	text-align: center;
	text-transform: uppercase;
}

#faq .questions {
	float: right;
	max-width: 520px;
}

#faq h3 {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(176, 176, 176);
	background-color: white;
	box-shadow: 1px 1.732px 0px 0px rgba(226, 226, 226, 0.294);
	cursor: pointer;
	display: block;
	font-size: 80%;
	padding: 10px;
}

#faq p, #faq ul {
	background: white;
	opacity: 0.8;
	padding: 10px;
}

#faq .questions>div, #faq .questions>p, #faq .questions>ul {
	display: none;
}

#faq .bottom {
	clear: both;
}

#footer {
	font-size: 70%;
}

#footer .left {
	float: left;
}

#footer .twitter {
	float: right;
}

#footer .copyright {
	clear: both;
	padding: 4vh;
	text-align: center;
}

#overlay {
	display: none;
}

#overlay div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity = 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 9996;
}

#overlay span {
	height: 103px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9997;
}

#overlay img {
	display: block;
	margin: auto;
}

#overlay p {
	background-color: #DC6C00;
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
}

#tos {
	background-color: #F8F8F9;
	border-radius: 6px;
	box-sizing: border-box;
	display: none;
	height: 379px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 302px;
	z-index: 9998;
}

#tos div {
	color: #5b5b65;
	font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium",
		"Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica,
		Arial;
	font-size: 13px;
	height: 300px;
	margin-bottom: 2%;
	overflow-y: scroll;
	padding: 4%;
}

#tos button {
	-moz-user-select: none;
	background: #45b1e8 linear-gradient(#45b1e8, #3097de) repeat scroll 0 0;
	border: 0 none;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px
		rgba(86, 149, 219, 0), 0 2px 0 rgba(41, 102, 20, 0) inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 37px;
	margin: auto;
	outline: 0 none;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(46, 86, 153, 0.3);
	transition: box-shadow 0.15s linear 0s;
}