html {
	background: #fff;
}

body {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 350px);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(350px, #ffffff));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 350px);
	background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 350px);
	background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 350px);
	background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 350px);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

/*header*/

#header-bg {
	width: 100%;
	height: 116px;
	background-color: #e3e9ec;
	border-bottom: 1px solid #fff;
	position: absolute;
}

#cr-logo {
	width: 240px;
	height: 76px;
	margin: 18px 0 0;
	background:url(/images/svg/cr_logo.svg) no-repeat;
}

#cr-logo a {
	display: block;
	height: 100%;
}

#login {
	float: right;
	margin: 15px 15px 15px 0;
}

#login a {
	color: #a5dffa;
}

#small-signin-text {
	display: none;
}

#bottom-nav-container {
	overflow: hidden;
	background: #3c7ea3;
	background: -moz-linear-gradient(top, #3c7ea3 0%, #145c86 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c7ea3), color-stop(100%, #145c86));
	background: -webkit-linear-gradient(top, #3c7ea3 0%, #145c86 100%);
	background: -o-linear-gradient(top, #3c7ea3 0%, #145c86 100%);
	background: -ms-linear-gradient(top, #3c7ea3 0%, #145c86 100%);
	background: linear-gradient(to bottom, #3c7ea3 0%, #145c86 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c7ea3', endColorstr='#145c86', GradientType=0);
	border-radius: 4px;
}

.navbar {
	float: left;
	width: 550px;
	min-height: 0;
	margin: 0;
	background: transparent;
	border: 0;
}

.navbar  .container-fluid {
	padding: 0;
}

#navbar {
	padding: 0;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
	color: #eef2f6;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #eef2f6;
	background-color: rgba(255, 255, 255, 0.3);
}

/*hero*/

#hero-bg {
	margin: 15px 15px 0;
	overflow: hidden;
	background: #0b5a88;
	background: -moz-linear-gradient(top, #0b5a88 0%, #1f82ba 100%);
	background: -webkit-linear-gradient(top, #0b5a88 0%,#1f82ba 100%);
	background: linear-gradient(to bottom, #0b5a88 0%,#1f82ba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5a88', endColorstr='#1f82ba',GradientType=0 );
	border-radius: 4px;
}

#hero h1 {
	margin: 50px 0 20px 30px;
	padding: 0 0 20px 0;
	font-weight: bold;
	color: #eef2f6;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#hero h1 sup {
	font-size: 22px;
}

#hero ul {
	margin: 20px 0 20px 30px;
	padding: 0 0 0 18px;
	color: #eef2f6;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

#hero a {
	color: #874803;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fddb9e,1px 1px 1px #8c4f0a;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: #fdc689;
	background: -moz-linear-gradient(top, #fdc689 0%, #f89b2c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc689), color-stop(100%, #f89b2c));
	background: -webkit-linear-gradient(top, #fdc689 0%, #f89b2c 100%);
	background: -o-linear-gradient(top, #fdc689 0%, #f89b2c 100%);
	background: -ms-linear-gradient(top, #fdc689 0%, #f89b2c 100%);
	background: linear-gradient(to bottom, #fdc689 0%, #f89b2c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc689', endColorstr='#f89b2c', GradientType=0);
	margin: 0 0 0 30px;
	padding: 12px 18px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
}

#hero-product-shot {
	width: 100%;
  height: 430px;
	position: relative;
  left: 15px;
	background:url(/images/cr_free_corvette_tablet.png-edc60dadf11bedfbf697939618497fe3.png) no-repeat 50px 0;
}

/*features*/

#features-container {
	margin: 20px 0 0;
}

.features-box {
	text-align: center;
	background: #efefef;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	padding: 15px;
}

.features-icon {
	margin: 0 auto;
	background:url(/images/cr_homepage_icons.png-5e8712c095414cccf5cb6d28d2cb14eb.png) no-repeat;
}

#account-history-icon {
	width: 57px;
  height: 115px;
	background-position: 0 0;
}

#inquiries-icon {
	width: 112px;
	height: 115px;
	background-position: -89px 0;
}

#personal-information-icon {
	width: 100px;
	height: 115px;
	background-position: -207px 0;
}

.features-box h3 {
	color: #59afdc;
}

.features-box p a {
	color: #f08d1a;
}

/*information*/

#information-container {
	margin: 20px 0 0;
}

#credit-score {
	margin: 20px 0 40px;
}

#difference {
	margin: 40px 0;
}

#difference h4 {
	color: #1c70ad;
}

#difference ul {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}

#difference ul li {
	padding: 0 0 0 20px;
	position: relative;
}

#difference ul li.first {
	padding: 0 0 10px 20px;
}

#difference ul li .glyphicon {
	font-size: 15px;
	color: #f79823;
	position: absolute;
	top: 3px;
	left: 0;
}

#credit-report {
	margin: 40px 0 20px;
}

/*footer*/

