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


/***** END RESET *****/

/***** colors / fonts*****

red: e02b20
yellow: e09900
gray: 4a4a4a

font-family: 'Abel', sans-serif; - nav
font-family: 'Teko', sans-serif; - bold headers
font-family: 'Open Sans', sans-serif; - body copy
*/


body.main{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px;
	overflow-x: hidden;
	width: 100%;
	font-weight: 300;
	color: #282828
}
::-moz-selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

h1,h2,h3,h4,h5{font-family: 'Teko', sans-serif !important; letter-spacing: 1.5px; font-weight: 800;  text-transform: uppercase;}

h1{font-size: 35px; color: inherit; line-height: 40px;}
h1.large{font-size: 45px; color: inherit; line-height: 45px;}
h2{font-size: 26px; color: inherit;}
h3{font-size: 22px; color: inherit; }
h4{font-size: 18px; color: inherit}
h5{font-family: 'Abel', sans-serif !important; font-size: 18px; text-transform: none}

p{ line-height:25px; letter-spacing: .25px}

a{color: inherit;text-decoration: none;}
a:hover{ text-decoration: underline;
	transition: all .7s ease-in-out; 
	-moz-transition: all .7s ease-in-out; 
	-webkit-transition: all .7s ease-in-out;
}
:hover{transition: all .7s ease-in-out; 
	-moz-transition: all .7s ease-in-out; 
	-webkit-transition: all .7s ease-in-out;
}

