﻿

* { padding: 0; margin: 0; }

/* CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/* BEGIN MAIN */


/* GENERAL */

.dividerline {
	border-bottom: 2px #e0e0e0 solid;
}

.soarrtextwrap {
	padding: 0 80px;
}

a:link {
    color: #999;
}

a:visited {
    color: #999;
}

a:hover {
    color: #961a35;
}

a:active {
    color: #999;
}

a img {
   border:none; 
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	
	/* background should be same as footer background */
	background: #FFF;
	padding: 0;
	margin: 0;
}

em {
	font-weight: bold;
	font-style: normal;
}


#main-wrapper {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 20px 0;
}

#main-wrapper h1 {
	font-family: 'Lora', serif;
	padding: 30px 0 0;
	font-size: 27px;
	font-weight: normal;
	color: #d89100;
	text-align: center;
}

#main-wrapper p{
	padding-top: 10px;
	line-height: 27px;
	text-align: justify;
}

.wrapper {
	box-sizing: border-box;
	padding-bottom: 20px;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0;

}

.sub-wrapper {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 80px;
	z-index: 10;
}

.show-background-1 {  
	background-image: url('images/show-background-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.divider-line {
	box-sizing: border-box;
	display: inline-block;
	border-top: 2px #e0e0e0 solid;
	width: 100%;
}

.gray-line {
	border-top: 2px #e0e0e0 solid;
}

.para-cover {
	/* background: url(images/parallax-overlay.png); */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}




/* ----- MINI SEARCH ----- */

form.searchcont{
	position: relative;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	background: transparent;
	border: none;
	font-size: 9pt;
	text-align: center;
}


form.searchcont .title .advsearch{
	background: transparent url(../images/arrow-down.png) no-repeat scroll left top;
}

form.searchcont .title .simplesearch{
	background: transparent url(../images/arrow-up.png) no-repeat scroll left top;
}

form.searchcont .buttons{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

form.searchcont span{
	background: transparent;
}

form.searchcont .filter, form.searchcont .extra{
	display: inline-block;
	position: relative;
	text-align: left;
	margin-right: 16px;
	background: transparent; 
	color: #255274;
	padding-top: 6px;
}

form.searchcont .filter label{
	text-align: left;
	display: block;
	font-weight: bold;
	background: transparent;
	color: #255274;
}

form.searchcont .filter select, form.searchcont .filter input[type=text]{
	border-color: rgb(169,169,169);
	border-width: 1px;
	color: inherit;
	font: inherit;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	color: #255274;
}

form.searchcont .filter select{
	margin-left: 0;
	height: 29px;
	color: #255274;
}

form.searchcont button{
	margin-left: 10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	background: #255274;

}

form.searchcont input[type=text]{
	height: 24px;
	line-height: 24px;
	padding: 2px;
}

form.searchcont #lmiles, form.searchcont #hmiles, form.searchcont #lprice, form.searchcont #hprice{
	width: 60px;
	border-style: solid;
	border-width: 1px;

}

form.searchcont input[type=submit]{
	border: none;
	color: #FFF;
	padding: 0 14px;
	line-height: 30px;
	cursor: pointer;
	font-weight: bold;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	background: #255274;
	display:inline-block;
	position: relative;
	margin-top: 0px;
}

form.searchcont input[type=submit]:hover {
	background: rgba(37, 82, 116, .8);
}

.submitaddpadding {
	margin-top: 17px !important;
}


#clearfilter {
	border: none;
	color: #FFF;
	padding: 0 14px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	background: #255274;
}


#clearfilter:hover {
	background: rgba(37, 82, 116, .8);
}








/* INVENTORY SORT STYLES */

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    background: transparent;
    margin-bottom: 10px;
    text-align: left;
}

.fieldset legend {
  font-size: 16px;
  font-weight: bold;
  padding: 2px 2px;
  color: #047d90;

}

fieldset a {
	text-decoration: none;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 20px;
	color: #646464;
	font-weight: bold;
}

fieldset a:visited {
    color: #646464;
}


fieldset a:hover {
	color: #747474;
}



@media screen and (max-width: 550px) {
	td, th {
	    display: block;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    float: left;
	}



}

#myForm {
	max-width: 100%;
}

form.searchcont .extra {
	max-width: calc(100% - 10px) !important;
}

form.searchcont .extra .filter {
	max-width: 100% !important;
}

form.searchcont .extra .filter select#unitlocation {
	max-width: 100% !important;
}














#featuredinventory, #otherequipment {
	font-size: 0;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center;
}

#featuredinventory .unit {
	box-sizing: border-box;
    max-width: 600px;
    width: 100%;
    display: inline-block;
    height: auto;
    background: rgba(255, 255, 255, .7);
    margin-bottom: 20px;
}

#featuredinventory .unit a {
	box-sizing: border-box;
	color: #646464;
	text-decoration: none;
	display: inline-block;
    position: relative;
    padding: 10px;
    width: 100%;
    font-size: 18px;
}


#featuredinventory .unit .title-area{
	font-size: 28px;
	font-weight: bold;
}

#featuredinventory .unit .title-area .unittype {
	font-size: 18px;
	font-weight: normal;
}

