/* RESET */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&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;
}

.carouselcontain {
    background: white;
}

.mc-field-group label {
    margin-right: 7px;
}

div#mc_embed_signup_scroll {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    padding: 0 38px;
    justify-content: center;
}

.flexwrapbanner {
    display: flex;
    align-items: center;
}

.surroundflex {
    display: flex;
    align-items: center;
}

.surroundflex+p a {
    display: flex;
    align-items: center;
    justify-content: center;
    filter: invert(1);
}

.surroundbanner {
    background: #212121;
    background: #bf0e0e;
}

.surroundbanner {
    color: white !important;
}

div#mc_embed_signup {
    margin: 0 auto;
}

.flexify {
    display: flex;
    flex-direction: row-reverse;
}

.flexfix .flexify {
    /* flex-direction: row; */
    width: 100%;
}

.flexify>div {
    margin-right: 80px;
}

.flexfix .flexify>div {
    /* margin-right: 0; */
    /* margin-left: 80px; */
}

.staff-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

ol,
ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    /* object-fit: cover; */
    /* object-position: top; */
}

.flexfix .flexify img {
    object-fit: cover;
    width: clamp(380px, 28.645833333333332VW, 550px);
    object-position: right;
    max-height: max(440px, 26.5625VW);
}

/* TYPOGRAPHY */
::-moz-selection {
    background: #bf0e0e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #bf0e0e;
    color: #fff;
    text-shadow: none;
}

h1 {
    color: #bf0e0e;
    font-size: 27px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
}

h2 {
    color: #bf0e0e;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
}

.surroundbanner h2 {
    color: white;
    margin: 0 25px;
}

.financebg h2 {
    font-style: italic;
}

h3 {
    color: #bf0e0e;
    font-size: 16px;
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
}

.breakup h3 {
    padding-bottom: 15px;
}

p {
    font-size: 15px;
    line-height: 32px;
}
.bullet-list {
	padding:5px 0 5px 15px;
	margin:0;
}
.bullet-list li {
	padding:2px 0;
	margin:0;
}
.privacy-policy-list p {
    font-size: 15px;
    line-height: 32px;
}

.breakup p {
    padding-bottom: 40px;
}

.breakup:first-of-type p {
    padding: 0;
}

.text-right p {
    margin-bottom: 40px;
}

.sub-title {
    font-style: italic;
    font-size: 16px;
    color: black;
    text-transform: inherit;
    padding-bottom: 30px;
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
}

.otherpage h2.sub-title {
    padding-bottom: 0;
}

.red-em {
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    color: #bf0e0e;
}

.small {
    font-size: 12px;
    font-style: italic;
}

ul.bullet-list {
    list-style: disc;
    margin-left: 15px;
    font-size: 14px;
    line-height: 24px;
}

strong {
    font-weight: 700;
}

a {
    color: inherit;
    transition: all .2s ease-in-out;
}

a.ctabtn {
    /* background: #bf0e0e; */
    /* color: white; */
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 20px;
    margin-right: 15px;
}

.breakup a.ctabtn {
    background: none;
    color: black;
    border: 2px solid #bf0e0e;
    font-weight: 600;
}

a.ctabtn:hover {
    background: black;
    color: white;
}

a:hover {
    color: #bf0e0e;
}

a.button {
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: 1px #f4f4f4 solid;
    border-radius: 5px;
    background: #dfdfdf;
    padding: 15px 0;
    color: #bf0e0e;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.5);
    transition: none;
}

a.button:hover {
    position: relative;
    top: 3px;
    box-shadow: none;
}
.btn-red {
	border: 3px #bf0e0e solid;
	background:#fff;
	color:#bf0e0e;
	padding: 15px 0;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	margin: 5px 3px;
	transition: all .2s ease-in-out;
	text-decoration: none;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}
.btn-red:hover {
	background:#bf0e0e;
	color:#fff;
}
.btn-cont {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px;
	padding:30px 0 0 0;
}

/* SITE FRAMEWORK */

