body, html {
	box-sizing: border-box;
	height: auto;
	font-family: Montserrat;
	margin: 0;
	overflow-x: none;
	padding: 0;
	width: 100%
}
#spacer {
	box-sizing: border-box;
	float: left;
	height: 128px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#pre-header {
	background-color: #090;
	box-sizing: border-box;
	display: block;
	height: 48px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 500000;
}
#pre-header .left,
#pre-header .right {
	box-sizing: border-box;
	height: 48px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#pre-header .left a,
#pre-header .right a {
	text-decoration: none;
}
#pre-header .left span,
#pre-header .right li {
	background-image: url(icon01.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: auto 70%;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	height: 48px;
	margin: 0;
	padding: 7px 0;
	padding-left: 42px;
	padding-right: 24px;
	width: auto;
}
#pre-header .right li p {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 16px;
	height: auto;
	margin: 0;
	padding: 6px 0;
	width: 100%;
}
#pre-header .left {
	float: left;
}
#pre-header .right {
	float: right;
}
#header {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-width: 0 0 1px 0;
	box-sizing: border-box;
	display: block;
	height: 80px;
	margin: 0;
	margin-top: 48px;
	overflow: visible;
	padding: 16px 0;
	position: fixed;
	width: 100%;
	z-index: 400000;
}
#message {
	background-color: #FFD900;
	border: 1px solid rgba(0,0,0,0.1);
	border-width: 0 0 1px 0;
	box-sizing: border-box;
	display: block;
	float: left;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 16px;
	text-align: center;
	width: 100%;
}
#message p {
	font-weight: 500;
	text-align: center;
}
#header .logo {
	display: inline-block;
	margin-right: 16px;
	width: 320px;
}
#header .third-level-menu
{
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .27);
	box-sizing: border-box;
    position: absolute;
    top: 0;
    right: -290px;
    width: 290px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

#header .third-level-menu > li
{
    height: 30px;
    background: #999999;
}
#header .third-level-menu > li:hover { background: #CCCCCC; }

#header .second-level-menu
{
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .27);
	box-sizing: border-box;
    position: absolute;
    top: 42px;
    left: 0;
    width: 230px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

#header .second-level-menu > li,
#header .third-level-menu > li
{
	color: #333;
    position: relative;
    height: auto;
	margin: 0;
    background: #fff;
	padding: 9px 12px;
}
#header .second-level-menu > li:hover,
#header .third-level-menu > li:hover {
	background: #009900;
}
#header .second-level-menu > li:hover a,
#header .third-level-menu > li:hover a {
	color: #fff;
}

#header .top-level-menu
{
	display: inline-block;
	height: 42px;
    list-style: none;
    padding: 0;
    margin: 0;
	width: auto;
}

#header .top-level-menu > li
{
    position: relative;
    float: left;
    height: auto;
	margin: 0;
	padding: 8px 12px;
    width: auto;
    background-color: transparent;
}
#header .top-level-menu > li:hover {
	/*background: #CCCCCC;*/
}

#header .top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

#header .top-level-menu a /* Apply to all links inside the multi-level menu */
{
    font-size: 14px;
	font-weight: 550;
    color: #333;
    text-decoration: none;
	text-transform: uppercase;
    padding: 0;
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
#header .top-level-menu a:hover {
	color: #009900;
}
#header .second-level-menu a,
#header .third-level-menu a
{
    font-size: 14px;
	font-weight: 450;
    color: #333;
    text-decoration: none;
	text-transform: none;
    padding: 0;
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
#header .second-level-menu a:hover,
#header .third-level-menu a:hover {
	color: #009900;
}
#header .second-level-menu li:hover .third-level-menu li a {
	color: #333;
}
#header .second-level-menu li:hover .third-level-menu li:hover a {
	color: #fff;
}

