/* Table of Contents
------------------------------------------------*/
/*
	1.) Overall Site
		A.) Reset
		B.) Global Framework
	
	2.) Header 
	
	3.) Home Page
		A.) Hero
		B.) Inventory Buttons
		C.) Welcome
		D.) Weather Widget
		E.) Embedded Google Map
		F.) Scrolling Inventory
	
	4.) About
		A.) About Page Styles
	
	5.) Inventory
		A.) Landing Page Styles
		B.) Ifamed Inventory
	
	6.) Contact
	
	7.) Thank You Page/404 Page
	
	8.) Footer
		A.) Navigation
		B.) Truckpaper Footer Styles
	
	9.) Media Queries
		A.) max-width: 1830px
		B.) max-width: 1715px
		C.) max-width: 1565px
		D.) max-wdith: 1395px
		E.) max-width: 1275px
		F.) max-width: 1170px
		G.) max-width: 1015px
		H.)	max-width: 900px
		I.)	max-width: 780px
		J.) max-width: 575px
		K.) max-width: 465px	
		L.) max-width: 400px
		
------------------------------------------------*/


/* 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 { 
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

p{
	padding:20px 0;
}
/* Faceted Listing Styles
------------------------------------------------*/
.inventory_buttons .flex_container {margin: 0 auto;}
.main-detail-data div, .main-detail-data i, .main-detail-data span {margin: 0;}
.faceted-search-content-container, div#listContainer, section.bottom-section, .detail-content-mobile {background-color: #fff;}
.detail-content {margin-top: 50px !important;background-color: #fff;padding: 24px;border-radius: 8px;}
.container.cf {margin: 50px auto 0px !important;background-color: #fff;padding: 5px !important; border-radius: 8px;}
.container.cf, .container.cf .container {float:none !important;}
.data-label {background-color:#2ea5de !important; color:#000 !important; font-weight:700;}
button.offer-btn, a.view-listing-details-link.fa, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, button#send-email-btn-mobile, button.offer-btn-mobile, a.field-value.js-phone-clicktotrack.dealer-phone-mobile, .detail-content-mobile .detail-contact-bar .contact-bar-btn {background-color:#000 !important; color:#2ea5de !important;}
.contact-information a, .listing-top a, .dealer-info a {color: #000;}
.contact-information a:hover, .listing-top a:hover, .dealer-info a:hover {color: #2ea5de !important;}
span.currency-selector, span.price {color: #10c647 !important; margin-bottom:1em;}
span.list-listings-count {color:#fff !important;}
.legal-text-list * {color: #fff;}
.mobile-breadcrumb {background-color: #e6e6e6 !important;}
h3.listing-portion-title, .listing-description, span.list-listings-count {color:#000 !important;}
h3.listing-portion-title:hover {color:#2ea5de !important;}
div#navcontain div.nav div.button {display: none;}
.inventory .container.body-content {background: #ffffff;padding: 1em !important;border-radius: 5px;}
.contact-information .contact, .dealer-info .contact {padding: 5px !important;}
.dealer-info .contact
.inventory div {margin:0; paaind:0;}
.inventory .container.no-pad-wrapper {margin: 0 auto !important;}
a#fin-calc-open-btn {margin: 0;}
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.none {display:none;}

*{
	box-sizing:border-box;
}

body { 
	margin: 0;
	min-height: 100vh;
}

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

h5 {
	font-weight: 600;
}

.flex_container {
	display: flex;
	justify-content: center;
  	align-items: center;
}

.mobile_show {
	display: none;
}

/* HEADER 
----------------------------------------------*/
.header {
	padding-top: 30px;
	width: 100%;
	margin: 0 auto;
	background: #000;
}

.top_header {
	padding-bottom: 30px;
	display: flex;
	flex-direction: row;
	align-items:flex-end;
	justify-content: space-between;
	wdith: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.top_phone {
	text-align:left;
}

.top_email {
	text-align: right;
}

.top_phone a, .top_email a, .top_email a i {
	color:#2ea5de !important;
	font-size: 1.35rem;
	line-height: 1.35rem;
}

.top_phone a:hover, .top_email a:hover, .top_email a:hover i {
	color:#439ac7 !important;
	text-decoration: none;
}

.thin {
	font-weight: 400;
}

.logo {
	text-align: center;
	margin-top: 20px;
	}

.logo img {
	width: 50%;
	margin: 0 auto;
}

/* HOME PAGE STYLES
-----------------------------------------------*/
/*  HERO
-----------------------*/
.hero {
	width: 100%;
	height: auto;
	max-height: 675px;	
}

.hero_bg_img {
	position: relative;
	margin: 0 auto;
}

.hero img {
	width: 100%;
	height: auto;
	max-height: 675px;
	display: flex;
	justify-content: center;
}

.blue_ribbon {
	position: absolute;
	top: 17%;
	left: -1%;
	opacity: .85;
	-webkit-filter: drop-shadow(5px 5px 5px #222);
 	filter: drop-shadow(5px 5px 5px #222);
	width: 50%;
}

.blue_ribbon h2 {
	opacity: 1.0;
	font-size: 4rem;
	line-height: 4.25rem;
	color: #fff;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
            	 0px 18px 23px rgba(0,0,0,0.1);
	position: absolute;
	top: 20%;
	left: 35%;
}


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

.topliner {width:100%;background-color: #2ea5de;padding:20px 20px 0;box-sizing:border-box;color:#fff;}

.inventory_buttons	{
	height: auto;
	background-color: #007AB8;
	/*box-shadow: 0px 3px 5px #373737;*/
	display: flex;
}

.button_box {
	z-index: 1;
	position:relative;
	margin: 0 auto;
}

.button_text {
	
	z-index: 2;
	position:absolute;
	top: 31%;
	left: 2%;
	right: 2%;
}

.truck_inventory, .under_20k_inventory, .trailer_inventory {
	justify-content: space-between;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.truck_inventory img, .under_20k_inventory img, .trailer_inventory img {
	border: #fff solid 2px;
	box-shadow: 3px 3px 5px #373737;
	width: 100%;
    height: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1{	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 2.8rem;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
            	 0px 18px 23px rgba(0,0,0,0.1);
}

.truck_inventory a:hover, .under_20k_inventory a:hover, .trailer_inventory a:hover{ 
	text-decoration: none;
}

.truck_inventory {
	justify-content: flex-start;
}

.under_20k_inventory {
	justify-content: center;
}

.trailer_inventory {
	justify-content: flex-end;
}

.fadein img{
	opacity:0.77;
	transition: 1s ease;
}

.fadein img:hover{
	opacity:1;
	transition: 1s ease;
}

/*  WELCOME
-----------------------*/
.welcome_text_2 a {
	color: #000;
}

.welcome {
	height: auto;
	/*max-height: 1400px;
	min-height: 450px;*/
	background-color: #fff;
	box-shadow: 0px 3px 5px #aaaaaa;
	color: #000;
	width: 100%;
	padding: 30px 0 40px 0;
	background-image:url(../siteart/cream-paper.png);
}

.welcome_container {
	display: flex;
	width: 70%;
	flex-wrap: wrap;
	margin:0 auto;
}

.intro_row_one {
	display: flex;
	flex-direction:row;
	width: 100%;
}

.welcome_text {
	justify-content: flex-start;
	text-align: left;
	width: 69%;
}

.welcome h2 {
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 3rem;
	padding: 15px 0 15px 0;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
            	 0px 18px 23px rgba(0,0,0,0.1);	
}

.final_welcome_text p a:hover {
	color: #000;
	text-decoration: underline;
}

.final_welcome_text p a {
	font-weight: 600;
}

.uta {
	justify-content: flex-end;
	width: 29%;
	text-align: right;
}

.intro_row_two {
	display: flex;
	flex-direction:row;
	width: 100%;
}

.welcome p {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: .5px;
	}

.intro_row_three {
	display: flex;
	flex-direction:row;
	width: 100%;
}

.welcome_text_2 {
	width: 50%;
	margin-right: 40px;
	}

.weather_widget {
	width: 50%;
}

.intro_row_four {
	display: flex;
	flex-direction:row;
	width: 100%;
}

.map {
	width:50%;
	margin-right: 40px;
}


.map iframe {
	width:100%;
}

.welcome_address {
	width: 50%;
}

.final_welcome_text {
	text-align: left;
}


.welcome_address h3, .welcome_address h4 {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.welcome_address a{
	color: #000;
}

.welcome_address a:hover{
	color: #3A3A3A;
	text-decoration: none;
}

/* WEATHER WIDGET
-----------------------*/
.weatherwidget-io {
	box-shadow: 3px 3px 5px #373737;
	margin-bottom: 15px;
}

/*  EMBEDDED GOOGLE MAP
-----------------------*/
.map iframe{
	box-shadow: 3px 3px 5px #373737;
}

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

.scrolling-wrap {
	box-shadow: 3px 3px 5px #373737;
}





/* INVENTORY STYLES */


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#30A4DC !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#30A4DC !important; color:#fff !important}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #30A4DC !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #000 !important; color: #30A4DC !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important; color:#fff !important}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important; color:#fff !important}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
















		
/* ABOUT PAGE
-----------------------------------------------*/

.about {
	height: auto;
	background-color: #007AB8;
	box-shadow: 0px 3px 5px #aaaaaa;
	color: #fff;
	width: 100%;
	padding: 30px 0 40px 0;
}

.about_container {
	display: flex;
	width: 70%;
	flex-wrap: wrap;
	flex-direction:column;
	text-align: center;
	margin:0 auto;
}

.about_container a {
	color: #fff;
	}

.about_container a:hover {
	color: #E7E7E7;
	text-decoration: none;
	}
	
	.team_container {
		width: 100%;
		padding-top:50px;
	}
	
	.team_row_1 {
		width: 80%;
		display: flex;
		height: auto;
		max-height: 300px;
		 align-items:flex-start;
    display: flex; 
    justify-content: center; 
	}
	
	.team_photo img{
		height: auto;
		max-height: 300px;
	}
	
	.team_header {
		width: 100%;
	}

	
	.grey_shadow {
		text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
            	 0px 18px 23px rgba(0,0,0,0.1);
	}

.about_container p {
	font-size: 1.2rem;
}

.team_bio p {
	font-size: 1rem;
}

/* STRUCTURE */
.about_wrapper {
  padding: 5px;
  max-width: 1300px;
  width: 100%;
  margin: 20px auto;
  text-align:left;
}

.columns {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 5px 10px;
  border: solid 2px #eaeaea;
  padding: 10px;
}

.column img {
	width: 100%;
	padding: 10px;
}

.column {
  flex: 1;
}

.column:first-child {
  margin-left: 0;
}

.column:last-child {
  margin-right: 0;
}

.col-1-2 {
	width: 50%;
	padding-top:25px;
}


@media screen and (max-width: 1180px) {
  .columns .column {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columns .column:nth-last-child(2) {
    margin-right: 0;
  }
  .columns .column:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 800px) {
  .columns .column {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
  
  .about_wrapper {
  text-align:center;
}
}



/* INVENTORY
------------------------------------------------*/
.inventory {
	background-color: #000;
	box-shadow: 3px 3px 5px #373737;
}

.inventory-width {
	padding: 40px 0 40px 0;
	box-shadow: 3px 3px 5px #373737;
}

.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:#439ac7 !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;
}

/* Application PAGE
-----------------------------------------------*/
.applications {
	height: auto;
	background-color: #007AB8;
	box-shadow: 0px 3px 5px #aaaaaa;
	color: #fff;
	width: 100%;
	padding: 30px 0 40px 0;
	margin: 0 auto;
}

.applications_header {
	width: 100%;
	padding-bottom: 15px;
}

.applications_header h4 {
	font-size: 2rem;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             	 0px 8px 13px rgba(0,0,0,0.1),
            	 0px 18px 23px rgba(0,0,0,0.1);
}

.applications_header h5 {
	font-size: 2rem;
	font-weight: 400;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.4),
             	 0px 4px 6px rgba(0,0,0,0.1),
            	 0px 10px 14px rgba(0,0,0,0.1);
}

.applications_header p{
	font-size: 1.25rem;
}
.applications_header a {
		color: #fff;
	}

.applications_container {
	display: flex;
	width: 70%;
	flex-wrap: wrap;
	flex-direction:column;
	text-align: left;
	margin: 0 auto;
}

.applications_container ul {
	list-style: none;
}

.applications_container ul a {
	color: #fff;
	font-size: 1.5rem; 
}

.applications_container ul a:hover {
	text-decoration: underline;
}

.applications_container li {
	padding: 5px 0;
}

/* CONTACT PAGE
-----------------------------------------------*/
.contact {
	height: auto;
	background-color: #007AB8;
	box-shadow: 0px 3px 5px #aaaaaa;
	color: #fff;
	width: 100%;
	padding: 30px 0 40px 0;
}

.contact_container {
	display: flex;
	width: 70%;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0 auto;
}

.contact-content{
	display: flex;
	flex-direction: row;
	gap: 128px;
}

.contact-half{
	flex: 50;
	justify-content: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-form{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.horizontal-bar{
	background-color: #8C8C8C; 
	border: 1px #CCCCCC solid; 
	opacity: 0.2; 
	margin: 0px 12px;
}

.contact-input{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.contact-input input{
	padding: 12px 6px;
	border-radius: 2px;
}

.contact-input textarea{
	padding: 12px 6px;
	border-radius: 2px;
	height: 96px;
}

.contact_container h1 {
	text-align: center; 
	
}

.submit-button{
	align-self: center;
	padding: 10px 24px;
	cursor: pointer;
}

.contact_main {
	width: 100%;
	display: flex;
	max-width: 1550px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
}

.contact_phone a, .contact_address a, .contact_email a, .contact_socials {
	color: #FFFFFF;	
	font-size: 1.5rem;
}

.contact_phone a:hover, .contact_address a:hover, .contact_email a:hover .contact_socials a:hover{
	color: #E7E7E7;
	text-decoration: none;
}

.contact_phone {
	justify-content: flex-start;
	text-align:left;
}

.contact_address {
	justify-content: flex-start;
	text-align:left;
}

.contact_email {
	justify-content: flex-start;
	text-align:left;
}

.contact_socials {
	justify-content: flex-start;
	text-align:left;
}

.contact_map {
	justify-content: center;
	padding: 5px;
	margin: 0 auto;
	width: 100%;
}

.contact_map iframe {
	width: 100%;
	min-height: 500px
}

/* WE BUY TRUCKS PAGE
-----------------------------------------------*/
table#formpage {margin: 0 auto !important;}
.truck_sales_form {
	width: 100%;
	margin: 1.5%;
}

#formpage {
vertical-align:top;
}

#formpage td {
vertical-align:top;
padding:3px 5px;
}
        
#formpage input {
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#626262;
	font-size:12px;
}

#formpage textarea {
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
}
   
#formpage input  {
    width:250px;
}
 
#formpage input.larger  {
    width:250px;
}

#formpage textarea {
    width:250px;
    height:85px;
}


#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 



#formpage input.button,
#formpage input.button:focus {
    width:200px; 
    margin:0;
    padding:7px 0;
    background:#3989c2 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #fff solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

#formpage input.button:hover {
	color:#00549A;
	text-shadow:none;
	border:2px #00549A solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
 


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
 

.form_button{
	position: relative;

	
}

/* THANK YOU/404 PAGES
-----------------------------------------------*/
.thank_you {
	display: flex;
	background-color: #2ea5de;
	color: #fff;
	text-align:center;
	justify-content:center;
}

.thank_you h1 {
	margin: 300px 0 300px 0;
	text-align: center;
}


/* FOOTER
----------------------------------------------*/
.footer {
	width: 100%;
	background-color: #000;
}

.footer_contact {
	width: 100%;
	display: flex;
	max-width: 1550px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
}

 .footer_address a, .footer_email a {
	color: #fff !important;	
	font-size: 1.5em;
}
.footer_phone h5, .footer_phone a {color:#fff !important;font-size:18px;}

.footer_phone a:hover, .footer_address a:hover, .footer_email a:hover {
	color: #0076ba !important;	
	text-decoration: none;
}

.footer_phone {
	justify-content: flex-start;
	text-align:left;
	margin: 0 auto;
	width:33.33%;
}

.footer_address {
	justify-content: center;
	text-align:center;
	margin: 0 auto;
	width:33.33%;
}

.footer_email {
	justify-content: flex-end;
	text-align:right;
	margin: 0 auto;
	width:33.33%;
}

/* TRUCK PAPER FOOTER
-----------------------*/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline;font-size:14px; color: #375a92;}
a.footerlink:hover {text-decoration:none; font-size:14px;}

.footertext{font-size:14px; color:#0076ba;}

.smallfootertext{font-size:12px; color:#0076ba;}

.divfooter {width:60%; max-width: 900px; text-align:center; margin:0 auto; padding-bottom: 30px;}

/* MEDIA QUERIES
----------------------------------------------*/
@media screen and (max-width:1830px){
.about_container {
	width: 100%;
}
}

@media screen and (max-width:1715px){
.blue_ribbon h2 {
	font-size: 3.75rem;
	line-height: 3.95rem;
	top: 20%;
	left: 30%;
}	
}

@media screen and (max-width:1565px){
.blue_ribbon {	
	width: 58%;
}
}

@media screen and (max-width:1395px){
.blue_ribbon {	
	width: 62%;
}

.team_row_1 {
	width: 100%;
}	

.team_contact_info h3 {
	font-size: 1rem;
}

.team_photo { 
	width: 20%;
}

.team_photo img{
	width: 100%;
}

.team_contact_info {
	width: 33%;
}

.team_bio {
	width: 100%;
}

}

@media screen and (max-width:1170px){
.top_header {
	padding: 0 20px 30px 20px;
	wdith: 100%;
	max-width: 1000px;
}

.top_phone a, .top_email a {
	font-size: 1.25rem;
	line-height: 1.25rem;
}

.top_phone, .top_email {
	min-width: 125px;
}

.blue_ribbon {	
	width: 51%;
}

.blue_ribbon h2 {
	font-size: 3rem;
	line-height: 3.1rem;
	top: 20%;
	left: 20%;
}

.no-pad-wrapper {
	width: 90%;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.contact_container {
	width: 85%;
}

.thank_you h1 {
	margin: 200px 0 200px 0;
}

.footer_contact {
	width: 100%;
	max-width:	1000px;
}

.footer_phone a, .footer_address a, .footer_email a {
	font-size: 1.25rem;
	line-height: 1.25rem;
}
}

@media screen and (max-width:1030px){
.welcome p {
	font-size: 1.4rem;
	line-height: 1.8rem;
	letter-spacing: .1px;
	}

.top_header {
	padding: 0 20px 30px 20px;
	wdith: 100%;
	max-width: 900px;
}

.blue_ribbon {	
	width: 56%;
	top: 14%;
}

.blue_ribbon h2 {
	font-size: 2.75rem;
	line-height: 2.8rem;
	top: 18%;
	left: 25%;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 2.25rem;
	line-height: 2.25rem;
}


.intro_row_three {
	flex-direction: column;
	}

.welcome_text_2 {
	width: 100%;
}

.weather_widget {
	width: 100%;
}

.contact_container {
	width: 90%;
}
}

@media screen and (max-width:900px){
.top_header {
	padding: 0 20px 30px 20px;
	wdith: 100%;
	max-width: 700px;
}

.blue_ribbon {	
	width: 57%;
}

.blue_ribbon h2 {
	font-size: 2.3rem;
	line-height: 2.45rem;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 2rem;
	line-height: 2rem;
}

.inventory_buttons {
	height: auto;
	min-height: 200px;
}

.intro_row_four {
	flex-direction: column;
}

.map {
	width: 100%;
}

.welcome_address {
	width: 100%;
}

.contact_phone a, .contact_address a, .contact_email a, .contact_socials a{
	font-size: 1.25rem;
}

.thank_you h1 {
	margin: 100px 10px 100px 10px;
}
	
.contact-content{
	flex-direction: column;
	gap: 24px;
}

.contact-half{
	flex: 100;
}

}

@media screen and (max-width:780px){
.top_header {
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: none;
	wdith: 100%;
	max-width: 700px;
}

.logo {
	order: -1;
	padding-bottom: 15px;
}

.logo {
	max-height: 100px;
}

.logo img {
	width: 65%;
}

.logo, .top_phone, .top_email {
	width: 100%;
	text-align: center;
}

.blue_ribbon {
	width: 100%;
	left: 0;
	top: 20%;
}

.blue_ribbon h2 {
	font-size: 2rem;
	line-height: 2rem;
	width: 100%;
	background-color: #375a92;
	padding: 20px 0 20px 0;
	left: 0;
	text-align:center;
}

.mobile_show {
	display:inline;
}

.mobile_hide {
	display: none;
}

.top_phone a, .top_email a {
	font-size: 2rem;
	line-height: 2rem;
}

.top_phone {
	padding-bottom: 15px;
	padding-top: 15px;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 1.45rem;
	line-height: 1.5rem;
}

.inventory_buttons {
	height: auto;
	min-height: 150px;
}

.contact_main {
	flex-direction: column;
	padding-top: 10px;
}

.contact_phone, .contact_address, .contact_email, .contact_socials{
	text-align:left;
	justify-content: left;
}

.contact_phone, .contact_address, .contact_email, .contact_socials {
		padding-bottom: 15px;
	}
	
.contact_phone a, .contact_address a, .contact_email a, .contact_socials{
	font-size: 1.7rem;
}

.footer_contact {
	display: flex;
	flex-direction:column;
	text-align:center;
}

.footer_phone, .footer_address, .footer_email {
	text-align: center;
	padding: 10px 0 10px 0;
}

.footer_phone a, .footer_address a, .footer_email a{
	font-size: 1.5rem;
	line-height: 1.5rem;
}
}


@media screen and (max-width:575px){
.logo {
	max-height: 85px;
	padding-bottom: 7px;
}

.top_phone a, .top_email a {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.flex_container { 
	flex-direction:column;
}

.hero img {
	min-hieght: 250px;	
}

.inventory_buttons {
	height: auto;
	min-height: 150px;
	max-height: 1500px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.truck_inventory, .under_20k_inventory, .trailer_inventory {
	margin-top: 0;
	margin-bottom: 0;
}

.welcome h2 {
    font-size: 2rem;
    line-height: 2.2rem;
}

.welcome p {
	font-size: 1.25rem;
}

.uta {
    justify-content: flex-end;
    width: 35%;
    text-align: right;
}

.uta img {
	width: 80%;
}

.button_text {
	top: 36%;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 3.25rem;
	line-height: 3.25rem;
}

.welcome h2 {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.thank_you h1 {
	margin: 50px 10px 50px 10px;
}

.footer_phone a, .footer_address a, .footer_email a{
	font-size: 1.25rem;
	line-height: 1.25rem;
}

/*.applications_container {
	width: 100%;
}*/
}

@media screen and (max-width:465px){

.welcome_container {
	width: 85%;
}

.contact_phone, .contact_address {
		padding-bottom: 8px;
	}
	
.contact_phone a, .contact_address a, .contact_email a{
	font-size: 1.5rem;
}

.contact_map iframe {
	min-height: 400px;
}

#formpage input  {
    width:175px;
}
 
#formpage input.larger  {
    width:175px;
}

#formpage textarea {
    width:175px;
    height:90px;
}

.applications_container {
	width: 90%;
}

.applications_header {
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}

}

@media screen and (max-width:400px){
.logo {
  max-height: 75px;
  min-height: 74px;
}

.logo img {
  width: 85%;
}

.top_phone a, .top_email a {
  font-size: 1.25rem;
  line-height: 1.25rem;
}

.hero img {
	min-hieght: 175px;	
}

.truck_inventory, .under_20k_inventory, .trailer_inventory  {
	width: 98%;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;	
}

.trailer_inventory {
		margin-bottom: 35px;
}

.truck_inventory h1, .under_20k_inventory h1, .trailer_inventory h1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.button_text {
	top: 31%;
}

.inventory_buttons {
	padding-top: 28px;
	padding-bottom: 0px;
}

.welcome_container {
	width: 90%;
}
 
.welcome h2 {
    font-size: 2rem;
    line-height: 2.2rem;
}

.contact_map iframe {
	min-height: 350px;
}

.footer_phone a, .footer_address a, .footer_email a{
  font-size: 1.15rem;
  line-height: 1.15rem;
}
}