/***** 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;}


hr{border:#000 1px solid;}
.tracking-in-expand-fwd-top {
	-webkit-animation: tracking-in-expand-fwd-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


/* ----------------------------------------------
 * Generated by Animista on 2023-10-23 13:47:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**

/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd-top
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
            transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(-500px);
            transform: translateZ(-700px) translateY(-500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

/*--- HEADER STYLES ---------------------*/
.header{background: url("/siteart/header_background.jpg"); justify-content: center; flex-wrap: wrap;}
.topheader {background:url("/siteart/bluebkgd-texture.jpg"); width: 80%; text-align: right; padding: 10px 50px;}
.topnavlinks{width: 12%; display: inline-block; color: #000; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;}
.topnavlinks:hover{color: #3d3d3d; font-weight: 500;}
.bottomheader{background:url("/siteart/bluebkgd-texture.jpg"); width: 80%; padding: 0px 50px; background-color: black;}
.flex{display: flex;}
.middleheader{color: #fff; position: relative; bottom: 8px; width: 80%; justify-content: space-between; margin-bottom: -50px; align-items: center;}
.headernav{justify-content: space-between;}
.navheader {font-family: 'Literata', serif; font-weight: 600; font-size: 13px; padding-bottom: 8px;}
.navinfosect { display: flex; padding: 5px 0px;}
.navinfoleft {font-size: 14px; padding-right: 14px;}
.navinforight a{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px;}
.navinforight a:hover{ color: #e3e3e3;}
.right{text-align: right;}
.heroflex{width: 100%; display: flex; align-items: center; justify-content: center;}
.heroslider1{background: url("/siteart/diamond-hero-img.jpg");background-repeat: no-repeat; height: 605px; background-size: cover; background-position: center; background-color: black;}
.heroslider2{ background-image: linear-gradient(to right, #d9d9d9 , #f4f4f4, #d9d9d9);background-repeat: no-repeat; height: 605px; background-size: cover; background-position: center; background-color: black;}
.whiteheader{font-family: 'Literata', serif; font-weight: 600; font-size: 25px; color: #fff; text-transform: uppercase;}
.subwhiteheader{font-family: 'Literata', serif; font-weight: 600; font-size: 20px; color: #fff; text-transform: uppercase;}
.hpsearch{background:url("/siteart/bluebkgd-texture.jpg"); display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 0px; text-align: center; width: 80%; position: relative; top: -50px; background-color: black;}
.hpsearch h2{width: 100%; padding-bottom: 30px;}
.content-wrap{display: flex; justify-content: center; flex-wrap: wrap;}
.hpsearchform select {width: 24%; margin: 0px 5px!important; padding: 10px!important; border: #4e4c4c solid 3px; box-sizing: content-box; color: #000!important; border-radius: 0px!important;}
.submit{border: solid #4e4c4c 3px; padding: 8px 35px; background: #fff; margin-left: 25px; font-family: 'Roboto', sans-serif; cursor: pointer; transition-duration: 0.5s;}
.submit:hover{border: solid #4e4c4c 3px; padding: 8px 35px; background: #4e4c4c; margin-left: 25px; color: #fff;}
.bluesubmit{border: solid #4e4c4c 2px; padding: 8px 35px; background: #44b0ed;  font-family: 'Roboto', sans-serif; cursor: pointer; transition-duration: 0.5s; Margin-top: 30px;}
.bluesubmit:hover{border: solid #4e4c4c 2px; padding: 8px 35px; background: #4e4c4c; color: #fff;}
.hpsearchform{width: 100%; padding-bottom: 30px;}
.mobileheader{display: none;}
/*---BODY--------------------------------*/
.hpcatsect{display: flex; width: 80%; justify-content: space-between; padding-bottom: 50px;}
.thirdboxes{position: relative; display: flex; justify-content: center; align-items: center; height: 280px; width: 30%;}
.invtrucks{background: url("/siteart/trucks-cat-img.jpg"); background-repeat: no-repeat;}
.invtrailers{background: url("/siteart/trailers-cat-img.jpg"); background-repeat: no-repeat;}
.invfarmequipment{background: url("/siteart/farm-cat-img.jpg"); background-repeat: no-repeat;}
.hpaboutbkgd{background: url("/siteart/about-bkgd.jpg"); background-attachment: fixed; padding: 3% 10%; background-repeat:no-repeat; background-size: cover;}
.hpabouttext{background: #000000bf; text-align: center; padding: 5% 10%;}
.whitepara{color: #fff; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 32px; padding: 10px 0px 20px 0px;}
.blkpara{color: #000; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 32px; padding: 10px 0px 20px 0px;}
.heropara{color: #000; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; padding: 10px 0px 20px 0px;}
.hpmapsect{width: 100%;}
.brownbkgd{background: #917046; padding: 10px 0px; text-align: center;}
.hpmap{width: 100%; height: 250px;}
.bluebkgd{background: url("/siteart/bluebkgd-texture.jpg"); width: 100%; background-color: black;}
.hpreviewsect{ text-align: center; padding: 2% 10%; display: flex; flex-wrap: wrap; justify-content: center;}
.hpreviewsect p{padding: 1% 20% 2% 20%;}
.whitebtn{background: #fff; color: #000; clip-path: polygon(90% 0, 98% 50%, 90% 100%, 8% 100%, 1% 50%, 8% 1%); padding: 8px 50px; font-family: 'Roboto', sans-serif; font-size: 14px; display: block;
width: 75px; transition-duration: 0.5s; }
.whitebtn:hover{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0% 5%, 0% 0%); color: #4bb0ed;}
.bluebtn{background: #44b0ed; color: #000; clip-path: polygon(90% 0, 98% 50%, 90% 100%, 8% 100%, 1% 50%, 8% 1%); padding: 8px 15px; font-family: 'Roboto', sans-serif; font-size: 14px; display: block;
width: 150px; text-align: center; transition-duration: 0.5s;  }
.lgbluebtn{
	background: #44b0ed;
    color: #000;
    clip-path: polygon(90% 0, 98% 50%, 90% 100%, 8% 100%, 1% 50%, 8% 1%);
    padding: 15px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: block;
    width: 35vh;
    text-align: center;
    transition-duration: 0.5s;
    font-weight: 500;
    text-transform: uppercase;
	margin: 0% 6%;
 }
.lgbluebtn.centerbtn {margin: 0 auto !important;}
.bluebtn:hover{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0% 5%, 0% 0%); font-weight: 500;}
.lgbluebtn:hover{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0% 5%, 0% 0%); font-weight: 500;}
.herobtn{background: #44b0ed; color: #000; clip-path: polygon(90% 0, 98% 50%, 90% 100%, 8% 100%, 1% 50%, 8% 1%); padding: 10px 15px; font-family: 'Roboto', sans-serif; font-size: 16px; display: block;
width: 180px; text-align: center; font-weight: 500;transition-duration: 0.5s; }
.herobtn:hover{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0% 100%, 0% 5%, 0% 0%);}
.lightanimate{position: absolute; top: -100%;left: -100%; right: 0; bottom: 0;
    background: radial-gradient( circle, black, transparent 40% ) center / 14% 30%, radial-gradient( circle, white, black 30% ) center / 13.5% 12.5%; animation: light 18s linear infinite;  mix-blend-mode: color-dodge;}
.heroheader{font-family: 'Roboto', sans-serif; font-size: 50px;
    color: #000; font-weight: 500; letter-spacing: 1px;}

.herotextbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
}
.herosubhead {width: 100%; text-align: center; font-family: 'Roboto', sans-serif; color: #fff; font-size: 35px; text-shadow: -2px 1px 12px #000; font-weight: 500;  }
.heroright{padding-left: 3%;}
.paddingbottom{padding-bottom: 40px;}
.fullcenter {text-align: center; width: 100%;}

/*---HERO TEXT EFFECT--------------------------------*/

.c-textwrap {
	  margin-top: 10rem;
  text-align: center;
  background-color: black;
  width: fit-content;
  margin: auto;
padding: 3px 0px;
 background: linear-gradient(45deg, #44b0ed, #ba9868, #44b0ed, #ba9868, #44b0ed); 	
	overflow: hidden;
}


.c-article {
  text-align: center;
  background-color: black;
  width: fit-content;
  margin: auto;

}

.c-article__header {
  position: relative;
}



.c-article__title {
  font-size: 70px; margin: auto !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  /* Warning: no fallback */
  background: white;
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: black;
  
}


      .gradienttext::before {
                content: attr(data-text);
                position: absolute;
                color: white;
                filter: blur(60px);
                mix-blend-mode: difference;
            }




.lightanimate{position: absolute; top: -100%;left: -100%; right: 0; bottom: 0;
   background: radial-gradient( circle, black, transparent 65% ) center / 18% 35%, radial-gradient( circle, white, black 38% ) center / 7.5% 60.5%;
    animation: light 12s linear infinite;  mix-blend-mode: color-dodge;}


            @keyframes light {
                to {
                    transform: translate(50%, 50%);
                }
            }

.mygradient {
    position: absolute;
    background: linear-gradient(45deg, #44b0ed7a, #ba9868c7, #44b0ed7a, #ba9868c7, #44b0ed7a);
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}





/*---Gallery Styles--------------------------------*/

#gallery {
/*  padding-top: 40px;*/
}
	@media screen and (min-width: 991px) {

    #gallery { 
		padding: 60px 30px 0 30px;
  		}
	}

#image-gallery{display: flex; flex-wrap: wrap; justify-content: space-between;}
.img-wrapper {
  position: relative;
	
/*  margin-top: 15px;*/
}
  img {
    width: 100%;
  }

.relative {
	position: relative;
}

.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
	
  i {
    color: #fff;
    font-size: 1em;
  }


#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight;
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
}
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: cover;
/*    padding: 2%;*/
/*	  margin: 2%;*/
}
    @media screen and (min-width:768px) {
		img {width: 60%;}
    }
    @media screen and (min-width:1200px) {
		img {width: 50%;}
    }

/*

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
 #nextButton:hover {
    opacity: 0.7;
 }
  @media screen and (min-width:768px) {
	  #nextButton{ font-size: 3em; }
  }


#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
  #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
	  #prevButton {font-size: 3em;}
  }
*/

/*
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}
*/
.gallerythumbnail{
	width: 32%; margin: 0px 10px;
}
.imgslides{width: 100%;}

.middle {
  transition: .8s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
height: 100%;
}

.thirdboxes:hover .subwhiteheader {
  opacity: 0;
}
.thirdboxes .subwhiteheader {
  opacity: 1;
  transition: .1s ease;
	
}

.thirdboxes:hover .middle {
  opacity: 1;
}

.text {
    background-image: url(/siteart/diamond-hover.png);
	background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    background-size: contain;
    display: flex;
    align-items: center;
    background-position: center;
    height: 90%;
    width: 20vw;
    text-align: center;
    justify-content: center;
	font-family: 'Roboto', sans-serif;

}


/*---- GALLERY TEST ----*/
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.gallery.flex {
	flex-wrap: wrap !important;
}

.flex.gallery {
	gap: 30px 0;
}

img {
	width:100%;
	height: 100%;
	
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background:rgba(0,0,0,81%);
}

/* Modal Content */
.modal-content {
  position: relative;
/*  background-color: #fefefe;*/
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}


/* The Close Button */
.close {
  font-family: 'Font Awesome 5 Free';
  color: white;
  position: absolute;
  top: 10px;
  right: 45px;
  font-size: clamp(2.5rem, 2.3936rem + 0.5319vw, 3.125rem);
  font-weight: 900;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}


.mySlides {
  display: none;
}

.mySlides {
	width:77%;
	margin: 0 auto;
	display: flex;
}

.flex.gallery {
	justify-content: center;
}

.gallerythumbnail {
	background: black;
	
}

.gallerythumbnail img:hover {
	opacity: 0.4;
	transition: 0.4s;
}


.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  font-family: 'Font Awesome 5 Free' !important;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: clamp(1.5625rem, 1.3497rem + 1.0638vw, 2.8125rem);
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}



/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}




/*--------FORM STYLES--------------------*/
.cpform{width: 80%; padding: 1% 10%;}
.fullformfields{width: 90%; padding: 10px 15px; margin: 5px 0px;}
.thirdformfields{width: calc(30% - 33px); padding: 10px 18px; margin: 5px 2px 5px 0px;}
.form-container{padding: 0% 5%; }
.message{width: 90%; height: 100px; padding: 10px 15px; font-family: 'Roboto', sans-serif;}
.CaptchaMessagePanel{font-family: 'Roboto', sans-serif; font-size: 13px;  }
.CaptchaWhatsThisPanel a{font-family: 'Roboto', sans-serif; color: #000; font-size: 13px;}
/*--------SECONDARY PAGE STYLES--------------------*/
.second-page-title{background: url("/siteart/header_background.jpg");}
.lgwhiteheader{font-family: 'Literata', serif; font-weight: 700; font-size: 40px; color: #fff; text-transform: uppercase; padding: 3% 8%;}
.full-width{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.greybkgd{background-image: linear-gradient(to right, #d9d9d9 , #f4f4f4, #d9d9d9); padding: 3% 0%;}
.blkbkgd{background:#000; padding: 5% 0px;}
.blkheader{font-family: 'Literata', serif; font-weight: 800; font-size: 25px; color: #000; padding-bottom: 10px;}
.centerpadding{padding: 0% 20%;}
.third-sections{width: 33.33%;}
.text-padding{padding: 0% 12%;}
.text-padding p{padding: 2px 0px;}
.bold{font-weight: 800;}
.half-sect{width: 45%;}
.two-third-sections{width: 66.66%;}
.fw-sp-btw{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hourssect .fw-sp-btw{border-bottom: #fff solid 2px;}
.whtsubhead{font-family: 'Literata', serif; font-weight: 600; font-size: 20px; color: #fff; text-transform: uppercase;}
.hourssect{padding: 20px 0px;}
.contactlinks { display: flex; align-items: center;}
.contactlinks i{ padding-right: 10px; color: #fff;}
.videos{width: 100%; padding: 2% 5%; height: 400px;}
.videosect{display: flex; justify-content: center;}
.invpadding{padding: 5% 0%;}
.typadding h2{width: 100%; text-align: center;}
.typadding{padding: 6% 0% 10% 0%!important;}
.textlink{color: #000; font-weight: 500;}
.textlink:hover{color: #696969;}
.cpmap{width: 100%; height: 100%;}



.finance {
	text-align: center;
}

.finance.flex {
	flex-direction: column;
	
}

 .finance .flex {
	flex-wrap: wrap !important;
	justify-content: center;
	width: 100%;
}


.column.flex {
	flex-direction: column;
}

.finance h2,
.finance h3 {
	font-family: 'Literata', serif;
}

.finance h2 {
	margin-top: 20px;
	margin-bottom: 15px;
}

.finance h3 {
	margin: 10px 0 10px;
}

.materials.flex {
	margin: 20px 0;
	flex-wrap: wrap;
}

.flex select, .flex input {
    flex: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
	margin: 0 5px 18px;
	flex-wrap: wrap;
	border-radius:3px;
	border:solid 1px #ccc;
	color:#333;
	background:#fff;
}
.flex input::placeholder{
	color:#333;
}


 .cpform .finance {
	padding: 1% 20%;
}

.finance label {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

.label {
	margin-right: 10px;
}

/*-------- FOOTER STYLES ----------------*/
.footer{background: url("/siteart/header_background.jpg"); justify-content: center; flex-wrap: wrap;}
.angledbluebox{background: url("/siteart/angled-blue-bkgd.png"); transform: rotate(180deg); height: 40px; background-position: center; background-repeat: no-repeat;}
.footerlogo{display: flex; justify-content: center;}
.footerlogo img{width:150px;}
.footerinfo{background: url("/siteart/angled-blue-bkgd.png"); background-position: center; background-repeat: no-repeat; display: flex; justify-content: space-around; padding: 15px 0px; align-items: center; background-color: black;}
.footerleft{font-family: 'Roboto', sans-serif; font-size: 14px; color: #fff;}
.footerleft a{ color: #fff;}
.footerright i{font-size: 20px; color: #fff; padding: 0px 14px;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.view-listing-details-link{background-color: #40aeeb!important; color: #000!important;}
.list-top-section .list-title .list-listings-count{ color:#40aeeb!important; }
.list-content .price-container .price{color: #000!important;}
.mobile-option-bar .mobile-option-bar-filter{color: #333!important; }
.faceted-search-content .mobile-done-button-container .mobile-done-button{background-color:#333!important;}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{color: #333!important;}

/*---------- RESPONSIVE STYLES ----------*/




@media only screen and (max-width: 1580px) {
.gallerythumbnail {
    width: 30%;
    margin: 0px 10px;
}
	
@media only screen and (max-width: 1580px) {
.materials.flex {
   flex-direction: column;
}	
		.flex select, .flex input {
		margin: 0 0 20px;
	}
	
}
@media only screen and (max-width: 1327px) {
	.heroright {
    padding-left: 3%;
    width: 35%;
}
	.heroimageleft {
    width: 42%;
    display: flex;
    padding-top: 20px;
}
	.slick-slide img {
    display: block;
    width: 85%;
}
		.heroheader{line-height: 48px;}
}
@media only screen and (max-width: 1185px) {
	.thirdboxes{width: 33%;}
	.hpcatsect{width: 90%;}
}
@media only screen and (max-width: 1055px) {
.third-sections {
    width: 100%;
}	
.two-third-sections{width: 100%;}
.cpmap{height: 275px;}	
.whiteheader{line-height: 25px;}
.hpsearch{width: 95%; padding: 25px 0px;}	
.hpsearchform select {
	width: 30%;}
.submit{margin-left: 0px; margin-top: 14px;}
	.heroflex{padding-top: 80px;}
	.heroright{width: 50%;}
	.heroimageleft {
		width: 45%;}
}
@media only screen and (max-width: 949px) {
	.mobileheader{display: flex; align-content: center; align-items: center; justify-content: space-between; width: 90%;}
	.middleheader{display: none;}
	.mobilelogosect img{width: 150px;}
	.mobileinfo{width: 62%; text-align: right;}
	.mobileinfo a{color: #fff; font-size: 22px;}
	.topnavlinks{display: none;}
	.centerpadding {
    padding: 0% 8%;
}
	
}
	
@media only screen and (max-width: 990px) {
		.gallery{
		margin-top: 30px;
	}
}
	
@media only screen and (max-width: 949px) {
	.mySlides {
		margin-top: 260px;
	}
	
	.close {
		top: 242px;
		right: 34px;
	}
}
	
@media only screen and (max-width: 900px) {
	.hpreviewsect p {
    padding: 1% 3% 2% 3%;
}
	.heroimageleft {
    width: 45%;
		padding-bottom: 30px; justify-content: center;}
	.heroright {
    padding-left: 8%;
    width: 100%;
}
	.heroflex{flex-wrap: wrap; padding-top: 0px;}
}
@media only screen and (max-width: 850px) {
	.footerinfo{padding: 30px 0px 0px 0px; background-size: cover;flex-wrap: wrap;}
	.footerleft{width: 100%; text-align: center; padding-top: 10px;}
	.footerright{padding: 10px 0px;}
	.half-sect {width: 90%;}
	.gallerythumbnail {width: 46%;}
	.thirdboxes {width: 100%; margin: 15px;}
	.invtrucks{background-size: cover; background-position: center;}
	.invtrailers{background-size: cover; background-position: center;}
	.invfarmequipment{background-size: cover; background-position: center;}
	.text { padding: 10px 80px; }
	.hpcatsect{flex-wrap: wrap;}

}
/*
	
@media only screen and (max-width: 850) {
	.gallerythumbnail:nth-child(2),
	.gallerythumbnail:nth-child(3){
		margin-top: 0;
	}
}
*/

@media only screen and (max-width: 800px) {
	.whitepara{padding: 10px 0px 3px 0px;}
	
}

@media only screen and (max-width: 780px) {
.thirdformfields {
    width: 90%;
    padding: 10px 14px;
    margin: 5px 0px 5px 0px;
}	
.hpsearch h2 {
    width: 100%;
    padding-bottom: 10px;
}
.hpsearchform select {
    width: 90%!important;
	margin: 8px 5px!important;
	height: 35px!important;
	padding: 0px!important;
}
.hpsearchform{width: 100%;}

	.flex select, .flex input {
		flex:none !important ; 
		flex-wrap: wrap !important;
	}
	
	.cpform .finance {
		padding: 1% 0;
	}
	
	.flex select {
		height: 40px;
	}
	
	
.materials.flex  div {
		display: block !important;
		/*flex-wrap: wrap !important;
		justify-content: space-around !important;
		margin: 0 auto;*/
	}
	.check{display:flex!important; flex-direction:row!important; justify-content: center!important; width:20px!important; margin:5px auto 15px auto!important;}
	.materials.flex {
		margin: 0;
	}
	
	.materials.flex .flex input {
		flex: none;
	}
	
	.rent-or-own.flex div,
	.any-repossessions div{
		gap: 30px;
	}
	

.finance-input {
	display: flex !important;
	justify-content: center !important;
}

	.finance .flex {
		width: none;
	}
	
	
}

@media only screen and (max-width: 685px) {
	.mobileinfo { width: 50%;}
	.mobilelogosect img { width: 115px;}
	.greybkgd{padding: 10% 0%;}
	.greybkgd h2{padding: 25px 20px;}
	.blkheader{line-height: 25px;}
}

@media only screen and (max-width: 530px) {
	.mobileinfo {width: 35%;}
	#image-gallery{justify-content: center;}
	.gallerythumbnail {width: 80%;}
	.typadding {
    padding: 14% 0% 25% 0%!important;
}
	.hpabouttext{padding: 5%;}
	.hpreviewsect {
	padding: 8% 5%;
	}
	.mygradient{background: none;}
	.c-article__title {
    font-size: 48px;
		line-height: 48px;
	    background-image: linear-gradient(45deg, #ffffff, #dbc6a8cf, #aaddf9f0, #f5ede2c7, #44b0ed7a);}
	.lightanimate {
	display: none;
	}
	.lgbluebtn{
	width: 80%;	
	}
	
	.flex.gallery {
		justify-content: center !important; 
	}

	
	.prev {
		left: -8px;
	}
	
	.next {
		right: -15px;
	}
	


}
@media only screen and (max-width: 415px) {
	.mobileinfo {width: 25%;}
	.hpreviewsect p {padding: 8% 0%;}
	.hpaboutbkgd{padding: 12% 2%;}
	.text{padding: 10px 55px; width: 50vw;}
	.heroheader {
    line-height: 29px;
    font-size: 35px;
}
	.heroimageleft {
		width: 75%;}
	.lgbluebtn {
    width: 70%;
}
	
	.close {
		top: 228px;
		right: 19px;
	}
}
@media only screen and (max-width: 280px) {
		.mobileinfo {display: none;}
		.mobileheader{flex-wrap: wrap; justify-content: center; padding: 10px 0px 30px 0px;}
	.mobilelogosect{width: 100%; text-align: center;}
	.lgwhiteheader{font-size: 32px;}
}