html {
	scroll-behavior: smooth;
}

html,
body {
    background: url(../siteart/black_bg.png);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 28px;
	height: auto!important;
}

.mob-only {
	display: none;
}

.manus {
    background: white;
}

.main {
    padding: 75px 0;
    background: #fff;
}

.mob-only {
	
}

.container:not(.cf):not(.cf *) {
    max-width: 1250px;
    margin: 0 auto;
    width: 95%;
}

.container.containerheight {
    height: max(226px, 15.625vw);
    overflow: hidden;
    /* display: flex; */
    /* align-items: center; */
}

.aboutpg .container.containerheight.heightfull {
    
}

.aboutpg .container.containerheight {}

.breakup {
    border-bottom: 1px solid grey;
    padding: clamp(10px, 5vw, 50px) 0;
    width: 100%;
}

.container>.breakup {
    /* padding-top: 0 !important; */
}

div#staff {
    border-bottom: none;
}

.otherpage .flexify.breakup {
    MARGIN-BOTTOM: 30px;
}

.container.sliderlogos {
    padding: 20px 0 20px;
}
.sliderlogos a img {
	transition: all .2s ease-in-out;
}
.sliderlogos a:hover img {
	filter:grayscale(1);
	opacity: 0.6;
}
.manus+.red-bar+.blk-bar,
.manus+.red-bar {
    margin-bottom: max(88px, 7.291666666666667vw);
}
.column1 {
	width: 100%;
}
.column2-3 {
    width: 66.6666%;
    float: left;
    box-sizing: border-box;
}

.column2,
.column3,
.column4,
.column5,
.column6 {
    float: left;
    padding-right: 25px;
    box-sizing: border-box;
}

.column2 {
    width: 50%;
}

.column3 {
    width: 33.33333%;
}

.column4 {
    width: 25%;
}

.column5 {
    width: 20%;
}

.column6 {
    width: 16.66666%;
}

.last {
    padding-right: 0;
}

/* Email sign up form */

.email-form {
	background:#bf0e0e;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:10px 20px;
	width: 100%;
	box-sizing: border-box;
	padding:10px 20px;
}
.email-form p {
	font-size: clamp(16px, 2vw, 22px);
	color:#fff;
	font-weight: 800;
	font-family: 'Russo One', sans-serif;
}
.email-form a {
	font-family: 'Russo One', sans-serif;
	display: block;
	padding:5px;
	background: #fff;
	color:#bf0e0e;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
	line-height: 1;
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.email-form a:hover {
	background: #000;
}
.form-iframe {
	width: 100%;
	background: #fff;
	display: none;
}
.form-iframe.open {
	display:block;
}
.form-email {
	width: 100%;
	background: #fff;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 4px solid #bf0e0e;
}

.form-email form {
	display: flex;
	justify-content: center;
	gap: 10px 20px;
	width: 100%;
	max-width: 500px;
	flex-wrap: wrap;
	margin: 0 auto;
}
.form-email form input {
	flex-grow: 1;
  padding: 10px 5px;
  border: 1px solid #bf0e0e;
  margin: 5px 0 15px;
font-size: 20px;
  box-sizing: border-box;
}
.form-email form .button {
	padding: 10px 20px;
	background: #bf0e0e;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
.form-email form .button:hover {
	background:#9B0909;
}
.form-email form .CaptchaPanel, .CaptchaImagePanel img {
	text-align: center!important;
}
.sign-up-thankyou {
	font-size:18px;
	padding:20px;
	display: block;
	text-align: center;
	background:#fff;
	width: 100%;
	box-sizing: border-box;
}
.sign-up-thankyou span {
	font-size:24px;
	font-weight: 700;
}

/* HEADER */
.header {
    background-size: contain;
    border-bottom: 2px #333 solid;
    padding:5px 0;
    width: 100%;
    background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%),url(/siteart/header2.jpg);
}
.head-cont-1 {
	width: 95%;
	max-width: 1600px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:0 auto;
}
.head-logo-1 {
	display: flex;
	gap:20px;
	align-items: center;
	justify-content: space-between;
}
.head-logo-1 a {
	width:100%;
	max-width:400px;
	height: auto;
	display: block;
	text-decoration: none;
}
.head-logo-1 a img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.head-logo-1 p {
	font-size: 16px;
	padding: 10px;
	border-radius: 20px;
	border: 2px solid #bf0e0e;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2;
	background: #fff;
	font-weight: 600;
}
.head-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap:5px 20px;
}
.head-info a {
	font-size: 18px;
	font-weight: 600;
	color:#000;
	text-decoration: none;
}



