/*COLORS:
#0064AA Blue*/


/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Roboto', sans-serif;
}
@font-face{
	font-family:OstrichSansRegular;
	src:url(../fonts/OstrichSansInline-Regular.otf)
}
@font-face{
	font-family:OstrichSansMedium;
	src:url(../fonts/OstrichSans-Medium.otf);
}
@font-face{
	font-family:OstrichSansBold;
	src:url(../fonts/OstrichSans-Bold.otf);
}
@font-face{
	font-family:OstrichSansBlack;
	src:url(../fonts/OstrichSans-Black.otf);
}
@font-face{
	font-family:OstrichSansLight;
	src:url(../fonts/OstrichSans-Light.otf)
}
a {
	color:#fff;
	text-decoration:underline;
}
a:hover{
	color:#0064AA;
	text-decoration:none;
}
p{padding:20px 0;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}
*{box-sizing:border-box;}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding: 20px;
	position:relative;
}
.header .wrapper{padding: 0 20px}
.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

::selection {
	color:#fff;
	background: #356088;
}

::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	background:#fff;
	box-shadow:0px 1px 9px 2px rgba(51, 51, 51, 0.58);
	transition:ease-in .3s;
}

#header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999999;
	transition:ease-in .3s;
}


.logo{
	text-align:left;
	width:49%;
	margin:0 auto;
	display:inline-block;
	padding:20px 0 0 0;
	transition:ease-in .3s;
	vertical-align:bottom;
}
.logo img{
	width:350px;
	transition:ease-in .3s;
}


.head-contact{
	width:49%;
	display:inline-block;
	text-align:right;
	transition:ease-in .3s;
	vertical-align:top;
}

.head-contact p{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	color:#000;
	font-weight:700;
}

.head-contact a{color:#000;text-decoration:none;}


/* Styles for nav scroll effects*/

.shrink{background: #fff !important; transition:ease-out .3s;}
.shrink .header{background:#fff; transition:ease-out .3s;}
.shrink #navcontain{
	width:86%; 
	display:inline-block;
	vertical-align:top;
	transition:ease-out .3s;
}
.shrink .logo{width:13%; padding:20px; display:inline-block; transition:ease-out .3s;}
.shrink .logo img{width: 140px;padding:5px 0 0 0; transition:ease-out .3s;margin:0;}
.shrink .head-contact{display:none; transition:ease-out .3s;}

.margin-top{margin-top:15%;}
/* HOME PAGE STYLES
-----------------------------------------------*/
.herovideo{
	margin-top: 90px;
}
.home-hero{
	position:relative;
	margin:0 auto;
	width:100%;
}

.hero-img{
	width:100%;
	display:block;
}


.blue-bar{
	background:#0064AA;
	width:100%;
	padding:30px 0;
	text-align:center;
	box-shadow:0px 1px 9px 2px rgba(51, 51, 51, 0.60);
	color:#fff;
}

.blue-bar h2{
	font-size:52px;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	text-align:center;
	font-family:OstrichSansBlack,'Roboto';
}

.blue-bar .fa{font-size:16px; vertical-align:middle; padding:0 10px;}


.home-welcome{
	width:100%;
	background:url(../siteart/watermark.png) #fff no-repeat;
	background-size:100%;
	background-position:center;
	padding:40px 0;
	text-align:center;
	margin:0 auto;
}


.welcome{
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	width:100%;
	text-align:center;
	color:#333;
	padding:30px 0;
}

.welcome h1{
	text-align:center;
	font-size:40px;
	font-weight:900;
	padding:20px 0;
	color:#333;
	text-transform:uppercase;
	font-family:OstrichSansBlack,'Roboto';
}

.welcome p{
	color:#333;
	text-align:center;
	font-size:20px;
	font-weight:normal;
}

.button-bar{
	width:100%;
	text-align:center;
	padding:50px 0;
}

.home-button{
	width:30%;
	display:inline-block;
	vertical-align:middle;
	margin:0 20px;
	text-align:center;
	border:3px solid #0064AA;
	color:#0064AA;
	font-size:28px;
	text-transform:uppercase;
	text-decoration:none;
	padding:20px;
	transition:ease-in .3s;
}

.home-button:hover{
	transition:ease-out .3s;
	background:#0064AA;
	color:#eee;
	box-shadow:1px 1px 7px 1px rgba(51, 51, 51, 0.83);
}

/* MARQUEE */

.scrolling-sold{
	overflow-x:hidden;
	width:100%;
	padding:30px 0;
	background:#eee;
}

.scrolling-sold h3{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding:20px 0;
	color:#2264AC;
	font-size:40px;
	font-family:OstrichSansBlack,'Roboto';
}



/*SUB PAGES*/

.sub-page{
	width:100%;
	color:#333;
	padding:180px 0;
}


/*services page*/
.services-half{
	width:40%;
	display:inline-block;
	margin:0 auto;
	vertical-align:top;
	text-align:left;
	padding:0 30px;
}

.services-half p{text-align:left;}

.services-half:nth-child(1){
	border-right:1px solid #eaeaea;
}


/*contact page*/

.contact-left{
	width:50%;
	display:inline-block;
	margin:0 auto;
	vertical-align:top;
}

.contact-left p{
	color:#333;
	text-align:left;
	font-size:18px;
}

.contact-left a{
	color:#333;
	text-decoration:none;
}

.contact-left a:hover{
	color:#0064AA;
	text-decoration:none;
}

.contact-right{
	width:40%;
	display:inline-block;
	margin:0 auto;
	padding:0 30px;
	vertical-align:top;
}


/*form styles*/
.contact-form{
	width:100%;
	border-left:1px solid #eaeaea;
	padding:0 30px;
}

#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}

#formpage p{
	text-align:left;
}
.formfield {
	width: 100%;
	display:inline-block;
	margin-right: 10px;
	margin-top: 10px;
	color: #333;
	min-width: 175px;
	text-align:left;
}
#formpage div {
	vertical-align: top;
	padding: 5px 5px;
	position: relative;
}
#formpage input {
	padding: 6px 5px 10px;
	border: 1px solid #eee;
	font-family: "Source Sans Pro", sans-serif;
	color: #333;
	font-size: 16px;
	background: #fff;
	width: 100%;
	margin-top: 5px;
	-webkit-appearance: none;
     border-radius: 2px;
}

