/***** 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: "basic-sans", sans-serif;}

.aria-skip {position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0;}
/*--- HEADER STYLES ---------------------*/
header {background: #080808; position: relative; z-index: 600;}
.header-wrap {width: 95%; margin: 0 auto; padding: 5px 0; display: flex; justify-content: space-between; align-items: center;}
.header-contact {display: flex; justify-content: flex-end; gap: 40px; align-items: center; margin-bottom: 25px;}
.header-contact a {color: #DBE4FF; font-family: "basic-sans", sans-serif;}
.header-contact > a:first-child {font-weight: bold; font-size: 20px; line-height: 30px;}
.header-contact > a:last-child {font-size: 18px; line-height: 28px;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover; position: absolute; width: 100%; border-top: 2px #003DF5 solid;}
.hero-overlay {background: #000; background: linear-gradient(30deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%); height: 100%;}
.hero-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; padding: 80px 0;}
.hero-wrap > div {width: 50%;} 
.hero-header h1 {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 50px; line-height: 50px; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.4); margin-bottom: 5px;}
.hero-header h1 span {font-weight: lighter; font-style: italic; font-size: 38px; line-height: 48px;}
.hero-header p {font-family: "fairplex-wide", serif; font-weight: 400; font-size: 34px; line-height: 44px; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.hero-header button {width: 325px; background: #003DF5; border: 2px #003DF5 solid; border-radius: 50px; padding: 10px 0; font-family: "fairplex-wide", serif; font-weight: bold; font-size: 22px; line-height: 32px; color: #fff; text-transform: uppercase; margin-top: 20px;}
.hero-header button:hover {background: none; border: 2px #fff solid; transition: .8s;}
.hero-links, .hero-header {position: relative; z-index: 500;}
.hero-links > a:first-child > div, .hero-links > a:nth-child(2) > div, .hero-links > a:nth-child(3) > div {margin-bottom: 5px;}
.hero-links a > div {background: #809FFF; width: 100%;}
.hero-links a:hover > div {background: #003DF5; transition: .8s;}
.hero-links > a:first-child > div {clip-path: polygon(8% 0%, 96% 0%, 99% 100%, 6% 100%);}
.hero-links > a:nth-child(2) > div {clip-path: polygon(6% 0%, 99% 0%, 100% 100%, 4% 100%);}
.hero-links > a:nth-child(3) > div {clip-path: polygon(4% 0%, 100% 0%, 99% 100%, 2% 100%);}
.hero-links > a:last-child > div {clip-path: polygon(2% 0%, 99% 0%, 96% 100%, 0% 100%);}
.hero-links > a:first-child .links-wrap {width: 75%; margin: 0 auto;}
.hero-links > a:nth-child(2) .links-wrap {width: 80%; margin: 0 auto;}
.hero-links > a:nth-child(3) .links-wrap {width: 85%; margin: 0 auto;}
.hero-links > a:last-child .links-wrap {width: 90%; margin: 0 auto;}
.hero-links > a:first-child .links-wrap i {padding-right: 0px;}
.hero-links > a:nth-child(2) .links-wrap i {padding-right: 0px;}
.hero-links > a:nth-child(3) .links-wrap i {padding-right: 20px;}
.hero-links > a:last-child .links-wrap i {padding-right: 60px;}
.links-wrap {display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.links-wrap p {font-family: "basic-sans", sans-serif; font-size: 26px; line-height: 36px; color: #000; font-style: italic;}
.hero-links a:hover .links-wrap p, .hero-links a:hover .links-wrap h2, .hero-links a:hover .links-wrap i {color: #fff; transition: .8s;}
.links-wrap h2 {font-family: "fairplex-wide", serif; font-size: 38px; line-height: 48px; font-weight: bold; color: #000; text-transform: uppercase;}
.links-wrap i {font-size: 32px; line-height: 32px; color: #000;}
.hero-style {position: absolute; display: flex; justify-content: flex-end; width: 100%; overflow: hidden;}
.hero-blue {background: rgba(0,61,245,0.50); height: 1260px; width: 1038px; border-left: 20px rgba(0,61,245,0.50) solid; border-radius: 100% 100% 100% 100%; position: relative; left: 240px; margin-top: -115px;}

.welcome-to {background: #fff; margin-top: 751px; position: relative;}
.welcome-to > img {width: 100%; position: absolute;}
.welcome-wrap {display: flex; justify-content: space-between; align-items: center; gap: 120px; padding: 100px 50px 50px 0; position: relative;}
.welcome-wrap > div:first-child {width: 35%; background: #00175C; border-radius: 0 150px 0 0; padding: 0 0 40px 20px;}
.welcome-wrap > div:last-child {width: 65%;}
.welcome-wrap img {width: 100%; border: 1px #000 solid; border-radius: 0 150px 0 0; margin-left: 40px; margin-top: -40px;}
.welcome-wrap h3 {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 50px; line-height: 60px; color:#000; margin-bottom: 25px;}
.welcome-wrap h3 span {font-weight: lighter; font-size: 40px; line-height: 50px; font-style: italic; color: #00175C;}
.welcome-wrap p {font-family: "basic-sans", sans-serif; font-size: 22px; line-height: 32px; color: #000; margin-bottom: 20px;}
.welcome-btns {margin-top: 35px; display: flex; gap: 25px;}
.welcome-btns > a:first-child button {width: 280px; padding: 10px 0; background: none; border: 2px #00175C solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #00175C; text-transform: uppercase; border-radius: 50px; font-weight: bold;}
.welcome-btns > a:first-child button:hover {background: #00175C; color: #fff; transition: .8s;}
.welcome-btns > a:last-child button {width: 200px; padding: 10px 0; background: #003DF5; border: 2px #003DF5 solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold;}
.welcome-btns > a:last-child button:hover {background: #00175C; border: 2px #00175C solid; transition: .8s;}

.top-hr {display: flex; justify-content: flex-end;}
.top-hr hr, .bottom-hr hr {border: 2px #DBE4FF solid; width: 60%; margin: 0;}
.online-wrap {width: 95%; margin: 0 auto; text-align: center; padding: 50px 0;}
.online-wrap h4 {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 37px; line-height: 47px; color: #000;}
.online-wrap h4 span {font-weight: lighter; font-style: italic;}
.online-wrap p {font-family: "fairplex-wide", serif; font-size: 25px; line-height: 35px; text-transform: uppercase; color: #00175C; font-weight: 400;}
.online-btns {margin-top: 15px; display: flex; gap: 25px; justify-content: center;}
.online-btns > a:first-child button {width: 225px; padding: 10px 0; background: none; border: 2px #00175C solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #00175C; text-transform: uppercase; border-radius: 50px; font-weight: bold;}
.online-btns > a:first-child button:hover {background: #00175C; color: #fff; transition: .8s;}
.online-btns > a:last-child button {width: 225px; padding: 10px 0; background: #003DF5; border: 2px #003DF5 solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold;}
.online-btns > a:last-child button:hover {background: #00175C; border: 2px #00175C solid; transition: .8s;}

.brands-search {width: 95%; margin: 0 auto; padding: 50px 0;}
.brands-bkgrd {background: url("/siteart/tractors.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 10px;}
.brands-wrap {display: flex; justify-content: space-between; border-radius: 10px;}
.brands-wrap > div {width: 52%;}
.brands-overlay {background: rgba(219,228,255,0.85); border-radius: 10px 0 0 10px; clip-path: polygon(-1px 0%, 100% 0%, 93% calc(100% + 1px), -1px calc(100% + 1px));}
.our-brands, .search-equip {padding: 50px;}
.our-brands h4 {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 40px; line-height: 50px; color: #000; margin-bottom: 15px;}
.our-brands h4 span {font-weight: lighter; font-style: italic;}
.our-brands p {font-family: "basic-sans", sans-serif; font-size: 22px; line-height: 32px; color: #000; width: 85%;}
.our-brands button {width: 225px; padding: 10px 0; background: none; border: 2px #00175C solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #00175C; text-transform: uppercase; border-radius: 50px; font-weight: bold; margin-top: 25px;}
.our-brands button:hover {background: #00175C; color: #fff; transition: .8s;}
.search-overlay {background: rgba(0,61,245,0.75); border-radius: 0 10px 10px 0; clip-path: polygon(7% 0%, calc(100% + 2px) 0%, calc(100% + 2px) calc(100% + 2px), 0% calc(100% + 2px)); margin-left: -3.7%;}
.search-equip h4 {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 15px; text-align: right;}
.search-equip h4 span {font-weight: lighter; font-style: italic;}
.search-equip form {width: 85%; margin: 0 auto; float: right;}
.search-equip form > div {display: flex; gap: 10px; justify-content: flex-end; align-items: center;}
.search-equip form > div:last-child {margin-top: 10px !important;}
.search-equip select {background: #DBE4FF; border: none; border-right: 20px solid #DBE4FF; outline: 1px #002E8F solid; padding: 15px 20px; font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; color: #000; border-radius: 50px; width: 49%;}
.search-equip input {background: #DBE4FF; border: 1px #002E8F solid; padding: 15px 20px; font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; color: #000; border-radius: 50px; width: 77%;}
.search-equip input::placeholder {color: #000;}
.search-equip button {background: #003DF5; color: #fff; border-radius: 50px; width: 130px; padding: 20px 0; border: none; font-size: 20px; line-height: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.search-equip button:hover {background: #00175C; transition: .8s;}

.current-inv > div:first-child {width: 95%; margin: 0 auto; text-align: center;}
.current-inv .white-bkgrd {background: #fff; border-radius: 0 0 50px 50px; width: 420px; margin: 0 auto; padding-bottom: 10px; position: relative;}
.current-inv h4, .current-inv h3 {font-family: "basic-sans", sans-serif; font-size: 37px; line-height: 47px; color: #000; font-weight: bold;}
.current-inv h4 span, .current-inv h3 span {font-weight: lighter; font-style: italic;}
.current-inv a {font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #003DF5; text-transform: uppercase; font-weight: 400;}
.current-inv a:hover {color: #002E8F; transition: .8s;}
.current-inv iframe {border-top: 10px #003DF5 solid; border-bottom: 10px #003DF5 solid; height: 90px; margin-top: -15px;}
.white-style {background: #fff; border-radius: 50px 50px 0 0; width: 420px; margin: 0 auto; padding-top: 88px; position: relative; margin-top: -20px;}

/*---CONTACT---*/
.contact-hero {background: url("/siteart/livestock.jpg") no-repeat; background-position: center; background-size: cover; border-top: 2px #003DF5 solid;}
.contact-overlay {background: rgba(38,34,35,0.80);}
.contact-wrap {width: 95%; margin: 0 auto; padding: 100px 0 80px 0;}
.contact-wrap h1 {font-family: "fairplex-wide", serif; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); font-size: 52px; line-height: 62px; margin-bottom: 5px;}
.contact-wrap p {font-family: "basic-sans", sans-serif; color: #fff; font-size: 20px; line-height: 30px; width: 800px;}

.contact-flex, .about-flex {display: flex; justify-content: space-between; align-items: center; gap: 120px; padding: 100px 0 140px 50px;}
.contact-flex > div {width: 100%;}
.contact-flex iframe {border-radius: 0 0 0 100px; border: 1px #000 solid !important; margin-left: -40px; margin-bottom: -40px;}
.contact-flex > div:last-child {width: 100%; background: #00175C; border-radius: 0 0 0 100px; padding: 40px 20px 0 0;}
.contact-flex h2, .about-flex h2, .brands-page h2 {font-family: "basic-sans", sans-serif; font-size: 37px; line-height: 47px; color: #000; font-weight: bold;}
.contact-flex h2 span, .about-flex h2 span, .brands-page h2 span {font-weight: lighter; font-style: italic;}
.contact-links {margin-top: 25px;}
.contact-links a {display: flex; align-items: flex-end; gap: 15px; margin-bottom: 18px;}
.contact-links i {background: #003DF5; color: #fff; font-size: 25px; line-height: 25px; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
.contact-links p span {font-family: "basic-sans", sans-serif; font-weight: lighter; font-style: italic; color: #000; font-size: 18px; line-height: 18px;}
.contact-links p {font-family: "basic-sans", sans-serif; font-weight: bold; color: #000; font-size: 28px; line-height: 32px;}
.contact-links a:hover p, .contact-links a:hover p span {color: #003DF5; transition: .8s;}
.contact-links a:hover {gap: 20px; transition: .8s;}

.contact-form {background: url("/siteart/livestock.jpg") no-repeat; background-position: center; background-size: cover; margin-bottom: 50px;}
.contact-form-overlay {background: rgba(38,34,35,0.80);}
.contact-form-wrap {width: 80%; margin: 0 auto; padding: 100px 0;}
.contact-form-bkgrd {background: rgba(128,159,255,0.20); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur; border-radius: 10px; padding: 80px 50px;}
.contact-form-bkgrd h3 {font-family: "basic-sans", sans-serif; font-size: 37px; line-height: 47px; color: #fff; font-weight: bold; text-align: center;}
.contact-form-bkgrd h3 span {font-weight: lighter; font-style: italic;}
.contact-form-bkgrd form {margin-top: 25px;}
.contact-form-bkgrd .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.contact-form-bkgrd form input {width: 100%; background: #fff; border: 1px #002E8F solid; padding: 12px 0 12px 20px; font-family: "basic-sans", sans-serif; font-size: 18px; line-height: 28px; color: #000; border-radius: 5px;}
.contact-form-bkgrd form input::placeholder, .contact-form-bkgrd form textarea::placeholder {color: #000;}
.contact-form-bkgrd .form-textarea {display: flex;}
.contact-form-bkgrd form textarea {width: 100%; background: #fff; border: 1px #002E8F solid; padding: 12px 0 0 20px; font-family: "basic-sans", sans-serif; font-size: 18px; line-height: 28px; color: #000; border-radius: 5px; height: 150px;}
.contact-form-bkgrd form .submitselect {width: 200px; padding: 10px 0; background: none; border: 2px #fff solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold; display: flex; justify-content: center; margin: 0 auto; margin-top: 25px;}
.contact-form-bkgrd form .submit {width: 200px; padding: 10px 0; background: none; border: 2px #fff solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold; margin: 0 auto;}
.contact-form-bkgrd form .submitselect:hover, .contact-form-bkgrd form .submit:hover {background: #003DF5; border: 2px #003DF5 solid; transition: .8s; cursor: pointer !important;}
.contact-form-bkgrd form .CaptchaMessagePanel {color: #fff;}
.contact-form-bkgrd form .CaptchaAnswerPanel input {width: auto !important;}
.contact-form-bkgrd form .CaptchaWhatsThisPanel a {color: #DBE4FF; text-decoration: underline;}

/*---ABOUT---*/
.about-flex > div {width: 50% !important;}
.about-flex h2 {margin-bottom: 25px;}
.about-flex p {font-family: "basic-sans", sans-serif; font-size: 20px; line-height: 30px; color: #000; margin-bottom: 18px;}
.about-flex button {width: 200px; padding: 10px 0; background: #003DF5; border: 2px #003DF5 solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold; margin-top: 20px;}
.about-flex button:hover {background: #00175C; border: 2px #00175C solid; transition: .8s;}
.img-slide .slick-slide {border-radius: 0 0 0 100px !important; border-radius: 1px #000 solid !important;}
.img-slide {border-radius: 0 0 0 100px !important; border: 1px #000 solid !important; margin-left: -40px !important; margin-bottom: -40px !important; background: #000 !important;}
.img-slide .slick-track, .img-slide .slick-list {border-radius: 0 0 0 100px !important;}
.about-flex > div:last-child {width: 45% !important; background: #00175C; border-radius: 0 0 0 100px; padding: 40px 60px 0 0;}

/*---BRANDS---*/
.brands-page {width: 95%; margin: 0 auto; padding: 100px 0;}
.brands-page > div {margin-top: 25px; display: flex; gap: 10px; flex-wrap: wrap;}
.brands-page > div a {background: #DBE4FF; border: 1px solid #DBE4FF; box-sizing: border-box; width: 19%; border-radius: 5px 5px 5px 5px; font-family: "fairplex-wide", serif; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.brands-page > div a img {background: #fff; width: 100%; padding: 24px; box-sizing: border-box; object-fit: contain; object-position: center; flex-grow: 1; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.brands-page > div a:hover {background: #003DF5; border-color: #003DF5; transition: .8s;}
.brands-page a h3 {color: #000; text-align: center; font-size: 25px; line-height: 35px; padding: 20px 4px;}
.brands-page a:hover img {opacity: .8; transition: .8s;}
.brands-page a:hover h3 {color: #fff; transition: .8s;}

/*---THANK YOU---*/
.thankyou-message h3 {margin-bottom: 25px;}
.thankyou-message p {text-align: center; color: #fff; font-size: 20px; line-height: 30px; width: 800px; margin: 0 auto;}
.thankyou-message button {width: 200px; padding: 10px 0; background: none; border: 2px #fff solid; font-family: "fairplex-wide", serif; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; border-radius: 50px; font-weight: bold; display: flex; justify-content: center; margin: 0 auto; margin-top: 30px;}
.thankyou-message button:hover {background: #003DF5; border: 2px #003DF5 solid; transition: .8s;}

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



 
/*-------- FOOTER STYLES ----------------*/
footer {background: #262223; border-radius: 100px 0 0 0;}
.footer-wrap {width: 90%; margin: 0 auto; padding: 50px 0 100px 0; display: flex; gap: 200px;}
.footer-contact li {margin-bottom: 20px;}
.footer-contact li a {font-family: "roboto", sans-serif; font-size: 20px; line-height: 30px; color: #fff;}
.footer-links {display: flex; gap: 125px;}
.footer-links li {margin-bottom: 10px;}
.footer-links li a {font-family: "basic-sans", sans-serif; font-weight: bold; font-size: 20px; line-height: 30px; color: #fff;}
.footer-contact li a:hover, .footer-links li a:hover {color: #DBE4FF; transition: .8s;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .detail-wrapper {padding: 50px 0 !important; font-family: "basic-sans", sans-serif !important;}
.list-top-section .list-title .list-title-text, .faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .listing-portion-title a, .list-redesign .price-contain, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .rockridgeequipmentcomhdev-cvl3bv, .rockridgeequipmentcomhstg-cvl3bv, .rockridgeequipmentcomhstgsandhillsdemocom-cvl3bv, .wwwrockridgeequipmentcom-cvl3bv, .detail__title, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .rockridgeequipmentcomhdev-88jlbf, .rockridgeequipmentcomhstg-88jlbf, .rockridgeequipmentcomhstgsandhillsdemocom-88jlbf, .wwwrockridgeequipmentcom-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .captcha-placeholder .g-recaptcha {font-family: "fairplex-wide", serif !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #003DF5 !important;}
.faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .faceted-search-content .faceted-section-head .faceted-section-title, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .options-popper-div .options-popper-btn, .list-redesign .widget-container .listing-widgets a, .list-content .spec-label, .list-content .dealer-data, .rockridgeequipmentcomhdev-1cuaq4u, .rockridgeequipmentcomhstg-1cuaq4u, .rockridgeequipmentcomhstgsandhillsdemocom-1cuaq4u, .wwwrockridgeequipmentcom-1cuaq4u, .currency-selector .currency-select, .rockridgeequipmentcomhdev-18d81o8, .rockridgeequipmentcomhstg-18d81o8, .rockridgeequipmentcomhstgsandhillsdemocom-18d81o8, .wwwrockridgeequipmentcom-18d81o8, .rockridgeequipmentcomhdev-6opi0j, .rockridgeequipmentcomhstg-6opi0j, .rockridgeequipmentcomhstgsandhillsdemocom-6opi0j, .wwwrockridgeequipmentcom-6opi0j, .rockridgeequipmentcomhdev-1a4l91g, .rockridgeequipmentcomhstg-1a4l91g, .rockridgeequipmentcomhstgsandhillsdemocom-1a4l91g, .wwwrockridgeequipmentcom-1a4l91g, .rockridgeequipmentcomhdev-1gmgn39, .rockridgeequipmentcomhstg-1gmgn39, .rockridgeequipmentcomhstgsandhillsdemocom-1gmgn39, .wwwrockridgeequipmentcom-1gmgn39, .ts-disclaimer {font-family: "basic-sans", sans-serif !important;}
.faceted-search-content .selected-facets-container .selected-facet, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .captcha-placeholder .g-recaptcha, .linking-buttons a.active {background: #003DF5 !important;}
.faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .rockridgeequipmentcomhdev-cvl3bv, .rockridgeequipmentcomhstg-cvl3bv, .rockridgeequipmentcomhstgsandhillsdemocom-cvl3bv, .wwwrockridgeequipmentcom-cvl3bv, .rockridgeequipmentcomhdev-88jlbf, .rockridgeequipmentcomhstg-88jlbf, .rockridgeequipmentcomhstgsandhillsdemocom-88jlbf, .wwwrockridgeequipmentcom-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .captcha-placeholder .g-recaptcha {text-transform: uppercase !important; font-weight: bold !important;}
.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .rockridgeequipmentcomhdev-a0om98.MuiPaginationItem-previousNext, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .rockridgeequipmentcomhdev-88jlbf, .rockridgeequipmentcomhstg-88jlbf, .rockridgeequipmentcomhstgsandhillsdemocom-88jlbf, .wwwrockridgeequipmentcom-88jlbf {background: #262223 !important;}
.ts-disclaimer span, .ts-disclaimer {font-size: 16px; line-height: 26px;}
.grouped-faceted-header {background: #080808 !important;}
.captcha-placeholder .g-recaptcha {font-size: 18px !important; line-height: 28px !important;}

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

@media only screen and (max-width: 1750px) {
	.hero-blue {left: 280px;}
}
@media only screen and (max-width: 1650px) {
	.hero-wrap > div:first-child {width: 45%;}
	.hero-wrap > div:last-child {width: 55%;}
}
@media only screen and (max-width: 1550px) {
	.hero-blue {left: 310px;}
	.footer-wrap {justify-content: space-between; gap: 100px;}
	.footer-links {gap: 100px;}
}
@media only screen and (max-width: 1500px) {
	.brands-page > div a {width: 24%;}
}
@media only screen and (max-width: 1450px) {
	.hero-wrap > div:first-child {width: 40%;}
	.hero-wrap > div:last-child {width: 60%;}
}
@media only screen and (max-width: 1380px) {
	.header-wrap img {width: 180px;}
	.header-contact > a:first-child {font-size: 18px; line-height: 28px;}
	.header-contact > a:last-child {font-size: 16px; line-height: 26px;}
	.links-wrap h2 {font-size: 35px; line-height: 45px;}
	.links-wrap p {font-size: 25px; line-height: 35px;}
	.links-wrap i {font-size: 28px; line-height: 28px;}
	.links-wrap {padding: 25px 0;}
	.welcome-to {margin-top: 697px;}
	.hero-blue {left: 340px;}
}
@media only screen and (max-width: 1300px) {
	.brands-page > div a {width: 32%;}
}
@media only screen and (max-width: 1280px) {
	.footer-wrap, .footer-links {gap: 80px;}
}
@media only screen and (max-width: 1250px) {
	.header-wrap > div {text-align: right;}
	.contact-flex, .about-flex {flex-wrap: wrap;}
	.about-flex > div, .contact-flex > div {width: 95% !important; margin: 0 auto;}
	.contact-flex, .about-flex {padding: 100px 0 140px 0;}
	.about-flex > div:last-child, .contact-flex > div:last-child {width: 95% !important; margin: 0 auto; background: none !important; padding: 0px !important;}
	.img-slide, .contact-flex iframe {margin: 0px !important;}
	.contact-flex, .about-flex {gap: 100px;}
	.contact-flex, .about-flex {padding: 100px 0;}
	.brands-wrap {flex-wrap: wrap; justify-content: flex-end;}
	.brands-wrap > div {width: 100%;}
	.brands-overlay {border-radius: 10px 10px 0 0; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
	.search-overlay {border-radius: 0 0 10px 10px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); margin-left: 0px; padding-bottom: 50px;}
	.our-brands p, .search-equip form, .search-equip select, .search-equip input {width: 100%;}
	.brands-overlay {background: rgba(219,228,255,0.90);}
	.search-overlay {background: rgba(0,61,245,0.80);}
	.links-wrap h2 {font-size: 32px; line-height: 42px;}
	.links-wrap p {font-size: 22px; line-height: 32px;}
	.links-wrap i {font-size: 25px; line-height: 25px;}
	.links-wrap {padding: 22px 0;}
	.welcome-to {margin-top: 649px;}
	.hero-blue {left: 370px;}
	.thankyou-message p {width: 100%;}
}
@media only screen and (max-width: 1150px) {
	.footer-wrap {flex-wrap: wrap;}
	.footer-logo {width: 100%; text-align: center;}
	.footer-contact, .footer-links {width: 40%;}
	.footer-links {justify-content: flex-end;}
	.hero-blue {left: 400px;}
}
@media only screen and (max-width: 1050px) {
	.contact-wrap p {width: 100%;}
	.welcome-wrap > div:first-child {display: none;}
	.welcome-wrap > div:last-child {width: 95%; margin: 0 auto;}
	.hero-blue {display: none;}
	.hero-wrap {flex-wrap: wrap; gap: 50px;}
	.hero-wrap > div:first-child, .hero-wrap > div:last-child {width: 100%;}
	.hero-bkgrd {position: relative;}
	.welcome-to {margin-top: 0px;}
	.welcome-wrap {padding: 100px 0 50px 0;}
	.hero-overlay {background: #000; background: linear-gradient(30deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .5) 40%); height: 100%;}
	.hero-links > a:first-child > div {clip-path: polygon(0% 0%, 96% 0%, 99% 100%, 0% 100%);}
	.hero-links > a:nth-child(2) > div {clip-path: polygon(0% 0%, 99% 0%, 100% 100%, 0% 100%);}
	.hero-links > a:nth-child(3) > div {clip-path: polygon(0% 0%, 100% 0%, 99% 100%, 0% 100%);}
	.hero-links > a:last-child > div {clip-path: polygon(0% 0%, 99% 0%, 96% 100%, 0% 100%);}
	.hero-links > a:first-child .links-wrap, .hero-links > a:nth-child(2) .links-wrap, .hero-links > a:nth-child(3) .links-wrap {width: 90%;}
	.hero-wrap {width: 100%;}
	.hero-header {width: 95% !important; margin: 0 auto;}
	.hero-links {padding-right: 25px !important;}
	.hero-links > a:nth-child(2) .links-wrap i, .hero-links > a:nth-child(3) .links-wrap i {padding-right: 10px;}
	.hero-links > a:first-child .links-wrap i, .hero-links > a:last-child .links-wrap i {padding-right: 20px;}
	.links-wrap h2 {font-size: 35px; line-height: 45px;}
	.links-wrap p {font-size: 25px; line-height: 35px;}
	.links-wrap i {font-size: 28px; line-height: 28px;}
	.links-wrap {padding: 25px 0;}
}
@media only screen and (max-width: 900px) {
	.brands-page > div a {width: 49%;}
}
@media only screen and (max-width: 800px) {
	.header-contact {gap: 25px;}
	.header-contact a {font-size: 25px !important; line-height: 25px !important;}
	.header-contact a span {display: none;}
	.contact-form-wrap {width: 90%;}
}
@media only screen and (max-width: 750px) {
	.footer-contact, .footer-links {width: 100%;}
	.footer-links {justify-content: center;}
	.footer-contact li {text-align: center;}
}
@media only screen and (max-width: 650px) {
	.contact-form-bkgrd .form-flex > div {flex-wrap: wrap;}
	.search-equip form > div {flex-wrap: wrap;}
	.search-equip button {width: 100%;}
	.search-equip form div {width: 100%;}
	.links-wrap h2 {font-size: 32px; line-height: 42px;}
	.links-wrap p {font-size: 22px; line-height: 32px;}
	.links-wrap i {font-size: 25px; line-height: 25px;}
	.links-wrap {padding: 22px 0;}
}
@media only screen and (max-width: 600px) {
	.welcome-btns, .online-btns {flex-wrap: wrap; gap: 15px;}
	.welcome-btns a, .online-btns a {width: 100%;}
	.links-wrap h2 {font-size: 30px; line-height: 40px;}
	.links-wrap p {font-size: 20px; line-height: 30px;}
	.links-wrap i {font-size: 22px; line-height: 22px;}
	.links-wrap {padding: 20px 0;}
	.links-wrap {gap: 20px;}
	.brands-page > div a {width: 100%;}
	.welcome-wrap p, .our-brands p {font-size: 20px; line-height: 30px;}
	.online-wrap p {font-size: 22px; line-height: 32px;}
	.welcome-wrap h3 {font-size: 45px; line-height: 55px;}
	.welcome-wrap h3 span {font-size: 35px; line-height: 45px;}
	.contact-wrap h1 {font-size: 50px; line-height: 60px;}
}
@media only screen and (max-width: 550px) {
	.contact-links i {background: none; color: #003DF5; width: auto; height: auto; border-radius: 0px;}
	.contact-links a {align-items: center;}
}
@media only screen and (max-width: 500px) {
	.contact-form-bkgrd {padding: 80px 25px;}
	.our-brands, .search-equip {padding: 50px 25px;}
}
@media only screen and (max-width: 450px) {
	.footer-links {justify-content: space-between; gap: 10px;}
	.current-inv .white-bkgrd, .white-style {width: 100%;}
	.welcome-wrap p, .our-brands p, .search-equip select, .search-equip input, .current-inv a, .footer-contact li a, .footer-links li a, .contact-wrap p, .about-flex p, .thankyou-message p {font-size: 18px; line-height: 28px;}
	.footer-wrap, .footer-links {gap: 50px;}
	.online-wrap p {font-size: 20px; line-height: 30px;}
	.welcome-wrap h3 {font-size: 40px; line-height: 50px;}
	.welcome-wrap h3 span, .hero-header p {font-size: 30px; line-height: 40px;}
	.online-wrap h4, .current-inv h4, .current-inv h3, .hero-header h1 span, .contact-flex h2, .about-flex h2, .brands-page h2, .contact-form-bkgrd h3 {font-size: 35px; line-height: 45px;}
	.our-brands h4, .search-equip h4 {font-size: 37px; line-height: 47px;}
	.hero-header h1 {font-size: 45px; line-height: 45px;}
	.links-wrap h2 {font-size: 28px; line-height: 38px;}
	.links-wrap p {font-size: 18px; line-height: 28px;}
	.links-wrap i {font-size: 20px; line-height: 20px;}
	.contact-wrap h1 {font-size: 45px; line-height: 55px;}
	.brands-page a h3 {font-size: 22px; line-height: 32px;}
	.contact-links p {font-size: 25px; line-height: 30px;}
	.contact-flex, .about-flex, .contact-form-wrap, .brands-page {padding: 80px 0;}
	.contact-flex, .about-flex {gap: 80px;}
	.welcome-wrap {padding: 80px 0 50px 0;}
}
@media only screen and (max-width: 400px) {
	.header-wrap img {width: 160px;}
	footer img {width: 70%;}
}
@media only screen and (max-width: 350px) {
	.header-wrap img {width: 140px;}
	.hero-header button {width: 100%;}
}
@media only screen and (max-width: 300px) {
	.contact-form-bkgrd form .submitselect, .contact-form-bkgrd form .submit, .welcome-btns button, .online-btns button, .our-brands button {width: 100%;}
	.footer-links {flex-wrap: wrap; gap: 0px; text-align: center;}
	.footer-links ul {width: 100%;}
}