html, body {
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	background: #d6df22;
	color: #5a5a5a;
}
body.join, body section.blue {
	color: #404040;
}
.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	position: relative;
}
dfn {
	cursor: help;
	font-style: normal;
}
.tooltip {
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
}
.u {
	text-decoration: underline !important;
}
p:not(.lead) dfn, li dfn {
	border-bottom: 1px dotted #A2A2A2;
}
.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.theme-showcase > p > .btn {
	margin: 5px 0;
}
.theme-showcase .navbar .container {
	width: auto;
}
.navbar-brand {
	width: 173px;
	background: url(../img/logo-header.png) no-repeat center center;
}
.btn {
	display: inline-block;
	padding: 1.2em 1.4em;
	margin-top: .8em;
	font-size: 1.3rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
	text-decoration: none;
	border-radius: 0;
}
.btn:hover {
	color: #FFF;
}
.form-control, .input-group input, .input-group .btn, .input-group-addon {
	border-radius: 0 !important;
}
body.support .btn {
	margin-top: 0;
}
.btn-default { 
	border: #FFF;
	font-weight: 700; 
}
.btn-signup, .btn-signup:hover, .btn-signup:focus {
	color: #FFF !important;
	padding: 6px 12px !important;
	margin-top: 8px;
	margin-right: 8px;
	float: right !important;
}
.btn-signup {
	display: none;
}
.navbar-collapse {
	padding-right: 15px !important;
}
.hidden-home {
	background-image: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
.carousel-control {
	opacity: 0;
}
.carousel-indicators {
	bottom: -5px !important;
}
.carousel-indicators li {
	border: none;
	background-color: #D6DF22;
	margin: 0 2px;
}
.carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0 2px;
}
footer, .push {
	height: 50px;
	position: relative;
}
.push {
	z-index: -1;
}
footer {
	width: 100%;
	background-color: #F5F5F5;
	padding: 17px 0 15px;
	font-size: 1.2rem;
}
footer p {
	margin: 0;
	display: inline-block;
}
.container.theme-showcase {
	margin-top: 75px;
}

/* =Type Heirarchy */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.content > div > h3 {
	display: none;
}
h5 {
	background: #414042;
	font-weight: 700;
	color: #FFF;
	padding: 10px;
}
h5 span {
	font-weight: 300;
	font-size: 1rem;
	color: #939598;
}
h5 a {
	display: none;
}
h5:hover a {
	float: right;
	text-indent: -1000px;
	overflow: hidden;
	width: 17px;
	height: 15px;
	display: block;
	background: url(../img/delete.png) no-repeat;
	margin-top: 5px;
}
h5:hover a:hover{
	background-position: 0 -15px;
}

ol li {
	padding-top: 30px;
	margin-top: -10px;
}

/* =Navigation */
sup {
	line-height: 1;
	color: #FF5E03
}
.nobr {
	white-space:nowrap;
}
.navbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

/* ALERTS
-------------------------------------------------- */
.alert {
	position: relative;
}
.page-alerts .page-alert {
    border-radius: 0;
    border: 0;
    margin: 0;
    font-size: 1.25rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.alert:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.05);
	z-index: -1;
}
.page-alerts a {
	color: #FFF;
}
.page-alert .glyphicon, .alert .glyphicon {
	padding-right: 10px;
	vertical-align: text-top;
	font-size: 1.5rem;
}
.alert .close {
	opacity: .3;
}
.alert p+p {
    margin-left: 24px;
    margin-top: 0;
}
.alert-warning, .alert-warning a, .form-group.has-error .alert-warning a {
	color: #414042;
}
.alert-warning a {
	text-decoration: underline;
}

span.sep {
	display: inline-block;
  padding-left: 7px;
  margin-left: 10px;
  border-left: 1px solid #565656;
  line-height: 1;
}

/* PANELS / FEATURETTES
-------------------------------------------------- */