#footer-bg {
	padding: 15px;
	background: #2a81b2;
	background: -moz-linear-gradient(top, #2a81b2 0%, #1b6e9f 51%, #0b5989 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a81b2), color-stop(51%, #1b6e9f), color-stop(100%, #0b5989));
	background: -webkit-linear-gradient(top, #2a81b2 0%, #1b6e9f 51%, #0b5989 100%);
	background: -o-linear-gradient(top, #2a81b2 0%, #1b6e9f 51%, #0b5989 100%);
	background: -ms-linear-gradient(top, #2a81b2 0%, #1b6e9f 51%, #0b5989 100%);
	background: linear-gradient(to bottom, #2a81b2 0%, #1b6e9f 51%, #0b5989 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a81b2', endColorstr='#0b5989', GradientType=0);
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer ul li a {
	color: #79b8c1;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #eef2f6;
	text-decoration: underline;
}

#footer ul li.footer-title {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #10608a;
}

#footer ul li.footer-title a {
	color: #eef2f6;
}

#right-footer {
	text-align: right;
}

#social-links {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#social-links-inner {
	overflow: hidden;
	float: right;
}

#social-links-inner p {
	float: left;
	margin: 0 10px 0 0;
	color: #79b8c1;
}

#social-links-inner ul {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	list-style-type: none;
}

#social-links-inner ul li {
	float: left;
	margin: 0 0 0 10px;
}

.social-icon {
	display: block;
	width: 24px;
	height: 24px;
}

#facebook {
	background: url(/images/svg/facebook.svg-9158b65b3c48fc93a95b230c7e69fafa.svg) no-repeat;
}

#twitter {
	background: url(/images/svg/twitter.svg-f09deaa067ee1b3e3eeeeeeb51c5566b.svg) no-repeat;
}

#youtube {
	background: url(/images/svg/youtube.svg-38dca90997ca657ed0131408c797f82d.svg) no-repeat;
}

#linkedin {
	background: url(/images/svg/linkedin.svg-f39737e5108b4d8edd38b78a9d11248e.svg) no-repeat;
}

#security {
	margin: 0 0 20px 0;
}

#security a {
	display: inline-block;
    margin: 0 0 0 10px;
}

small {
	color: #79b8c1;
}

@media screen and (max-width: 991px) {
	#header .col-xs-12 {
		padding: 0;
	}

	#hero-bg {
    margin: 15px 0 0;
	}
	
	#hero-product-shot {
		display: none;
	}
	
	#hero h1 {
		margin: 20px 0;
		font-size: 22px;
	}
	
	#hero h1 sup {
    font-size: 14px;
	}
	
	#hero ul {
		font-weight: normal;
    font-size: 16px;
		margin: 20px 0;
	}
	
	#hero a {
		margin: 0 0 20px 0;
	}
	
	.features-box {
		min-height: 280px;
	}
	
	.features-icon {
    background-size: 200px;
	}
	
	#account-history-icon {
    width: 37px;
    height: 70px;
		background-position: 0 0;
	}
	
	#inquiries-icon {
    width: 72px;
    height: 71px;
    background-position: -58px 0;
	}
	
	#personal-information-icon {
    width: 63px;
    height: 71px;
    background-position: -136px 0;
	}
	
	.features-box h3 {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	#header {
		background: #e3e9ec;
	}
	
	#header-bg {
		display: none;
	}

	#header .col-xs-12 {
		padding: 0 15px 0 15px;
	}
	
	#cr-logo {
		float: left;
	}
	
	#bottom-nav-container {
		background: transparent;
	}
	
	.navbar {
		width: auto;
    float: none;
    position: absolute;
    right: 15px;
    top: 24px;
	}
	
	#navbar {
		background: #fff;
    z-index: 1;
    position: absolute;
    width: 150px;
    padding-right: 15px;
    padding-left: 15px;
    right: 15px;
    top: 62px;
    border: 0;
    background: #1C79AF;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #306E92;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #5D98BA;
	}
	
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
		border: none;
	}
	
	#login {
		margin: 39px 75px 0 0;
	}
	
	#login a {
    color: #0B5A88;
	}
	
	#hero-bg {
	  margin: 0;
    border-radius: 0;
		background: #0b5a88;
	}
	
	#features-container {
    margin: 0;
    overflow: hidden;
	}
	
	.features-box {
		margin: 10px 0;
    min-height: 0;
		text-align: left;
	}
	
	.features-icon {
		margin: 0;
		float: left;
	}
	
	.features-box h3 {
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0 0 0 90px;
	}
	
	.features-box p {
		margin: 0;
    padding: 0 0 0 90px;
	}
	
	.footer-container {
		padding: 0;
	}
	
	#footer ul {
		overflow: hidden;
    margin: 0 0 20px 0;
	}
	
	.footer-item {
		float: left;
    margin-right: 15px;
    line-height: 25px;
	}
	
	#social-links {
    margin: 0;
	}
	
	#social-links-inner {
		float: left;
	}
	
	#right-footer {
    text-align: left;
	}
	
	#security a {
    display: inline-block;
    margin: 0 10px 0 0;
	}
}

@media screen and (max-width: 499px) {
	#cr-logo {
    width: 170px;
    height: 38px;
	}
	
	#login {
    margin: 31px 59px 0 0;
	}
	
	#small-signin-text {
		display: block;
	}
	
	#large-signin-text {
		display: none;
	}
	
	.navbar {
		top: 16px;
	}
}