/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-text-size-adjust:none; font-family: "open sans",sans-serif;}

a {
	color:inherit;
	text-decoration:none;
	
}

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

p{
	padding:10px 0 ;
}

body {overflow-x:hidden;}


h1,h2,h3,h4 {text-transform: uppercase;}

.spacer {padding:10px;}
.spacer-alt {padding:40px;}
.spacer-top {padding:80px 10px 0;}

.img-responsive {width:100%}

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

*{
	box-sizing:border-box;
}

body { 

}

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

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


.swiper {
  width: 100%;
	height: fit-content;
}


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



/* ANIMATE
-----------------------------------------------*/

.animate-reveal {
  letter-spacing: .5px;
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate-third {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}




/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background: #474747;
	border-bottom: 3px solid #B53C3C;
	box-shadow: 1px 1px 5px #999;
}

.header-1{
	color: #474747;
	font-weight: 600;
}

.header-2{
	color: #474747;
}

.subtitle-text{
	font-size: 20px;
}

.logo{
	text-align:left;
	display: flex;
	justify-content: flex-start;
	width: auto;
	display:inline-block;
	padding:24px 0px;
}
.logo h1 {
	font-size: 28px;
	margin:0 auto;
	font-family: 'Ultra', serif;
	color: #fff;
	text-transform: none!important;
}

.logo img {
	width:236px;
	margin:0 auto;
	font-family: 'Ultra', serif;
	color: #fff;
	text-transform: none!important;
}

.carousel-caption h5 {font-size: 1.8em; text-transform: uppercase; color:#474747;}
.carousel-caption h4 {font-size: 2.5em; text-transform: uppercase; color:#474747; font-weight: bold;}
.carousel-caption a {font-size: 1.5em; text-transform: uppercase; color:#474747; font-weight: bold;}

.nav-wrap {width:60%; }

/* HOME PAGE STYLES
-----------------------------------------------*/
.fixed-width{width:80%; margin:0 auto!important; display: flex; justify-content: space-between;}
.links-wrap {background:url(/siteart/earth-bg.jpg); background-size: cover; padding:20px; overflow: auto;}

.black-btn {background:#000; padding:10px; font-weight: bold;text-align: center; margin:10px; width:100%;}
.black-btn a {color:#fff!important; text-transform: uppercase;}

.black-btn:hover {
	background:#333; 
	-webkit-transition:.3s ease-in;  
	-moz-transition:.3s ease-in;  
	-o-transition:.3s ease-in;  
	transition:.3s ease-in;	}

.grey-bg {background:#DBDBDB; padding:20px; overflow: auto; text-align: center;}

ul.secondary li {display: inline-block; transition-delay: .5;}
ul.secondary li a:hover {zoom:120%;}
.white {color:#fff!important; text-shadow: 0px 0px 5px #000;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/* INVENTORY
------------------------------------------------*/
/*  INVENTORY
------------------------------------------------*/	
.body-content {font-family: "open sans",sans-serif !important;}


/*  INVENTORY HEADER
------------------------------------------------*/
.list-content .list-title {align-items:center !important;}
.list-content .list-title .list-title-text {font-size:1.5em !important;}
.list-content h1 span {font-size: 18px; text-transform:none; color: #5a5a5a;}
.list-content .list-title .list-listings-count {font-weight:700 !important; color:#B53C3C !important; font-family: "open sans",sans-serif;}


/*  INVENTORY FACETED
------------------------------------------------*/	
.faceted-search-content .selected-facets-container .selected-facet {border-radius:0 !important; background-color: #B53C3C !important;}
.faceted-search-content .faceted-section-head h5 {font-size:18px !important;}
.faceted-search-content .faceted-section-box .faceted-text-input, .faceted-search-content .faceted-section-box .faceted-search {border-radius:0 !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:0 0 0 3px !important;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {border-radius:0 !important; background-color: #B53C3C !important;}


/*  INVENTORY MAIN SECTION
------------------------------------------------*/	
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#B53C3C !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    border-radius:0 !important; background-color: #B53C3C !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link {border-radius:0 !important; background-color: #333 !important;}


/*  INVENTORY MOBILE
------------------------------------------------*/	
.list-content .list-listing-mobile .price-container .price {color: #B53C3C !important;}
.list-content .list-listing-mobile .price-container .fin-stacked.purchase-today-link {background:transparent !important;}
.list-content .list-listing-mobile .email-seller-link {border-radius:0 !important; background-color: #333 !important;}
.list-content .list-listing-mobile .view-listing-details-link {border-radius:0 !important; background-color: #B53C3C !important;}


/*.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:#B53C3C !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px!important;
	color:#000;
	text-transform:uppercase!important;
	padding-bottom:0 !important;
	font-family: "open sans",sans-serif;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}*/

.financing {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #f57c00; 
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.financing:hover {
  background-color: #333333; 
}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#303030;
	padding: 30px 0 30px 0;
	overflow:auto;
	text-transform: uppercase;
}

.footer p{
	text-transform: none!important;
}
.footer a{
	color:#fff!important;
	text-decoration:none;
	font-weight: bold;
}

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

.footer h4 {font-size: 20px;}
ul.tertiary li {display: block; text-align: left;}
ul.tertiary li a {color:#fff!important;}



@media screen and (max-width:1450px){
	.black-btn a {color:#fff!important; text-transform: uppercase; font-size: 12px;}
}
@media screen and (max-width:1200px){
	
	.fixed-width {width:93%;}
	
	.logo img {
		width:128px;
	}
}

@media screen and (max-width:768px){
	#menu-button{ 
	text-align: left!important;
	}
	.logo h1 {font-size: 16px;}
	.logo img {
		width:96px;
	}
	.carousel-caption {

	  bottom: 0%;
	}
	
	.header-1{
		font-size: 20px
	}
	.header-2{
		font-size: 16px;
	}
	
	.carousel-caption{
		padding-bottom: 0px !important;
	}
}

@media screen and (max-width:360px){
	.header-1{
		font-size: 16px
	}
	.header-2{
		font-size: 12px;
	}
}