#formpage input.button, #formpage input.button:focus {
	width: 150px;
	display:inline-block;
	position:relative;
	margin: 0;
	background: #3E67CF;
	border:1px solid #3E67CF;
	font-size: 16px;
	line-height: 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding:20px;
}

#formpage input.button:hover{
	background:#fff;
	color:#3E67CF;
	border:1px solid #3E67CF
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
    border-radius: 0;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #eee;
	font-family: "Source Sans Pro", sans-serif;
	color: #333;
	font-size: 16px;
	background: #fff;
	margin-top: 5px;
	width: 100%;
	height: 85px;
	border-radius:2px
}

.CaptchaPanel{width:100%;}
.CaptchaWhatsThisPanel a{color:#333;}
.CaptchaMessagePanel{color:#333;}
.CaptchaAnswerPanel{
	width:250px;
}

.submit-button{
	padding:10px 0px 10px 0px;
	position:relative;
	width:100%;
	text-align:center;
}

/*end form styles*/

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#0064AA !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.hosted-content .right{display:none !important;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	background:url(../siteart/bg-texture.png) #fff;
}
 
.scrolling{
    width:100%;
    height:92px;
	padding:10px 0;
}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#727272;
	font-size:11px;
	background:url(../siteart/bg-texture.png) #fff;
	padding: 0;
	text-align:left;
}

.foot-half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	vertical-align:top;
	color:#727272;
	font-size:14px;
	padding: 0;
}

.foot-half p{padding:10px 0;}

.foot-half a{
	color:#727272;
	text-decoration:none;
}

.foot-half a:hover{
	color:#727272;
	text-decoration:underline;
}

.hosted-footer{
	padding:20px 0;
	background: #0064AA;
	width:100%;
	text-align:center;
}

.divfooter{
	width:60%;
	color:#fff;	
	font-size:11px;
	margin:0 auto;
	text-align:center;
}

.divfooter a{color:#fff;}


/*FACETED INVENTORY*/

.list-content .list-title .list-title-text, .list-content .list-main-section .list-container .list-listing .listing-top-right span, .list-content .list-main-section .list-container .list-listing .listing-top-right div, .detail-content .detail-main-body .main-detail-data span, .detail-content .detail-main-body .main-detail-data div, .detail-content .detail-main-body .main-detail-data, .detail-content .detail-main-body .secondary-detail-data, #contact-info, .modal-bg .modal-top h2, .modal-bg .close-react, .modal-bg .form-main-content .modal-right-col .comment-element, .fin-calc p, .detail-content-mobile .detail-main-body .fin-calc img, .list-content .list-listing-mobile .listing-category, .list-content .list-listing-title, .list-content .list-listing-wrapper .list-listing-mobile div, .list-content .list-listing-wrapper .list-listing-mobile span, .detail-content-mobile .detail-main-body .detail-img-carousel .mc-btn span {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.detail-content .detail-main-body .main-detail-data .lender-info {
	    margin-left: -35px !important;
    margin-top: 17px !important;
}