.topless {
	padding-top: 0;
}
.bottomless {
	padding-bottom: 0;
}
.padded {
	padding-top: 100px;
}
.unpadded {
    margin-bottom: 0;
}
.panel-body {
	min-height: 146px;
}
.panel-body h6 {
	margin-top: 0;
}
.panel-body .alert, .modal-body .alert {
	margin: -15px -15px 15px -15px;
	border-radius: 0;
}
.notice p a, .alert p a, .alert a {
	color: #FFF;
	text-decoration: underline;
}
.panel-footer .form-group {
    margin-bottom: 0;
}
.panel-footer .btn {
	margin-top: 0;
}
.bookmarklet {
	margin-top: 50px;
	min-height: 350px;
}
.bookmarklet small {
	color: #5A5A5A !important;
	display: inline-block;
	line-height: 1.35;
}

/* HOME PAGE
-------------------------------------------------- */

#iphone {
	background:url(../img/slides/iphone.png) no-repeat;
	max-width: 380px;
	max-height: 337px;
	display: block;
	position: absolute;
	right: 0;
	left: 50px;
	top: 264px;
	bottom: 0;
}
#iphone > img {
	padding: 92px 27px 0 28px;
}
#iphone-responsive {
	display: none;
}

/* CAROUSEL
-------------------------------------------------- */


section {
	padding: 80px 0;
}
.marketing {
	padding-left: 15px;
	padding-right: 15px;
}
.cd-hero-slider {
	z-index: 2;
	background: #2c343b;
}
.marketing .btn-default:hover, .cd-hero a {
	color: #FFF;
	cursor: pointer;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	margin-top: 0;
	font-size: 120px;
	line-height: 30px;
	position: absolute;
	right: 30px;
	top: 50%;
}
.carousel-control .icon-prev {
	right: inherit;
	left: 30px;
}
.cd-btn {
	margin-top: 0;
	font-size: 14px;
}
.cd-hero input {
	border-radius: 0;
	height: 56px;
	border-color: #FFF;
}
.cd-hero form {
	max-width: 520px;
	margin: 0 auto;
	padding: 0 30px;
}
section.black p {
	font-size: 1.25em;
	color: #777;
}
/* THREE ADVANTAGES (BELOW CAROUSEL)
-------------------------------------------------- */
.marketing .col-md-4 {
	text-align: center;
	margin-bottom: 20px;
}
.marketing h2 {
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.badge.white {
	background: #FFF;
	color: #d6df22;
	height: 21px;
	width: 22px;
	line-height: 1.75;
	margin: -5px 10px 0 0;
	padding-top: 0;
	vertical-align: text-bottom;
}
.marketing .col-md-4 > div {
	min-height: 140px;
}
.marketing .col-md-4 > div > img {
	vertical-align: middle;
	margin: 0 auto;
}
.marketing .col-md-4 p {
	margin-left: 10px;
	margin-right: 10px;
}
body.home .featurette {
	overflow: hidden;
}
.featurette-heading .text-muted, p.white, p.white a, .marketing h2 a {
	color: #FFF;
	text-decoration: none;
}
.featurettes.white .text-muted {
	color: #428BCA;
}
.featurettes.grey p.text-muted {
	color: #8D8D8D;
}
.featurettes.grey strong,
.featurettes.green strong,
.carousel-caption p a.text-white,
.featurettes.green small {
	color: #FFF;
}
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}
.featurette-subheading {
	margin-top: 0;
}
.featurette-heading, .featurette-image {
	margin-top: 40px;
}
.tabbed-list-group {
	margin-top: 40px;
}
.tabbed-list-group .list-group-item, .tabbed-list-group .list-group-item:hover {
	border: 1px solid #DDD;
	border-right: 0;
}
.tabbed-list-group label {
	text-align: center;
	display: block;
}
section .tabbed-list-group .lead {
	font-weight: 800;
	color: #333;
}
.tabbed-list-group .list-group-item:first-child, .tabbed-list-group .list-group-item:last-child {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}
.tabbed-list-group .tab-content {
	min-height: 400px;
	padding: 20px;
	margin-left: -30px;
	border: 1px solid #DDD;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
}
.tabbed-list-group .tab-content img {
	padding-bottom: 20px;
}
.tabbed-list-group .panel-barker {
	margin-right: 20px;
}
.moreInfoToggle .glyphicon {
	display: none;
	font-size: .85em;
}

