/***** BEGIN 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}
html {font-family: 'poppins', sans-serif;}

/*--- HEADER STYLES ---------------------*/
.header-top {background: #000;}
.header-top-wrap {width: 95%; margin: 0 auto; padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.header-top-hours {display: flex; align-items: center; gap: 10px;}
.header-top-hours p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff;}
.header-top-search form {display: flex !important; align-items: center !important;}
.header-top-search input {background: #252525 !important; border-radius: 50px !important; width: 250px !important; font-family: 'poppins', sans-serif !important; font-weight: 400 !important; font-size: 15px !important; line-height: 25px !important; color: #fff !important; border: none !important; padding: 11px 25px 8px 25px !important;}
.header-top-search input::placeholder {color: #fff !important;}
.header-top-search button {position: absolute !important; right: 3.5% !important; background: none !important; color: #fff !important; border: none !important; font-size: 18px !important;}

.header-bottom-wrap {width: 95%; margin: 0 auto; padding: 30px 0; display: flex; justify-content: space-between; align-items: center;}

/*---BODY--------------------------------*/
/*---DEFUALT---*/
.hero-slideshow {
    position: relative;
    width: 100%;
    height: 500px; /* adjust as needed */
    background-size: cover;
    background-position: center;
    animation: slideShow 18s infinite;
}

/* Keep your overlay + content styling the same */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: #000; 
	background: linear-gradient(125deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.55) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-wrap img {
    max-width: 300px;
}


form select,
.gform_wrapper select,
select {
    width: 100%;
    height: 50px; /* match your input height */
    padding: 0 15px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
    font-family: inherit;
    color: #767676;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}

.hero-wrap {width: 95%; margin: 0 auto; padding: 180px 0; text-align: center;}

/* Slideshow images */
@keyframes slideShow {
    0%   { background-image: url('/siteart/hero/hero-1.jpg'); }
    33%  { background-image: url('/siteart/hero/hero-1.jpg'); }

    34%  { background-image: url('/siteart/hero/hero-2.jpg'); }
    66%  { background-image: url('/siteart/hero/hero-2.jpg'); }

    67%  { background-image: url('/siteart/hero/hero-3.jpg'); }
    100% { background-image: url('/siteart/hero/hero-3.jpg'); }
}

.hero-slideshow {
    animation: slideShow 18s infinite;
    transition: background-image 1s ease-in-out;
}

.hero-search {background: #000; border-radius: 5px; width: 95%; margin: 0 auto; margin-top: -50px; position: relative;}
.hero-search form {display: flex; align-items: center; gap: 10px; justify-content: space-between; width: 95%; margin: 0 auto; padding: 25px 0;}
.hero-search form input, .hero-search form select {width: 21%; background: #fff; border: 1px #fff solid; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; color: #252525; padding: 10px 0 10px 15px; border-radius: 3px;}
.hero-search form input::placeholder {color: #252525;}
.hero-search form button {width: 165px; display: flex; justify-content: center; align-items: center; padding: 13px 0 10px 0; border-radius: 3px; background: #06528E; border: 1px #06528E solid; color: #fff; font-family: 'poppins', sans-serif; font-size: 17px; line-height: 27px;}
.hero-search form button:hover {border: 1px #fff solid; background: none; transition: .8s;}
.hero-content a:hover i {padding-left: 10px; transition: .8s;}
.hero-search form select:hover, .hero-search form select option:hover {cursor: pointer !important;}

.about-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between;}
.about-wrap > div:first-child {width: 45%;}
.about-wrap > div:last-child {width: 55%;}
.about-wrap h1 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}
.about-wrap hr {width: 110px; border: 4px #06528E solid; margin: 0; border-radius: 50px; margin-top: 10px;}
.about-wrap p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; color: #000;}
.about-wrap button {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; margin-top: 25px; border-radius: 3px;}
.about-wrap button:hover {background: #000; transition: .8s;}

.grey-bkgrd {background: #F7F7F7;}
.cat-slider {width: 95%; margin: 0 auto; padding: 100px 0 50px 0;}
.cat-slider .slick-track {display: flex; gap: 10px;}
.hover-only {display: none;}
.cat-slider a:hover .hover-only {display: contents; transition: .8s;}
.cat-slider a:hover .hover-hide {display: none; transition: .8s;}
.cat-overlay {background: rgba(6,82,142,0.85); border-radius: 3px 3px 50px 3px; height: 400px; display: flex; justify-content: center; align-items: center;}
.cat-wrap {width: 90%; margin: 0 auto; text-align: center; padding: 25px 0;}
.cat-slider a:hover .cat-overlay {background: rgba(0,0,0,0.75); justify-content: flex-start; align-items: flex-end; transition: .8s;}
.cat-slider a:hover .cat-wrap {text-align: left; transition: .8s;}
.cat-wrap h3 span {font-family: 'edu-vic-wa-nt-hand', sans-serif; font-weight: 400; font-size: 22px; line-height: 32px; color: #fff;}
.cat-wrap h3 {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 30px; line-height: 40px; color: #fff;}
.hover-only h3 {font-size: 25px; line-height: 35px; margin-bottom: 10px;}
.hover-only p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 27px; color: #fff;}
.hover-only > div {margin-top: 10px; display: flex; gap: 15px; align-items: center;}
.hover-only i {color: #fff;}
.excavator-bkgrd {background: url("/siteart/cat/cat-excavator.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.aerial-bkgrd {background: url("/siteart/cat/cat-aerial.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.concrete-bkgrd {background: url("/siteart/cat/cat-concrete.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.landscape-bkgrd {background: url("/siteart/cat/cat-landscape.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.implement-bkgrd {background: url("/siteart/cat/cat-implement.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.tool-bkgrd {background: url("/siteart/cat/cat-tool.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.misc-bkgrd {background: url("/siteart/cat/cat-misc.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.skidsteer-bkgrd {background: url("/siteart/cat/cat-skidsteer.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.tractor-bkgrd {background: url("/siteart/cat/cat-tractor.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.scissor-bkgrd {background: url("/siteart/cat/cat-scissor.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 3px 3px 50px 3px;}
.cat-fullinv {width: 95%; margin: 0 auto; padding: 0 0 100px 0; display: flex; justify-content: center;}
.cat-fullinv button {background: #000; width: 190px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; margin-top: 25px; border-radius: 3px;}
.cat-fullinv button:hover {background: #06528E; transition: .8s;}

.faqs {width: 95%; margin: 0 auto; padding: 100px 0;}
.faqs h2 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}
.faqs hr {width: 40px; border: 4px #06528E solid; margin: 0; border-radius: 50px; margin-top: 10px;}
.faq-flex {display: flex; gap: 10px; flex-wrap: wrap; margin: 50px 0 0 0;}
.faq-flex > section {width: 49%;}
/*Accordion*/
.flex-container.flex-services {
    justify-content: space-between;
    gap: 15px;
}
.flex-services .page-head {
    flex: 1;
}
.service-section {
    flex: 1;
}
.accordion {
	background: #f7f7f7 !important;
	border: none !important;
    color: #000 !important;
    cursor: pointer;
    font-size: 16px;
    width: 100% !important;
	margin: 0 auto;
    text-align: left;
    outline: none;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 35px 35px 30px 35px !important;
	font-family: 'poppins', sans-serif;
	gap: 50px;
	line-height: 26px;
	border-radius: 3px 3px 20px 3px;
}

.accordion p {
	margin-bottom: 0px !important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

.panel ul.fa-ul {
    padding-inline-start: 0px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p {
    padding: 0px 0;
}

.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 20px;
  line-height: 20px;
  color: #f7f7f7;
  background: #000;
  border-radius: 50px;
  padding: 12px 12px 8px 12px;
}

.active:after {
  content: "-";
  font-size: 20px;
  line-height: 20px;
  color: #f7f7f7;
  padding: 12px 14px 8px 14px;
}
.panel p {font-size: 16px; line-height: 28px;}
.panel p a {color: #2b4d5e;}
.panel p a:hover {border-bottom: 1px #2b4d5e solid;}
.panel img {width: 100%;}
.view-more > button {width: 162px !important; margin: 0 auto !important; background: #C00000 !important; color: #fff !important; font-family: 'oswald', sans-serif !important; font-weight: bold !important; font-size: 15px !important; line-height: 25px !important; padding: 10px 0 12px 0 !important; text-transform: uppercase !important; display: flex !important; justify-content: center !important; align-items: center !important; height: auto !important;}
.view-more > .accordion:after {content: none !important;}
.panel ul {padding-left: 20px;}
.panel li {list-style: disc; margin-bottom: 5px; line-height: 28px;}
.faq-flex > div {width: 49.5%;}
.faq-flex section {margin-bottom: 10px;}
.faq-flex p {margin-bottom: 10px;}

.news-wrap {width: 95%; margin: 0 auto; padding: 100px 0;}
.news-wrap h2 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000; text-align: center;}
.news-wrap hr {width: 40px; border: 4px #06528E solid; margin: 0 auto; border-radius: 50px; margin-top: 10px;}
.news-slider {margin-top: 50px;}
.news-slider .slick-track {display: flex; gap: 10px;}
.news-slider .slick-slide {background: #000; border-radius: 3px 3px 50px 3px; padding: 60px 35px;}
.news-slider h3 {font-family: 'poppins', sans-serif; font-size: 25px; line-height: 35px; color: #fff;}
.news-slider h3 span {font-weight: 400;}
.news-slider p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; color: #fff; margin: 20px 0 30px 0;}
.news-slider button {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: 1px #06528E solid; margin-top: 25px; border-radius: 3px;}
.news-slider button:hover {border: 1px #fff solid; background: none; transition: .8s;}

/*---NEWS---*/
.breadcrumbs {background: #f7f7f7;}
.breadcrumbs-wrap {width: 95%; margin: 0 auto; padding: 12px 0 10px 0; display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.breadcrumbs a, .breadcrumbs p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 26px; color: rgba(54,54,54,1.00);}
.breadcrumbs a:hover {color: #06528E; transition: .8s;}

.news-page {width: 95%; margin: 0 auto; padding: 100px 0;}
.news-page h1 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}
.news-page hr {width: 40px; border: 4px #06528E solid; margin: 0; border-radius: 50px; margin-top: 10px;}
.news-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 50px;}
.news-flex > div {width: 49%; background: #f7f7f7; border-radius: 3px 3px 50px 3px;}
.news-flex > div > div {padding: 35px;}
.news-flex img {width: 100%; background: #000; border-radius: 3px 3px 0 0;}
.news-flex h2 {font-family: 'poppins', sans-serif; font-size: 25px; line-height: 35px;}
.news-flex h2 span {font-weight: 400;}
.news-flex p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; margin: 20px 0 30px 0;}
.news-flex button {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; margin-top: 25px; border-radius: 3px;}
.news-flex button:hover {background: #000; transition: .8s;}

.news-details {width: 95%; margin: 0 auto; padding: 100px 0;}
.news-details h1 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}
.news-details h1 span {font-weight: 400;}
.news-details hr {width: 110px; border: 4px #06528E solid; margin: 0; border-radius: 50px; margin-top: 10px; margin-bottom: 50px;}
.news-details p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.news-details ul {margin: 20px 0; padding-left: 20px;}
.news-details li {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 5px; list-style: disc;}
.grey-details {background: #f7f7f7; padding: 45px 35px 35px 35px; margin: 50px 0; border-radius: 3px;}
.grey-details p a, .news-details li a {color: #06528E;}
.grey-details p a:hover, .news-details li a:hover {text-decoration: underline; transition: .8s;}
.details-imgs {display: flex; gap: 10px; margin-top: 50px;}
.details-imgs div, .details-imgs img {width: 100%;}
.details-videos {display: flex; gap: 10px;}
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 27.25%; /* 16:9 ratio */
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.news-details > img {width: 800px; margin: 25px 0;}

/*---CONTACT---*/
.contact-page {width: 95%; margin: 0 auto; padding: 100px 0;}
.contact-page h1 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}
.contact-page hr {width: 40px; border: 4px #06528E solid; margin: 0; border-radius: 50px; margin-top: 10px; margin-bottom: 50px;}
.contact-page p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.contact-flex {display: flex; gap: 100px;}
.contact-flex > div:first-child {width: 100%;}
.contact-flex > div:last-child {width: 600px; background: #f7f7f7; border-radius: 3px 3px 50px 3px; padding: 60px 35px; height: 100%;}
.contact-flex h2 {font-family: 'poppins', sans-serif; font-size: 28px; line-height: 38px; margin-bottom: 25px;}
.contact-flex h3 {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px;}
.contact-flex > div:last-child div {margin: 25px 0 0 0;}
.contact-flex ul {margin-top: 10px;}
.contact-flex li {margin-bottom: 10px;}
.contact-flex li a {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 28px; color: #000;}
.contact-flex li a:hover {color: #06528E; transition: .8s;}
.contact-flex > div:last-child > div:last-child i {font-size: 28px; line-height: 28px; color: #000; margin-top: 10px;}
.contact-flex > div:last-child > div:last-child a:hover i {color: #06528E; transition: .8s;}
.contact-flex form {margin-top: 25px;}
.contact-flex form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.contact-flex input {width: 100%; border: 1px #bbb solid; border-radius: 3px; padding: 12px 0 10px 20px; font-family: 'poppins', sans-serif; color: #767676; font-size: 16px; line-height: 26px;}
.contact-flex input::placeholder {color: #767676;}
.contact-flex .form-textarea {display: flex;}
.contact-flex textarea {width: 100%; border: 1px #bbb solid; border-radius: 3px; padding: 12px 0 0 20px; font-family: 'poppins', sans-serif; color: #767676; font-size: 16px; line-height: 26px; height: 150px;}
.contact-flex .submitselect {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; margin-top: 30px; border-radius: 3px;}
.contact-flex .submitselect:hover, .contact-flex .submit:hover, .contact-flex button:hover {background: #000; transition: .8s; cursor: pointer !important;}
.contact-flex .submit {background: #06528E; width: 160px; margin: 0 auto; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; border-radius: 3px;}
.contact-flex .CaptchaAnswerPanel input {width: auto;}
.contact-flex .CaptchaWhatsThisPanel a {color: #06528E; font-family: 'poppins', sans-serif; text-decoration: underline;}
.contact-flex button {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: none; margin-top: 30px; border-radius: 3px;}
.contact-flex > div:first-child h2 {margin-top: 50px;}

/*---ABOUT---*/
.about-us {width: 100% !important; border-radius: 0px !important; padding: 0px !important; background: none !important;}
.our-services {margin-top: 50px;}
.our-services h2 {font-family: 'poppins', sans-serif; font-size: 28px; line-height: 38px;}
.services-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px;}
.services-flex > div {background: #f7f7f7; width: 20.5%; padding: 60px 35px; border-radius: 3px 3px 50px 3px;}
.services-flex h3 {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.services-flex p {font-size: 16px; line-height: 28px;}
.services-flex hr {width: 40px; border: 3px #06528E solid; margin: 0; border-radius: 50px; margin-bottom: 20px;}

/*---SERVICE---*/
.service-form > h1 {margin-bottom: 10px;}
.service-form > hr {margin: 0 0 30px 0;}
.service-form > h2 {font-family: 'poppins', sans-serif; font-size: 28px; line-height: 38px; color: #000;}
.service-form p a {color: #06528E;}
.service-form p a:hover {text-decoration: underline; transition: .8s;}
.service-form form h3 {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; margin: 25px 0 10px 0;}

/*---EQUIPMENT RENTAL---*/
.cat-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 50px;}
.cat-flex a {width: 24%; background: #f7f7f7; border-radius: 3px 3px 50px 3px;}
.cat-flex a > div {padding: 20px 30px;}
.cat-flex img {width: 100%; margin-bottom: 15px; border-radius: 3px;}
.cat-flex a:hover img {transform: scale(.9); transition: .8s;}
.cat-flex h2, .cat-flex h3 {font-family: 'poppins', sans-serif; font-size: 25px; line-height: 35px; color: #000; text-align: center;}

.cat-flex h2 span {color: red;}
.rent-rate {display: flex; justify-content: center; margin-top: 10px; gap: 20px; flex-wrap: wrap;}
.rent-rate > div {text-align: center;}
.rent-rate p span {font-size: 14px; line-height: 24px; color: #424242; font-weight: lighter;}
.rent-rate p {color: #000; font-size: 16px; line-height: 28px; font-weight: bold;}
.equipment-disclaimer {margin-top: 50px;}
.equipment-disclaimer p span {color: red;}
.equipment-disclaimer p {color: #424242; font-size: 16px; line-height: 28px;}

.equipment-2 {padding-top: 50px;}
.equipment-2 h2 {font-family: 'poppins', sans-serif; font-weight: bold; font-size: 38px; line-height: 50px; color: #000;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer {background: #000;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between;}
.footer-wrap > div > p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 20px;}
.footer-locations {display: flex; gap: 50px;}
.footer-locations p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; color: #fff;}
.footer-locations ul {margin-top: 12px;}
.footer-locations li {margin-bottom: 10px;}
.footer-locations li a {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff;}
.footer-socials {margin-top: 50px;}
.footer-socials p {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 20px;}
.footer-socials i {font-size: 25px; line-height: 25px; color: #fff;}
.footer-links li {margin-bottom: 8px;}
.footer-links li a {font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff;}
.footer-links button {background: #06528E; width: 160px; padding: 12px 0 10px 0; display: flex; justify-content: center; align-items: center; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; color: #fff; border: 1px #06528E solid; margin-top: 25px; border-radius: 3px;}
.footer-links button:hover {border: 1px #fff solid; background: none; transition: .8s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .list-top-section .list-title .list-title-text, .faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {font-family: 'poppins', sans-serif !important;}
.list-redesign {padding: 50px 0 !important;}
.faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: #06528E !important;}
.list-top-section .list-listings-count {color: #06528E !important;}




/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1850px) {
	.services-flex > div {width: 20%;}
}
@media only screen and (max-width: 1650px) {
	.services-flex > div {width: 19.5%;}
}
@media only screen and (max-width: 1550px) {
	.header-bottom-wrap > a img {width: 300px;}
}
@media only screen and (max-width: 1500px) {
	.services-flex > div {width: 19%;}
	.cat-flex a {width: 32%;}
}
@media only screen and (max-width: 1450px) {
	.header-top-search button {right: 4%;}
}
@media only screen and (max-width: 1400px) {
	.services-flex > div {width: 18.5%;}
	.header-bottom-wrap > a img {width: 275px;}
}
@media only screen and (max-width: 1300px) {
	.header-bottom-wrap > a img {width: 275px;}
	.services-flex > div {width: 26.5%;}
}
@media only screen and (max-width: 1200px) {
	.services-flex > div {width: 26%;}
}
@media only screen and (max-width: 1180px) {
	.hero-search form {flex-wrap: wrap;}
	.hero-search form input, .hero-search form select {width: 23%;}
	.hero-search form button {width: 100%;}
}
@media only screen and (max-width: 1150px) {
	.hero-search form input, .hero-search form select {width: 22.5%;}
	.hero-wrap {padding: 150px 0;}
	.services-flex > div {width: 25.5%;}
	.hero-slideshow {height: 450px;}
	.cat-flex a {width: 49%;}
}
@media only screen and (max-width: 1100px) {
	.faq-flex > div {width: 49%;}
	.news-details > img {width: 100%;}
}
@media only screen and (max-width: 1050px) {
	.services-flex > div {width: 25%;}
	.contact-flex {flex-wrap: wrap;}
	.contact-flex > div:last-child {width: 100%;}
	.services-flex > div {width: 41.5%;}
	.our-services {margin-top: 100px;}
}
@media only screen and (max-width: 1000px) {
	.header-top-wrap {justify-content: flex-end;}
	.header-top-hours {display: none;}
	.header-top-search button {right: 4.5%;}
	.about-wrap > div:first-child {width: 45%;}
	.about-wrap > div:last-child {width: 50%;}
}
@media only screen and (max-width: 950px) {
	.hero-search form input, .hero-search form select {width: 22%;}
	.services-flex > div {width: 41%;}
}
@media only screen and (max-width: 900px) {
	.services-flex > div {width: 40.5%;}
}
@media only screen and (max-width: 850px) {
	.about-wrap {flex-wrap: wrap; gap: 30px;}
	.about-wrap > div:first-child, .about-wrap > div:last-child {width: 100%;}
	.faq-flex > div {width: 100%;}
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div {width: 100%;}
	.news-flex > div {width: 100%;}
	.details-videos {flex-wrap: wrap;}
	.video-wrapper {padding-bottom: 56.25%;}
	.news-details h1 {font-size: 35px; line-height: 47px;}
	.services-flex > div {width: 40%;}
}
@media only screen and (max-width: 800px) {
	.hero-search form input {width: 46%;}
	.hero-search form select {width: 48.5%;}
	.services-flex > div {width: 39%;}
}
@media only screen and (max-width: 750px) {
	.hero-search form input {width: 46%;}
	.hero-search form select {width: 48.5%;}
	.services-flex > div {width: 38.5%;}
	.cat-flex a {width: 100%;}
}
@media only screen and (max-width: 700px) {
	.services-flex > div {width: 37.5%;}
}
@media only screen and (max-width: 650px) {
	.hero-search form input, .hero-search form select {width: 100%;}
	.services-flex > div {width: 100%;}
}
@media only screen and (max-width: 600px) {
	.header-top-search, .header-top-search form, .header-top-search input {width: 100%;}
	.header-top-search button {right: 5.5%;}
	.header-bottom-wrap {flex-wrap: wrap; padding: 0px; width: 100%;}
	.header-bottom-wrap > a {width: 100%; text-align: center;}
	.header-bottom-wrap > a img {padding: 30px 0 25px 0;}
	.header-bottom-wrap > a img {width: 325px;}
	.hero-wrap img {width: 300px;}
	.news-details h1 {font-size: 32px; line-height: 44px;}
}
@media only screen and (max-width: 550px) {
	.footer-locations {flex-wrap: wrap; gap: 25px;}
	.footer-locations > div {width: 100%;}
}
@media only screen and (max-width: 450px) {
	.hero-wrap img {width: 70%;}
	.hero-wrap {padding: 125px 0;}
	.hero-slideshow {height: 350px;}
	.about-wrap, .faqs, .news-wrap, .footer-wrap, .news-page, .news-details, .contact-page {padding: 80px 0;}
	.about-wrap h1, .faqs h2, .news-wrap h2, .news-page h1, .contact-page h1, .equipment-2 h2 {font-size: 35px; line-height: 47px;}
	.cat-slider {padding: 80px 0 50px 0;}
	.cat-fullinv {padding: 0 0 80px 0;}
	.accordion {padding: 35px 25px 30px 25px !important;}
	.news-slider .slick-slide, .contact-flex > div:last-child, .services-flex > div {padding: 60px 25px;}
	.news-flex > div > div {padding: 25px;}
	.news-details p, .news-details li, .contact-page p {font-size: 16px; line-height: 28px;}
	.grey-details {padding: 35px 25px 25px 25px;}
	.news-details h1 {font-size: 30px; line-height: 42px;}
	.contact-flex form .form-flex > div {flex-wrap: wrap;}
	.contact-flex {gap: 50px;}
	.our-services {margin-top: 50px;}
}
@media only screen and (max-width: 400px) {
	.header-top-search button {right: 7%;}
	.header-bottom-wrap > a img {width: 80%;}
}
@media only screen and (max-width: 350px) {
	.about-wrap h1, .faqs h2, .news-wrap h2, .news-page h1, .contact-page h1, .equipment-2 h2 {font-size: 32px; line-height: 44px;}
	.news-details h1 {font-size: 28px; line-height: 40px;}
}
@media only screen and (max-width: 300px) {
	.header-top-search button {right: 8%;}
}