/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/

a:hover {color:#000; transition: 0.5s;}

.clear {clear: both;}
.left {float:left;}
.right {float:right;}
.none{display:none;}
.center {text-align: center;}

.spacer-special {margin:20px;}
.space-top {padding-top:45px;}
.spacer{padding:20px;}
.spacer-lg {padding:50px;}

.img-responsive {width:100%;}

*{
	box-sizing:border-box;
}

body { 
font-family: 'Roboto', sans-serif;
margin:-1px;
padding:0px;
}

.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;
}




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

h1,h2,h3 {text-transform: uppercase;}
h1 {font-size: 2em; font-weight: bold!important;}

p {font-weight: 300!important; padding:5px; line-height:22px; font-size: 14px;}



/* HEADER 
----------------------------------------------*/
.header{
	width:101%;
	display:inline-block;
	text-align:center;
	margin:0 auto;
	background: #536bad;
}

.logo{
	text-align:center;
	margin:0 auto;
	display:inline-block;
	padding:20px 20px 20px 0px;
	background:#fff;
	margin-left:20px;
}
.logo img{
	width:100%;
	margin:0 auto;
	border:3px solid #fff;
	padding:15px;
}

.social {
	padding: 20px 30px 20px 0;
    text-align: right;
	font-size: 18px;
	float: right;
}

.social a {color:#253561; font-weight: 800; padding-right: 10px;}

.white {background:#fff;}

/* Fade
------------------------------------*/

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.fade-in {
  animation: fadeIn .5s ease forwards;
}

.fade-in-two {
  animation: fadeIn 2.0s ease forwards;
}

.fade-in-three {
 animation: fadeIn 4.0s ease forwards;
}



@keyframes topFadeOut {
  0% {
    position: absolute;
    top: -3rem;
    opacity: 0;
  }

  75% {
    position: absolute;
    top: 7.5em;
    opacity: 1;
  }

  100% {
    opacity: 1;
	
  }
}


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

.search-box {
	position: absolute;
    width: 40%;
    margin: -30% 3%;
    background: #253561;
    padding: 20px;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
}

.search-box h2 {font-size: 20px;}

.blue-bar {background:#536bad; padding:5px; width:100%; }
.blue-bar h4 {color:#fff; font-size: 18px;}
.blue-btn {background:#253561; border:1px solid #fff; color:#fff; padding:10px; font-size: 16px; margin-left:15px;}
.blue-btn:hover {background:#536bad; color:#fff; text-decoration: none;}

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

			.cta {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
			}
			.cta ul { 
				margin:0; 
				padding:0px;
				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: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 300px;
				z-index:999;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #073211; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:10px;}

			.cta a h3 { color: #666; font-weight: bold; line-height: 1; text-transform:none; font-size:16px;  vertical-align: bottom; width:100%; margin:0 0 20px; padding:0px;}

			.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/general-eq.jpg); margin:10px; }
			.cta ul li .cta2 { background-image:url(/siteart/cranes.jpg); margin:10px;}
			.cta ul li .cta3 { background-image:url(/siteart/paving.jpg); margin:10px;}
			.cta ul li .cta4 { background-image:url(/siteart/foundation.jpg); margin:10px;}
			.cta ul li .cta5 { background-image:url(/siteart/tunneling.jpg); margin:10px;}
			.cta ul li .cta6 { background-image:url(/siteart/earth.png); margin:10px;}
			.cta ul li .cta7 { background-image:url(/siteart/marine.jpg); margin:10px;}
			.cta ul li .cta8 { background-image:url(/siteart/vehicles.jpg); margin:10px;}
			.cta ul li .cta9 { background-image:url(/siteart/misc.jpg); margin:10px;}

			.cta a:hover .overlay { background: rgba(83,107,173,.7); }
			.cta a h3:hover { color:#fff!important; }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }





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

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

.hosted-content h1{
	font-size:22px!important;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
	
}
	
.hosted-content h3{
	text-transform:none !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
	font-size: 1.3em!important;
}

.hosted-content #main-search input, .hosted-content #main-search select {text-align: center; color:#fff;}
/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#253561;
	padding: 10px 0 30px 0;
	overflow: auto;
	margin-top:-10px;
}

.footer a{
	color:#eaeaea;
	font-weight: bold;
	
}

.footer a:hover{
	color:#536bad;
	text-decoration:none;
	transition: 0.3s;
}
.divfooter{
	width:60%;
	margin:20px auto;
}

.footer img {display: inline-block; padding-bottom: 10px;}

.footer h4 {font-size: 18px; text-transform: uppercase; padding:10px 0;}

ul {margin-block-start: 0!important; }
ul.secondary li {list-style: none; padding-bottom: 7px; }


@media screen and (max-width:1200px){
	.search-box {width:80%; margin:-37% 10%;}
}
@media screen and (max-width:920px){
	.search-box { 
    width: 70%;
    margin: -36% 13%;
    background: #253561;
	padding:5px 35px;
}

	.search-box h1 {font-size: 15px;}
	.carousel-indicators {display:none!important;}
}

@media screen and (max-width:768px){
	.cta ul li div:first-child {margin-bottom: 10px;}
	.spacer-special {margin:0px;}
	
	.left {float: none;}
	.text-left {text-align: center!important;}
	.space-top {padding-top:0px;}
	
	.social {
	padding: 40px 20px; text-align: center;}
	

	.logo {padding:10px 0;}
	
}
@media screen and (max-width:650px){
	.search-box {display:none;}
}