/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
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 --------*/
:root {
  --orange: #de3202;
  --grey: #ECECEC;
}

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

h1, h2, h3 {
	font-family: "Outfit", sans-serif;
}

#home p, #thankyou p, #promotions p, #parts p, #service p, #finance p, #about p, #contact p, #showroom p, #rentals p  {
	font-family: "Outfit", sans-serif;
	font-size: 17px; 
	color: #000;
	line-height: 30px;
}

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

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
.center{text-align: center;}
/*--- HERO STYLES ---------------------*/
.home-hero {background: url("/siteart/home-hero.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; }
.home-hero > div {background: rgba(0,0,0,.4);}
.home-hero .wrapper {padding-top: 250px!important; padding-bottom: 300px!important;}
.home-hero .heading-lg {text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40); line-height: 60px;}
.home-hero .heading-lg .h1-span {font-size: 40px!important;}
.home-hero p {font-size: 30px!important; font-weight: 500; text-align: center; color: #fff!important; margin-top: 20px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.40);}

.inner-hero {gap: 30px; align-items: center; flex-wrap: wrap; padding-top: 30px!important; padding-bottom: 30px!important;}
.inner-hero a {font-family: "Outfit", sans-serif; font-size: 17px; line-height: 30px; font-weight: 700; color: #000; transition: all .4s ease-out;}
.inner-hero a:hover {color: var(--orange);}
.inner-hero hr {margin: 0; border: #000 solid 1px; height: 25px;} 

/*---BODY--------------------------------*/
/*---brand-cta---*/
.brand-cta {margin-top: -100px; position: relative; z-index: 2; padding: 60px 0px;}
.brand-cta .flex {gap: 20px; justify-content: center;}
.brand-cta .flex > a {max-width: 450px; width: 100%; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20); position: relative; padding: 60px 60px 80px; box-sizing: border-box; background: #fff; transition: transform .2s;}
.brand-cta .flex > a:hover {transform: scale(0.95);}
.brand-cta img {max-width: 300px; width: 100%; margin: 0 auto; display: flex;}
.brand-cta h2 {position: absolute; bottom: 15px; left: 15px; right: 15px; text-align: center; font-size: 17px; color: #000; line-height: 30px;}
.brand-cta .btn-top {margin: 60px auto 0!important; text-align: center;}

.background-grey {background: var(--grey); position: absolute; left: 0; right: 0; top: 100px; bottom: 0; z-index: -1;}

/*---Promotion Slider---*/
.wrap-promo-slider {box-sizing: border-box;position: relative;z-index: 2;background: linear-gradient(to bottom, #ECECEC 40%, #fff 40%); padding-bottom: 130px!important;}

.promo-slider .slick-track {cursor:grab;}
.promo-slider .slick-track:active {cursor:grabbing;}
.promo-slider {display: flex!important;justify-content: center;flex-wrap: wrap;align-items: center;gap:20px 10px;}

.promo-slider .slick-list {order:1;width:100%;}
.promo-slider .slick-dots {order:3;display: flex;flex-wrap: wrap;gap:5px 10px;padding:0;margin:0;width: 100%;}
.promo-slider .slick-dots li {padding:0;margin:0;display: block;height: 10px;width:10%;list-style: none;background:#000;transition: .2s ease-in;}
.promo-slider .slick-dots li.slick-active {background:var(--orange);flex-grow: 1;}
.promo-slider .slick-dots li:hover {background:var(--orange);}
.promo-slider .slick-dots li button {display: none;}
.promo-slide {width:100%;display: flex;flex-wrap: wrap;}
.promo-info { width:30%;padding:4% 3%;display: flex;flex-direction:column;justify-content: space-between;box-sizing: border-box;gap:20px;overflow: hidden;}
.promo-info-text {display: flex;flex-direction: column;justify-content: center;flex-grow: 1;visibility: hidden;}
.slick-active .promo-info-text {animation: fade-in-top 900ms ease-in-out both;visibility: visible;}

.promo-info img {max-width: 250px; width: 100%;}
.toro-logo-promo img {max-width: 150px!important;}
.promo-info-text .heading-md {color:#fff;font-weight:600;margin-bottom:10px;}
.promo-info-text .heading-md span {text-transform: none!important; font-weight: 400;}
.promo-info-text p {color:#fff!important;}
.promo-info-links {display: flex;flex-wrap: wrap;gap:10px;visibility: hidden;}
.slick-active .promo-info-links {animation: fade-in-bottom 900ms ease-in-out both;visibility: visible;}
.promo-img {width:70%; max-width: 1500px; height: 550px;}
.promo-img img {width:100%;height: 100%;display: block;object-fit: cover;object-position: center;}

/*---equipment-cta---*/
.equipment-cta {background: var(--grey); position: relative; gap: 180px; margin: 75px auto;}
.equipment-cta .orange-angle-bg {position: relative;background: var(--orange); display: flex;justify-content: center;align-items: center;padding: 20px 5vw; box-sizing: border-box; z-index: 2; margin-top: -30px; margin-bottom: -30px;}
.equipment-cta .orange-angle-bg:after {clip-path: polygon(0% 0%, 100% 0%, 10% 100%, 0% 100%); content: ""; background: var(--orange);display: block;height: 100%;width: 150px;position: absolute;top: 0;left: 100%; margin-left: -1px;}
.equipment-cta .heading-mdsm {position: relative; z-index: 3; color: #fff;}
.equipment-cta .col-3-btns {padding-top: 50px; padding-bottom: 50px;padding-right: 15px; margin: 0 auto;}
.equipment-cta .arrow-top {position: absolute; right: 0; font-size: 25px; padding: 15px; color: #fff;}
.equipment-cta .arrow-top:after {content: ""; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 50%); background-color: #000000; display: block; width: 90px; height: 90px; position: absolute;top: 0;right: 0; transition: all .4s ease-out;}
.equipment-cta .arrow-top i {position: relative; z-index: 2;}

.equipment-cta .col-3-btns .flex {gap: 20px; }
.equipment-cta .col-3-btns .flex:first-child {margin-bottom: 20px;}
.equipment-cta .col-3-btns .cta-cutout {background: #fff; position: relative; box-sizing: border-box; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20); transition: transform .2s; max-width: 420px; width: 100%;}
.equipment-cta .col-3-btns .cta-cutout:hover {transform: scale(0.95);}
.equipment-cta .col-3-btns .cta-cutout:hover .arrow-top:after {background: var(--orange);}
.equipment-cta .col-3-btns .cta-cutout img {max-width: 420px; width: 100%; padding: 30px 30px 20px; box-sizing: border-box;}
.equipment-cta .col-3-btns p {text-align: center; color: var(--orange)!important; font-weight: 700; margin-bottom: 20px; margin-top: 20px;}

.equipment-cta .col-3-btns .last-equipment-cta {max-width: 420px; height: auto; width: 100%; background: #000; position: relative; box-sizing: border-box; transition: all .4s ease-out; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);}
.equipment-cta .col-3-btns .last-equipment-cta:hover {background: var(--orange)!important;}
.equipment-cta .col-3-btns .last-equipment-cta img {padding: 0!important; width: 100%; height: 100%; object-fit: cover; opacity: .5; }
.equipment-cta .col-3-btns .last-equipment-cta .heading-mdsm {position: absolute; top: 40%; left: 20%; right: 20%;}  

/*---img-right---*/
.img-right {padding-top: 130px; padding-bottom: 130px; gap: 20px; justify-content: space-between;}
.img-right .content-left {max-width: 1000px; padding-left: 40px;}
.img-right .content-left .flex {gap: 25px; flex-wrap: wrap;}
.img-right .content-left a {font-family: "Outfit", sans-serif; font-size: 17px; color: var(--orange); line-height: 30px; font-weight: 700; transition: all .4s ease-out;}
.img-right .content-left a:hover {color: #000;}
.img-right .content-left i {margin-left: 10px;}
.img-right .img-height {max-width: 900px; width: 100%; height: 600px; min-width: 300px;}
.img-right .img-height img {width: 100%; height: 100%; object-fit: cover; object-position: left;}

/*---img-bg---*/
.img-bg {background: url("/siteart/service-home.jpg") no-repeat; background-position: center; background-size: cover; background-color: #000; position: relative;}
.img-bg .black-angle {position: absolute; top: 0; bottom: 0; right: 0; max-width: 1100px; width: 100%; background: rgba(0,0,0,.5); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 30% 100%);}
.img-bg .wrapper {padding-top: 150px!important; padding-bottom: 150px!important; text-align: right; position: relative; z-index: 2; max-width: 700px; margin-right: 30px;}
.img-bg .wrapper .heading-mdsm, .img-bg .wrapper p {color: #fff!important;}
.img-bg .flex {justify-content: flex-end; flex-wrap: wrap; gap: 15px;}

/*---contact---*/
.contact-home {justify-content: center; padding-top: 130px!important; padding-bottom: 130px!important;}
.contact-home .content-left {background: var(--grey); padding: 50px 40px 60px;}
.contact-home .content-left .heading-mdsm {margin-bottom: 80px;}
.contact-home .content-left > .flex {margin-bottom: 60px; gap: 30px; width: 100%;}
.contact-home .bg-orange {background: var(--orange); align-items: center; max-width: 900px; min-width: 300px; width: 100%; height: 120px; gap: 10px;}
.contact-home a, .contact-home p {font-family: "Outfit", sans-serif; font-size: 17px; color: #fff!important; line-height: 30px; transition: all .4s ease-out;}
.contact-home a:hover {background: #000;}
.contact-home i {color: var(--orange); clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0% 100%); background-color: #fff; margin-top: -10px; margin-bottom: -10px; display: flex; align-items: center; padding: 15px 30px 15px 15px; height: 100%; font-size: 20px;}
.contact-home .img-height, .contact-home .content-left {max-width: 900px; width: 100%;}
.socials {display: flex; margin-bottom: 70px;;}
.socials i {clip-path: unset; margin: 0px 10px; padding: 10px 15px;}
.socials a:hover{background: none;}
/*--------PAGE STYLES--------------------*/
/*---rentals---*/
#rentals .img-right, #parts .img-right, #service .img-right, #about .img-right, #finance .img-right {padding-top: 30px!important;}
.img-right ul {list-style: disc; margin-left: 30px;}
#rentals .img-right .img-height-inner {max-width: 900px; width: 100%; height: 900px; min-width: 300px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
#rentals .img-right .img-height-inner img {object-position: 35% 50%;}

.img-right .img-height-inner img {width: 100%; height: 100%; object-fit: cover; object-position: left;}
.our-team .contact-card .img-position-different {object-position: 70% 50%;}

#rentals .our-team .wrapper > .flex, #rentals .our-team .wrapper > .flex > .flex {justify-content: center;}
#rentals .our-team .flex a {transition: transform .2s;}
#rentals .our-team .flex a:hover {transform: scale(0.95);}

/*---thankyou---*/

/*===================== 
	Promo Page styles 
=======================*/
.promotion-slider {padding-top: 30px!important; padding-bottom: 130px!important;}
.promotion-slider .heading-md {text-align: center;}

.promo-page-slide-wrap {width:100%;background:#fff; margin-top:40px;}
.promo-page-slider-tabs {
    width:100%;
    background:#fff;
    position: relative;
    z-index: 2;
    margin-bottom:40px;
}

.promo-page-slider-tabs .slick-track, .promo-page-slider-tabs {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    transform: none !important;
    width:100%!important;
    gap:10px;
}
.promo-page-slider-tabs .slick-list {width:100%!important;overflow: visible;}

.promo-page-slider-tabs .slick-slide,  .promo-page-tab-slide {
    width: calc(50% - 9px) !important;
    box-sizing: border-box;
    cursor: pointer;
    background: #cecece;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.15);
    padding:15px;
}
.promo-page-slider-tabs .slick-track:before, .promo-page-slider-tabs .slick-track:after {display: none!important;}
.promo-page-tab-slide img {
    width: 100%;
    max-width: 200px;
    height: 70px;
    display: block;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
    transition: .2s ease-in;
}

.promo-page-tab-slide:hover img {opacity: 0.6;}
.promo-page-tab-slide.slick-current {background: #fff;}
.promo-page-slider {box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);background: #fff;}
.promo-page-slide, .promo-page-slider .slick-slide {
    display: flex!important;
    flex-wrap: wrap;
    gap:20px;
    width:100%;
    padding:20px;
    box-sizing: border-box;
}
.promo-info-cont-1 {
    width: calc(33.33% - 14px);
    display: flex;
    flex-direction: column;
    gap:20px;
    border:1px solid #000;
    padding:10px;
    box-sizing: border-box;
}
.no-current-promo-cont {
    width:100%;
    display: flex;
    flex-direction: column;
    border:1px solid #000;
    padding:40px 10px 100px 10px;
    box-sizing: border-box;
    text-align: center;
}
.promo-info-cont-1 h2 {font-size: 25px; margin-bottom: -5px;}
.promo-info-cont-1 p {font-size:17px;}

.promo-info-cont-1 .img-height {max-width: 900px; width: 100%; height: 300px;}
.promo-info-cont-1 img { width:100%; height: 100%; object-fit: cover;}

/*--View the whole image--*/
.toro-promo .promo-info-cont-1 .img-height {max-width: 100%; width: 100%; height: auto;}
.toro-promo .promo-info-cont-1 .img-height img { max-width: 100%;width:100%;height: auto;display: block;}

/*---showroom---*/
.center-section .full-row {gap: 20px;}
.center-section .full-row .flex {gap: 20px;}
#showroom .center-section img {max-width: 300px;}
#showroom .center-section .full-row .white-bg {padding: 40px;}

/*---parts---*/
#parts .img-right .img-height-inner {max-width: 900px; width: 100%; height: 500px; min-width: 300px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
.col-2 {background: var(--grey); padding-bottom: 100px!important; padding-top: 80px!important;}
.col-2 .flex {justify-content: space-between; gap: 30px; align-items: flex-end;}
.col-2 .flex > div:first-child {max-width: 900px; width: 100%;}

#parts .img-bg {background: url("/siteart/parts-2.jpg") no-repeat; background-position: center; background-size: cover; background-color: #000; position: relative;}
.parts-form, .service-form {background: linear-gradient(to bottom, #ECECEC 40%, #fff 40%);}

/*---service---*/
.service-form, .contact-form {padding-top: 130px;}
#service .img-right .img-height-inner {max-width: 900px; width: 100%; height: 800px; min-width: 300px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
#service .img-right .img-height-inner img {object-position: 40% 50%;}
#service .img-bg {background: url("/siteart/service.jpg") no-repeat; background-position: center; background-size: cover; background-color: #000; position: relative;}

/*---finance---*/
#finance .img-right .img-height-inner {max-width: 900px; width: 100%; min-width: 300px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
#finance .img-right .img-height-inner img {object-position: center;}
.center-section {background: var(--grey); padding-top: 50px; padding-bottom: 50px; text-align: center;}
.center-section p {max-width: 900px; margin: 0 auto;}
.center-section .wrapper > div {margin-top: 50px; margin-bottom: 50px;}
.center-section .full-row {justify-content: center; gap: 20px; margin-bottom: 20px;}
.center-section img {max-width: 600px; width: 100%;}
.center-section .full-row .white-bg {background: #fff; padding: 30px; transition: transform .2s;}
.center-section .full-row a:hover {transform: scale(0.95);}

/*---about---*/
#about .img-right .img-height-inner {max-width: 900px; width: 100%; height: 1200px; min-width: 300px; clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
#about .img-right .img-height-inner img {object-position: 35% 50%;}
.our-team {background: var(--grey); padding-top: 130px; padding-bottom: 130px;}
.our-team .heading-md {margin-bottom: 40px; text-align: center;}
.our-team .wrapper > .flex, .our-team .wrapper > .flex > .flex {gap: 20px; margin-bottom: 25px;}
.our-team .contact-card {max-width: 442px; width: 100%; height: 600px; position: relative;}
.our-team .contact-card img {width: 100%; height: 100%; object-fit: cover;}
.our-team .contact-card > .flex {position: absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: 20px;}
.our-team .contact-card .orange-left {margin-right: 50px;}
.our-team .contact-card .orange-left:after {content: ""; clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%); background-color: var(--orange); display: block; width: 60px; position: absolute;top: 0;left: 0; bottom: 0; transition: all .4s ease-out; margin-top: -10px; margin-bottom: -10px;}
.our-team .contact-card .staff-heading {font-weight: 700; font-size: 20px!important;}
.our-team .contact-card .contact-btn {gap: 20px; flex-wrap: wrap;}
.our-team .contact-card a {font-family: "Outfit", sans-serif; font-size: 17px;  color: #000; line-height: 30px; transition: all .4s ease-out;}
.our-team .contact-card a:hover {color: var(--orange);}

/*---contact---*/
.contact-form {background: var(--grey); padding-bottom: 130px;}
.contact-form .form-all {margin: 0 auto!important;}
.contact-form .white-form {padding: 80px 100px 150px!important;}
#contact .contact-home {padding-top: 30px!important;}

/*--------FORM STYLES--------------------*/
.form-all p {max-width: 1200px; margin: 0 auto 40px;}
.form-all .heading-mdsm {margin-top: 40px; text-align: left; font-weight: 400!important;}
.form-all {
	box-sizing: border-box;
	max-width: 1500px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
}

.white-form {background: #fff; padding: 80px 100px!important;}

.label {font-family: "Outfit", sans-serif;text-align: left!important;font-weight: 500;}
.label-row {margin-bottom: 15px;}
.flex-row {display: flex;width: 100%; gap: 15px; margin-bottom: 15px;}

.form-half {display: inline-block;width: 50%;}
.form-half input {padding: 15px;width: 100%;border: solid 1px #000;background: #fff;font-family: "Outfit", sans-serif;box-sizing: border-box;}

.form-full textarea {width: 100%;padding: 15px;border: solid 1px #000;background: #fff;box-sizing: border-box;margin-bottom: -8px;font-family: "Outfit", sans-serif;}
.form-full {margin: 15px 0 30px 0;}

.form-full-sm {display: inline-block;width: 100%;}
.form-full-sm input{padding: 17px;width: 100%;background: #fff;font-family: "Outfit", sans-serif;box-sizing: border-box;color: #000;border: solid 1px #000;}

.checkbox {text-align:left; margin-bottom: 20px!important;}
.checkbox > label > .label-row {display: inline-block;}
.checkbox p {margin: 0 0 20px 0;}

/*--------Captcha--------------------*/
.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: #000;font-family: "Outfit", sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}

/*-------- FOOTER STYLES ----------------*/
.my-site-footer {border-top: solid var(--orange) 40px;}
.my-site-footer > .flex {justify-content: space-between; gap: 40px;}
.my-site-footer > .flex > div:first-child {margin-left: 40px; padding-top: 60px; padding-bottom: 60px; margin-right: 120px;}
.my-site-footer .logo-brand img, .my-site-footer .logo-bobcat img {max-width: 250px; width: 100%;}
.my-site-footer hr {margin: 20px 0; border: #000 solid 1px;}
.my-site-footer .social-icons {gap: 15px; justify-content: center; margin-top: 30px;}
.my-site-footer .social-icons i {color: var(--orange); font-size: 20px; transition: all .4s ease-out;}
.my-site-footer .social-icons i:hover {color: #000;}

.my-site-footer .black-angle {position: relative;background: #000; display: flex;justify-content: flex-end; box-sizing: border-box; z-index: 2; margin-top: -40px; padding-top: 60px; padding-right: 40px; max-width: 1100px; width: 100%;}
.my-site-footer .black-angle:after {clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 0% 100%); content: ""; background: #000;;display: block;height: 100%;width: 150px;position: absolute;top: 0;right: 100%; margin-right: -1px;}

.my-site-footer .black-angle .flex {gap: 150px;}
.my-site-footer .black-angle .footer-heading {color: var(--orange); font-family: "Outfit", sans-serif; font-size: 20px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px;}
.my-site-footer .black-angle li {margin-top: 5px;}
.my-site-footer .black-angle a {color: #fff; font-family: "Outfit", sans-serif; font-size: 17px; line-height: 30px; transition: all .4s ease-out;}
.my-site-footer .black-angle a:hover {color: var(--orange);}

.my-site-footer .black-angle .flex > div:last-child ul li:last-child {margin-top: 50px;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}
.btn-top {margin-top: 50px;}
.p-top {margin-top: 20px;}
.text-btn {color: #ca2d02; transition: all .4s ease-out; font-weight: 500!important;}
.text-btn:hover {color: #000!important;}

/*---Headings---*/
.heading-lg {font-size: 60px; font-weight: 700; color: #fff; text-transform: uppercase;}
.heading-md {font-size: 35px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase;}
.heading-mdsm {font-size: 30px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase;}

.h2-span {font-size: 24px; font-weight: 400;}
.h2-span-sm {font-size: 20px; color: var(--orange); text-transform: none; font-weight: 700;}

/*---Buttons---*/
.btn-orange, .btn-long, .btn-angle-right, .btn-angle-left {
	display: inline-block;
	text-align: center;
	font-family: "Outfit", sans-serif;
	color: #fff!important; 
	width: 220px;
	font-size: 18px;
	padding: 15px;
	transition: all .4s ease-in-out;
	background: var(--orange);
	font-weight: 600;
	border: none;
}
.btn-long:hover, .btn-orange:hover {background: #000!important;}

.btn-angle-right {clip-path: polygon(0% 0%, 100% 0%, 92% 100%, 0% 100%); background-color: var(--orange); margin-right: 20px;}
.btn-angle-left {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 8% 100%); background-color: var(--orange);}
.btn-angle-right:hover, .btn-angle-left:hover {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.btn-long {max-width: 1000px!important; width: 100%!important; box-sizing: border-box;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count {color: var(--orange)!important;}
.dealer-contact__phone span, .dealer-contact__videochat span {color: #ca2d02;}

.list-container-flexrow .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button), .view-all-link {background: var(--orange)!important; transition: all .4s ease-out!important;}
.list-container-flexrow .view-listing-details-link:hover, .faceted-search-content .selected-facets-container .selected-facet:hover, .list-content .list-error-container .info button:not(.login-button):hover, .view-all-link:hover {background: #000!important;}


/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (min-width: 2000px) {
	.equipment-cta, .img-right, .my-site-footer {margin: 0 auto; max-width: 1830px;}
	.img-bg > div {padding: 0 15px;  margin: 0 auto; max-width: 1830px;}
	.img-bg .black-angle {max-width: 70%;}
}

@media only screen and (max-width: 1760px) {
	.equipment-cta .col-3-btns .last-equipment-cta .heading-mdsm {left: 10%; right: 10%;}
}

@media only screen and (max-width: 1430px) {
	.equipment-cta .col-3-btns .last-equipment-cta .heading-mdsm {left: 20px; right: 20px;}
	.img-bg .wrapper {margin-right: 0;}
	.my-site-footer .black-angle {padding-right: 15px;}
}

@media only screen and (max-width: 1365px) {
	.equipment-cta .col-3-btns .last-equipment-cta .heading-mdsm {top: 35%; font-size: 25px;}
	.equipment-cta .col-3-btns .last-equipment-cta .h2-span {font-size: 20px;}
}

@media only screen and (max-width: 1130px) {
	.brand-cta .flex > a {padding: 40px 30px 80px;}
	.my-site-footer .black-angle .flex {gap: 100px;}
}

@media only screen and (max-width: 1100px) {
	.equipment-cta {flex-direction: column; gap: 0px; justify-content: center; aligh-items: center;}
	.equipment-cta .orange-angle-bg {justify-content: left; padding: 20px 15px; width: calc(100% - 150px); margin-top: 0; margin-bottom: 0;}
	.equipment-cta .orange-angle-bg > .heading-mdsm {margin-bottom: 0;}
	.equipment-cta .col-3-btns {padding-left: 15px;}
	.equipment-cta .orange-angle-bg:after {clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0% 100%);}
	#about .img-right {flex-wrap: wrap; gap: 40px;}
	#about .img-right .img-height-inner {height: 300px; min-width: 100px; max-width: 1100px;}
	.our-team .wrapper > .flex {flex-direction: column;}
	.our-team .contact-card {max-width: 50%;}
}

@media screen and (max-width: 1000px) {
	.promo-info {width:100%;order:2;padding:20px;}
    .promo-img {width:100%;order:1; height: 250px;}
	.my-site-footer .black-angle .flex {gap: 30px;}
	.col-2 .flex {flex-wrap: wrap;}
	.col-2 {padding-top: 80px!important;}
	#showroom .center-section .full-row .white-bg {padding: 20px;}
}

@media screen and (max-width: 950px) {
	.promo-page-slide, .promo-page-slider .slick-slide {flex-direction: column;}
	.promo-info-cont-1 {width: 100%;}
}

@media screen and (max-width: 850px) {
	.img-right {flex-wrap: wrap; gap: 40px;}
	.img-right .content-left {padding-left: 15px; padding-right: 15px;}
	.img-right .img-height, #rentals .img-right .img-height-inner, #parts .img-right .img-height-inner, #service .img-right .img-height-inner, #finance .img-right .img-height-inner {height: 300px; min-width: 100px;}
	.img-bg .black-angle {clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}
	.my-site-footer .black-angle .flex {gap: 24px;}
}

@media screen and (max-width: 800px) {
	.my-site-footer .black-angle .flex {display: none;}
	.my-site-footer .black-angle {max-width: 1px; padding-right: 0;}
	.my-site-footer .black-angle:after {clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%); width: 100px;} 
	.my-site-footer > .flex > div:first-child {margin: 0 auto;}
}

@media only screen and (max-width: 960px) {
	.brand-cta .flex {flex-wrap: wrap;}
	.brand-cta .flex > a {max-width: 960px; padding: 20px 50px 80px;}
	.brand-cta img {max-width: 200px;}
}

@media only screen and (max-width: 850px) {
	.contact-home .content-left {padding: 30px 15px 10px;}
	.contact-home {flex-wrap: wrap;}
	.contact-home .img-height {height: 200px;}
	.contact-home .content-left .heading-mdsm {margin-bottom: 60px;}
}

@media only screen and (max-width: 800px) {
	.img-bg .wrapper {margin-left: 60px;}
	.white-form {padding: 60px 15px!important;}
	.contact-form .white-form {padding: 60px 15px 120px!important;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 45px;}
	.heading-md {font-size: 30px;}
	.heading-mdsm {font-size: 20px;}
	.home-hero .heading-lg .h1-span {font-size: 20px!important;}
	.home-hero .heading-lg {line-height: 45px;}
	.home-hero p {font-size: 20px!important;}
	.h2-span {font-size: 17px;}
}

@media only screen and (max-width: 700px) {
	.contact-home .content-left > .flex {gap: 40px; flex-wrap: wrap;}
	.contact-home .content-left > .flex {margin-bottom: 40px;}
	.contact-home .content-left {padding-bottom: 30px;}
}

@media only screen and (max-width: 630px) {
	.equipment-cta .col-3-btns .flex {flex-wrap: wrap; justify-content: center;}
	.equipment-cta .col-3-btns .last-equipment-cta {height: 310px;}
	.equipment-cta .col-3-btns .cta-cutout img {padding: 15px 20px;}
	.our-team .wrapper > .flex > .flex {flex-direction: column;}
	.our-team .contact-card {max-width: 100%;}
	#rentals .our-team .wrapper > .flex {gap: 25px;}
	#rentals .our-team .wrapper > .flex > .flex {margin-bottom: 0!important; gap: 25px;}
}

@media only screen and (max-width: 600px) {
	.home-hero .wrapper {padding-top: 80px!important; padding-bottom: 100px!important;}
	.img-right, .img-bg .wrapper, .contact-home, .contact-form, .our-team, .center-section {padding-top: 80px!important; padding-bottom: 80px!important;}
	.brand-cta, .wrap-promo-slider, .promotion-slider {padding-bottom: 80px!important;}
	.service-form {padding-top: 80px!important;}
	.flex-row {flex-direction: column;}
	.form-half {width: 100%;}
	.form-all {margin: 0 auto 80px !important;}
	.center-section .full-row {flex-direction: column; align-items: center;}
}

@media only screen and (max-width: 500px) {
	.contact-home {padding-left: 0!important; padding-right: 0!important;}
	.contact-home .img-height {display: none;}
	.our-team .contact-card {height: 500px;}
	#rentals .our-team .contact-card {height: 300px;}
}

@media only screen and (max-width: 450px) {
	.my-site-footer > .flex > div:first-child {margin: 0 60px 0 80px; padding: 35px 0;}
}

@media only screen and (max-width: 380px) {
	.img-bg .wrapper {margin-left: 20px;}
}

@media only screen and (max-width: 360px) {
	.heading-lg {font-size: 40px;}
	.home-hero .heading-lg .h1-span {font-size: 18px!important;}
	.home-hero .heading-lg {line-height: 40px;}
	.contact-home .bg-orange {min-width: 200px; gap: 5px;}
	.contact-home i {padding: 10px 25px 10px 10px;}
	.contact-home a, .contact-home p {font-size: 16px !important; line-height: 29px !important; padding-right: 10px;}
	.promo-page-slide .btn-orange {width: 150px;}
	.center-section .full-row .flex {flex-direction: column;}
}