.yellow-text{color: #e09900;}
.red-text{color: #e02b20;}

.clear{clear:both;}	

.shadow{box-shadow: 0px 6px 10px -7px #767676}

/*---BASIC STYLES----------------------*/
#pad{padding: 20px 0;}
#l-pad{padding: 50px 0;}
#xl-pad{padding: 100px 0;}

.wrapper-inner{margin:  0 auto; width: 80%;}
.wrapper-center{margin: 0 auto; text-align: center; width: 80%;}
.wrapper50{margin: 0 auto; width: 50%;}



.yellow-border{border-top: solid 8px #e09900; width: 100px; margin: inherit; margin-bottom: 30px;}
.yellow-border.center{border-top: solid 8px #e09900; width: 100px; margin: 0 auto 30px auto;}
.yellow-border.left{border-top: solid 8px #e09900; width: 100px; margin: 0 0 30px 0;}
.red-border{border-top: solid 8px #e02b20; width: 100px; margin: inherit; margin-bottom: 30px;}
.gray-border{border-top: solid 8px #282828; width: 50px; margin: inherit; margin-top: 10px;}


/*--backgrounds--*/
.gray-bg{background: #e6e6e6;}
.dark-gray{background: #282828;}
.yellow-bg{background: #e09900;}

.white-corn{background: url(../siteart/white-corn-bg.jpg) no-repeat center center fixed; width: 100%; background-size: cover !important}

.white-rock{background: url(../siteart/white-rock-bg.jpg) no-repeat center center fixed; background-size: cover !important}
.white-tele{background: url(../siteart/backgrounds/telehandler-white.jpg) no-repeat center center fixed; background-size: cover !important}
.site-bg{background: url(../siteart/backgrounds/site.jpg) no-repeat center center fixed; background-size: cover !important}


.yellow-angle{   
	background-image: url(/siteart/yellow-angle.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 148px;
    z-index: 99;
	margin-top: -148px; 
	position: relative;
}

.white-angle{   
	background-image: url(/siteart/footer-border.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 148px;
    z-index: 99;
	margin-top: -148px; 
	position: relative;
}
/*--buttons--*/
#red-btn{background: #e02b20; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 25px; text-decoration: none; letter-spacing: 1px; font-weight: 700;}
#red-btn:hover{background: #1162a5; color: #fff;}

#white-outline-btn{background: none; color: #fff; border: 2px solid #fff; text-transform: uppercase; text-align: center; padding: 8px 25px; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px;}
#white-outline-btn:hover{background: #fff; color: #e09900;}

#yellow-btn{background: #e09900; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 25px; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px;}
#yellow-btn:hover{background: #fff; color: #e09900;}

#yellow-outline-btn{background: none; color: #e09900; border: 3px solid #e09900; text-transform: uppercase; text-align: center; padding: 8px 25px; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px;}
#yellow-outline-btn:hover{background: #e09900; color: #fff;}

/*-- page images --*/

.pageimage{
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
background-color: #282828;
	color: #fff;
	padding: 5% 0;
}
.pageimage .wrapper-center h1{font-size: 50px; margin-top: 20px;}
.pageimage .wrapper-center p{margin:20px auto 0 auto; float: none; max-width: 950px !important}

.main-callout{background-image: url(../siteart/backgrounds/flag.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed; background-color:#000;}
.equipment{background-image: url(../siteart/dark-corn-bg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000;}
.rent{background-image: url(../siteart/backgrounds/rentals.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000; }
.service{background-image: url(../siteart/backgrounds/service.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed; background-color:#000;}
.parts{background-image: url(../siteart/backgrounds/parts.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000; }
.locations-pg{background-image: url(../siteart/backgrounds/locations.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000; }
.ag-landing{background-image: url(../siteart/ag/ag-bg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000;}
.const-landing{background-image: url(../siteart/const/const-bg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000; }
.special-offer{background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 100%),url(../siteart/backgrounds/special-offer.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-color:#000; }



/*---HEADER----------------------*/
.header-top{background: #4a4a4a; color: #fff; padding: 8px 0;}
.header-top p, .header-top a{display: inline-block; color: #fff !important;}
.header-top .social{margin-left: 20px; display: inline-block;}
.header-top .fa, .header-top .fab{font-size: 20px; margin: 5px;}
.header-top .fa:hover, .header-top .fab:hover{opacity: .7}

.header{width: 100%; background: #fff; padding: 10px 0; box-shadow: 0px 6px 10px -7px #767676;}
.header .left{display: inline-block;}
.left #logo{width: 100%; max-width: 180px;}

.header .right{display: inline-block; float: right; text-align: right; margin-top: 15px;}

/*---SALE POP UP----------------------*/
.popup-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c98a01;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Teko', sans-serif;
	font-size: 40px;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*---HOME PAGE----------------------*/
.main-callout #yellow-btn{padding: 10px 30px;}

.grid-packages {grid-template-columns: repeat(2, 1fr);
    gap: 30px;display: grid !important;gap: 30px;margin: 30px auto !important;}

.grid-packages .image-wrapper {margin: 0 !important;}
/*--slider--*/
.cycle-slideshow {width: 100%; line-height: 0; z-index: 10; position: relative;}
.cycle-slideshow img{width: 100%; z-index: 5 !important; position: relative;}

.slide-main {width: 100%; z-index: 5 !important;}
.slide-main img {width: 100%; }

.slide-main .slide-link{position: absolute; width: 100%; max-width: 900px; color: #fff; z-index: 99999; line-height: normal; top: 5vw; margin: 0 auto ; text-align: center; left: 0; right: 0;}
.slide-main .slide-link .link-text h1{text-transform: uppercase; font-size: 50px; line-height: 50px; color: #fff; padding: 10px 0; letter-spacing: 1px;}
.slide-main .slide-link .link-text p{font-weight: 400; color: #fff; font-size: 18px;}
.slide-main .slide-link .link-text #yellow-btn{margin-top: 25px;}
.slide-main .yellow-border{margin: 0 auto !important; text-align: center; float: none;}

.slide-hide-mobile{display: none; color: #fff !important;}

/*---CTA--*/
.cta-home{display: flex; margin:0 auto; max-width: 1400px; position: relative; z-index: 99; top: -40px; padding-bottom: 140px;}
.cta-home .left{width: 50%; height: 630px; justify-content: flex-start; background: url(../siteart/ag-cta-bg.png) no-repeat; color: #fff; padding: 60px 0 0 0;}

.cta-home .left #cta-btn{background: #e02b20; color: #fff; text-transform: uppercase; text-align: center; padding: 12px 0; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px; display: block; width: 280px; margin:150px auto 0 auto; box-shadow: 0px 6px 10px -7px #767676;}
.cta-home .left #cta-btn:hover{transform: scale(1.08); background: #c32218;}


.cta-home .right{width: 50%; height: 630px; justify-content: flex-start; background: url(../siteart/const-cta-bg.png) no-repeat; color: #fff; padding: 60px 0 0 0; }

.cta-home .right #cta-btn{background: #e09900; color: #fff; text-transform: uppercase; text-align: center; padding: 12px 0; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px; display: block; width: 280px; margin:150px auto 0 auto; box-shadow: 0px 6px 10px -7px #767676;}
.cta-home .right #cta-btn:hover{transform: scale(1.08); background: #c98a01;}

.cta-home img{width:100%; max-width: 400px; margin-bottom: 60px;}

/*--HERO SLIDESHOW--*/

.cycle-slideshow {
    position: relative;
    overflow: hidden;
}

.cycle-slideshow .slide-main {
    width: 100%;
}

.cycle-slideshow img {
    width: 100%;
    display: block;
}

/*--TRACTOR PACKAGES--*/

.image-column {
  display: flex;
  flex-direction: column;   /* Stack images vertically */
  align-items: center;      /* Center images horizontally */
  margin: 0 auto;           /* Center column in the page */
  width: 100%;
  max-width: 1200px;         /* Optional max width for column */
}

.image-wrapper {
  margin: 50px 0;           /* Space between images */
}

.image-wrapper img {
  max-width: 100%;       /* Keep responsive */
  width: 1000px;            /* Increase size relative to column */
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/*--small--*/

.cta-small{display: flex; margin: 20px 0;}
.cta-small .box{justify-content: flex-start; width: 33.3%;}
.cta-small .box img{display: inline-block; vertical-align: top; width: 80px; margin-right: 10px;}
.cta-small .box .text{display: inline-block; vertical-align: top; width: 70%; text-align: left}


/*--values--*/
.values{display: flex; background: #fff; align-items: flex-end}
.values .left{justify-content: flex-start; color: #fff; padding: 50px 0; background: #e09900; width: 40%;}
.values .left .wrapper-inner{width: 90%;}
.values .left h1{color: #282828}
.val{margin: 10px auto; display: block; text-align: left; padding: 20px 0}
.val img{display: inline-block; margin-right: 8px; max-width: 70px; vertical-align: middle}
.val .text{display: inline-block; width: 80%; vertical-align: middle;} .val .text h3{color: #282828;}

.values .right{justify-content: flex-start; background: #fff; width: 60%;}
.values .right h5{font-size: 22px;}
.values .right h2{display: inline-block; margin-top: 10px; color: #fff; padding: 5px 0} .values .right #yellow-outline-btn{display: inline-block; float: right; margin: 10px 0}

.values .right .dark-gray{margin-top: 18%}

/*--testimonials--*/

.def-video{padding:150px 0 100px 0;text-align:center; position:relative;overflow:hidden;background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%),url("/siteart/backgrounds/site.jpg") no-repeat;background-size:cover;background-position:center center;}
.def-video .video-container{position:absolute; top:0; left:0; width:100%; height:100%; background:#282828;}
.def-video .video-container video{min-width:100%; min-height:100%; opacity:.4; filter:grayscale(50%);}
.def-video .test-wrap{position:relative; z-index:2; color: #fff; text-align: center; padding-bottom: 80px;}

.testimonials{display: flex; align-items: center;}
.test-box{width: 33%; text-align: center; background: #e6e6e6; padding:40px 0 10px 0; justify-content: flex-start; margin: 0 10px; min-height: 180px; color: #000}
.test-box .fa{font-size: 22px; margin: 0 3px;}


.manu-slider .manu{text-align: center !important; margin: 0 auto !important}

/*-- ABOUT --------------------*/
.about-pg{background: url("../siteart/backgrounds/flag.jpg") no-repeat center center fixed; width: 100%; background-size: cover !important;background-color:#000;}

.about-pg .video-container{ width: 80%; max-width: 1080px; position: relative; z-index: 99;  margin: 0 auto -50px auto; text-align: center; padding-top: 30px;}
.about-pg .video-container video{width: 100%;}


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

.listing-widget__text,
.listing-portion-title h3 {
	font-family: Arial,sans-serif ;
}
/*---SEARCH ----------------------------*/

.search{padding: 20px 0;}

.search .row{display: flex; width: 100%;margin-bottom: 10px;}
.search .column6{float: left; padding: 0 25px 0 0;width:33%; display: inline-block;}
.search input[type="text"], .search select{display: block; width: 100%; padding: 10px; font-family: urw-din, sans-serif; border: 1px #ddd solid;}


.search.ag input[type="submit"]{background: #e02b20; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 0; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px; display: inline;width:100%; max-width:  280px; margin:20px auto 0 auto;  cursor: pointer; border: none !important; float: none; 
	border-radius: 0; 
	-webkit-border-radius: 0;  
	-moz-border-radius: 0; 
    border-radius: 0;
}
.search.ag input[type="submit"]:hover{transform: scale(1.05); background: #c32218;}


.search.const input[type="submit"]{background: #e09900; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 0; text-decoration: none; letter-spacing: 1.5px; font-weight: 700; font-family: 'Teko', sans-serif; font-size: 18px; display: inline; width:100%; max-width:  280px; margin:20px auto 0 auto;  cursor: pointer; border: none !important; float: none;
	border-radius: 0; 
	-webkit-border-radius: 0;  
	-moz-border-radius: 0; 
    border-radius: 0;
}
.search.const input[type="submit"]:hover{transform: scale(1.05); background: #c98a01;}


/*---SEARCH BY -----------------------*/
.searchby{width: 75%; margin: 0 auto; }

.searchby .title{background: #000; color: #fff; padding:  12px 0; width: 98%; display: block; text-align: center; margin: 0 auto 8px auto;}

.searchby .inner{display: flex; width: 100%; margin: 0 auto;}

.searchby .inner .left{justify-content: flex-start; background: #282828; color: #fff; width: 47%; margin: 0 auto; padding: 20px 20px 0 20px;}

.searchby .inner .right{justify-content: flex-start; color: #fff; width: 47%; margin: 0 auto;}
.searchby .inner .right .right-inner{padding: 20px;background: #282828; }


.searchby .inner .col{display: inline-block; vertical-align: top; width:45%; margin: 0 auto;}
.searchby .inner .col ul li{line-height: 28px;}

.searchby .inner h3{font-weight: 300; letter-spacing: 3.5px; color: #e09900; font-family: 'Abel', sans-serif; }

.red-all{background: #e02b20; text-align: center; padding: 12px 0; width: 100%; margin-top: 5px; color: #fff; font-size: 18px; display: block;}
.red-all a{text-decoration: none;}
.red-all:hover{background:#c32218}


/*-- RENTALS ------------------------*/

.rentals{display: flex; align-items: center; padding-bottom: 180px !important}
.rentals .boxes{margin: 10px; justify-content: flex-start; background: #e6e6e6 ; padding: 10px 0 30px 0; width: 33.3%; text-align: center}
.rentals .boxes img{display: block; margin: 10px auto; max-width: 80px;}
.rentals .boxes .text{width: 80%; margin: 0 auto;} .val .text h3{color: #282828;}



/*-- PARTS ------------------------*/

.parts-wrap{display: flex; align-items: center; margin-bottom: 150px}
.parts-wrap .boxes{margin: 10px; flex: 1; background: #e6e6e6 ; padding: 10px 0 30px 0; width: 33.3%; text-align: center}
.parts-wrap .boxes img{display: block; margin: 10px auto; max-width: 200px;}

/*-- SPECIAL OFFERS ------------------------*/

.special-offers-wrap{display: flex; gap:20px; margin-bottom: 150px; clear:both;}
.special-offers-wrap .boxes{flex: 0 0 50%; max-width: 50%; background: #e6e6e6 ; padding: 10px 0 30px 0; text-align: center; }
.special-offers-wrap .boxes img{display: block; margin: 10px auto; max-width: 200px;}

.btn-link {
	display: inline-block;
	margin: 15px auto 0 auto;
	padding: 10px 20px;
	background-color: #dd9c2c; 
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	transition: background 0.3s;
	width: 80%;
	text-transform: uppercase;
}

.btn-link:hover {
	background-color: #e49711;
	text-decoration: none;
}

.offers-text h3 {
	font-weight: 400;
	padding-bottom: 15px;
}

/*-- SWIPER ------------------------*/

.card-specials {
	padding: 0 20px;
    position: relative;
}

.packages {
    text-align: center;
    margin-bottom: 30px;
}

.packages h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
	margin-bottom: 1rem;
}

.mySwiper {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	position: relative;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 6rem;
}

.swiper-slide img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    border-radius: 10px;
}


/*-- LOCATIONS ---------------------*/
.locations{width: 100%;}


.locations section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.locations label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.locations label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }*/

.locations label:hover {
  color: #888;
  cursor: pointer;
}

.locations input:checked +  label {
  color: #818181;
  border: 1px solid #ddd;
  border-top: 2px solid #e02b20;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6{
  display: block;
}

@media (max-width: 992px) {
    .popup-container a {
        font-size: 26px;
    }
}

@media (max-width: 576px) {
    .popup-container a {
        font-size: 22px;
    }
}

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

 .locations label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .locations label {
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .special-offers-wrap {
	  flex-direction: column;  
	  gap: 15px;    
	}
	
  .special-offers-wrap .boxes {
	  flex: 1 1 100%;          
	  max-width: 100%;
	}
	
	.special-offers-wrap .offers-text {
		padding: 0 15px; 
		text-align: center; 
	}
}

.special-offers-wrap .offers-text {
  padding: 0 15px; 
  text-align: center; 
}


.loc{display: flex; width: 100%; align-items: center; background: #e6e6e6}
.loc .col1{justify-content: flex-start; width: 30%; margin-right: 20px;}
.loc .col1 img{width: 100%; display: block;}
.loc .col1 h1{font-size: 75px; width: 55%; line-height: 65px;}
.loc .col2{justify-content: flex-start; width: 70%; height: 100% !important;}
.loc .col2 iframe{height: 400px !important; display: block;}

.loc .col2 .col2-2{display: inline-block; vertical-align: top; width: 45%}


/*-- BRANDS --------------------------*/
.brand-row{display: flex; margin: 15px auto;}
.brand-row .boxes{flex: 1; border: 1px solid #e6e6e6; margin: 5px; padding: 20px 0}
.brand-row .boxes:hover{background: #f4f4f4}
.brand-row .boxes img{max-width: 95%;}

.desktop-banner {
	display: block;
}

.parts-banner img {
	max-width: 100%;
	width: 100%;
}
.mobile-banner {
	display: none;
}
/*---FOOTER --------------------------*/
.footer-border{   
	background-image: url(/siteart/footer-border.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 148px;
    z-index: 99;
	margin-top: -148px; 
	position: relative;
}

.footer-wrap{width: 100%; display: flex;}
.footer-wrap .left{background: #e09900; width: 50%; justify-content: flex-start; text-align: left;}
.footer-wrap .left .gray-border{float: left;}

.footer-wrap .right{background: #fff; width: 50%; justify-content: flex-start;}

.footer-wrap .right .dark-gray .fa, .footer-wrap .right .dark-gray .fab{color: #fff; font-size: 30px; margin: 0 10px;}
.footer-wrap .right .dark-gray .fa:hover, .footer-wrap .right .dark-gray .fab:hover{opacity: .7;}

.footer-wrap .right ul li{line-height: 40px; font-size: 20px;}


.copyright{background: #f3f3f3; text-align: center; padding: 8px 0; font-size: 13px;}

/*-- full--*/
.footer-wrap .full{background: #fff; width: 100%; justify-content: flex-start;}
.footer-wrap .full .dark-gray .fa, .footer-wrap .full .dark-gray .fab{color: #fff; font-size: 30px; margin: 0 10px;}
.footer-wrap .full .dark-gray .fa:hover, .footer-wrap .full .dark-gray .fab:hover{opacity: .7;}
.footer-wrap .full ul li{line-height: 40px; font-size: 20px;}



/*---FORMS -----------------------------------*/
.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Open Sans', sans-serif; position: relative; padding: 5px 0; margin: 5px 5px 5px 0; font-size:13px;}


.formfield input, .formfield select  {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	background:#fff;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}

input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
textarea {
	width: 100%;
	padding: 10px 0;
	border:1px solid #134773;
	font-weight: 700;
	color:#000;
	background:#fff;
	font-family: 'Open Sans', sans-serif;
    height:85px;	
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
    margin:0 auto;
    background: #282828; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:18px;
	padding: 12px 20px;
	letter-spacing:2px;
	display: block;
	border: none;
	-webkit-appearance:none;
	-webkit-border-radius: 0px !important;
	font-family: 'Teko', sans-serif; 
	font-weight: 800; 
	text-transform: uppercase; 
	text-align: center; 
}
form input.button:hover {
	color: #282828;
    background: #fff; /* For browsers that do not support gradients */
	margin: 0 auto;
	text-align: center;
	display: block;
	transition: all .8s ease; 
}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000 !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
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;
text-align: center;
	color: #000 !important
}

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

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


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


@media screen and (max-width:1430px) {
	.header .wrapper-inner{width: 95%;}
	
		.loc .col1 h1{font-size: 60px;}

	

/*--slider --*/	
.slide-main .slide-link{max-width: 90%; top: 3vw; }
.slide-main .slide-link .link-text h1{font-size: 45px; line-height: 40px;}
.slide-main .slide-link .link-text p{font-size: 16px;}
.slide-main .slide-link .link-text #yellow-btn{margin-top: 20px;}
	
}


@media screen and (max-width:1380px) {
/*---CTA--*/
	.cta-home{max-width: 1100px;}

.cta-home .left #cta-btn{ margin:190px auto 0 auto; }
.cta-home .right #cta-btn{margin:190px auto 0 auto;}

.cta-home img{width:100%; max-width: 300px; margin-bottom: 40px;}

	
}
@media screen and (max-width:1200px) {
.cta-small .box{justify-content: flex-start; width: 33.3%; text-align: center}
.cta-small .box img{display: block; width: 80px;  margin: 0 auto 10px auto; text-align: center; vertical-align: middle;}
.cta-small .box .text{display: block; width: 90%; text-align: center; margin: 0 auto}
	
/*--values--*/
.values .left{justify-content: flex-start; color: #fff; padding: 50px 0; background: #e09900; width: 50%;}
.values .right{justify-content: flex-start; background: #fff; width:50%;}

/*--testimonals--*/
	.test-box{min-height: 320px;}
	

/*-- RENTALS ------------------------*/
.rentals .boxes{min-height: 300px;}
	
	
/*-- locations ------------------------*/
.loc{display: block;}
.loc .col1{justify-content: flex-end; width: 100%; margin-right: 0;}
	
.loc .col1 img{display: none;}
	
.loc .col1 h1{font-size: 55px; width: 100%; line-height: 65px; padding: 20px 0}
	
.loc .col2{justify-content: flex-end; width: 100%; height: 100% !important;}
	
.loc .col2 iframe{height: 250px !important; display: block;}

.loc .col2 .col2-2{display: inline-block; vertical-align: top; width: 45%; padding: 20px 0}
	
	
}

@media screen and (max-width:1024px) {
	.formfield {width:97.5%; }
	#formpage textarea{width: 100%;}
	#formpage input{padding: 6px 0;}
	

/*--slider --*/	
.slide-main .slide-link{max-width: 95%; top: 3vw; }
.slide-main .slide-link .link-text h1{font-size: 35px; line-height: 30px;}
.slide-main .slide-link .link-text p{font-size: 15px;}
.slide-main .slide-link .link-text #yellow-btn{margin-top: 15px; font-size: 15px;}
	
/*---CTA--*/
.cta-home{display: block; max-width: 90%; width: 100%; top: 20px; padding-bottom: 200px;}
.cta-home .left{width: 100%; height: auto; justify-content: flex-end; background: #2A3039; color: #fff; padding: 30px 0;}

.cta-home .right{width: 100%; height: auto; justify-content: flex-end; background: #20252C; padding: 30px 0; }


.cta-home .left #cta-btn{ margin:30px auto 0 auto; width: 100%; max-width: 280px; display: block; float: none; text-align: center;}
.cta-home .right #cta-btn{ margin:30px auto 0 auto; width: 100%; max-width: 280px; display: block; float: none; text-align: center;}

.cta-home img{max-width: 300px; margin-bottom: 20px;}
	
	
	
/*--values--*/
.values{display: block;}
.values .left{justify-content: flex-end; padding: 50px 0; width: 100%;}
.val .text{display: inline-block; width: 85%; vertical-align: middle;}

.values .right{justify-content: flex-end;width: 100%;}
	.values .right .wrapper-inner{padding: 50px 0;}

.values .right .dark-gray{margin-top: 0}	
	
}




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

/*--slider --*/
.slide-link{display: none;}
.slide-hide-mobile{display: block; color: #fff !important;}
	
	
	
#xl-pad{padding: 50px 0;}	
	
h2{font-size: 24px;}
	
.wrapper-inner, .wrapper-center{width: 90%;}	
	
.searchby{width: 90%;}

.searchby .title{width: 100%;}

.searchby .inner{display: block;}

.searchby .inner .left{justify-content: flex-end; width: 100%; padding: 20px 0 ; margin: 0 auto}

.searchby .inner .right{justify-content: flex-end; width: 100%; margin-top: 5px;}
.searchby .inner .right .right-inner{padding: 20px 0px; width: 100%;}

	.searchby .inner .col, .searchby .inner h3{margin-left: 15px;}	
	
}


@media screen and (max-width:720px) {
h1{font-size: 28px;}  .pageimage .wrapper-center h1 {font-size: 42px;}
	h1.large{font-size: 38px; line-height: 40px; width: 100%;} h1.large br{display: none}
	.grid-packages {grid-template-columns: repeat(1, 1fr);}
.wrapper50{width: 90%;}
.yellow-angle{display: none}
.pageimage{padding: 40px 0;}
	
.cta-small{display: block; margin: 0 auto}
.cta-small .box{justify-content: flex-end; width: 100%; text-align: center; padding: 20px 0}
	
/*-- values --*/	
	.values .right h1 br{display: none}
.values .right h2	{display: block;} .values .right #yellow-outline-btn{display: block; float:  left;}
	
/*--testimonials--*/
	
.def-video{padding:80px 0 100px 0;text-align:center; position:relative;overflow:hidden}
	
.testimonials{display: block}
.test-box{justify-content: flex-end; width: 100%; margin: 10px auto; min-height: auto; padding: 30px 0}

.slick-dots, .slick-dots li button{display: none !important}


/*-- RENTALS ------------------------*/

.rentals{display: block;  padding-bottom: 80px !important}
.rentals .boxes{margin: 10px auto; justify-content: flex-end; padding: 30px 0; width: 100%; min-height: auto}
.rentals .boxes .text{width: 90%; margin: 0 auto;}	
	

/*-- PARTS ------------------------*/

.parts-wrap{display: block; margin-bottom: 0px}
.parts-wrap .boxes{margin: 10px auto; flex: 1; padding: 30px 0; width: 100%;}
	
	
/*--locations --*/
	.loc .col2 .col2-2{display: block; width: 100%; padding: 20px 0 0 0} .loc .col2 .col2-2:last-child{padding-bottom: 20px;}
	.locations label{width: 45%; padding: 20px 0}
	.locations input:checked + label{border-bottom:1px solid #ddd}
	
	

	
/*---FOOTER --------------------------*/
.footer-border{display: none;} 

.footer-wrap{display: block;}
.footer-wrap .left{width: 100%; justify-content: flex-end;}

.footer-wrap .right{ width: 100%; justify-content: flex-end;}

.footer-wrap .right .dark-gray .fa{font-size: 25px;}

/*--forms--*/
	.form-row{display: block;}
	
}
@media screen and (max-width:550px) {
	.desktop-banner {display:none;}
	.mobile-banner {display:block;}
	.manu.slick-slide img {
		width: 100% !important;
	}
}
@media screen and (max-width:400px) {
	
	.locations label{width: 100%; display: block; padding: 20px 0}

	.loc .col1 h1{font-size: 35px; line-height: 45px;}

	
	
	
	.cta-home{padding-bottom: 100px;}	

	
	.search{padding: 10px 0;}
.search .row{display: block; margin-bottom: 10px}
.search input[type="text"], .search select{padding: 10px 0;}
.search .column6{width: 100%; margin: 5px auto; display: block; padding: 0}

.searchby .inner .col{width: 100%; display: block;}

.footer-wrap .right ul li {line-height: 37px;font-size: 17px;}

	

/*-- BRANDS --------------------------*/
.brand-row{display: block; margin: 0 auto}
.brand-row .boxes{flex: 1; border: 1px solid #e6e6e6; margin: 10px auto; padding: 20px 0; width: 95%;}
.brand-row .boxes:hover{background: #f4f4f4}
	
	
}