/* Font Declaration */
@font-face {
	font-family: 'HudsonNY';
	src: url('/fonts/2F0E63_0_0.eot');
	src: url('/fonts/2F0E63_0_0.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/2F0E63_0_0.woff2') format('woff2'),
			 url('/fonts/2F0E63_0_0.woff') format('woff'),
			 url('/fonts/2F0E63_0_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir Next';
	src: url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
	src:
		url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format('eot'),
		url("/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format('woff'),
		url("/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format('truetype'),
		url("/fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format('svg')
}
@font-face {
  font-family: 'Avenir Next Thin';
  src: url("/fonts/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix");
  src:
    url("/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format('eot'),
    url("/fonts/c6c8e4be-17eb-4475-bbfc-bb485ffde766.woff") format('woff'),
    url("/fonts/87a872d0-5af3-4231-a77c-37f41ec74662.ttf") format('truetype'),
    url("/fonts/91464696-717b-4eaa-adbd-0dfc5e5fd782.svg#91464696-717b-4eaa-adbd-0dfc5e5fd782") format('svg')
}
*,* {
	transition:margin .3s ease, padding .3s ease, font .3s ease;
	-o-transition:margin .3s ease, padding .3s ease, font .3s ease;
	-ms-transition:margin .3s ease, padding .3s ease, font .3s ease;
	-moz-transition:margin .3s ease, padding .3s ease, font .3s ease;
	-webkit-transition:margin .3s ease, padding .3s ease, font .3s ease;
}
body {
	font-family: 'Avenir Next', arial, sans-serif;
	font-size:16px;
	background-color: #fff;
}
a {
	transition:color .3s ease, background-color .3s ease, border .3s ease;
	-o-transition:color .3s ease, background-color .3s ease, border .3s ease;
	-ms-transition:color .3s ease, background-color .3s ease, border .3s ease;
	-moz-transition:color .3s ease, background-color .3s ease, border .3s ease;
	-webkit-transition:color .3s ease, background-color .3s ease, border .3s ease;
	color:#de0421;
}
a:hover,
a:focus {
	color:#de0421;
}
.nav a,
.nav a:hover,
.nav a:visited,
.nav a:active,
.nav a:focus {
	color:#FFF;
}
.nav a.download {
	border:2px solid #FFF;
  border-radius: 2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
	padding:5px;
	margin:8px 0;
}
.nav>li>a:focus, .nav>li>a:hover {
	background:none;
	color:#fc8988;
}
.nav>li>a > img {
  max-width:22px;
  margin-top:-8px;
  transition:opacity .3s ease;
}
.nav>li>a:hover > img {
  opacity:.4;
}
.nav a.download:focus,
.nav a.download:hover {
	text-decoration:none;
	color:#fc8988;
	background-color:#FFF;
}
.navbar-brand {
	height:50px;
	line-height:50px;
	font-family:"HudsonNY";
	color:#FFF;
	display:block;
	padding:0;
	margin-left:10px;
}
.navbar-brand:visited,
.navbar-brand:active,
.navbar-brand:hover {
	color:#FFF;
}
.navbar-brand img {
	height:50px;
}
.navbar-brand small {
	font-size:28px;
  display:inline-block;
}
.navbar-brand a:hover {
	color:#FFF;
}
/* HAMBURGER MENU */
.navbar-toggle {
	border:1px solid #FFF;
}
.navbar-toggle 	.icon-bar {
	background-color:#FFF;
}
.navbar-collapse {
	border-top:none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-collapse.in ul,
.navbar-collapse.collapsing ul {
	margin-right:10px;
	text-align:center;
}
/* TOP CONTENT */
#top-content-container {
	background-image:url('/images/top-bg.jpg');
	background-size:721px;
	width:100%;
	min-height:770px;
	padding-top:40px;
}
#top-content-container.internal {
  min-height:120px !important;
}
#top-content {
	font-family:"HudsonNY";
	text-align:center;
	min-height:600px;
  height:600px;
	display:table;
}
#top-content .wrapper {
	display:table-cell;
	vertical-align:middle;
  padding-bottom:30px;
}
#top-content .quiet {
	display:none;
}
#top-content h1 {
	margin-top:30px;
	font-size:50px;
	color:#FFF;
	text-transform:uppercase;
}
#top-content h2 {
	margin-top:0;
	font-size:30px;
	color:#fa9fa3;
	text-transform:uppercase;
}
#top-content a {
	display:block;
	color:#FFF;
}
#top-content a:hover,
#top-content a:active {
	color:#fc8988;
}

