/*
	Custom Granite Theme
*/
body{
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.center{text-align: center;}
.right{text-align:right;}
/*---------------- Elements */
	.scrollable{
		overflow-y: scroll;
		height: 200px;
		text-align: justify;
		border: 1px solid black;
		padding: 10px;
		color:##818383;
	}
	.btn{
		display: inline-block;
		text-transform: uppercase;
		font-weight: 600;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: transparent;
		padding: 10px 20px;
		font-size:1.35em;
		letter-spacing: .05em;
		text-decoration: none;
	}
	.btn.blue{
		color: #FFF;
		background-color: #2276bb;
		-moz-box-shadow: 2px 2px 0px 1px #22598e;
		-webkit-box-shadow: 2px 2px 0px 1px #22598e;
		box-shadow: 2px 2px 0px 1px #22598e;
	}
	.btn.blue:hover{
		background-color: #1e639b;
	}
	.btn.blue:active{
		-moz-box-shadow: 1px 1px 0px 1px #22598e;
		-webkit-box-shadow: 1px 1px 0px 1px #22598e;
		box-shadow: 1px 1px 0px 1px #22598e;
		position: relative;
		top: 1px;
	}
	.btn.green{
		color: #FFF;
		background-color: #8ec34d;
		-moz-box-shadow: 2px 2px 0px 1px #649924;
		-webkit-box-shadow: 2px 2px 0px 1px #649924;
		box-shadow: 2px 2px 0px 1px #649924;
	}
	.btn.green:hover{
		background-color: #74ab32;
	}
	.btn.green:active{
		color: #FFF;
		background-color: #8ec34d;
		-moz-box-shadow: 1px 1px 0px 1px #649924;
		-webkit-box-shadow: 1px 1px 0px 1px #649924;
		box-shadow: 1px 1px 0px 1px #649924;
		position: relative;
		top: 1px;
	}
	#menu{
		z-index:99999;
	}
	.box-shadow-menu {
	  position: relative;
	  padding-left: 1.25em;
	  display: none;
	}
	.box-shadow-menu:before {
		font-size: 3.0em;
		color:#2276bb;
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 0.25em;
	  width: 1em;
	  height: 0.15em;
	  background: #2276bb;
	  box-shadow:
	    0 0.25em 0 0 #2276bb,
	    0 0.5em 0 0 #2276bb;
	}
	/*---------------- Header */
	#top-header{
		padding:10px 40px;
		border-bottom: 8px solid #8ec34d;
	}
	#top-navigation{
		position: absolute;
		right: 0px;
		top: 30px;
	}
	#top-navigation ul li,
	#footer-nav ul li{
		float:left;
		margin-left: 23px;
	}
	#top-navigation ul li.current_page_item a{
		color:#8ec34d;
	}
	#top-navigation ul li a,
	#footer-nav ul li a{
		color:#363636;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 700;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: transparent;
		padding: 10px 20px;
		text-decoration: none;
	}
	#top-navigation ul li a:hover,
	#footer-nav ul li a:hover,
	#content a:hover{
		color:#8ec34d;
	}
	#top-navigation .menu-item.button a{
		color:#FFF;
		background-color: #2276bb;
		-moz-box-shadow:    2px 2px 0px 1px #22598e;
	  -webkit-box-shadow: 2px 2px 0px 1px #22598e;
	  box-shadow:         2px 2px 0px 1px #22598e;
	}
	#top-navigation .menu-item.button a:hover{
		background-color: #1e639b;
	}
	#top-navigation .menu-item.button a:active{
		-moz-box-shadow: 1px 1px 0px 1px #22598e;
		-webkit-box-shadow: 1px 1px 0px 1px #22598e;
		box-shadow: 1px 1px 0px 1px #22598e;
		position: relative;
		top: 1px;
	}
	/*---------------- Content */
	#content.container{
		min-height: 1000px;
	}
	#blue-header{
		background-color: #2276bb;
		color:#FFF;
		padding-bottom: 20px;
	}
	#blue-header h1{
		font-size: 2.2em;
		font-weight: 800;
	}
	#blue-header p{
		font-size: 1.2em;
		font-weight: 600;
	}
	/*---------------- Landing Page */
	.landing-page .container{
		max-width: 890px;
	}
	.landing-page .section-bg{
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.landing-page p{
		font-size:1.25em;
		line-height: 1.4;
		color:#FFF;
		margin-bottom: 40px;
	}
	.landing-page #section-2a p,
	.landing-page #section-2a h2,
	.landing-page #section-2a li{
		color:#fff;
	}
	.landing-page #section-2a li{
		font-size: 1.25em;
		line-height: 1.4;
	}
	.landing-page #section-2a li:before {
	  /*Add another block-level blank space*/
	  content: '';
	  display: inline-block;
	  /*Make it a small rectangle so the border will create an L-shape*/
	  width: 14px;
	  height: 22px;
	  /*Add a white border on the bottom and left, creating that 'L' */
	  border: solid #8ec34d;
	  border-width: 0 6px 6px 0;
	  /*Rotate the L 45 degrees to turn it into a checkmark*/
	  transform: rotate(45deg);
	  margin-right: 15px;
	  position: relative;
	  top: 3px;
	}
	.landing-page #section-3{
		padding: 40px 0;
	}
	.landing-page #section-3 .slider .testimonial h2,
	#section-2a h2,
	#refinancing-page #section-2b h2{
		font-weight: 700;
		border-bottom: 1px solid #8ec34d;
		margin-bottom: 20px;
		display: inline-block;
		padding: 20px 30px;
		color:#363636;
	}
	.landing-page #section-3 .slider .testimonial p{
		color:#363636;
	}
	.landing-page #section-3 .slider .testimonial p span{
		color:#8ec34d;
		font-size: .8em;
	}
	.landing-page #section-3 .bx-controls-direction{
		display: none;
	}
	.landing-page #section-4 .col-md-6:last-child{
		background-color: #363636;
		padding: 80px;
	}
	.landing-page #section-4 .btn{
		font-size:1em;
		font-weight: 700;
	}
	.landing-page #section-4 h2{
		color:#FFF;
		font-weight: 700;
		margin-bottom: 30px;
	}
	.landing-page #section-4 .col-md-6:first-child{
		background-position: center center;
		background-size: cover;
	}
	.landing-page #section-5{
		padding: 40px 0px;
		color:#363636;
	}
	.landing-page #section-5 form{
		margin-bottom: 40px;
	}
	.landing-page #section-5 h2{
		color:#363636;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 80px;
	}
	.landing-page #section-5 .col-md-6:last-child{
		padding: 0 40px;
	}
	.landing-page #section-5 .col-md-6:last-child h3{
		font-size: 1.4em;
		font-weight: 700;
		margin: 0px;
		margin-bottom: 20px;
	}
	.landing-page #section-5 .col-md-6:last-child p{
		color:#363636;
	}
	.landing-page #section-5 .col-md-6:last-child p strong{
		color:#8ec34d;
		font-weight: 300;
	}
	.landing-page #section-6 h2{
		color:#FFF;
		font-weight: 700;
	}
	.landing-page #section-6{
		padding: 40px 0px;
	}
	/*---------------- Apply Page */
	#autoloan-page #section-1{
		background-image: url(../../images/autoloan-section-1.jpg);
	}
	#autoloan-page #section-1 .container{
		padding: 130px 0px;
	}
	#autoloan-page #section-1 h1{
		margin: 0px;
		color:#FFF;
		font-size:2.6em;
		font-weight:700;
		text-transform: uppercase;
		border-bottom: 1px solid #8ec34d;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#autoloan-page #section-1 .btn.green{
		margin-bottom: 30px;
	}
	#autoloan-page #section-2{
		background-image: url(../../images/autoloan-section-2.jpg);
	}
	#autoloan-page #section-2 .container{
		padding: 80px 0px;
	}
	#autoloan-page #section-2 .btn{
		font-weight: 700;
	}
	#autoloan-page #section-2a{
		background-color: #363636;
		padding:30px 0px 60px 0px;
	}
	#autoloan-page.landing-page #section-3 .slider .testimonial h2{
		border-color: #2276bb;
	}
	#autoloan-page.landing-page #section-3 .slider .testimonial p span,
	#autoloan-page.landing-page #section-5 .col-md-6:last-child p strong{
		color:#2276bb;
	}
	#autoloan-page #section-4 .col-md-6:first-child{
		background-image: url(../../images/autoloan-section-4.jpg);
	}
	#autoloan-page #section-6{
		background-image: url(../../images/autoloan-section-6.jpg);
	}
	/*---------------- Refinancing Page */
	#refinancing-page #section-1{
		background-image: url(../../images/insurance-section-1.jpg);
	}
	#refinancing-page #section-1 .container{
		padding: 120px 0px;
	}
	#refinancing-page #section-1 h1{
		margin: 0px;
		color:#FFF;
		font-size:3.2em;
		font-weight:700;
		text-transform: uppercase;
		border-bottom: 1px solid #8ec34d;
		padding-bottom: 30px;
		margin-bottom: 10px;
	}
	#refinancing-page #section-1 h1 strong{
		display: block;
		font-size: .755em;
		text-transform: none;
	}
	#refinancing-page #section-1 h2{
		color:#FFF;
		margin-bottom: 25px;
	}
	#refinancing-page #section-2{
		background-image: url(../../images/insurance-section-2.jpg);
	}
	#refinancing-page #section-2a{
		background-color: #2276bb;
		padding:30px 0px 60px 0px;
	}
	#refinancing-page #section-2a p{
		margin-bottom: 10px;
	}
	#refinancing-page #section-2b{
		background-image: url(../../images/insurance-section-2b.jpg);
		padding: 90px 0px 70px 0px;
	}
	#refinancing-page #section-2b h2,
	#refinancing-page #section-2b h3,
	#refinancing-page #section-2b h4{
		color:#FFF;
	}
	#refinancing-page #section-2b h4{
		font-size: 2em;
		margin-top: 25px;
		font-weight: bold;
	}
	#refinancing-page #section-2 .container{
		padding: 40px 0px;
	}
	#refinancing-page #section-2 h2,
	#autoloan-page #section-2 h2{
		color:#FFF;
		font-size: 2.5em;
		font-weight: 700;
	}
	#refinancing-page #section-2 .row{
		padding: 40px 0px;
	}
	#refinancing-page #section-2 .btn.green{
		margin-bottom: 30px;
		font-weight: 700;
	}
	#refinancing-page #section-4 .col-md-6:first-child{
		background-image: url(../../images/insurance-section-4.jpg);
	}
	#refinancing-page #section-6{
		background-image: url(../../images/insurance-section-6.jpg);
	}
	/*---------------- Apply Page */
	#apply-steps{
		background-color: #ececec;
	}
	#apply-steps ul li{
		float:left;
	}
