/*
Theme Name: www.wernerfleetsales.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
html, body { width: 100%; }

.wp-custom-header iframe, .wp-custom-header img, .wp-custom-header video { display: block; height: auto; max-width: 100%; }

.wp-custom-header { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.wp-custom-header iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Class for Google Map widget */
.google_map { width: 100%; min-height: 58vh; }

.navbar-default { background-color: transparent !important; border-color: transparent !important; }

.navbar { min-height: auto !important; margin-bottom: 0 !important; }

.navigation-top { width: 100%; }

.menu li { width: auto !important; padding-right: 6%; display: inline-block; }

.menu li:last-child { padding-right: 0 !important; }

.menu li > a { color: #000; font-size: 1.5em; }

.dropdown-menu { background-color: rgba(0, 0, 0, 0.7); color: orange; border-radius: 0px; }

.navbar-default .navbar-nav > li > a { color: #000; font-size: 18px; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #e68a24; }

.dropdown-menu:not(.head-list) > li > a { color: #000; font-size: 16px; font-weight: 400; }

.dropdown-menu:not(.head-list) > li > a:hover { background-color: #e68a24; transition: linear 0.2s; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

#wp-admin-bar-new-content-default { display: none; }

/*---PLEASE MAKE CSS CHANGES IN STYLES.SCSS FILE, CHANGES MADE IN CSS FILE WILL BE OVERRIDDEN ----*/
/*---These are Variables. They are being used in place of the hex color easily changes site colors but updating these variables----*/
/*----These are Mixins. They work similarly to variables and are plugged in using @include in place of the CSS----*/
/*-------- BODY STYLES --------*/
* { box-sizing: border-box; }

body { font-family: "Montserrat", sans-serif; }

h1, h2, h3, h4, h5 { font-family: "Barlow", sans-serif; }

a { text-decoration: none !important; }

/*----Text----*/
.yellow-heading { font-size: 45px; font-family: "Barlow", sans-serif; font-weight: 800; color: #000; text-transform: uppercase; line-height: 50px; padding: 5px 0; margin-bottom: 15px; border-bottom: solid 7px #FCB813; display: inline-block; }
@media only screen and (max-width: 1000px) { .yellow-heading { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 700px) { .yellow-heading { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .yellow-heading { font-size: 20px; line-height: 25px; } }

.white-heading { font-size: 60px; line-height: 65px; font-weight: 800; color: #fff; text-transform: uppercase; font-family: "Barlow", sans-serif; }
@media only screen and (max-width: 1000px) { .white-heading { font-size: 40px; line-height: 45px; } }
@media only screen and (max-width: 700px) { .white-heading { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 500px) { .white-heading { font-size: 25px; line-height: 30px; } }

.black-heading { font-size: 60px; line-height: 65px; font-weight: 800; color: #000; text-transform: uppercase; font-family: "Barlow", sans-serif; }
@media only screen and (max-width: 1000px) { .black-heading { font-size: 40px; line-height: 45px; } }
@media only screen and (max-width: 700px) { .black-heading { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 500px) { .black-heading { font-size: 25px; line-height: 30px; } }

.black-medium { font-size: 45px; font-family: "Barlow", sans-serif; font-weight: 800; color: #000; text-transform: uppercase; line-height: 50px; }
@media only screen and (max-width: 1000px) { .black-medium { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 700px) { .black-medium { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .black-medium { font-size: 20px; line-height: 25px; } }

.black-small-heading { font-size: 28px; font-weight: 700; font-family: "Barlow", sans-serif; text-transform: uppercase; color: #000; }
@media only screen and (max-width: 700px) { .black-small-heading { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .black-small-heading { font-size: 18px; line-height: 22px; } }

.white-paragraph { font-size: 15px; line-height: 24px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; }

.black-paragraph { font-size: 15px; line-height: 24px; color: #111; font-family: "Montserrat", sans-serif; font-weight: 400; }

/*----Buttons-----*/
.mainbtn { display: inline-block; margin: 3px; padding: 15px 10px 15px 12px; background: #fff; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); font-size: 13px; font-family: "Barlow", sans-serif; color: #000; font-weight: 700; text-transform: uppercase; border-radius: 5px; border: none; }

.mainbtn:after { content: '\f061'; transform: rotate(45deg); color: #000; font-style: normal; font-family: 'Font Awesome 6 Free'; font-size: 15px; padding: 10px 12px; border-radius: 3px; margin-left: 15px; background: #FCB813; }

.mainbtn:hover { box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); }

.bluebtn { display: inline-block; margin: 3px; padding: 15px 10px 15px 12px; background: #fff; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); font-size: 13px; font-family: "Barlow", sans-serif; color: #000; font-weight: 700; text-transform: uppercase; border-radius: 5px; border: none; }

.bluebtn:after { content: '\f061'; transform: rotate(45deg); color: #fff; font-style: normal; font-family: 'Font Awesome 6 Free'; font-size: 15px; padding: 10px 12px; border-radius: 3px; margin-left: 15px; background: #0A4275; }

/*----Other Classes----*/
.blue-back { background: #0A4275; width: 100%; }

.wrap { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; margin: 0 auto !important; padding: 10px !important; }

.shadow { box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 10px; }

.search-box { background: #fff; width: 98%; padding: 30px 40px !important; position: relative; margin-top: -60px !important; margin-bottom: 60px !important; border-bottom: solid 5px #FCB813; }
.search-box .bluebtn { margin-top: 20px; }

.pad { padding: 6% 10px !important; }

/*--- HEADER STYLES ---------------------*/
#header { box-shadow: 0 -2px 8px 2px rgba(0, 0, 0, 0.2); }

.header { width: 100%; background: #0A4275; height: 100px; }

.header-wrap { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; padding: 0 10px 10px 10px; }

.top-header { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }

.top-left { display: flex; flex-direction: row; justify-content: flex-start; width: 190px; padding-top: 12px; }
.top-left icon { font-size: 18px !important; padding: 10px 5px !important; transition: .3s ease; }
.top-left .icon:hover { transform: scale(1.1); }

.top-right { width: 200px; }

.btm-header { width: 100%; z-index: 50; position: relative; display: flex; flex-direction: row; justify-content: space-between; padding: 0 15px; background: #fff; height: 85px; border-radius: 10px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15); }

.left-header { width: 100%; max-width: 600px; }

.right-header { width: 100%; max-width: 600px; }

.logo { width: 100%; flex-wrap: nowrap; height: 138px; display: flex; margin-top: -20px; max-width: 280px; padding: 20px 20px; border-radius: 10px; background: #fff; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15); }
.logo img { width: 100%; display: flex !important; align-self: center; justify-content: center; flex-wrap: nowrap; margin: 0 auto; }

.right-header { display: flex; flex-direction: row; justify-content: flex-end; }

.head-row { display: flex; flex-direction: row; justify-content: flex-end; padding: 15px 10px; }

.highlightSidebars #header { height: auto; }

.highlightSidebars .btm-header { z-index: 0; }

#top-search { width: 50px; height: 50px; }

#top-search a i { color: #777; font-size: 28px; padding: 26px 10px; }

#searchbar { display: none; width: 100%; z-index: 999; box-sizing: border-box; height: 160px; background: #fff; }

#searchform { display: flex; flex-direction: row; justify-content: center; padding-top: 60px; width: 80%; margin: 0 auto; justify-content: center; align-content: center; flex-wrap: nowrap; }
#searchform input { width: calc(100% - 180px); padding: 12px; background: #fff; border: solid 0.5px #333 !important; border-radius: 5px; margin-right: 5px; }
#searchform button { width: 180px; background: #FCB813; font-weight: 600; color: #000; padding: 13px; border-radius: 5px; border: None; text-align: center; font-size: 13px; text-transform: uppercase; font-family: "Barlow", sans-serif; }

.goog-te-combo { padding: 10px !important; height: 40px; width: 220px !important; background: #0A4275 !important; border: solid 1px #fff !important; border-radius: 5px !important; color: #ccc !important; }

.VIpgJd-ZVi9od-l4eHX-hSRGPd { display: none !important; }

.goog-te-gadget { height: 47px !important; z-index: 5; position: relative; }

#menu-secondary { width: 242px; }
#menu-secondary li a { color: #000; background: #FCB813; width: 100%; text-align: center !important; padding: 22px 12px !important; margin-bottom: -8px; font-family: "Barlow", sans-serif !important; font-weight: 800 !important; text-transform: uppercase; font-size: 14px; }
#menu-secondary li a i { padding-left: 25px; }
#menu-secondary ul { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
#menu-secondary ul li { margin-left: 0 !important; }
#menu-secondary ul li a { background: #fff !important; font-weight: 400 !important; font-size: 13px !important; text-align: left !important; color: #000 !important; padding: 15px 12px !important; }
#menu-secondary ul li a:hover { background: #FCB813; }

.noshow { display: none !important; }

/*--------Hero---------*/
.customSliderSlideSemiTractor { background-color: rgba(0, 0, 0, 0.5); }

.hero { background: linear-gradient(to bottom, #0A4275, transparent); background-color: #000; }

.hero-text { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; margin: 0 auto !important; padding-top: 100px !important; }
.hero-text h1 { max-width: 750px !important; color: #fff !important; text-shadow: 0 0 6px rgba(0, 0, 0, 0.8) !important; font-family: "Barlow" !important; font-size: 80px !important; font-weight: 800 !important; line-height: 85px !important; text-transform: uppercase !important; }
.hero-text h1 span { color: #FCB813 !important; }
.hero-text p { max-width: 750px; }

/*----Search-----*/
.search-row { display: flex; flex-direction: row; justify-content: flex-start; }
.search-row input, .search-row select { width: calc(33.33% - 15px); border-radius: 8px; padding: 12px; background: #fff !important; color: #333; margin: 3px; }
.search-row button { width: 50px; height: 50px; background: #FCB813; transition: .3s ease; color: #000; border: none; }
.search-row button i { font-size: 20px; color: #000; margin: 3px; }
.search-row button:hover { background: #0A4275; color: #fff; }

/*----About---*/
.box-imgs img { width: 100% !important; height: 300px; object-fit: cover; max-width: 375px !important; margin: 12px !important; border-radius: 15px; }

/*---Featured----*/
.pad #controls, .pad .carousel-indicators { display: none !important; }

.inv_car_item { border: none !important; margin: 10px; border-radius: 10px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }

.inv_image { width: 100%; height: 240px !important; margin-left: 0 !important; transform: translateX(0) !important; object-fit: cover; }

.inner-image-placeholder .inv_image { margin-left: 0 !important; }

.listing-title { font-size: 20px; font-weight: 800; white-space: wrap !important; font-family: "Barlow", sans-serif; color: #000; text-transform: uppercase; }

.small_spec { font-size: 16px; }
.small_spec strong { display: none !important; }

.carousel_details_btn { width: 100%; transition: .3s ease; background: #0A4275; text-align: center; padding: 12px; color: #fff; font-size: 15px; text-transform: uppercase; border: none; border-radius: 5px; margin-bottom: 0 !important; }

.carousel_details_btn:hover { background: #FCB813; color: #000; }

.semis img { width: 100%; margin-bottom: -40px; margin-left: -40px; padding-top: 120px !important; }

.home-contact { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; padding: 60px 10px 0 10px; display: flex; flex-direction: row; justify-content: flex-start; }

.home-contact-left { width: 37%; padding-right: 50px; background: linear-gradient(to right, #FCB813 80%, #fff 80%); }
.home-contact-left img { padding-top: 50px; }

.home-contact-right { width: 63%; padding-left: 20px; padding-bottom: 60px; }

/*--------Map-----*/
/*-----Map-------*/
.map-sec { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; padding: 5% 10px; }

#image-map { position: relative; width: 100%; }

#image-map img { width: 100%; height: auto; display: block; }

.pin { position: absolute; left: 0; top: 0; z-index: 0; cursor: pointer; width: 12px; height: 12px; }

/* Circle marker */
.pin::before { content: ""; position: relative; z-index: -10; display: block; width: 12px; height: 12px; background: #FCB813; border-radius: 50%; margin: 0 auto; }

.pointer { clip-path: polygon(100% 0%, 0% 0%, 0% 91.45%, 42.19% 91.45%, 50.02% 100%, 57.74% 91.35%, 100% 91.35%); display: none; position: absolute; bottom: 10px; left: -124px; width: 260px; }

.loc-header { width: 100%; display: block; padding: 15px; background: #f2f2f2; position: relative; z-index: 500; }
.loc-header h3 { color: #111; font-size: 21px; font-weight: 700; font-family: "Barlow", sans-serif; }
.loc-header p { font-size: 11px; color: #222; font-weight: 400; font-style: italic; padding: 0; margin: 0 !important; }

.loc-links { padding: 15px 15px 40px; position: relative; z-index: 500; }

.loc-call { font-size: 15px; display: block; text-decoration: none; color: #000; font-weight: 500; }
.loc-call i { color: #FCB813; font-size: 18px; padding-right: 8px; }

.loc-other { font-size: 14px; font-weight: 300; color: #222; margin: 0 !important; }

.loc-details { display: inline-block; border-bottom: solid 4px #FCB813; padding: 4px 0; margin-top: 10px; font-size: 14px; font-weight: 500; color: #000; }
.loc-details i { padding-left: 8px; }

/* Show tooltip on hover */
.pin:hover .pointer { pointer-events: auto; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15); display: block; background-color: #fff; z-index: 200; }

/*----News----*/
.news { margin: 15px !important; border-radius: 8px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); }
.news img { width: 100%; height: 300px; object-fit: cover; border-radius: 8px 8px 0 0; }

.news-text { width: 100%; padding: 25px; text-align: left !important; }
.news-text .tag { font-size: 17px; color: #333; font-weight: 400; text-align: left !important; }
.news-text .tag i { font-size: 20px; color: #FCB813; padding-right: 10px; }
.news-text h2 { font-size: 28px; font-weight: 700; font-family: "Barlow", sans-serif; text-transform: uppercase; color: #000; text-align: left !important; min-height: 110px; }
@media only screen and (max-width: 700px) { .news-text h2 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .news-text h2 { font-size: 18px; line-height: 22px; } }

.news-row { width: 100%; border-top: solid 1px #ccc; padding-top: 15px; display: flex; flex-direction: row; justify-content: space-between; }
.news-row p { font-size: 16px; color: #333; font-weight: 300; margin: 0 !important; }
.news-row p i { font-size: 20px; color: #FCB813; padding-right: 10px; }
.news-row a { color: #0A4275; font-weight: 500; transition: .3s ease; text-transform: uppercase; font-size: 16px; }
.news-row a:hover { font-weight: 800; }

.prevButton-container-news-blog, .nextButton-container-news-blog { display: none !important; }

.news-page { width: 100%; }
.news-page h1 { font-size: 60px; line-height: 65px; font-weight: 800; color: #000; text-transform: uppercase; font-family: "Barlow", sans-serif; padding-bottom: 30px; }
@media only screen and (max-width: 1000px) { .news-page h1 { font-size: 40px; line-height: 45px; } }
@media only screen and (max-width: 700px) { .news-page h1 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 500px) { .news-page h1 { font-size: 25px; line-height: 30px; } }
.news-page p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; }
.news-page img { width: 100%; height: 400px; object-fit: cover; margin-bottom: 30px; }

.new-content { padding: 0 10px 60px 10px; max-width: 900px; margin: 0 auto !important; }
.new-content h2 { font-size: 45px; font-family: "Barlow", sans-serif; font-weight: 800; color: #000; text-transform: uppercase; line-height: 50px; padding-bottom: 15px; }
@media only screen and (max-width: 1000px) { .new-content h2 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 700px) { .new-content h2 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .new-content h2 { font-size: 20px; line-height: 25px; } }
.new-content p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; padding-bottom: 15px; }

.back { padding-top: 20px; }
.back a { color: #0A4275; font-weight: 500; transition: .3s ease; font-size: 16px; }
.back a i { padding-right: 10px; transition: .3s ease; }
.back a:hover i { padding-right: 20px; }

.bread { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; }
.bread a { color: #333; }
.bread a:hover { text-decoration: underline !important; }

/*----Extended Coverage----*/
.plans { margin: 15px !important; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: left !important; }

.plans-top { width: 100%; padding: 30px; background: #f1f1f1; border-radius: 10px 10px 0 0; }
.plans-top h2 { font-size: 28px; font-weight: 700; font-family: "Barlow", sans-serif; text-transform: uppercase; color: #000; padding-bottom: 15px; }
@media only screen and (max-width: 700px) { .plans-top h2 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .plans-top h2 { font-size: 18px; line-height: 22px; } }
.plans-top p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; font-weight: 500; font-size: 16px; }

.plans-info { padding: 30px; background: #fff; border-radius: 0 0 10px 10px; }
.plans-info h3 { font-size: 20px; font-weight: 700; color: #000; padding-top: 10px; text-transform: uppercase; font-family: "Barlow", sans-serif; }
.plans-info ul { margin: 0 !important; padding: 0 !important; }
.plans-info ul li { list-style: none !important; font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; padding: 8px 0; }
.plans-info ul li i { color: #FCB813; font-size: 18px; padding-right: 10px; }
.plans-info ul p { margin: 0 !important; }

/*---------Pages----------*/
.toppad { padding-top: 100px; }

#invGrid_3 { display: flex; flex-wrap: wrap; }

.location-page { padding-top: 100px !important; }

.bread { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; }
.bread a { color: #333; }
.bread a:hover { text-decoration: underline; }

.loc-row { display: flex; flex-direction: row; justify-content: flex-start; }

.loc-left { width: 45%; padding-right: 30px; }
.loc-left h1 { font-size: 60px; line-height: 65px; font-weight: 800; color: #000; text-transform: uppercase; font-family: "Barlow", sans-serif; padding-bottom: 15px; }
@media only screen and (max-width: 1000px) { .loc-left h1 { font-size: 40px; line-height: 45px; } }
@media only screen and (max-width: 700px) { .loc-left h1 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 500px) { .loc-left h1 { font-size: 25px; line-height: 30px; } }
.loc-left a { color: #000; }
.loc-left a:hover { text-decoration: underline; }

.loc-right { width: 55%; padding-left: 30px; }

/*----Extended Coverage----*/
.loc-card { margin: 15px !important; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 20px; text-align: left !important; }
.loc-card p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; font-weight: 500; font-size: 16px; }
.loc-card a { display: block; padding: 6px 0; color: #000; }
.loc-card a i { font-size: 18px; color: #FCB813; padding-right: 10px; }
.loc-card h3 { font-size: 20px; font-weight: 700; color: #000; padding-top: 10px; text-transform: uppercase; font-family: "Barlow", sans-serif; }
.loc-card .mainbtn { display: inline-block !important; padding: 15px 10px 15px 12px !important; }

/*----Policy----*/
.policy h1 { font-size: 45px; font-family: "Barlow", sans-serif; font-weight: 800; color: #000; text-transform: uppercase; line-height: 50px; padding-bottom: 30px; }
@media only screen and (max-width: 1000px) { .policy h1 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 700px) { .policy h1 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .policy h1 { font-size: 20px; line-height: 25px; } }

.policy p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; padding-bottom: 15px; }

.policy a { font-size: 15px; line-height: 24px; color: #000; font-family: "Montserrat", sans-serif; font-weight: 400; font-weight: 600; text-decoration: underline; }

.policy h2 { font-size: 28px; font-weight: 700; font-family: "Barlow", sans-serif; text-transform: uppercase; color: #000; padding-top: 20px; padding-bottom: 10px; }
@media only screen and (max-width: 700px) { .policy h2 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .policy h2 { font-size: 18px; line-height: 22px; } }

/*----Team---*/
.team { padding: 20px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); text-align: left !important; margin: 10px !important; }
.team h2 { font-size: 22px; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; }
.team .name { font-size: 16px; color: #000; font-style: italic; padding-bottom: 5px; margin: 0 !important; }
.team a { color: #444; font-size: 16px; display: block; padding: 2px; }
.team a:hover { color: #0A4275; }

/*----Timeline---*/
.time { padding: 30px; background: #f1f1f1; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); margin: 10px !important; }
.time h2 { font-size: 60px; line-height: 65px; font-weight: 800; color: #999; text-transform: uppercase; font-family: "Barlow", sans-serif; padding-bottom: 10px; }
@media only screen and (max-width: 1000px) { .time h2 { font-size: 40px; line-height: 45px; } }
@media only screen and (max-width: 700px) { .time h2 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 500px) { .time h2 { font-size: 25px; line-height: 30px; } }
.time p { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; font-weight: 500; font-size: 16px; padding: 10px; text-align: left !important; }
.time img { width: 80px; height: 80px; margin: 0 15px 0 0; display: inline-block; border-radius: 50%; object-fit: cover; }
.time .time-top { display: flex; flex-direction: row; justify-content: flex-start; padding-bottom: 15px; }
.time .time-top img { margin: 0 5px; }

/*--------FORM STYLES--------------------*/
.form1 { padding: 20px; background: #fff; }
.form1 h2 { font-size: 45px; font-family: "Barlow", sans-serif; font-weight: 800; color: #000; text-transform: uppercase; line-height: 50px; }
@media only screen and (max-width: 1000px) { .form1 h2 { font-size: 30px; line-height: 35px; } }
@media only screen and (max-width: 700px) { .form1 h2 { font-size: 25px; line-height: 30px; } }
@media only screen and (max-width: 500px) { .form1 h2 { font-size: 20px; line-height: 25px; } }
.form1 p { font-size: 15px; line-height: 24px; color: #000; font-family: "Montserrat", sans-serif; font-weight: 400; font-weight: 600; font-size: 18px; }

/*-------- FOOTER STYLES ----------------*/
.footer-wrap { width: 100%; background: #0A4275; padding-bottom: 60px; }

.footer-width { max-width: 1600px; margin: 0 auto; width: 100%; padding: 10px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; padding: 0 10px !important; }

.footer-yellow { width: 37%; padding: 20px 70px 20px 20px; background: linear-gradient(to right, #FCB813 80%, #0A4275 80%); }
.footer-yellow icon { transition: .3s ease; font-size: 20px; color: #000; padding: 5px; }
.footer-yellow a:hover icon { transform: scale(1.1); }

.footer-inner { width: 80%; }

.footer-links { width: 63%; }

.footer-links { padding: 60px 0 20px 0; }
.footer-links p { font-size: 20px; font-weight: 700; font-family: "Barlow", sans-serif; color: #fff; text-transform: uppercase; display: inline-block; padding-bottom: 3px; border-bottom: solid 6px #FCB813; margin-bottom: 15px; }
.footer-links ul { margin: 0 !important; padding: 0 !important; }
.footer-links ul li { list-style: none !important; font-size: 15px; line-height: 24px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; }
.footer-links ul li a { font-size: 15px; line-height: 24px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 30px; }
.footer-links ul li a:hover { text-decoration: underline; }

.btm-foot { width: 100%; padding: 10px; background: #fff; }
.btm-foot p, .btm-foot a { font-size: 15px; line-height: 24px; color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; text-align: center; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-page { margin-top: 100px !important; }

.body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .body-wrapper > div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button, .body-wrapper > div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button, .body-wrapper > div:not(.detail-wrapper) button.page-nav { background: #0A4275 !important; color: #fff !important; }

.body-wrapper > div:not(.detail-wrapper) .view-listing-details-link, .body-wrapper > div:not(.detail-wrapper) .contact-options a, .body-wrapper > div:not(.detail-wrapper) .fin-calc-mobile > a, .body-wrapper > div:not(.detail-wrapper) button.g-recaptcha.button, .body-wrapper > div:not(.detail-wrapper) .show-all-modal .apply-button, .body-wrapper > div:not(.detail-wrapper) .show-all-modal .nuf-button, .body-wrapper > div:not(.detail-wrapper) .list-error-container .info button, .body-wrapper > div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button, .body-wrapper > div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now, .body-wrapper > div:not(.detail-wrapper) a.buy-btn.des-buy-now, .body-wrapper > div:not(.detail-wrapper) button.selected-facet.ts-button, .body-wrapper > div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn { background: #0A4275 !important; color: #fff !important; }

.body-wrapper > div:not(.detail-wrapper) .view-listing-details-link:hover, .body-wrapper > div:not(.detail-wrapper) .contact-options a:hover, .body-wrapper > div:not(.detail-wrapper) .fin-calc-mobile > a:hover, .body-wrapper > div:not(.detail-wrapper) button.g-recaptcha.button:hover, .body-wrapper > div:not(.detail-wrapper) .email-seller-link:hover, .body-wrapper > div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span, .body-wrapper > div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover, .body-wrapper > div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover, .body-wrapper > div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover { background: #FCB813 !important; color: #000 !important; }

.body-wrapper > div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button, .body-wrapper > div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button, .body-wrapper > div:not(.detail-wrapper) .show-all-modal .back-button, .body-wrapper > div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a { color: #000 !important; border: 1px solid #000 !important; }

.body-wrapper > div:not(.detail-wrapper) .list-title .list-title-text, .body-wrapper > div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span, .body-wrapper > div:not(.detail-wrapper) .title-media-buttons-heading h1 { color: #000 !important; line-height: 28px !important; }

.body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name, .body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .fin-calc, .body-wrapper > div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value, .body-wrapper > div:not(.detail-wrapper) .fin-calc, .body-wrapper > div:not(.detail-wrapper) .fin-calc p, .body-wrapper > div:not(.detail-wrapper) .list-main-section .list-container .list-error .info, .body-wrapper > div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message, .body-wrapper > div:not(.detail-wrapper) .info, .body-wrapper > div:not(.detail-wrapper) .list-title .list-listings-count, .body-wrapper > div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .body-wrapper > div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count, .body-wrapper > div:not(.detail-wrapper) span.part-list-price.bold, .body-wrapper > div:not(.detail-wrapper) .dealer-company-header, .body-wrapper > div:not(.detail-wrapper) .dealer-info h3, .body-wrapper > div:not(.detail-wrapper) .listing-description-text, .body-wrapper > div:not(.detail-wrapper) .paging-container .list-page-number, .body-wrapper > div:not(.detail-wrapper) .paging-container .page-number, .body-wrapper > div:not(.detail-wrapper) .listing-main-stats .price, .body-wrapper > div:not(.detail-wrapper) .list-container-flexrow .price-container .price, .body-wrapper > div:not(.detail-wrapper) h2.listing-portion-title, .body-wrapper > div:not(.detail-wrapper) .list-listing-mobile .price-container .price, .body-wrapper > div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title, .body-wrapper > div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price, .body-wrapper > div:not(.detail-wrapper) .rent-title, .body-wrapper > div:not(.detail-wrapper) .rent-title-details, .body-wrapper > div:not(.detail-wrapper) span.list-title-text, .body-wrapper > div:not(.detail-wrapper) a.search-results-link, .body-wrapper > div:not(.detail-wrapper) h3.listing-portion-title { color: #000 !important; }

.body-wrapper > div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter, .body-wrapper > div:not(.detail-wrapper) span.listing-prices__retail-price, .body-wrapper > div:not(.detail-wrapper) span.parts-listings-count { color: #000 !important; }

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1550px) { .box-imgs img { width: calc(100% - 24px) !important; }
  .home-contact-left img { padding-top: 150px; } }
@media only screen and (max-width: 1250px) { .right-header button { display: none; }
  .footer-width { flex-direction: column; padding: 0 0 40px 0 !important; }
  .footer-yellow { background: #FCB813; width: 100%; padding: 30px 20px; }
  .footer-links { width: 100%; padding: 20px; }
  .news-page { padding-top: 50px; } }
@media only screen and (max-width: 1100px) { .logo { margin-top: -5px; }
  .hero-text h1 { font-size: 70px !important; line-height: 75px !important; }
  .home-contact-left { display: none; }
  .home-contact-right { width: 100%; }
  .last-foot { margin-top: -73px !important; } }
@media only screen and (max-width: 1000px) { .loc-row { flex-direction: column; }
  .loc-left, .loc-right { width: 100%; padding: 10px 0; } }
@media only screen and (max-width: 900px) { .footer-inner { width: 100%; } }
@media only screen and (max-width: 800px) { .logo { height: 120px; max-width: 220px; }
  .left-header, .right-header { width: 50px; }
  .hero-text h1 { font-size: 55px !important; line-height: 60px !important; }
  .search-row { flex-direction: column; }
  .search-row select, .search-row input { width: 100%; }
  .search-box { padding: 20px !important; }
  .semis { margin-bottom: 0; margin-left: 0; padding-bottom: 20px; } }
@media only screen and (max-width: 700px) { .hero-text h1 { font-size: 45px !important; line-height: 50px !important; }
  .search-box h2 { float: left; margin: 0 !important; }
  .search-box button { float: left !important; clear: both; margin: top 5px !important; } }
@media only screen and (max-width: 600px) { .top-left { width: 100%; }
  .top-right { display: none; }
  #searchform { padding-top: 30px; width: 95%; }
  #searchbar { height: 120px; }
  #searchform button { width: 140px; }
  #searchform input { width: calc(100% - 140px); }
  .quote { padding: 0; }
  .testimonial-wrapper { padding: 15px; }
  .testimonial-wrapper .customer { font-size: 20px; margin: 10px 0; }
  .top-left #socialsID { width: 190px !important; } }
@media only screen and (max-width: 500px) { #searchform input { padding: 8px; font-size: 14px; }
  #searchform button { padding: 8px; }
  #searchbar { height: 100px; }
  .hero-text h1 { font-size: 35px !important; line-height: 40px !important; }
  .time { padding: 20px; }
  .time h2 { font-size: 40px; padding-top: 15px; }
  .time p { font-size: 14px; }
  .inv_image { width: 100%; height: 200px !important; }
  .news-text h2 { min-height: 0px; } }
@media only screen and (max-width: 430px) { .top-left #socialsID { display: none; } }