#top-content #bottom-info {
  display:table-row;
  height:55px;
}
#top-content #bottom-info #social-links {
  display:block;
  height:30px;
  margin-top:15px;
}
#top-content #bottom-info #social-links a {
  display:inline-block;
  width:50px;
}
#top-content #bottom-info #social-links a i {
  color:#FFF;
  font-size:30px;
}
#top-content #bottom-info #social-links a i:hover,
#top-content #bottom-info #social-links a i:active {
  color:#fc8988;
}
#top-content #bottom-info .open-source {
	display:block;
	height:40px;
	color:#FFF;
	font-family: "Avenir Next";
	font-size:15px;
}
#top-content .open-source a {
	display:inline;
	border-bottom:2px solid #FFF;
}
#top-content #bottom-info .open-source a:hover,
#top-content #bottom-info .open-source a:focus {
	text-decoration:none;
}

#top-content .install-extension a {
	display:inline-block;
	border-bottom:2px solid #FFF;
}
#top-content .open-source a:focus,
#top-content .open-source a:hover {
	border-bottom:2px solid #fc8988;
	color:#fc8988;
	text-decoration:none;
}
#top-content a.install-extension {
	border:2px solid #FFF;
	text-decoration:none;
	color:#de0421;
	background-color:#FFF;
	display:inline-block;
	margin:0 2px 10px;
	width:280px;
	font-size:26px;
  padding: 18px;
	border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#top-content a.install-extension:hover,
#top-content a.install-extension:focus {
	background-color:transparent;
	color:#FFF;
}
a .fa-cog {
	font-size:1.3em;
}
/* Content */
.main-content-container {
	width: 100%;
	color:#444;
	text-align:center;
}
.main-content-container .row {
	margin:0;
}
.main-content-container h1,
.main-content-container h2,
.main-content-container h3,
.main-content-container h4 {
	color: #131313;
}
.main-content-container h1 {
	font-size:30px;
	margin:40px auto 20px auto;
}
.main-content-container p {
	text-align:left;
	font:16px "Avenir Next Thin";
	line-height:23px;
	padding:10px 15%;
}
.main-content-container h3 a,
.main-content-container p a,
.main-content-container ol a {
	font-family:"Avenir Next";
	transition:border 0s;
	-o-transition:border 0s;
	-ms-transition:border 0s;
	-moz-transition:border 0s;
	-webkit-transition:border 0s;
}
.main-content-container h3 a:focus,
.main-content-container h3 a:hover,
.main-content-container p a:focus,
.main-content-container p a:hover,
.main-content-container ol a:focus,
.main-content-container ol a:hover {
	border-bottom:2px solid #de0421;
	text-decoration:none;
}
.main-content-container strong {
	font-family:"Avenir Next";
}
#abf-ko {
	margin-bottom:20px;
}
#abf-ko .title {
	font-size:30px;
	margin:10px auto;
}
#abf-ko .title strong {
	font-family:'HudsonNY';
}
#abf-ko img {
	width:180px;
}
#abf-ko #table {
	margin-top:50px;
	margin-bottom:50px;
	font-size:15px;
}
#abf-ko #table ul {
	display:inline-block;
	width:160px;
	list-style:none;
	margin:0;
	padding:0;
}
#abf-ko #table ul.details-list {
	font-family: "Avenir Next Thin";
	color:#6d6d6e;
}
#abf-ko #table ul li {
	height:45px;
	line-height:45px;
}
#abf-ko #table ul li:nth-child(even) {
	background-color:#eaebea;
}
#abf-ko #table ul li.icon {
	color:#898989;
}
#abf-ko #table ul li.icon i {
	top:5px;
	position:relative;
}
#abf-ko #table ul.us i {
	color:#de0421;
}
#abf-ko #table ul.others li:nth-child(odd) {
	background-color:#e6e5e5;
}
#abf-ko #table ul.others li:nth-child(even) {
	background-color:#d5d5d6;
}
#abf-ko #table ul.others {
	background-color:#e6e5e5;
}
#abf-ko #table ul.us {
}
#abf-ko #table ul.us li:first-of-type {
	background-color:#de0421;
	color:#FFF;
	font-family:"HudsonNY";
}
#abf-ko #table ul li:first-of-type {
	font-size:20px;
}
.main-content-container .faster-lighter {
	margin:50px auto;
}
.main-content-container .faster-lighter .img-wrapper {
	height:110px;
}
.main-content-container .faster-lighter .img-wrapper .helper {
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
}
.main-content-container .faster-lighter img {
	max-width:90px;
	vertical-align:bottom;
}
.main-content-container .faster-lighter h1 {
	margin:30px auto 15px;
}
.main-content-container .faster-lighter p {
	padding:0 10px;
}
/* PRESS */
.main-content-container #press {
  border-bottom:2px solid #FFF;
  position:relative;
  padding-bottom: 35px;
}
.main-content-container #press #as-seen-on {
  position:relative;
  line-height:normal;
  height:auto;
  margin:0 0 30px 0;
}
.main-content-container #press #as-seen-on h1 {
	font-family: 'HudsonNY';
  color:#de0421;
  font-size:20px;
  margin:0;
}
.main-content-container #press #as-seen-on:after {
  left:inherit;
  right:0px;
}
.main-content-container #press div {
  height:100px;
  line-height:100px;
  text-align:center;
}
.main-content-container #press > div:last-of-type {
  display: none;
}