.top-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #BF0E0F;
    margin: 10px 0px 30px 0px;
}

.whitepara {
    font-size: 27px;
    text-transform: uppercase;
    padding: 22px;
}

.smpara {
    font-size: 18px;
    text-transform: uppercase;
    padding: 18px 55px 18px 9px;
}

.longbtn {
    background: #000;
    padding: 4px 48px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

/* STYLES */
.flex-stretch {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.flex-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.img-left {
    width: 30%;
}

.img-left img {
    width: 100%;
}

.img-left a {
    border: 1px solid transparent;
    padding: 10px 0;
    margin: 10px 0;
    display: inline-block;
}

.img-left a:hover {
    border: 1px solid #ddd;
    padding: 10px 0;
    margin: 10px 0;
    display: inline-block;
}

.text-right {
    width: 70%;
    margin-left: 2%;
}

.flex-center .text-right img {
    text-align: right;
    max-width: 200px;
    width: 100%
}

.showroom-left {
    width: 50%
}

.showroom-right {
    width: 50%;
    margin-left: 2%;
    text-align: right;
}

.showroom-right img {
    max-width: 250px;
    width: 100%;
    text-align: right;
    border: 1px solid transparent;
    height: 140px;
    padding: 0 !important;
    margin: 0;
    object-fit: contain;
}

.showroom-right img:hover {
    /* border: 1px solid #ddd; */
    padding: 15px 0;
}

.parts-btn {
    max-width: 400px;
    width: 100%;
}

.parts-btn .blk-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 3px 0;
}

.white-text {
    color: #fff;
}

#padding25 {
    padding: 25px 0;
}

.blk-btn {
    background: #000;
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    text-decoration: none !important;
}

.blk-btn * {
    text-decoration: none !important;
}

.blk-btn.red-btn {
    background: #bf0e0e;
    text-decoration: none !important;
    margin-bottom: 10px;
}

.blk-btn:hover {
    background: #bf0e0e;
    padding: 5px 20px;
    text-align: center;
    color: #fff;
}

a.blk-btn {
    text-decoration: none;
    padding: 10px 30px !important;
}
.wrap-hero {
	width: 100%;
	position: relative;
	background:#000;
}
.hero-overlay {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	padding:20px;
	box-sizing: border-box;
}
.hero-overlay h1 {
	color:#fff;
	font-size: clamp(25px, 4vw, 40px);
	text-align: center;
	line-height: 1.2;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
}
.hero-overlay h1 span {
	display: block;
	font-size: clamp(16px, 3vw, 20px);
	font-weight: 400;
}

.cycle-slideshow {
    position: relative;
    z-index: 0 !important;
}

.homepage .cycle-slideshow {
    margin-bottom: -10px;
}

.homepage .cycle-slideshow img {
	object-fit: cover;
	max-height: calc(100vh - 530px);
	min-height: 300px;
}
.cycle-slideshow img {
	position: relative;
	z-index: 0;
	height: 29vw;
	max-height: 300px;
	min-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
  	width: 100%;
}

.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.scrolling {
    width: 100%;
    height: 92px;
}

