/* RESET 
------------------------------------------------*/




a {
	color:#111;
	text-decoration: none;
}

a:hover{
	color:#222;
	text-decoration:none;
}

p{
	padding:7px 0;
}



/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.my-left {float:left;}
.my-right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

.my-body { 
	overflow-x:hidden;
	background:#A8A8A8;
}

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

.my-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 
----------------------------------------------*/
.my-header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	background:#E28625;
	border-bottom: 5px solid #F0B81A;
}

.my-logo{
	text-align:left;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:7px 0 0 20px;
}
.my-logo img{
	width:50%;
	margin:-15px auto;
	position: absolute;
}


.fixed-width {width:90%; margin:0 auto; background:#fff;}

p.facebook {margin-top: 20px!important;}

.phone {margin:15px 15px 0 0;}
.phone a {font-size:18px; font-weight: bold; color:#fff;}



/* HOME PAGE STYLES
-----------------------------------------------*/

.facebook {color:#000!important; font-weight: bold; font-style:italic;}
.facebook:hover {text-decoration: none;}

.orange-btn {background:#F0B81A; padding: 10px 40px; border-radius: 25px; color:#fff; font-weight: bold; }
.orange-btn:hover {background:#333; color:#fff; text-decoration: none;}

.white-bg {background:#fff;}

.right-space {padding: 25px 40px 0 0;}

.tagline h2 {font-size: 30px;}
.tagline {padding:50px 30px 0 0;}

.welcome {background:url("/siteart/welcome.png"); background-size: cover; padding:50px 25px;}
.welcome p {color:#fff!important; font-weight: bold; text-shadow: 1px 1px 5px #000;}

.spacer {padding:35px 15px;}

.white-title {text-transform: uppercase; color:#fff;}

.orange-form {background:#E28625; padding:35px 0 10px; overflow: auto;}


/*captcha expand */

.expand-form {width:980px; margin:3.5% auto 0 auto; padding:0;}
.expand-form .three-cells {width:31.4%; *width: 31%; margin:0 .8% !important;}
.expand-form .CaptchaWhatsThisPanel a {color:#fff;}

div.accordion {display:block; margin:3.5% auto 0 auto; text-align:center;}
.accordion {
    width:100%; cursor: pointer; border: none; outline: none; margin:60px auto!important; padding:15px 0; font-size:16px; text-align:center; color:#fff; background-color:#444; transition: 0.4s; font-family: 'robotolight', sans-serif;
}

.active, .accordion:hover {background-color: #333;}
.panel {overflow: hidden; max-height:0; padding:0; transition: max-height 0.2s ease-out;}

ul.secondary li {display: inline-block; list-style: none; padding:0 20px;}
ul.secondary li a {text-decoration: none; font-weight: bold;}


.contact { margin-top: 40px; }


/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				padding:50px 10px 0px;
				position: relative;
				z-index: 1;
				background:#707070;
				
			}
			.cta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: contain;
				background-position: 50% 50%;
				padding: 0;
				height: 350px;
				z-index:999;
				margin-bottom: 7px;
			}

			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #fff; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:20px 10px;  margin-bottom: 130px;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.cta a:hover { opacity: 1; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.cta ul li .cta1 { background-image:url(/siteart/cta.png); margin:10px; }
			.cta ul li .cta2 { background-image:url(/siteart/cta.png); margin:10px;}
			.cta ul li .cta3 { background-image:url(/siteart/cta.png); margin:10px;}
			.cta ul li .cta4 { background-image:url(/siteart/cta.png); margin:10px;}

			.cta a:hover .overlay { margin-top: 10px!important;}
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }

/* =============================================================================
     INVENTORY LANDING                                                             
============================================================================= */

			.invcta {
			    overflow: auto;
				padding:0px 10px 30px;
				position: relative;
				z-index: 1;
				
			}
			.invcta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.invcta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.invcta ul li:first-child { margin-left:0px; }
			
			.invcta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: contain;
				background-position: 50% 50%;
				padding: 0;
				height: 350px;
				z-index:999;
				margin-bottom: 7px;
			}

			.invcta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.invcta a h2 { color: #fff; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:20px 10px;  margin-bottom: 130px;}
			.invcta a h2 strong { display: block; font-weight: 800; }
			.invcta a:hover { opacity: 1; }
			.invcta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.invcta ul li .cta1 { background-image:url(/siteart/cta.png); margin:10px; }
			.invcta ul li .cta2 { background-image:url(/siteart/cta.png); margin:10px;}
			.invcta ul li .cta3 { background-image:url(/siteart/cta.png); margin:10px;}
			.invcta ul li .cta4 { background-image:url(/siteart/cta.png); margin:10px;}

			.invcta a:hover .overlay { margin-top: 10px!important;}
			
			/* Interior */
			#interior .invcta ul li div:first-child { height: 135px; }



/* INVENTORY
------------------------------------------------*/

.inv-body  {background:#A8A8A8;}
.inv-body p {padding:7px 0;}
.inv-body img {display: inline-block;}

.lists {padding-top: 100px;}

.cf{background:#fff;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#E28625 !important;
}

.hosted-content #listings-title {font-size: 25px!important; font-family: 'Ubuntu', sans-serif!important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size: 20px!important; font-family: 'Ubuntu', sans-serif;}


/* FOOTER
------------------------------*/
.my-footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#2B2B2B;
	padding: 30px 0;
}

.my-footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.my-footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.my-divfooter{
	width:60%;
	margin:20px auto;
}


@media screen and (max-width:1520px){
	.invcta a h2 {font-size:17px;}
}

@media screen and (max-width:1200px){
	.invcta a h2 {font-size:12px; padding:0 10px 25px;}
}


@media screen and (max-width:1120px){
	.facebook {display: none;}
	.tagline h2 {font-size: 25px;}
}

@media screen and (max-width:990px){
.invcta a h2 {font-size:24px;}
}

@media screen and (max-width:768px){
	.fixed-width {width:100%;}
}

@media screen and (max-width:578px){
	.col-sm-6 {width:50%!important;}
	.my-logo img{width:90%;}
	
	.contact { margin-top: 60px; }
}