.main-content-container #press a div {
  transition: background .3s ease;
  -o-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -webkit-transition: background .3s ease;
}

.main-content-container #press a #adweek {
  background: url(/images/adweek.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a:hover #adweek {
  background: url(/images/adweek-hover.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a #verge {
  background: url(/images/verge.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a:hover #verge {
  background: url(/images/verge-hover.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a #nextweb {
  background: url(/images/nextweb.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a:hover #nextweb {
  background: url(/images/nextweb-hover.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a #sxsw {
  background: url(/images/sxsw.svg) no-repeat;
  background-size: 100% 60px;
}

.main-content-container #press a:hover #sxsw {
  background: url(/images/sxsw-hover.svg) no-repeat;
  background-size: 100% 60px;
}
/* CTA */
.main-content-container #abf-cta {
	width:100%;
	background-color:#de0421;
	color:#FFF;
}
.main-content-container #abf-cta h1 {
	padding:80px 0px 20px;
	margin:0px auto;
	font-family:"HudsonNY";
	color: #fff;
}
.main-content-container #abf-cta a {
	border-bottom:2px solid #FFF;
	color:#FFF;
}
.main-content-container #abf-cta a:focus,
.main-content-container #abf-cta a:hover {
	border-bottom:2px solid #fc8988;
	color:#fc8988;
	text-decoration:none;
}
.main-content-container #abf-cta > a {
	font-family:"HudsonNY";
	font-size:26px;
	border:2px solid #FFF;
	background:#FFF;
	color:#de0421;
	padding:18px;
	margin:20px auto;
	display:inline-block;
  border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
	width:280px;
}
.main-content-container #abf-cta > a:focus,
.main-content-container #abf-cta > a:hover {
	border-bottom:2px solid #FFF;
	color:#FFF;
	background-color:#de0421;
}
.main-content-container #abf-cta p {
	text-align:center;
	color:#FFF;
	padding-bottom:50px;
	margin-bottom:0px;
}
.main-content-container #abf-cta .open-source {
	font:15px "Avenir Next";
  margin-top:20px;
}
.main-content-container #abf-cta #social-links-bottom a {
  border:none;
  display: inline-block;
  width: 50px;
  font-size:30px;
}
.main-content-container #abf-cta #social-links-bottom a:active,
.main-content-container #abf-cta #social-links-bottom a:hover {
  color:#fc8988;
}