.wrap-cat {
	width: 100%;
	background:#ccc;
}
.cat-cont-1 {
	margin: 0 auto;
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:20px 0;
	position: relative;
	z-index: 1;
	top:-40px;
}
.cat-cont-1 a {
	width: 32%;
	border: 2px #fff solid;
	box-sizing: border-box;
	background: #000;
	position: relative;
	height: 16vw;
	min-height: 160px;
	max-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cat-cont-1 a img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	position: absolute;
	left:0;
	top:0;
	z-index: 1;
	opacity: 0.7;
	transition: all .5s ease;
}
.cat-cont-1 a h2 {
	position: relative;
	z-index: 2;
	text-align: center;
	display: block;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 10px;
	box-sizing: border-box;
	border: 3px #bf0e0e solid;
	font-weight:300;
	font-size: clamp(13px, 1.0416666666666665VW, 20px);
	text-transform: uppercase;
	transition: all .5s ease;
}
.cat-cont-1 a:hover img {
    opacity: 0.7;
}
.cat-cont-1 a:hover h2 {
    background: #bf0e0e;
    border: 3px #fff solid;
}
.experience {
    background: url(../siteart/experience.jpg) bottom center fixed;
    width: 100%;
    padding: 50px 0;
    font-size: 56px;
    line-height: normal;
    color: #fff;
    border-top: 5px solid #bf0e0e;
    border-bottom: 5px solid #bf0e0e;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

#sandhillsContentFrame {
    border: 1px #ccc solid !important;
    padding: 15px 0;
}

.box {
    margin-bottom: 15px;
    /* display: flex; */
    /* flex-direction: column; */
}

.catpage .box {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
}

.catpage .box .showroom-fish {
    /* width: calc(20% - 6px); */
    /* padding: 0 7px; */
}

.catpage .box .showroom-fish a {
    /* width: 100%; */
}

.box.contactpage {}

.box.contactpage.longerbtn a {
    width: 100%;
    max-width: 330px;
}

.box.contactpage .showroom-fish a {
    /* background: #bf0e0e !important; */
    /* color: white; */
}

.box .column3 {
    margin-bottom: 15px;
}

.new-products {
    float: left;
    width: 25%;
    padding: 0 15px 0 0;
    margin: 10px 0;
    box-sizing: border-box;
}

.new-products img {
    border: 2px #BF0E0E solid;
    margin-bottom: 5px;
}

.new-products a {
    font-weight: 700;
    text-decoration: none;
}

.brochures {
    font-weight: 700;
    text-align: center;
}

#bull {
    font-weight: 700;
    text-align: center;
}

#bull img {
    width: 200px;
    height: auto;
}

.staff {
    float: left;
    width: calc(50% - 6px);
    border: 1px #ccc solid;
    box-sizing: border-box;
    padding: 20px;
    margin: 5px 3px;
}

.staff-box {
    /* float: left; */
    width: calc(20% - 6px);
    border: 1px #ccc solid;
    box-sizing: border-box;
    padding: 20px;
    margin: 10px 3px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    color: #555;
}

.staff-box strong {
    display: block;
    margin: 5px 0;
}

.red-bar {
    height: 25px;
    background: #BF0E0E;
    width: 33%;
    float: left
}

.blk-bar {
    height: 25px;
    background: #212121;
    width: 66.3%;
    float: right;
}

.white-bg {
    background: #fff;
    padding: 25px 0;
}

.width-70 {
    width: 70%;
    margin: 0 auto;
    padding: max(63px, 5.208333333333334vw) max(56px, 4.6875vw) max(50px, 4.166666666666666vw) max(91px, 7.552083333333333vw);
}

.financebg .width-70 {
    background: white;
}

.agco {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* padding: 15px 0; */
}

.agco-left {
    width: 70%;
    position: relative;
    padding-right: 6%;
    border-right: 1px solid grey;
}

.agco-left img {
    position: absolute;
    opacity: 0.07;
    margin-top: -30px;
    left: -50px;
}

.agco-right {
    width: 30%;
    text-align: center;
    margin-left: 7%;
}

.agco-right img {
    max-width: 300px;
    width: 100%
}

.agco-right a {
    font-weight: 800;
    display: block;
}

.financing:not(.container.cf *) {
    float: left;
    width: 31%;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    color: #555;
    padding: 25px 0;
}