.list-content .list-listing-mobile .dealer-phone-container a i, .detail-content-mobile .detail-main-body .main-detail-data span, .detail-content-mobile .detail-main-body .main-detail-data div {
	margin-left: 0 !important;
}

.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 12px !important;
}

.view-listing-details-link .fa {
	margin: 0 !important;
}

.view-listing-details-link, .buy-now-link {
	margin-top: 5px !important;
}

.view-listing-details-link {
	margin-top: 10px !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info>* {
	margin: 10px 0 !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .compare-label, .compare-chkbox-container .compare-listings .compare-label, .compare-label span {
	margin-left: 5px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
	
    top: 0px !important;
    left: 3px !important;

}

.compare-listings-container .compare-container {
	margin: 10px 2px 20px 2px !important;
	margin-bottom: 20px !important;
}
.faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .buy-now-link, .detail-content .detail-additional-data .data-row .data-label, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .detail-content-mobile .detail-additional-data .data-row .data-label,.detail-content-mobile .detail-contact-bar .contact-bar-btn, .detail-content-mobile .contact-options a, .compare-listings-container .compare-container .button  {
	background: #0064aa !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .currency-selector  {
	color: #0064aa !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn{
	color: #0064aa !important;

		border-color: #0064aa !important;
}

.detail-content .dealer-info .google-maps-link i, .google-maps-link a {
    margin-right: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	margin-left: 0 !important; }

/*RESPONSIVE*/

@media screen and (max-width:1620px){
	.margin-top{margin-top:20%;}	
}

@media screen and (max-width:1225px){
	.margin-top{margin-top:25%;}	
}

@media screen and (max-width:1170px){
	.shrink .logo{display:none;}
	.shrink #navcontain{width:100%;}
	
	.home-welcome{
		background-position:bottom; 
		background-position-x:0; 
		background-size:170%;
	}
	
	.sub-page{padding:120px 0;}
	.herovideo {margin-top: 25%;}
	.contact-left{width:46%;}
	.contact-right{width:53%;}
}


@media screen and (max-width:950px){
	.margin-top{margin-top:30%;}	
	
	.sub-page{padding:50px 0;}
	
	.contact-left{width:100%;}
	.contact-right{width:100%; border-top: 1px solid #eaeaea; margin-top:40px; padding:0;}
	.contact-form{border-left:none; padding:0;}
}

@media screen and (max-width:830px){
	.logo img{width:275px;}
	.head-contact p{font-size:20px;}
	
	.blue-bar h2{font-size:42px;}
	
	.welcome h1{font-size:30px;}
	.welcome p{font-size:18px;}
	
	.home-button{width:40%; font-size:22px;}
}

@media screen and (max-width:750px){
	.sub-page{padding:20px 0;}
	.services-half{width:100%; text-align:center; padding:0;}
	.services-half:nth-child(1){border-right:none;}
	.services-half p{text-align:center;}
	
	.foot-half{width:100%; text-align:center;}	
	.foot-half p{padding:10px 0;}
}

@media screen and (max-width:650px){
	.logo img{width:215px;}
	.head-contact p{font-size:18px; padding:5px 0;}
	
	.margin-top{margin-top:45%;}
	
	.blue-bar h2{font-size:32px;}
	
	.home-button{padding:15px; margin:20px 10px;}
	
}

@media screen and (max-width:575px){
	.logo{width:100%; text-align:center;}
	.logo img{margin:0 auto;}
	.head-contact{width:100%; text-align:center;}
	.header .wrapper{padding:0;}
	.logo img{width:150px;}
	.herovideo {
    margin-top: 62%;
}
}

@media screen and (max-width:500px){
	.logo{padding:10px 0;}
	.logo img{width:180px;}
	
	.welcome h1{font-size:28px; padding:20px 0 0 0;}
	.welcome p{font-size:16px;}
	
	.home-welcome{
		background-position:center;
		background-position-x:0; 
		background-size:290%;
	}
	
	.home-button{width:80%; margin:10px;}
	
	.divfooter{width:90%;}
}

@media screen and (max-width:400px){
	.scrolling-sold h3{font-size:32px;}
	.blue-bar h2{font-size:22px;}
}
@media screen and (max-width:320px){
	.herovideo {
        margin-top: 75%;
    }
}