#footer {
	background-color: #090;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 48px 0;
	width: 100%
}
#footer section {
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0 16px;
	overflow: hidden;
	text-align: left;
	width: auto;
}
#footer .column_01 {
	width: 33%;
}
#footer .column_02 {
	width: 28%;
}
#footer .column_03 {
	width: 18%;
}
#footer .column_04 {
	width: 19%;
}
#footer section:first-of-type {
	padding-left: 0;
}
#footer section:last-of-type {
	padding-right: 0;
}
#footer section .logo {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 320px;
}
#footer section span {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 15px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#footer section h4 {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 16px 0;
	overflow: hidden;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
#footer section span {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 4px;
	
	width: 100%;
}
#footer section ul {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#footer section ul li {
	box-sizing: border-box;
	color: #fff;
	display: block;
	line-height: 24px;
	margin: 0;
	margin-bottom: 8px;
	padding: 0 4px;
	overflow: hidden;
	text-decoration: none;
	width: 100%;
}
#footer section ul li a {
	color: #fff;
	text-decoration: none;
}
#pre-footer {
	background-color: #080;
	float: left;
	margin: 0;
	padding: 18px 0;
	width: 100%
}
#pre-footer span {
	color: #fff;
	font-size: 14px;
    line-height: 22px;
}

#banner {
	background-color: #fff;
	float: left;
	height: auto;
	margin: 0;
	margin-top: 128px;
	overflow: hidden;
	padding: 0;
	width: 100%
}
#ad,
#branding,
#info {
	background-color: #090;
}
#ad .c100,
#branding .c100 {
	padding-bottom: 0;
	padding-top: 0;
}
.container {
	display: inline-block;
	text-align: left;
	width: 1200px;
}
/* For Mobile Mods */
#pre-header,
#header,
#about,
#ad,
#banner,
#branding,
#blog,
#info, 
#footer,
#pre-footer {
	text-align: center;
}
/* Sections */
#ad,
#about,
#banner,
#branding,
#blog,
#info {
	float: left;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#banner .container p {
	font-size: 18px;
	font-weight: 550;
	margin: 16px 0;
	padding: 0;
	text-transform: uppercase;
}
	.container .left,
	.container .right	{
		float: left;
		width: 50%;
	}
	.container .c25 {
		float: left;
		margin: 0;
		padding: 96px 0;
		width: 25%;
	}
	.container .c40 {
		float: left;
		width: 40%;
	}
	.container .c50 {
		float: left;
		margin: 0;
		padding: 96px 0;
		width: 50%;
	}
	.container .c60 {
		float: left;
		margin: 0;
		padding: 96px 0;
		width: 60%;
	}
	.container .c75 {
		box-sizing: border-box;
		float: left;
		margin: 0;
		padding: 96px 0;
		padding-right: 36px;
		width: 75%;
	}
	.container .c100 {
		float: left;
		margin: 0;
		padding: 96px 0;
		width: 100%;
	}
		.container h1 {
			color: #333;
			font-size: 48px;
			font-weight: normal;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			width: 100%;
		}
		.container h2 {
			color: #090;
			font-size: 48px;
			font-weight: 700;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			width: 100%;
		}
		.container h3 {
			color: #333;
			font-size: 36px;
			font-weight: 700;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			width: 100%;
		}
		.green h3 {color: #fff;}
		.white h3 {color: #090;}
		.container h4 {
			color: #333;
			font-size: 20px;
			font-weight: 700;
			margin: 0;
			margin-bottom: 8px;
			padding: 12px 0;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
		.green h4 {color: #fff;}
		.white h4 {color: #090;}
		.container p {
			color: #333;
			font-size: 16px;
			font-weight: normal;
			line-height: 24px;
			margin: 16px 0;
			padding: 0;
			width: 100%;
		}
		.container p span {
			color: #090;
			font-size: 16px;
			font-weight: bold;
			margin: 16px 0;
			padding: 0;
			text-decoration: underline;
			width: 100%;
		}
		.green p {color: #fff;}
		.container ul {
			box-sizing: border-box;
			height: auto;
			margin: 0;
			padding: 0;
			padding-left: 32px;
			width: 100%;
		}
		.container ul li {
			color: #333;
			font-size: 16px;
			font-weight: normal;
			margin: 16px 0;
			padding: 0;
			width: 100%;
		}
		.green ul li {color: #fff;}
		.container .button01 {
			background-color: #090;
			color: #fff;
			float: left;
			font-size: 12px;
			font-weight: 550;
			height: auto;
			margin: 0;
			padding: 16px;
			text-decoration: none;
			text-transform: uppercase;
			width: auto;
		}
		.container .button02 {
			background-color: transparent;
			color: #090;
			float: left;
			font-size: 12px;
			font-weight: 700;
			height: auto;
			margin: 0;
			padding: 16px;
			text-decoration: underline;
			text-decoration-thickness: 2px;
			text-transform: uppercase;
			width: auto;
		}

		.container img {
			width: 100%;
		}
#about .faq {
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px 0;
	padding-left: 32px;
	text-align: left;
	width: 100%;
}
#about .faq li {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 3px;
	box-sizing: border-box;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 12px;
	width: 100%;
}
#about .faq li:hover {
	color: #090;
}
#about .options {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#branding .reviews {
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 100%;
}
#branding .reviews span {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 3px;
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px;
	padding-left: 80px;
	text-align: left;
	width: 25%;
}
#branding .reviews span h1 {
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#branding .reviews span p {
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
/* Special Modules */
#blog .posts {
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 32px 0;
	text-align: center;
	width: 100%;
}
#blog .posts li {
	border-radius: 3px;
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px;
	width: 33%;
}
#blog .posts li:hover {
	background-color: #090;
}
#blog .posts li:hover h5,
#blog .posts li:hover p {
	color: #fff;
}
#blog .posts li:hover .button01 {
	background-color: #fff;
	color: #090;
}
#blog .posts li img {
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#blog .posts li h5 {
	box-sizing: border-box;
	color: #090;
	float: left;
	font-size: 22px;
	font-weight: 700;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 100%;
}
#blog .posts li p {
	box-sizing: border-box;
	color: #333;
	float: left;
	font-size: 16px;
	height: auto;
	line-height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#blog .posts li .button01 {
	display: inline-block;
	float: none;
	margin: 16px 0;
	text-align: center;
}
#about .button01 {
	display: inline-block;
	float: none;
	margin: 16px 0;
	text-align: center;
}