#featuredinventory .unit .title-area .price {
	font-size: 22px;
	letter-spacing: 2px;
}



















#otherequipment {
	margin-top: 32px;
}

#otherequipment .unit, #otherequipment #othertitleholder {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: calc(100% / 6);
	font-size: 12pt;
	overflow: hidden;
	color: #222;
	background: transparent;

}

#othertitleholder h1 {
	padding: 0 !important;
	text-align: center;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

#otherequipment .unit a {
	box-sizing: border-box;
	color: #646464;
	text-decoration: none;
	display: inline-block;
    position: relative;
    padding: 10px;
    width: 100%;
}

#otherequipment .unit:hover {
    background: rgba(244, 229, 198, .3);

}

.unit .thumbcontainer {
	width: 100%;
	box-sizing: border-box;
}

.unit .unitthumb{
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}


#otherequipment .unit .title-area{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #646464;
	width: 100%;
	text-transform: none;
	font-size: 14px;
	line-height: 110%;
	overflow: hidden;
}

#otherequipment .unit .title-area .unitType {
	float: left;
	clear: left;
}




@media screen and (max-width: 1050px) {

	#otherequipment .unit .title-area{
		font-size: 13px;
	}
		
	#otherequipment #othertitleholder {
	    width: 100%;
	}
	
	#otherequipment .unit {
		width: calc(100% / 5);
	}
	
	#otherequipment .unit a {
	    padding: 6px;
	}
		
	#main-wrapper {
		padding: 20px 0;
	}
	
	.sub-wrapper {
		padding: 0 40px;
	}

}



@media screen and (max-width: 850px) {

	#otherequipment .unit .title-area{
		font-size: 12px;
	}
	
	#otherequipment .unit a {
	    padding: 4px;
	}

}

@media screen and (max-width: 800px) {

	#otherequipment .unit {
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 600px) {

	#otherequipment .unit {
		width: 50%
	}
	
	#main-wrapper {
		padding: 20px 0;
	}
	
	.sub-wrapper {
		padding: 0 20px;
	}

}


















.submain-wrapper {
	padding: 10px;
	position: relative;
	width: calc (100% - 20px);
}

.submain {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 10px 0px;
	overflow: hidden;
	overflow-x: hidden;
	text-align: center !important;
}

.submain p {
	text-align: justify;
}


.color-0 {
	background: transparent;
	color: #000;
}

.color-1 {
	background: #f5f5f5;
	color: #000;
}

.color-2 {
	background: #e9e3d1;
	color: #000;
}




/* END MAIN */


/* BEGIN MAIN SUBSTYLES */

.subs {
	display: block;
	position: relative;
	float: left;
	margin-bottom: 10px;
}

.sub-100 {
	width: 100%;
}

.sub-67 {
	width: 67%;
}

.sub-50 {
	width: 50%;
}

.sub-33 {
	width: calc(100% / 3);
}

.sub-25 {
	width: 25%;
}

.sub-20 {
	width: 20%;
}

.subs-inner {
	width: calc(100% - 10px);
	margin: 10px;
	height: 100%;
	padding: 0;
}


.subs-button {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
	height: 130px;
}

.subs-button:hover {
	opacity: .8;
}

.subs-button-icon {
	display: block;
	position: absolute;
	bottom: -5px;
	
}

.largeicon {
	width: 70px;
	left: calc(50% - 30px);
}

.smallicon {
	width: 50px;
	left: calc(50% - 20px);
}

.subs-button-icon img{
	width: 100%;
}



@media screen and (max-width: 600px) {
	.sub-50 {
		width: 100%;
	}
	.sub-33 {
		width: 100%;
	}

}

/* END MAIN SUBSTYLES */



@media screen and (max-width: 922px) {
	body {
		font-size: 16px;
	}
	
	h1 {
		font-size: 30px
	}
	
	h2 {
		font-size: 22px
	}

	h3 {
		font-size: 20px
	}

	h4 {
		font-size: 20px
	}

	.requestbox {
		margin-left: 5px;
		margin-right: 5px;
	}

}

@media screen and (max-width: 700px) {
	
	body {
		font-size: 15px;
	}
	
	h1 {
		font-size: 20px
	}
	
	h2 {
		font-size: 18px
	}

	h3 {
		font-size: 16px
	}

	h4 {
		font-size: 16px
	}

	.soarrtextwrap {
	
		padding: 0 30px;
	}


}

@media screen and (max-width: 600px) {
	
	body {
		font-size: 14px;
	}
	
	.soarrtextwrap {
	
		padding: 0 20px;
	}

}

@media screen and (max-width: 500px) {
	
	body {
		font-size: 14px;
	}
	
	.soarrtextwrap {
	
		padding: 0;
	}

}






.financial p {
	
}


.financial {
	box-sizing: border-box;
	position: relative;
	display: block;
	margin: 0 auto;
	line-height: 130%;
	text-align: center;
}

.financial .leftgroup {
	display: inline-block;
	padding: 5px 20px;
}

.financial .leftgroup img {
	max-width: 100%;
}


.financial .rightgroup {
	display: inline-block;
	padding: 5px 20px;
}

.financiallogo {
	width: 200px;
}