/* Footer */
footer {
	padding-top:30px;
	width: 100%;
	background:#de0421;
	color:#FFF;
}
footer .content {
	float: none;
	margin: 0 auto;
	padding-bottom: 30px;
}
footer .content img.abf-logo {
	max-width:50px;
}
footer .content p {
	font-size: 12px;
}
footer .content p strong {
	font-family:"HudsonNY";
	font-size:20px;
	top:4px;
	position:relative;
}
footer .content p span {
	font-size:14px;
	margin-top:10px;
	display:block;
}
footer .content p a, 
footer .content .sig a {
	color: #FFF;
	text-decoration: none;
}
footer .content .sig {
	margin-top: 30px;
}
footer .content .sig a {
	font:20px "Avenir Next Thin";
}
footer img#rocketship {
	width:172px;
	position:relative;
	top:-10px;
}

/* Subscription form */
#subscription {
	text-align: center;
	width:400px;
	margin:60px auto 0;
  height:60px;
}
#subscription p {
	color:#FFF;
}
#subscription-form {
	width:100%;
	position:relative;
	margin-top:70px;
}
#subscription-form input {
	outline: none;
	height:60px;
	width:360px;
	border:2px solid #FFF;
	font-size:24px;
	line-height:60px;
	display:inline-block;
  border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
	background-color:transparent;
	text-align:center;
}
#subscription-form input::-webkit-input-placeholder {
	color:#EEE;
}
#subscription-form input::-moz-placeholder {
	color:#EEE;
}
#subscription-form input:-moz-placeholder {
	color:#EEE;
}
#subscription-form input:-ms-input-placeholder {
	color:#EEE;
}
#subscription-form input#subscription-email {
	padding:0 10px;
	color:#FFF;
}
#subscription-form input#submit-subscription {
  line-height:60px;
	left:378px;
	top:0px;
	width:0px;
	border:none;
	padding:0;
	overflow:hidden;
	background-color:#FFF;
	color:#de0421;
	cursor:pointer;
	position:absolute;
	border-radius: 0px 2px 2px 0px;
	-o-border-radius:0px 2px 2px 0px;
	-ms-border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	outline: none;
	transition:background-color .3s ease, width .3s ease, color .3s ease;
	-o-transition:background-color .3s ease, width .3s ease, color .3s ease;
	-ms-transition:background-color .3s ease, width .3s ease, color .3s ease;
	-moz-transition:background-color .3s ease, width .3s ease, color .3s ease;
	-webkit-transition:background-color .3s ease, width .3s ease, color .3s ease;
}
#subscription-form input#submit-subscription:hover,
#subscription-form input#submit-subscription:focus {
	background-color:transparent;
	color:#FFF;
}
#subscription-form #ios-preview-link,
#subscription-form #subscription-title {
  font:16px "Avenir Next";
  color:#FFF;
  display:block;
  width:100%;
  height:20px;
  position:absolute;
  top:-30px;
  left:0;
}
#subscription-form #ios-preview-link {
  top:90px;
  cursor:pointer;
}
#subscription-form #ios-preview-link a {
  display:inline-block;
  border-bottom:2px solid #FFF;
}
#subscription-form #ios-preview-link a:hover,
#subscription-form #ios-preview-link a:focus {
  border-bottom:2px solid #fc8988;
  color:#fc8988;
  text-decoration:none;
}
#subscription-form input#submit-subscription.expanded {
	width:160px;
	border:2px solid #FFF;
}


#notifications {
	position:absolute;
	top:-60px;
	left:0px;
	width:400px;
	overflow:hidden;
	font-family:"HudsonNY";
	border:none;
	background-color:rgba(180,0,0,1);
	transition:width .3s ease;
	-o-transition:width .3s ease;
	-ms-transition:width .3s ease;
	-moz-transition:width .3s ease;
	-webkit-transition:width .3s ease;
  border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
	cursor:pointer;
}
#notifications > div {
	padding:10px;
	margin:0px auto;
	width:100%;
	text-align:center;
	line-height: 30px;
	font-size: 18px;
	color:#FFF;
	opacity:.9;
}
#notifications.success {
	background-color:rgba(0,180,0,.5);
	top:-30px;
  height:80px;
}
#notifications.success > div {
  line-height:80px;
  height:80px;
  padding:0px;
}
#benchmark iframe {
	width:100%;
	height:0px;
	overflow:hidden;
	border:2px solid #FFF;
  border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
	transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#benchmark a {
	overflow:hidden;
	height:0px;
	padding:0;
	color:#de0421;
	font-size:12px;
	text-align:right;
	display:block;
	transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