.award-cont-1 {
	width: 100%;
	height: auto;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 40px 0;
}
.award-cont-1 h2 {
	width: 100%;
	text-align: center;
}
.award-cont-1 img {
	width: 100%;
	max-width: 270px;
	display: block;
	height: auto;
	object-fit: contain;
	object-position: center;
}
.award-info {
	border: 1px #ccc solid;
	padding:40px;
	width: 100%;
	max-width: 270px;
	text-align: center;
	box-sizing: border-box;
	color: #bf0e0e;
	font-size: 20px;
	font-family: 'Russo One', sans-serif;
	font-weight: 300;
}
.showroom-wrap {
	display: flex;
	flex-wrap: wrap;
}
.showroom {
    width: calc(20% - 6px);
    border: 1px #ccc solid;
    padding:0 0 15px 0;
    box-sizing: border-box;
    margin: 5px 3px;
    transition: all .2s ease-in-out;
}
.showroom h2 {
	font-size: 14px;
    font-weight: 700;
    line-height: 18px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #555;
}
.showroom a {
    text-decoration: none;
    color: #555;
}
.showroom h2 {
	font-size:14px;
	text-align: center;
	color:#000;
}
.showroom:hover {
    border: 1px #bf0e0e solid;
}
.showroom a:hover h2 {
    color:#bf0e0e;
}

.showroom-fish a {
    float: left;
    width: calc(20% - 6px);
    border: 3px #bf0e0e solid;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    margin: 5px 3px;
    transition: all .2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    /* color: white; */
    /* background: #bf0e0e; */
    padding-left: 5px;
    padding-right: 5px;
}

.flexify .showroom-fish a {
    width: 230px;
}

a {}

a {}

.showroom-fish a {}

.showroom-fish {}

.showroom-fish a {
    text-decoration: none !important;
    /* margin: 3px; */
}

.showroom a {
    text-decoration: none;
    color: #555;
}

.showroom-fish a:hover {
    /* border: 3px #bf0e0e solid; */
    background: #bf0e0e;
    color: white;
}

.white-bg {
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: max(53px, 4.427083333333334vw) 0;
}

.white-bg.financebg {
    background: url(/siteart/AGCOtractorcloseup.png);
    background-position: center center;
    background-size: cover;
}

bac {}

/*---POP-UP -----------------------------------*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input#mc-embedded-subscribe {
    background: white;
    border: none;
    outline: none !important;
    padding: 3px 12px;
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
    transition: all 0.2s;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: 1px solid #000;
    padding: 0 5px 5px 5px;
    background: #000;
}

.popup .close:hover {
    background: #fff;
    color: #000;
}

.popup .content {
    max-height: 60%;
    overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}

.overlay:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 99999;
}

.overlay .popup {
    background: #fafafa;
    border: 3px solid #ffffff;
    border-radius: 5px;
    width: 100%;
    max-width: 1300px;
    position: absolute;
    top: 6vw;
    left: 0;
    right: 0;
    float: none;
    padding: 40px 0;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.overlay:target .popup {
    top: -180%;
    left: -100%;
}

/* ZOOM */
.zoom-container {
    float: left;
    width: 33.33%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px #fff solid;
    box-sizing: border-box;
    height: max(160px, 15.625VW);
    margin-top: -4.2625VW;
}

.zoom-container img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s ease;
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.zoom-container .zoom-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
    transition: all .5s ease;
}

.zoom-container .zoom-caption h4 {
    display: block;
    text-align: center;
    font-size: clamp(13px, 1.0416666666666665VW, 20px);
    text-transform: uppercase;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    border: 3px #bf0e0e solid;
    transition: all .5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
}

.zoom-container:hover .zoom-caption {
    background: none;
}

.zoom-container:hover .zoom-caption h4 {
    background: #bf0e0e;
    border: 3px #fff solid;
}

/* FORM */
#form {
    background: #fafafa;
    border: 1px #ccc solid;
    padding: 25px;
    box-sizing: border-box;
}

