/*
	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 h2{
		font-size: 1.8em;
		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 {
		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-content .row {
		margin-left: 0px;
	}
	
	.apply-form label.error{
		color:red;
		font-size: .85em;
		display: block;
		margin-top: 5px;
	}
	/* Update Messages */
	#cert .message{
		padding: 10px 20px;
		margin-top: 30px;
		text-align: center;
		margin-bottom: 30px;
	}
	#cert .message header span{
		font-size: 2.25em;
	}
	#cert .message p{
		font-size: 1.4em;
	}
	#cert .terms p{
		font-size: 1em;
		text-align: left;
	}
	#cert .message.error{
		background-color: #f8b2b2;
		color:#720c0c;
	}
	#cert .message.success{
		background-color: #daf6b9;
		color:#367213;
	}
	#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 .terms p{
		font-size: 1em;
		text-align: left;
	}
	#finish .message.error{
		background-color: #f8b2b2;
		color:#720c0c;
	}
	#finish .message.success{
		background-color: #daf6b9;
		color:#367213;
	}

	#selected .message.error{
		background-color: #f8b2b2;
		color:#720c0c;
	}
	#step-1 .message{
		padding: 10px 10px;
		/* margin-top: 90px; */
		margin-top: -20px;
		text-align: left;
		/* margin-bottom: 650px; */
		margin-bottom: 10px;
	}
	#step-1 .message header span{
		font-size: 2.25em;
	}
	#step-1 .message p{
		font-size: 1.4em;
	}
	#step-1 .message.error{
		background-color: #f8b2b2;
		color:#720c0c;
	}
	#step-1 .message.success{
		background-color: #daf6b9;
		color:#367213;
	}
	/* Certificate */
	#cert div{
	    text-align:center;
	    margin:auto;
	}
	#cert p{
	    margin:0;
	}
	#cert .solid {
	    display: grid;
	    border:4px solid #2575bb;
	    max-width:800px;
	    padding:10px;
	    margin-top:30px;
	    margin-bottom:10px;
	    justify-items: center;	    
	}
	#cert .div__1 {
	    background-color: #FFFFFF;
	    margin-top: 0;
	    border-style: none;
	    margin-top:-40px;
	    width:80%;
	}
	#cert .div__1 h1{
		text-align: center;
	    padding:0px;
	    margin:0px;
	}
	#cert .div__2 {
	    grid-template-columns: 1px, auto;
	    width:90%;
	    margin:1rem 0 1rem 0;
	    text-align: left;
	    justify-items: left;
	}
	#cert .div__2 p,h4{
		margin: 0 10px;
	    padding: 0;
	}
	#cert .div__3 h2{
		margin: 0px;
	}
	#cert .div__4 h3{
		margin: 10px;
	}
	#cert .grid__12{
	    display: grid;
	    grid-template-columns: 25% 75%;
	    width: 80%;
	    background: #fff;
	    border-style: none;
	}
	#cert .grid__212{
	    display: grid;
	    grid-template-columns: 50% 50%;
	    width: 90%;
	}
	#cert .div__5 {
	    margin:10px;
	    width: 90%;
	}
	#cert .div__5 div:nth-child(1){
	    text-align: left;
	    width: 90%;
	}
	#cert .div__5 div:nth-child(2){
	    text-align: right;
	    width: 90%;
	}
	#cert .grid__21{
	    display: grid;
	    width: 90%;
	    grid-template-columns: 50% 50%;
	    grid-gap:15px;
	}
	#cert .div__6 div{
	    border:2px solid #333;
	    padding:10px;
	    width: 90%;
	    margin:10px 0;
	    text-align:left;
	}
	#cert .div__6 h4,p{
	    margin:0;
	}
	#cert .div__6 p{
	    margin:5px 0;
	}
	#cert .grid__31{
	    display: grid;
	    grid-template-columns: auto auto auto;
	    grid-gap:15px;
	    width: 100%;
	    justify-items:center;
	    align-items: center;
	}
	#cert .div__7{
	    margin:15px;
	    text-transform: uppercase;
	}
	#cert .div__7 p{
	    font-weight:600;
	    margin:0;
	}
	#cert .div__7 div:nth-child(1){
	    text-align: left;
	}
	#cert .div__7 div:nth-child(3){
	    text-align: right;
	}
	#cert .div__8 {
	    margin:10px;
		width:90%;
	    font-size:11px;
	    text-align:left;
	}
	#cert .div__8 div{
	    text-align:left;
	}
	#cert .div__8 h4{
	    margin:0 5px 0 0;
	    font-size:14px;
	}
	#cert .div__8 div.print{
	    text-align:center;
	    margin-top:5px;
	}
	
	.address-menu .sscontainer ul input li {
	  overflow-y: scroll;
	  max-height: 13em;
	  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.12);
	  color: #7d7d7d;
	  position: absolute;
	  text-align: left;
	  width: inherit;
	  z-index: 9999;
	}

	.address-menu .sscontainer li div {
	  padding: .75em;
	}
	
	.address-menu .sscontainer b {
	  color: #0a0a0a;
	}
	
	.address-menu .sscontainer {
	  padding-left: 1em;
	}
	
	/* 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); }
	}