#benchmark a i {
	margin-right: .25em;
}
#benchmark.expanded iframe {
	height:400px;
	border-color:#de0421;
}
#benchmark.expanded a {
	height:25px;
}
#toggle-benchmark {
	margin:40px auto 15px;
	color:#de0421;
}

/* HELP - HOW IT WORKS */
#problem h2, #help h2 {
	margin-bottom:20px;
}
#solution h3, #help h3, #faq h3, #solution h4, #solution ol {
	padding-right:15%;
	padding-left:15%;
	text-align:left;
}
#solution h3 {
	margin-left:1em;
	text-indent:-1em;
}
#solution h3 a:hover, #solution h3 a:focus {
	border-bottom: none;
	text-decoration: none;
}
#solution h3 a sup, #solution h3 a sup {
	margin-left: .125em;
}
#solution h3 a sup:hover, #solution h3 a sup:focus {
	border-bottom: 2px solid #de0421;
}
#solution p {
  margin-bottom:0px;
}
#solution p:last-of-type {
	font-size: 14px;
}
#solution li, #help li {
	text-align:left;
	font-family: "Avenir Next Thin";
}
#solution ul {
	margin:20px auto 10px;
	padding-left:30px;
	width:650px;
}
#solution ul li {
	text-align:left;
}
#solution h4 {
	margin-top: 20px;
	font: 14px 'Avenir Next';
}
#solution ol {
	padding-top: 10px;
	font-size: 14px;
}
#solution ol li {
	margin-bottom: 5px;
}
#solution ol li {
	margin-left: 1em;
}
#help {
	font-family: "Avenir Next";
}
#help p {
	font-size:16px;
}
#help p:last-of-type {
	margin-bottom:40px;
}
#help ul,
#help ol {
	font-size:16px;
	width:650px;
	margin:30px auto;
	padding:0;
}
#help ul li {
	list-style:none;
	height:40px;
	line-height:40px;
	margin-bottom:25px;
	text-indent:115px;
	position:relative;
}
#help ul li div {
	display:table-cell;
	height:40px;
	vertical-align:middle;
}
#help ul li:before {
	content:"";
	width:110px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/browser-icons.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#help ol {
	margin:10px auto;
	padding-left:30px;
}
#help ol li {
	margin-bottom: 10px;
}
#help ul li.status2:before {
	background-position:0 -75px;
}
#help ul li.status3:before {
	background-position:0 -150px;
}
#help ul li.status4:before {
	background-position:0 -225px;
}
#faq {
	margin-bottom:60px;
}
#faq h2 {
	margin-bottom:60px;
}
.install-button.not-compatible {
	font-size:0px !important;
	height:0px !important;
	overflow:hidden !important;
	padding:0  !important;
	border:none !important;
  width:0px !important;
}

/* INSTALL BUTTONS ON TOP */
#install-buttons {
  margin-top:60px;
}
/* ALSO AVAILABLE */
#also-available {
	font-family: 'HudsonNY';
  text-align:center;
}
#also-available h3 {
  font-size:20px;
  color:#FFF;
  display:block;
  margin:15px 0 10px;
  padding:0;
  font-weight:normal;
}
#also-available ul {
  list-style:none;
  width:300px;
  margin:0 auto;
  padding:0;
}
#also-available ul li {
  display:inline;
  margin:10px 15px;
  width:35px;
  text-align:center;
}
#also-available ul li a {
  font-size:35px;
  display:inline;
}
#also-available ul li.new {
  position:relative;
}
#also-available ul li.new:after {
  position:absolute;
  content:"NEW!";
  background-color:#FFF;
  color:#de0421;
  top:-3px;
  right:-45px;
  width:30px;
  height:16px;
  font-size:11px;
  line-height:16px;
  border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#also-available ul li.new:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-left: 0;
  border-width: 10px;
  right:-15px;
  top: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #FFF;
}
#also-available ul li a {
  text-decoration:none;
  border:none !important;
}

#top-content a.install-extension,
#abf-cta a.install-extension {
  display:none;
}

.main-content-container .open-source a {
  margin-right: 10px;
  margin-left: 10px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#help ul li:before {
		background-image: url(/images/browser-icons@2x.png);
		background-size: 110px;
	}
}