.signup, .portal {
	background-color: #fff;
	border: none;
	border-radius: 8px;
	box-shadow: 0px 15px 33px 4px #00000026;
	box-sizing: border-box;
	display: inline-block;
	font-family: Roboto;
	height: auto;
	margin: 48px;
	max-width: 480px;
	padding: 8px;
	text-align: left;
	width: calc(100% - 96px);
}
.special {
	margin: 0 -8px;
	position: absolute;
}
@media (max-width: 1000px) {
  .signup, .portal {
	height: auto !important;
	margin: 0 !important;
	max-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 1000px) {
  .signup #xheader, .signup #xheader span, .portal #xheader {
	border-radius: 0 !important;
  }
}
@media (max-width: 1000px) {
  .signup #xheader h2, .signup #xheader span, .portal #xheader h2 {
	font-size: 500% !important;
	padding-bottom: 48px !important;
	padding-top: 48px !important;
	text-align: center !important;
  }
}
@media (max-width: 1000px) {
  .signup form h4, .portal form h4 {
	font-size: 400% !important;
  }
}
@media (max-width: 1000px) {
  .signup form p, .portal form p {
	font-size: 300% !important;
	margin-bottom: 48px !important;
  }
}
@media (max-width: 1000px) {
  .signup form label {
	font-size: 300% !important;
  }
}
p.footer,
p.footer {
	background-color: transparent;
	box-sizing: border-box;
	font-size: 10px;
	margin: 0;
	padding: 0 42px;
	text-align: center;
	width: 100%;
}
.signup #xheader,
.portal #xheader {
	background-color: #009900;
	border: none;
	border-radius: 8px 8px 0 0;
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0 -8px;
	margin-top: -8px;
	padding: 0 24px;
	width: calc(100% + 16px);
}
.signup #xheader h2, 
.signup #xheader span, 
.portal #xheader h2 {
	box-sizing: border-box;
	color: #fff;
	font-family: Roboto;
	font-size: 28px;
	margin: 0;
	padding: 12px 0;
	text-transform: uppercase;
}
.signup form, .signup .pseudo {
	background-color: transparent;
	height: auto;
	display: block;
    background-color: #FFFFFF;
	box-sizing: border-box;
    color: #undefined;
    border: 1px none #CDE0EC;
    border-radius: 8px 8px 0 0;
    width: 100%;
    margin-top: 0;
    border-color: #CDE0EC;
    padding-top: 12px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0;
    margin-bottom: 0;
	width: 100%;
}
.signup form h4 {
    color: #009900;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}
.signup form p,
.signup .pseudo p {
	font-family: Roboto;
    font-size: 18px;
	margin-bottom: 24px;
}
.signup form p.loader,
.signup .pseudo p.loader {
	color: #ff0000;
	font-family: Roboto;
	font-weight: bold;
    font-size: 18px;
	margin-bottom: 24px;
	text-align: center;
}
.signup form label {
	background-color: transparent;
    color: #000000;
    display: inline-block;
	font-family: Roboto;
    margin-bottom: .5rem;
    font-size: 14px;
    font-weight: 400;
	width: 100%;
}
.signup form input[type=text],
.signup form input[type=password],
.signup form input[type=date],
.signup form select {
    background-color: #FFFFFF !important;
    color: #000 !important;
    border: 1px solid #a9b3c6FF !important;
    border-radius: 5px !important;
	box-sizing: border-box;
    padding: 9px 18px 9px 18px !important;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
	display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    background-clip: inherit !important;
	margin-bottom: 16px;
	width: 100%;
}
.signup form input[type=text]::placeholder,
.signup form input[type=password]::placeholder,
.signup form input[type=date]::placeholder,
.signup form select {
    color: #999 !important;
}
.signup form input[type=radio],
.signup form input[type=checkbox] {
	background-color: transparent;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto
}
.signup form span {
	background-color: transparent;
	display: inline-block;
	font-family: Roboto;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}
.signup form span.terms {
	display: inline-block;
	padding-left: 32px;
	width: calc(100% - 32px);
}
.signup form span.terms p {
	font-family: Roboto;
    font-size: 12px;
}
.signup form span.terms p a {
	color: #009900;
	font-family: Roboto;
    font-size: 12px;
	font-weight: bold;
}
.signup form input.terms {
	background-color: transparent;
	float: left;
	height: auto;
	margin: 0;
	margin-left: -32px;
	margin-top: 16px;
	padding: 0;
	width: 28px;
}
.signup form input[type=submit], .signup button {
	background-color: #009900;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: Roboto;
	font-size: 16px;
	margin: 8px 0;
	padding: 16px;
	text-transform: uppercase;
	width: 100%;
}
.signup form input[type=submit].redirect {
	background-color: #999;
}
@media (max-width: 1000px) {
  .signup form input[type=text],
  .signup form input[type=password],
  .signup form input[type=date],
  .signup form select {
	font-size: 300% !important;
	padding: 48px !important;
	margin-bottom: 36px !important;
  }
}
@media (max-width: 1000px) {
  .signup form input[type=submit], .portal form p input[type=submit], .signup button {
	font-size: 350% !important;
	padding-bottom: 48px !important;
	padding-top: 48px !important;
  }
}


p.error { font-weight: bold; color: #ff0000; }

.redirect {
	background-color: #999;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 16px;
	margin: 8px 0;
	padding: 16px;
	width: 100%;
}




#blog .steps {
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 32px 0;
	text-align: center;
	width: 100%;
}
#blog .steps li {
	border-radius: 3px;
	box-sizing: border-box;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 16px;
	text-align: center;
	width: 33%;
}
#blog .steps li:hover {
	background-color: #090;
}
#blog .steps li:hover h3,
#blog .steps li:hover p {
	color: #fff;
}
#blog .steps li:hover .button01 {
	background-color: #fff;
	color: #090;
}
#blog .steps li span {
	box-sizing: border-box;
	display: inline-block;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 48px;
	text-align: center;
	width: 80%;
}
#blog .steps li h3 {
	box-sizing: border-box;
	color: #090;
	float: left;
	font-size: 22px;
	font-weight: 700;
	height: auto;
	list-style: none;
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
	text-align: center;
	width: 100%;
}
#blog .steps li p {
	box-sizing: border-box;
	color: #333;
	float: left;
	font-size: 16px;
	height: auto;
	line-height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#blog .steps li .button01 {
	display: inline-block;
	float: none;
	margin: 16px 0;
	text-align: center;
}