#form input[type="text"],
#form input#CaptchaAnswer,
#form input[type="submit"],
#form select,
#form textarea {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #ccc;
    margin: 5px 0 15px;
    box-sizing: border-box;
}

#form input[type="radio"] {
    display: inline;
    margin: 0 5px 0 0;
}

#form textarea {
    height: 90px;
}

#form label {
    cursor: pointer;
}

#form input.button {
    padding: 10px 0;
    max-width: 250px;
    background: #bf0e0e;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

#form input.button:hover {
    background: #9B0909;
}

.CaptchaPanel {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: normal !important;
}

.CaptchaAnswerPanel input {
    width: 200px !important;
}

.CaptchaImagePanel {
    margin: 0;
    padding: 0;
}

.CaptchaMessagePanel {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
}

.CaptchaAnswerPanel {
    margin: 0;
    padding: 2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0;
    padding: 8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {
    color: #000;
}

.CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}

/* FOOTER STYLES */
.footer {
    background: #333;
    padding: 35px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    width: 100%;
}
.footer-left a {
	color:#fff;
	text-decoration: none;
}
.footer-left a .fa {
    color: #fff;
    font-size: 25px;
}

.footer-left {
    
}

.divfooter {
    float: right;
    text-align: right;
    width: calc(100% - 350px);
    font-size: 10px;
    line-height: 18px;
    color: #ccc;
}

.clear {
    clear: both;
}

/* RESPONSIVE STYLES */
.fake-break {
    display: block;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-listing-mobile .view-listing-details-link,
.list-content .list-listing-mobile .buy-now-link,
.list-content .list-listing-mobile .check-availability-link,
.list-content .list-listing-mobile .email-seller-link,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
.list-container-flexrow .view-listing-details-link,
.modal-content .form-bottom .captcha-and-submit .captcha-placeholder button,
.contact-options a,
.fin-calc-mobile>a {
    background: #BF0E0F !important;
}

.list-content .list-title .list-title-text,
.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {
    font-size: 22px;
    line-height: 26px;
}

.detail-content .detail-additional-data .data-row .data-label,
.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: #BF0E0F !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.faceted-search-content .mobile-done-button-container .mobile-done-button {
    background: #000 !important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn {
    float: none;
}

.modal-content .modal-top .modal-title,
.listing-description,
.list-content .listing-portion-title,
.list-content .list-title .list-title-text,
.detail-content .dealer-info h3,
.dealer-info,
.detail-content-mobile .dealer-info h3,
.fin-calc p,
.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {
    color: #000 !important;
}

.faq-page h3 {text-decoration: underline; font-size:17px;}
.faq-list {margin-left:70px;}
.faq-page p {font-size:15px; line-height:32px;}

.btn-row {display:flex; gap:20px;}



@media screen and (max-width: 1200px) {



    .white-bg.financebg .width-70 {
        width: 85%;
        padding: max(63px, 5.208333333333334vw) max(50px, 4.6875vw) max(50px, 4.166666666666666vw) max(50px, 7.552083333333333vw);
    }

}



@media screen and (max-width: 1080px) {
	.head-info {
		display: none;
	}
	.head-logo-1 {
		margin:0 auto;
	}
	.head-logo-1 p {
  		font-size: 12px;
		padding:10px;
		line-height: 1;
	}
	#mc_embed_signup_scroll h2 {
		font-size: 16px;
	}
	
}



@media screen and (max-width: 1000px) {
    .flexfix .flexify {
        flex-direction: column-reverse;
        width: 100%;
    }

    .flexfix .flexify img {
        width: 100%
    }

    .flexfix .flexify>div {
        margin-right: 0;
    }
	.mob-only {
		display: block;
	}

    .flex-stretch,
    .flex-center {
        display: block;
    }

    .img-left,
    .text-right {
        width: 100%;
    }

    .flex-center .img-left img {
        display: inline-block;
        width: 48%;
    }

    .img-left a {
        width: 47%;
        text-align: center;
        display: inline-block;
    }

    .showroom-left,
    .showroom-right {
        width: 100%;
        margin: 0 auto;
    }

    .showroom-right img {
        text-align: center;
    }

    .showroom-right {
        text-align: center;
        margin-top: 20px;
    }
}