/* FORM ELEMENTS
-------------------------------------------------- */
a.btn-white, a.btn-white:hover {
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
  background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
  color: #5A5A5A !important;
}
a.btn-green, a.btn-green:hover, .navbar-inverse .navbar-nav>li>a.btn-success:hover, .navbar-inverse .navbar-nav>li>a.btn-success:focus {
	background: rgb(214,223,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,223,34,1) 32%, rgba(183,211,0,1) 86%, rgba(183,211,0,1) 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,rgba(214,223,34,1)), color-stop(86%,rgba(183,211,0,1)), color-stop(86%,rgba(183,211,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,223,34,1) 32%,rgba(183,211,0,1) 86%,rgba(183,211,0,1) 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,223,34,1) 32%,rgba(183,211,0,1) 86%,rgba(183,211,0,1) 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,223,34,1) 32%,rgba(183,211,0,1) 86%,rgba(183,211,0,1) 86%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,223,34,1) 32%,rgba(183,211,0,1) 86%,rgba(183,211,0,1) 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6df22', endColorstr='#b7d300',GradientType=0 ); /* IE6-9 */
	border-color: #A7C001;
	color: #FFF;
}
.carousel-caption .btn.btn-warning {
	text-shadow: 1px 1px 1px #A3AB0C;
}
.btn-text:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-text.white {
	color: #808080;
}
.btn-text.white:hover {
	color: #FFF;
}
.btn-textOnly {
	float: right;
	padding: 14px 14px 0 0;
	font-weight: 700;
}
label.white, p.white, h1.white, a.white {
	color: #FFF;
}
legend {
	color: #515a5a;
	border-bottom: 1px solid #5a5a5a;
	padding-bottom: 10px;
}
#form-signup .form-control-feedback {
	top: 0;
	right: 10px;
}
.bookmarklet a, .bookmarklet a:hover, .bookmarklet a:visited, .bookmarklet a:focus, .bookmarklet a:active {
	background: #ECEBEC url(../img/faves/favicon-16.png) no-repeat 6px 6px;
	padding: 6px 6px 6px 30px;
	border-color: #A8A8A8;
	color: #062D75;
	font-weight: 400;
	font-size: 12px;
	text-shadow: 1px 1px 0 #FFF;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35), inset 1px 1px 2px 0px rgba(255, 255, 255, 0.84);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15), inset 1px 1px 2px 0px rgba(255, 255, 255, 0.84);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15), inset 1px 1px 2px 0px rgba(255, 255, 255, 0.84);
}
.bookmarklet a:hover {
	-webkit-box-shadow: -1px -1px 2px 0px rgba(50, 50, 50, 0.35), inset -1px -1px 2px 0px rgba(255, 255, 255, 0.84);
	-moz-box-shadow: -1px -1px 2px 0px rgba(50, 50, 50, 0.15), inset -1px -1px 2px 0px rgba(255, 255, 255, 0.84);
	box-shadow: -1px -1px 2px 0px rgba(50, 50, 50, 0.15), inset -1px -1px 2px 0px rgba(255, 255, 255, 0.84);
}
.form-group p.help-block {
	margin-bottom: 0;
}
small, .small {
	font-size: 85%;
	line-height: 1.5;
	display: inline-block;
}


/* MEMBERSHIP FORM
-------------------------------------------------- */
.list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
#membership .btn { font-weight:400;}
.space {height: 2px; background-color: #2971AF; }

.bulc-barker {
	text-shadow: 1px 1px 0 #1E67B4; 
	color: #BED7EA;
	font-size: 90%;
}
.bulc-barker a {
	color: #FFF;
	text-decoration: none;
}

/* FORM STEPS 
--------------------------------------------------- */
.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
    margin: -35px 0 25px;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}
.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33%;
}
.form-signup .panel-heading {
	text-align: center;
	display: none;
}

.form-signup .form-group {
	margin-top: 30px;
}