/*	#apply-steps ul li a{
		color:#656565;
		font-size:1.2em;
		display: block;
		padding: 15px 0px;
		text-decoration: none;
		font-weight: 700;
		width:140px;
		text-align: center;
	} 
	#apply-steps ul li.selected a,
	#apply-steps ul li a:hover{
		background-color: #8cc14c;
		color:#FFF;
		position: relative;
	}
	#apply-steps ul li a img{
		display: none;
	}
	#apply-steps ul li.selected a img{
		display: block;
		position: absolute;
		bottom: -14px;
		left: 0px;
		width: 100%;
	} */
	#apply-steps ul li {
		color:#656565;
		font-size:1.2em;
		display: block;
		padding: 15px 0px;
		text-decoration: none;
		font-weight: 700;
		width:140px;
		text-align: center;
	}
	#apply-steps ul li.selected {
		background-color: #8cc14c;
		color:#FFF;
		position: relative;
	}
	#apply-steps ul li img{
		display: none;
	}
	#apply-steps ul li.selected img{
		display: block;
		position: absolute;
		bottom: -14px;
		left: 0px;
		width: 100%;
	}
	#apply-content h2{
		font-weight: 700;
		font-size: 1.8em;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	#apply-content .question{
		border-bottom: 1px solid #bfc7ce;
		padding-bottom: 20px;
	}
	#apply-content .question label{
		font-size: 1.4em;
		text-transform: uppercase;
	}
	#apply-content .question input[type="radio"]{
		margin-left: 10px;
		position: relative;
		top: -3px;
	}
	#apply-content h3{
		font-weight: 700;
		font-size:1.5em;
		padding-bottom: 20px;
		text-transform: uppercase;
	}
	.apply-form .btn.green{
		font-weight: 700;
		font-size: 1.8em !important;
		margin-bottom: 80px;
		margin-top: 40px;
	}
	.apply-form label{
		color:#363636;
		text-transform: uppercase;
		font-size: .9em;
		font-weight: 600;
	}
	.apply-form input{
		padding: 10px;
		height: auto;
		border-radius: 7px;
	}
	#apply-content .disabled{
		display:none;
	}
	.apply-form .agreement{
		font-size: 11px;
		line-height: 1.5;
	}
	.apply-form .terms h2{
		margin-bottom: 15px !important;
		margin-top: 15px !important;
	}
	.apply-form .terms .form-group{
		font-size: 1.2em;
		margin-top: 10px;
	}
	.apply-form .terms label{
		text-transform: none;
	}
	.apply-form .terms .scrollable{
		color:#a0a0a0;
	}
	#apply-content #loan_type-error{
		visibility: hidden;
		display: inline-block;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	#apply-content form section{
		min-height: 600px;
		padding-top: 40px;
	}
	#apply-content form section h2,
	#apply-content form section h3{
		margin-top: 0px;
	}
	#apply-content #joint-information{
		display: none;
	}
	/*---------------- FAQ Changes */
	.custom-accordion .vc_tta-panel-heading .vc_tta-panel-title a{
		color:#000 !important;
		border-bottom: 1px solid #2276bb;
		font-weight: 700;
		line-height: 1.4;
	}
	.custom-accordion .vc_tta-panel-heading,
	.custom-accordion .vc_tta-panel-body{
		border-color: transparent !important;
	}
	.custom-accordion .vc_tta-controls-icon{
		color:#8ec34d !important;
		height: 20px;
		width: 20px;
	}
	.custom-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
		border-width: 0 0 0 5px !important;
		border-color:#8ec34d !important;
	}
	.custom-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
		border-width: 5px 0 0 !important;
		border-color:#8ec34d !important;
	}
	/*---------------- General Content */
	.entry-content ul{
		padding-left: 20px;
	}
	.entry-content ul li{
		list-style: disc;
	}
	/*---------------- Footer */
	#footer{
		padding: 30px 40px;
		background-color: #363636;
		color:#FFF;
		border-top: 8px solid #8ec34d;
		margin-top: 20px;
	}
	.page-template #footer{
		margin-top: 0px;
	}
	#footer-nav ul{
		margin:0px;
	}
	#footer-nav ul li a{
		color:#FFF;
	}
	#footer-text{
		display: block;
		text-align: right;
		font-size:.9em;
	}
	/*---------------- Media Queries */
	@media(max-width:990px){
		#autoloan-page #section-1 .container{
			padding: 50px 20px;
		}
		.box-shadow-menu{
		  display: inline-block;
		  width: 40px;
		  height: 40px;
		  position: absolute;
		  top: 15px;
		  right: 15px;
		}
		#top-header{
			padding: 10px 20px;
		}
		#top-header .col-md-4{
			position: relative;
		}
		#top-navigation{
			display: none;
		}
		.landing-page .section-bg .container{
			padding: 0 40px;
		}
		.landing-page #section-4 .col-md-6:last-child{
			padding: 40px;
		}
		#footer-nav ul li{
			float:none;
			text-align:center;
			margin-bottom: 20px;
		}
		#footer-text{
			display: block;
			text-align: center;
		}
		#top-logo img{
			max-width: 85%;
			height: auto;
		}
		#apply-steps{
			margin-bottom: 20px
		}
		#apply-steps ul li a{
			font-size: 1.2em;
			padding: 10px 15px;
			width: auto;
		}
		#apply-steps ul li.selected a img{
			bottom: -10px;
		}
	}
	/* Latest Fixes */
	#apply-content .row.question label{
		display: inline-block;
		margin-right: 60px;
	}
	.apply-form label.error{
		color:red;
		font-size: .85em;
		display: block;
		margin-top: 5px;
	}
	/* Update Messages */
	#finish .message{
		padding: 10px 20px;
		margin-top: 90px;
		text-align: center;
		margin-bottom: 650px;
	}
	#finish .message header span{
		font-size: 2.25em;
	}
	#finish .message p{
		font-size: 1.4em;
	}
	#finish .message.error{
		background-color: #f8b2b2;
		color:#720c0c;
	}
	#finish .message.success{
		background-color: #daf6b9;
		color:#367213;
	}

	/* Spinning Submit Button Styles */
	.submit-btn {
		position: relative;
		transition: all 0.3s ease;
	}

	.submit-btn.loading {
		opacity: 0.8;
		cursor: not-allowed;
	}

	.submit-btn .spinner {
		display: none;
	}

	.submit-btn .spinner i {
		margin-right: 8px;
	}

	.submit-btn:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	/* Font Awesome spinner fallback if FA is not loaded */
	.submit-btn .spinner i:before {
		content: "⟳";
		animation: spin 1s linear infinite;
	}

	@keyframes spin {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}