@media screen and (max-width: 1200px) and (min-width: 971px) {
    .container {
        padding: 0 25px;
    }

    .showroom {
        width: calc(25% - 6px);
    }

    .showroom {
        width: calc(25% - 6px);
    }

    .showroom-fish {
        /* width: calc(25% - 6px); */
    }
}

@media screen and (max-width: 974px) {
    .longbtn {
        background: #000;
        padding: 4px 48px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .smpara {
        font-size: 18px;
        text-transform: uppercase;
        padding: 10px;
        width: 100%;
        text-align: center;
    }

    .whitepara {
        font-size: 27px;
        text-transform: uppercase;
        padding: 20px 22px 0px 22px;
        width: 100%;
        text-align: center;
    }

    .top-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #BF0E0F;
        margin: 10px 0px 30px 0px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 970px) {
    .showroompage .showroom {
        width: 100%;
        height: 190px;
    }

    .showroompage .showroom img {
        height: 100%;
    }
}
@media screen and (max-width: 960px) {
    .container.containerheight {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .container.containerheight.heightfull * {
        height: 100% !important;
        object-fit: cover;
    }

    .contactus .column2 {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    #mobile-logo {
        width: 100%;
        display: flex !important;
        justify-content: center;
        margin-bottom: -40px;
    }

    .showroom-fish a {
        width: 100% !important;
		padding: 10px 0;
    }

    .staff {
        width: 100%;
        margin: 5px 0;
    }

    .staff-box {
        width: calc(50% - 6px);
    }

    .box {
        display: flex;
        flex-direction: column;
    }

    div#mobile-logo img {
        max-width: 320px;
    }

    img.fivestar {
        width: 140px;
        object-fit: contain;
        margin-bottom: 20px;
    }



    .header .container {
        display: block;
    }

    .header {
        background-size: contain;
    }

    .header .container * {
        text-align: center;
    }

    .fischerlogo {
        display: none;
    }

}
@media screen and (max-width: 970px) and (min-width:769px) {
    .container {
        padding: 0 25px;
    }

    .showroom {
        width: calc(33.3333% - 6px);
    }

    .showroom-fish {
        /* width: calc(33.3333% - 6px); */
    }
}

@media screen and (max-width: 768px) and (min-width: 651px) {
    .container {
        padding: 0 25px;
    }



    .logo-new {
        display: none;
    }


    #address {
        float: none;
        width: 100%;
        text-align: center;
    }

    .fake-break {
        display: inline;
        padding: 0 10px;
    }

    .zoom-container .zoom-caption h4 {
        /* font-size: 9px; */
        line-height: 14px;
    }

    .showroom {
        width: calc(33.3333% - 6px);
    }

    .showroom-fish {
        /* width: calc(33.3333% - 6px); */
    }

    .inventory-buttons {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 720px) {


    .logo-new {
        display: none;
    }


    .agco {
        display: block;
    }

    .agco-left,
    .agco-right {
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
	.desktop-only {
		display: none;
	}
}

@media screen and (max-width: 650px) {
    .container {
        padding: 0 25px;
    }

    .column2-3,
    .column2,
    .column3 {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .column4 {
        width: 50%;
        margin-bottom: 10px;
    }

    .zoom-container {
        float: none;
        width: 100%;
        display: block;
        height: 130px;
    }

	.homepage .cycle-slideshow {
	  display: none;
	}
	.hero-overlay {
  		position: relative;
	}
	.cat-cont-1 {
		top:0;
		padding:30px 0;
	}
	.cat-cont-1 a {
		width: 100%;
	}
    #address {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 13px;
    }

    .fake-break {
        display: inline;
        padding: 0 5px;
    }

    .experience {
        font-size: 32px;
    }

    .new-products {
        width: 50%;
    }

    .footer-left {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .divfooter {
        float: none;
        text-align: center;
        width: 100%;
    }

    .staff {
        width: 100%;
        margin: 5px 0;
    }

    .staff-box {
        width: calc(50% - 6px);
    }

    .financing:not(.container.cf *) {
        width: 100%;
        margin: 15px 0;
    }

    .showroom {
        width: calc(50% - 6px);
    }

    .showroom-fish {
        /* width: calc(50% - 6px); */
    }

    .inventory-buttons {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 570px) {
	.btn-row {flex-direction: column;}
}

@media screen and (max-width: 530px) {
    .container {
        padding: 0 25px;
    }

    .white-bg.financebg .width-70 {
        width: 100% !important
    }

    .column2-3,
    .column2,
    .column3,
    .column4 {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .zoom-container {
        float: none;
        width: 100%;
        display: block;
    }

	p {
	  font-size: 14px;
	  line-height: 1;
	}
	
    .zoom-container .zoom-caption h4 {
        font-size: 14px;
        line-height: 22px;
    }

    #address {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 11px;
    }

    .fake-break {
        display: inline;
        padding: 0 5px;
    }

    .experience {
        font-size: 32px;
    }

    .new-products {
        float: none;
        width: 100%;
        padding: 0;
    }

    .footer-left {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .divfooter {
        float: none;
        text-align: center;
        width: 100%;
    }

    .staff {
        width: 100%;
        margin: 5px 0;
    }

    .staff-box {
        width: 100%;
    }

    .financing:not(.container.cf *) {
        width: 100%;
        margin: 15px 0;
    }

    .showroom {
        width: calc(50% - 6px);
    }

    .showroom-fish {
        /* width: calc(100% - 0px); */
    }

    .inventory-buttons {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
}

/* reviews.htm */
.reviewspage {}

.reviewspage .listed-boxes {
    align-items: stretch;
    column-gap: 28px;
    row-gap: 28px;
}

.is-testimonial {
    position: relative;
    width: calc(50% - 14px);
    padding: 32px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    transition: .25s ease all;
}


/* Swiper container */
.swiper-container {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 20px;
}

/* Testimonial slides */
.swiper-slide {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Review text */
.is-review {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

/* Author name */
.is-author {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

/* Navigation arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #333;
}

.simple-carousel-container {
    width: 90%;
    /* Responsive width */
    max-width: 840px;
    /* Max width for larger screens */
    overflow: hidden;
    /* Crucial: Hides slides not in view */
    position: relative;
    /* For positioning navigation buttons */
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    /* Background for the container itself */
    left: 50%;
    transform: translateX(-50%);
}

.simple-carousel-track {
    display: flex;
    /* Lays out slides horizontally */
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    /* Smooth sliding animation with a bit of bounce */
    will-change: transform;
    /* Hint for browser optimization */
}

.simple-carousel-slide {
    min-width: 100%;
    /* Each slide takes full container width */
    box-sizing: border-box;
    /* Includes padding and border in the element's total width and height */
    padding: 30px 65px;
    /* More padding inside the slide */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 220px;
    /* Ensure consistent height for visual appeal */
}

.is-review {
    /* Re-using your classes */
    font-size: 1.15em;
    color: #333;
    margin-bottom: 20px;
    font-style: italic;
    line-height: 1.6;
}

.title.is-author {
    font-size: 1em;
    color: #555;
    font-weight: 600;
    margin-top: auto;
    /* Pushes author to the bottom if content varies */
}

/* Navigation Buttons */
.simple-carousel-container .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
    border: 1px solid #ddd;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.simple-carousel-container .slick-arrow:before {
	display: none;
}
.simple-carousel-container .slick-arrow:hover {
    background-color: #fff;
    color: #007aff;
    /* A common 'action' blue */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.simple-carousel-container .slick-prev {
    left: 15px;
}

.simple-carousel-container .slick-next {
    right: 15px;
}