/* Free Plan Changes */
#section-signupform.free .stepwizard-row, #section-signupform .free_agree, #section-signupform .you-sure {
	display: none;
}
#section-signupform.free .free_agree, #section-signupform.free .you-sure {
	display: block;
}
.you-sure {
	float: left;
	width: 72%;
	font-size: 11px;
	line-height: 1.5;
	padding-top: 7px;
}
.you-sure a {
	font-weight: 700;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.stepwizard-step p.active {
	color: #FFF;
}
#section-signupform, #section-joinsuccess, #section-burnSuccess {
	display: none;
}
body.join #recaptcha_widget_div {
	display:none;
}
body.join #recaptcha_widget_div.needed {
	display: block;
}
/* ABOUT THE CLUB -------------------------------- */
#sampleAccount{
	width: 100%;
	border: 2px solid #6B6B6B;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
	margin: 50px 0 70px;
	font-size: 36px;
	line-height: 82px;
	height: 85px;
	font-weight: 300;
}
#sampleAccount > div {
	padding: 0 20px;
	width: auto;
	float: right;
}
#sampleAccount .prefix {
	text-align: right;
	font-weight: 700;
}
#sampleAccount .at {
	background: #EEE;
	border-left: 2px solid #6B6B6B;
}
#sampleAccount .username {
	border-left: 2px solid #6B6B6B;
	color: #2971AF;
	float: right;
}
#sampleAccount .domain {
	background: #D6DF22;
	border-left: 2px solid #6B6B6B;
}
.tab-pane-footer {
	margin: 20px -20px -20px;
	padding: 20px;
	background: #F5F5F5;
	border-top: 1px solid #CCC;
}

/* CHECK THE CLUB RATING
-------------------------------------------------- */
#results small, #recents small {
	color: inherit;
	line-height: inherit;
}
#results h2 {
	font: normal normal 200 40px/1 "Open Sans", Helvetica, serif;
	margin-bottom: 30px;
	color: #FFF;
}
#results .recents h2 {
	font-size: 28px;
}
#results h3, body.stats .stats {
	text-transform: uppercase;
	color: #FFF;
}
#results h3 {
	font: normal normal 800 14px/1.5 "Open Sans", Helvetica, serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#results h3 .glyphicon {
	top: 2px;
}
#results h3 .action {
	vertical-align: bottom;
	top: 0;
}
#results .chart {
	width: 80% !important;
	height: auto !important;
}
body.checkResults .recents {
	background: rgba(255, 255, 255, .1);
	padding-bottom: 20px;
	margin-bottom: 15px;
}
.recents .recent-item h3 {
	margin: 0 0 8px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.recent-item > div:nth-child(1) {
	padding-right: 0;
}
.recent-item > div:nth-child(2) {
	padding-left: 0;
}
.recents .recent-item a {
	color: #FFF;
}
#results h3 span.type,
.recents {
	color: #717171;
}
.statistics, .chart {
	padding-bottom: 15px;
}
.statistics h1 {
	font: normal normal 700 52px/.8 "Open Sans", Helvetica, serif;
}
.statistics h1.countMax {
	font-size: 42px;
}
.chart .small {
	padding-top: 5px;
	color: #717171;
}
.stats-c2a {
	color: #FFF;
	font-weight: 700;
}
.stats-c2a span {
	margin-bottom: 20px;
	display: inline-block;
}
.stats-c2a a {
	font-weight: 700;
	margin-left: 15px;
}
#removeForm {
	display: none;
}
#removeForm.completed .panel-body > *:not(.alert), #removeForm.completed .panel-footer {
    display: none;
}
#removeForm.completed .panel-body {
	min-height: none;
	padding-bottom:0;
}
#removeForm.completed .panel-body .alert {
	margin-bottom: 0;
}
/* =FAQs
-------------------------------------------------- */
.namedAnchor {
	padding-top: 50px;
	margin-top: -50px;
	display: block;
}
.question {
	cursor: pointer;
}
.answer {
	padding-top: 10px;
}
body:not(.showAll) .answer {
	display: none;
}
.sticky {
	right: 0;
	top: 55px;
}
body.faqs .affix a {
	text-decoration: none;
}
body.faqs:not(.showAll) span.collapse, body.faqs.showAll span.expand {
	display: none;
}
body.faqs.showAll span.collapse {
	display: inline;
}
/* =Footer
-------------------------------------------------- */
body.check .recent-searches-link {
	display: none;
}
.barker-link {
	font-size: 85%;
	font-weight: 700;
	display: block;
	padding-top: 10px;
}
.barker-link:after {
	 content: " \00BB";
}
.barker-addons img {
	margin: -6px 0 6px;
}

/* Login */

body.login .panel-primary .btn {
	margin: 5px 0 -7px;
}