.other {
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: 0px 15px 33px 4px #00000026;
	box-sizing: border-box;
	float: right;
	height: 100%;
	margin: 0;
	min-height: 75vh;
	padding: 0;
	/*position: fixed;*/
	right: 0;
	top: 0;
	text-align: left;
	width: 50%;
}
	.featured h1 {
		color: #009900;
		box-sizing: border-box;
		display: block;
		list-style: none;
		font-size: 24px;
		margin: 24px 0;
		/* margin-top: 52px; */
		padding: 0 48px;
		text-align: left;
		text-transform: uppercase;
		width: 100%;
	}
	.featured h2 {
		color: #000;
		box-sizing: border-box;
		display: block;
		list-style: none;
		font-size: 16px;
		margin: 24px 0;
		padding: 0 24px;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}
	.featured ul {
		box-sizing: border-box;
		display: block;
		list-style: none;
		margin: 36px 0;
		padding: 0 48px;
		text-align: center;
		width: 100%;
	}
		.featured ul li {
			display: inline-block;
			list-style: none;
			margin: 0;
			margin-bottom: 36px;
			padding: 0;
			text-align: left;
			width: 100%;
		}
			.featured ul li .offer-desc-1, 
			.featured ul li .offer-desc-2, 
			.featured ul li .offer-desc-3,
			.featured ul li .offer-desc-4 {
				background-color: transparent;
				background-position: 0 0;
				background-repeat: no-repeat;
				background-size: auto 100%;
				box-sizing: border-box;
				color: #000;
				display: inline-block;
				font-size: 16px;
				font-weight: bold;
				list-style: none;
				margin: 0;
				min-height: 80px;
				padding: 0;
				padding-left: 104px;
				padding-right: 0;
				padding-top: 16px;
				text-align: left;
				width: 100%;
			}
			.featured ul li .offer-desc-1 {
				background-image: url(https://speedycreditrepair.com/wp-content/uploads/2023/12/search-analysis.png);
			}
			.featured ul li .offer-desc-2 {
				background-image: url(https://speedycreditrepair.com/wp-content/uploads/2023/12/medical-checkup.png);
			}
			.featured ul li .offer-desc-3 {
				background-image: url(https://speedycreditrepair.com/wp-content/uploads/2023/12/data-report.png);
			}
			.featured ul li .offer-desc-4 {
				background-image: url(https://speedycreditrepair.com/wp-content/uploads/2023/12/data-report.png);
			}
			
			
			

.accordion {
  	background-color: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.05);
	color: #333;
	cursor: pointer;
	font-weight: bold;
	padding: 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;

}

.active, .accordion:hover {
	background-color: #090;
	color: #fff;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.sidebar {
	background-color: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.05);
	box-sizing: border-box;
	padding: 12px;
}
.sidebar a {
	color: #090;
}
.sidebar h4 {
	box-sizing: border-box;
	color: #090;
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 8px;
	padding: 12px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.green h4 {color: #fff;}
.white h4 {color: #090;}
.sidebar .button01 {
	box-sizing: border-box;
	display: inline-block;
	float: none;
	font-size: 16px;
	font-weight: bold;
	margin: 16px 0;
	text-align: center;
	width: 100%;
}
.affiliate li a {
	color: #090;
}






/* Reviews Page */


.platforms {
	display: block;
	float: left;
	list-style: none;
	margin: 0 !important;
	margin-bottom: 16px !important;
	padding: 0 !important;
	text-align: center;
	width: 100%;
}
.platforms li {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60% auto;
	display: inline-block;
	height: 128px !important;
	margin: 0 16px !important;
	padding: 0;
	width: 128px !important;
}
.platforms li a {
	color: #333;
	float: left;
	height: 128px;
	margin: 0;
	padding: 0;
	width: 128px;
}

.platform-reviews {
	display: block;
	float: left;
	list-style: none;
	margin: 0 !important;
	margin-bottom: 32px !important;
	padding: 0 !important;
	width: 100%;
}
.platform-reviews li {
	background-color: #f4f4f4!important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
	display: block;
	float: left;
	margin: 8px !important;
    padding: 12px !important;
	width: calc(50% - 16px) !important;
}
.platform-reviews li .avatar {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border: none !important;
	border-radius: 50%;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 56px;
	width: 56px;
}
.platform-reviews li .name {
	box-sizing: border-box;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 100%;
}
.platform-reviews li .date {
	box-sizing: border-box;
	display: block;
	float: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}
.platform-reviews li .icon {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80% auto;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	width: 36px;
}
.platform-reviews li .left {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 72px;
}
.platform-reviews li .middle {
	box-sizing: border-box;
	display: block;
	float: left;
	min-height: 56px;
	width: calc(100% - 108px);
}
.platform-reviews li .right {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 36px;
}
.platform-reviews li .bottom {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 100%;
}
.platform-reviews li .bottom .stars {
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.platform-reviews li .bottom .stars .star-10 {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border: none !important;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 16px;
	margin: 0 !important;
	padding: 0 !important;
	width: 16px;
}
.platform-reviews li .bottom p {
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.platform-reviews li .bottom a {
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 12px 0 !important;
	padding: 0 !important;
	width: 100%;
}
.mobilething {
	background-color: #090;
	color: #fff;
	display: none;
	float: right !important;
	height: 24px;
	margin: 6px 0;
	padding: 4px;
	width: auto;
}
.mobilething:hover {
	color: #090;
}

@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
	.container {
		max-width: 100%;
	}
	.container .c40, 
	.container .c50, 
	.container .c60  {
		width: 100%;
	}
	#pre-header .left li {
		background-position: center;
		background-size: 50% auto;
		padding: 0;
		width: 48px;
	}
	#pre-header .left li span {
		display: none;
	}
	#blog .steps li {
		width: 100%;
	}
	.signup, .portal {
		display: none;
	}
	#branding .reviews {
		height: auto;
	}
	#branding .reviews li {
		background-position: center;
		background-size: auto 100%;
		min-height: 56px;
	}
	#branding .reviews h1,
	#branding .reviews span {
		display: none;
	}
	.top-level-menu {
		display: none !important;
	}
	.mobilething {
		display: block !important;
		float: right !important;
	}
	
	#blog {
		
	}
	.external {
		width: 100% !important;
	}
	.other {
		display: none;
	}
	#banner .container h1,
	#banner .container h2	{
		font-size: 24px;
		text-align: center;
	}
	#banner .container p {
		font-size: 12px;
		text-align: center;
	}
	.container .button01,
	.container .button02 {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}


.interface {
	display: inline-block;
    text-align: right;
    width: 50%;
}


.user-menu {
	background-color: #fff;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .27);
	box-sizing: border-box;
	display: none;
	height: auto;
	margin: 0;
	margin-left: -42px;
	margin-top: 5px;
	padding: 0;
	position: fixed;
	overflow: visible;
	width: 256px;
	z-index: 500000;
}
.right:hover .user-menu {
	display: block;
	float: left;

}
.user-menu a {
	background-color: #fff;
	font-size: 14px;
	font-weight: 450;
	color: #333;
	display: block;
	height: auto;
	line-height: 30px;
	margin: 0;
	padding: 9px 12px;
	text-decoration: none;
	text-transform: none;
}
.user-menu a:hover {
	background: #009900;
	color: #fff;
}