/* =Disable Login
================================================== */ 
body.login.disabled .panel-heading,
body.login.disabled .panel-footer,
body.login.disabled #login .form-group,
body.login.disabled #login .btn-success {
	display: none;
}
body.login.disabled .panel {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
body.login.disabled .panel-body {
	min-height: 0;
	padding: 0;
}
body.login.disabled #login,
body.login.disabled .panel-body .alert {
	margin-bottom: 0;
}

/* =Twitter Widget
================================================== */ 
div.twCon {
	display: none;
}
div.twitter-tweet {
	padding-bottom: 10px;
}
div.twitter-tweet a {
	max-width: 330px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: top;
}
div.twitter-actions {
	vertical-align: top;
	clear: both;
	padding-top: 10px;
}
div.twitter-actions a {
	width: 22px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
	line-height: 100px;
	float: left;
	opacity: .5;
	margin-right: 3px;
}
div.twitter-actions a:hover {
	opacity: 1;
}
div.twitter-actions a:nth-child(4n+1){
	background: transparent url(../img/twittersprite.png) no-repeat -83px -84px;
}
div.twitter-actions a:nth-child(4n+2){
	background: transparent url(../img/twittersprite.png) no-repeat -83px -102px;
}
div.twitter-actions a:nth-child(4n+3){
	background: transparent url(../img/twittersprite.png) no-repeat -83px -122px;
}
.twitter-date {
	font-size: 10px;
	vertical-align: text-top;
	padding-left: 5px;
	text-transform: uppercase;
}

/* =BLOCK ADDRESS / DOMAIN 
-------------------------------------------------- */
body.block .featurette {
	text-align: center;
	text-transform: uppercase;
}
body.block h1 {
	font-size: 70px;
	margin: 0;
}
body.block h2 {
	font-size: 40px;
	margin: 10px 0 0;
}
body.block h3 {
	font-size: 18px;
	letter-spacing: 1px;
	margin: 40px 0 0;
}
body.block hr {
	opacity: .1;
}
body.block section ul {
	list-style: none;
	padding: 0;
	display: block;
}
body.block section li {
	display: inline-block;
	font-size: 70px;
	line-height: 1;
	font-weight: 600;
	padding: 20px 30px;
	border-left: 1px solid #484848;
}
body.block section li:first-child{
	border-left: 0;
}
body.block section li p {
	font-size: 18px;
	font-weight: 400
}

/* =STATISTICS 
-------------------------------------------------- */

canvas {
	width: 100% !important;
	height: auto !important;
}

/* =FORGOT
-------------------------------------------------- */
#trigger-forgotPassword {
	color: #FFF;
	text-decoration: underline;
}
.modal-danger .modal-header, .modal-warning .modal-header, .modal-primary .modal-header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #FFF;
}

/* =SUPPORT / HESK
-------------------------------------------------- */
body.support .navbar {
	line-height: 3.5;
	text-align: right;
	padding-right: 15px;
}
body.support {
	text-align: left;
}

/* =BURNERS
-------------------------------------------------- */
h3 span.text-muted {
	color: #FFF;
}
body.burner .form-group.has-error {
	color: #5A5A5A;
}

/* =BURNER ADDON
-------------------------------------------------- */
body.addon {
	overflow: hidden;
}
body.addon section {
	padding: 0;
}
body.addon .featurette {
	min-height: 240px;
}
body.addon .featurette-heading {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
}
body.addon footer, body.addon #recap, body.addon p.white {
	display: none;
}
body.addon label {
	font-size: 12px;
	line-height: 1;
}
body.addon small, body.addon small a {
	color: #FFF;
}
body.addon small a {
	text-decoration: underline;
}
body.addon .alert-warning {
	margin: 0 0 5px 0;
	padding: 2px;
}
body.addon .alert-warning p, body.addon p  {
	margin: 0;
	padding: 0;
	font-size: 11px;
}


/* =COLORS
-------------------------------------------------- */
/* General */
section p.lead {
	color: #696969
}

/* Orange */
.barker-addons .panel-heading, section.orange, .modal-danger .modal-header, body.disabled, .barker-danger .panel-heading, body.addon {
	background-color: #FF9600;
}
.barker-addons, .barker-addons .panel-heading, .barker-danger, .barker-danger .panel-heading, .modal-danger .modal-header {
	border-color: #FF9600;
}
section.orange .form-control:focus,
.barker-addons .form-control:focus,
.form-group.has-error input[type=checkbox] {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 107, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 107, 0, .6);
  border-color: #FF6B00;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 107, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 107, 0, .6);
}
.form-group.has-error, .form-group.has-error a, body.block .orange {
	color: #FF9600;
}
.form-group.has-error a {
	text-decoration: underline;
}

/* Lime */
.alert-info p strong, .alert-info p a, section.black h2, section.black h2 a {
	color: #D6DF22;
	text-decoration: none;
}
.navbar-inverse .navbar-nav>li>a.promotion {
	color: #D6DF22;
}
.modal-warning .modal-header, .section-marketing {
	background: #D6DF22;
}
.form-control:focus {
  border-color: #D6DF22;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(214, 223, 34, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(214, 223, 34, .6);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #d6df22;
	border-color: #c2ca1d;
}

/* Blue */
.marketing .btn-default:hover, .modal-primary .modal-header {
	 background-color: #428BCA;
}
.marketing .btn-default:hover, .modal-primary .modal-header {
	 border-color: #428BCA;
}
section.blue, body.join, body.optout {
	 background-color: #428BCA;
}
span.blue {
	color: #428BCA;
	font-weight: 700;
}

/* White */
section.white, body.rewards {
	background-color: #FFF;
}
body:not(.about) section.blue .lead, body.block h2, .onblue a, .promo-row.active, .promo-row.active:hover, #pricing .promo-row.active .glyphicon-ok, section.black p a {
	color: #FFF;
	text-decoration: none;
}

/* Grey */
section.grey, body.stats, body.checkResults, body.check, body.block {
	background-color: #333;
}
.onblue {
    color: #333;
}

/* Green */
body.support, section.green, .promo-row.active, .promo-row.active:hover {
	background-color: #8DC63F;
}
body.support .form-control:focus,
section.green .form-control:focus {
  border-color: #6CB010;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(108, 176, 16, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(108, 176, 16, .6);
}

/* Black */
section.black {
	background-color: #222;
}

/* Follow Buttons */

navigation ul.shareLinks {
	float: none;
	padding: 3px 15px;
}

/* Share Buttons */
ul.shareLinks {
	float: right;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
ul.shareLinks li {
	display: inline-block;
	vertical-align: middle;
}
a.share {
	width: 20px;
	height: 20px;
	display:inline-block;
	background-image: url(../img/share.png);
	opacity: 0.45;
	margin-left: 5px;
	transition: opacity 0.1s linear;
}
a.share:hover {
	opacity: 0.7;
}
a.share-twitter {
	background-position: 0px 0px;
}
a.share-facebook {
	background-position: -20px 0px;
}
a.share-linkedin {
	background-position: -40px 0px;
}
a.share-reddit {
	background-position: -60px 0px;
}
a.share-googleplus {
	background-position: -80px 0px;
}
a.share-pocket {
	background-position: -100px 0px;
}
a.share-email {
	background-position: -120px 0px;
}
a.share-print {
	background-position: -140px 0px;
}
a.share-instagram {
	background-position: -160px 0px;
}
a.share-medium {
	background-position: -180px 0px;
}

/* =MEDIA QUERIES
-------------------------------------------------- */
@media (min-width: 1200px) {
	.carousel-inner .container {
		width: 1150px;
	}
}
@media screen and (min-width: 768px) {
	.btn-signup-desktop {
		display: inline-block;
	}
	.marketing {
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
	}
	.navbar-wrapper {
		margin-top: 20px;
	}
	.navbar-wrapper .navbar {
		border-radius: 4px;
	}
  .navbar-wrapper .navbar.navbar-fixed-top {
    border-radius: 0;
  }
	.navbar-toggle {
		z-index: 9999;
	}
	.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
		padding-top: 220px;
	}
}

@media screen and (max-width: 1200px) {
	div.twitter-tweet a {
		max-width: 270px;
	}
	#sampleAccount{
		font-size: 27px;
	}
	.carousel-caption {
		padding: 100px 40% 0 0;
	}
	.carousel-caption h1 {
		font-size: 24px;
	}
	.carousel .item {
		height: 450px;
	}
	.you-sure {
		width: 65%;
		padding-top: 0;
	}
}

@media screen and (max-width: 1170px) {
	#iphone {
		top: 213px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	header .navbar li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	header .navbar li a span {
		display: none;
	}
}
@media screen and (max-width: 991px) {
	div.twitter-tweet a {
		max-width: 200px;
	}
	#sampleAccount{
		font-size: 20px;
	}
	#sampleAccount > div {
		padding: 0 15px;
	}
	#recents .row {
		margin-left: 0;
		text-align: left;
	}
	#recents h3 {
		font-size: 12px;
	}
	.stats-c2a {
		margin: 0 auto;
		text-align: center;
	}
	.tabbed-list-group {
		margin-top: 0;
	}
	.tabbed-list-group .tab-content {
		padding: 0;
		margin-left: 0;
		background: transparent;
		border: 0;
	}
	.tab-content>.tab-pane {
		padding: 20px;
		margin-top: 20px;
		background: #FFF;
		display: block;
		opacity: 1;
	}
	.moreInfo {
		padding-top: 20px;
	}
	.tab-pane:not(.expanded) .moreInfo {
		display: none;
	}
	.moreInfoToggle {
		cursor: pointer;
		margin-bottom: 0;
	}
	.moreInfoToggle .glyphicon {
		display: inline-block;
	}
	.wrap {
		margin-bottom: -100px;
	}
	footer, .push {
		height: 100px;
	}
	ul.shareLinks {
		margin-top: 20px;
		float: none;
	}
	navigation ul.shareLinks {
		margin-top: 0;
		margin-left: 5px;
	}
}

@media screen and (max-width: 960px) {
	#iphone {
		display: none;
	}
	#iphone-responsive {
		display: initial;
	}
}

@media screen and (max-width: 800px) {
	.tabs dd > a {
		padding: .5rem 1rem;
	}
	body.block h2 {
		word-break: break-all;
	}
}

@media screen and (max-width: 768px) {
	div.twitter-tweet a {
		max-width: none;
	}
	/* Remove home link on responsive navigation */
	.nav>li.text-hide {
		display: none;
	}
	.marketing .col-xs-12 {
		padding-bottom: 40px;
	}
	.marketing p, .marketing .btn, .c2a .panel-title span, .c2a .input-group-addon {
		display: none;
	}
	section {
		padding: 50px 0 40px;
		z-index: 3;
		position: relative;
	}
	body.faqs section:first-of-type {
		padding-top: 80px;
	}
	.padded {
		padding-top: 80px;
	}
	.featurettes {
		text-align: center;
	}
	#results .recents h2 {
		text-align: left;
	}
	.img-responsive {
		margin: 0 auto;
	}
	.tabbed-list-group .tab-content {
		margin-left: 0;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-left-radius: 4px;
	}
	.btn {
		float: none;
	}
	h3.evaluated {
		margin-top: 0;
	}
	.c2a .panel .help-block, .c2a .panel input {
		font-size: 85%;
	}
	canvas {
		max-width: 800px;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-brand {
		position: absolute;
	}
	.btn-signup-desktop {
		display: none !important;
	}
	.btn-signup-responsive {
		display: inline-block;
	}
	body.faqs .affix {
		display: none;
	}
	body.home .wrap {
		height: 100% !important;
	}
	body.home footer {
		position: fixed;
		bottom: 0;
	}
	input[type='text'].form-control {
    -webkit-box-shadow: none;
		box-shadow: none;
		-webkit-appearance: none;
  }
}

@media only screen and (max-width: 550px) {
	footer  {
		padding-top: 12px;
		font-size: 1rem;
		z-index: 1;
	}
	.no-wrap {
		display: inline-block;
	}
	#results .statistics h1 {
		font-size: 72px;
	}
	#results .statistics > div {
		float: none;
		margin: 0 auto;
		min-width: 200px;
	}
	.section-marketing {
		display: none;
	}
}
@media screen and (max-width: 530px) {
	#sampleAccount{
		font-size: 13px;
		margin: 20px 0 26px;
		line-height: 46px;
		height: 50px;
	}
	#sampleAccount > div {
		padding: 0 5px;
	}
	#sampleAccount > div.prefix {
		padding-left: 0;
	}
	.you-sure {
		width: 100%;
		padding-bottom: 10px;
	}
}