﻿/***** 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; } 
/***** END RESET *****/
::-moz-selection { background: #1d367d;  color: #fff; text-shadow: none; } 
::selection { background: #1d367d; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }

body { font-family: 'effra', sans-serif; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.rt-header { position: relative; z-index: 1004; width: 100%; background: #fff; display: flex; flex-direction: column; }
.header-logo, .header-logo img { width: 320px; }
.header-logo { 
	position: relative; z-index: 2; max-height: 110px; pointer-events: none; 
	display: flex; justify-content: flex-start; align-items: center; padding-left: 24px;
}
.header-logo img { height: auto; object-fit: contain; object-position: contain; pointer-events: all; }
.rt-topheader, .rt-bottomheader, .nav-div { position: relative; display: flex; flex-direction: row; align-items: stretch; }
.rt-topheader { 
	z-index: 1; width: 100%; height: 50px; background: #0d1938; padding: 0 max(0px, calc(50vw - 888px)); justify-content: flex-end; 
}
.rt-topheader > *, .rt-topheader a.listed { 
	padding: 0 30px!important; color: #ccc; background: rgba(29, 54, 125, 0); min-width: 50px; transition: .3s ease all; 
	display: flex; flex-direction: row; justify-content: center!important; align-items: center; 
}
.rt-topheader a:hover, .rt-topheader a.listed:hover { color: #fff; background: rgba(29, 54, 125, 1); }
.rt-bottomheader { display: flex; flex-direction: row;
	z-index: 3; pointer-events: none; justify-content: space-between;position: relative;
}
.nav-div { z-index: 10; min-height: 110px; justify-content: flex-start; }

.searchbox { display: flex; flex-direction: column; align-items: stretch; pointer-events: all; }
#header-searchbox { position: relative; z-index: 2; width: 300px; border-top: 1px solid #000; }
.searchbox-togglers { display: flex; flex-direction: row; align-items: stretch; }
.searchbox-togglers a {
	position: relative; padding: 6px 4px; height: 34px; 
	display: flex; flex-grow: 1; justify-content: center; align-items: center; 
	font-size: 14px; font-weight: 400; line-height: 1.3; text-align: center; transition: .3s ease all; 
}
.searchbox-togglers a:after { position: absolute; content: ""; pointer-events: none; top: 50%; transform: translateY(-50%); right: 0; background: #444; width: 1px; height: 62%; }
.searchbox-togglers a:last-child:after, .searchbox-togglers a.active:after, .searchbox-togglers a.hide-after:after { display: none!important; }
.searchbox-togglers a.active { background: #1d367d; color: #fff; font-weight: 500; }
.searchbox-togglers a:not(.active) { background: #0d1938; color: #ccc; font-weight: 400; cursor: pointer; }
.searchbox-togglers a:not(.active):hover { background: #1d367d; color: #fff; cursor: pointer; }
.forms-holder, .forms-holder form { width: 100%; height: 54px; flex-direction: row; align-items: stretch; }
.forms-holder { position: relative; display: flex; }
.forms-holder form { position: absolute; top: 0; left: 0; }
.forms-holder form:not(.active) { opacity: 0; pointer-events: none; }
.forms-holder form.active { display: flex!important; opacity: 1; pointer-events: all; }
.forms-holder form input[type="text"], .forms-holder form input[type="text"]:not([class^="Mui"]) { 
	padding: 10px; width: calc(100% - 50px); height: 54px!important; border: none; border-left: 1px solid #eee; 
	font-size: 16px; font-weight: 400; background: #eee; color: #000; box-sizing: border-box; 
}
.forms-holder form input[type="text"]:focus { outline: none; border: none; border-left: 1px solid #000; }
.forms-holder form button[type="submit"] { 
	position: relative; background: #eee; color: #1d367d; padding: 8px; width: 50px; height: 54px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 0px; text-align: center; border: none; outline: none; cursor: pointer; transition: .25s ease all; 
}
.forms-holder form button[type="submit"] i { 
	position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'Font Awesome 6 Free', icon; font-weight: 900; font-size: 18px; 
	color: #1d367d; text-align: center; content: "\f002"; transition: .25s ease all; 
}
.forms-holder form button[type="submit"]:hover { background: #1d367d; color: #fff; }
.forms-holder form button[type="submit"]:hover i { color: #fff; }

.mobile-search-toggler { 
	position: absolute; top: 0; left: 0; width: 100%; height: 50px; padding: 0 12px; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; column-gap: 12px; 
	background: #0d1938; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: .75px; transition: .3s ease all; 
}
.mobile-search-toggler:hover { background: #1d367d; }

.rt-header #header-searchbox.opened-full {
	position: fixed; z-index: 12; top: 0; left: 0; width: 100%; height: max(100vh, 400px); padding: 20px max(5vw, calc(50vw - 500px)); 
	display: flex; justify-content: center; align-items: center; 
	background: rgba(36,32,33,0.33); transform: none; box-shadow: none; 
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
#header-searchbox.opened-full { display: flex!important; }
.mobile-searchbox-closer-bg { display: none; }
.rt-header #header-searchbox.opened-full .mobile-searchbox-closer-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: all; background: rgba(0, 0, 0, .25); display: flex!important; }
.rt-header #header-searchbox.opened-full > *:not(.mobile-searchbox-closer-bg) { position: relative; z-index: 2; }
.rt-header #header-searchbox.opened-full a.fullsearch-closer {
	position: absolute!important; top: 0; right: 0; width: 50px; height: 50px; 
	display: flex; justify-content: center; align-items: center; 
	background: #1d367d; color: #fff; font-size: 20px; cursor: pointer; transition: .25s ease all; 
}
.rt-header #header-searchbox.opened-full a.fullsearch-closer:hover { background: #0d1938; }
.rt-header #header-searchbox.opened-full .searchbox-togglers { width: 100%; }
.rt-header #header-searchbox.opened-full .searchbox-togglers a { font-size: 16px; padding: 8px; min-height: 50px; }
.rt-header #header-searchbox.opened-full .searchbox-togglers a:first-child { border-top-left-radius: 15px; }
.rt-header #header-searchbox.opened-full .searchbox-togglers a:last-child { border-top-right-radius: 15px; }

/* New Site Colors:

	Red: #c92626; rgba(201, 38, 38, 1); 
	Blue: #1d367d; rgba(29, 54, 125, 1); 

	Darker Red: #9f1e1e; rgba(159, 30, 30, 1); 

	Dark Blue: #0d1938; rgba(13, 25, 56, 1); 

Old Colors: 
	
	--> Logo Blue: #22374d; rgba(34, 55, 77, 1); <--
	
	--> Logo Yellow: #ffde59; rgba(255, 222, 89, 1); <--
	
	Navy / Dark Blue: #101a23; rgba(16, 26, 35, 1);
	Light Gray: #ccc; rgba(204, 204, 204, 1);
	Lightest Gray: #eee; rgba(238, 238, 238, 1);
*/
/*---BODY--------------------------------*/
.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; 
	letter-spacing: inherit; color: inherit; display: inline; transition: .25s ease all; 
}
a.invisilink:hover { color: #1d367d; text-decoration: underline; }
.darkmode a.invisilink:hover { color: #c92626; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .invisilink, .title, .subtitle, .btnclass, .listed, .cta-ital, label, input, select, textarea { font-family: 'effra', sans-serif; }

.txt-default, .content-sect p { font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: .2px; color: #000; }
.feat-p, .content-sect p.feat-p { font-size: 20px; font-weight: 600; }

.title, .subtitle { font-size: 32px; line-height: 38px; color: #000; }
.title { font-weight: 900; letter-spacing: .25px; }
.subtitle { font-size: 30px; font-weight: 300; letter-spacing: -.25px; }

.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle { font-size: 44px; line-height: 50px; }
.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle { font-size: 32px; line-height: 38px; }
.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle { font-size: 28px; line-height: 34px; }
.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle { font-size: 22px; line-height: 28px; }

.subtitle.h1, .h1 .subtitle { font-size: 42px; }
.subtitle.h2, .h2 .subtitle { font-size: 30px; }
.subtitle.h3, .h3 .subtitle { font-size: 26px; }
.subtitle.h4, .h4 .subtitle { font-size: 20px; }

/* buttons / links / <a> / ctas */
.btnclass, .btn-yellow, .btn-gray {
	position: relative; padding: 14px 26px; min-width: 50px; min-height: 50px; border-radius: 15px; 
	font-size: 19px; font-weight: 600; line-height: 21px; letter-spacing: .4px; text-align: center; 
	background: #1d367d; color: #fff; transition: .3s ease all; text-shadow: none; 
}
.btnclass.btn-yellow, .btn-yellow { background: #c92626; color: #fff; }
.btnclass.btn-gray, .btn-gray { background: #eee; color: #0d1938; }
.btnclass:hover, .btnclass.btn-yellow:hover, .btn-yellow:hover, .btnclass.btn-gray:hover, .btn-gray:hover { 
	background: #0d1938; color: #fff; cursor: pointer; 
}
.btnclass.btn-yellow:hover, .btn-yellow:hover { 
	background: #9f1e1e; color: #fff; cursor: pointer; 
}

.listed, .cta-ital {
	position: relative; padding: 8px; color: #0d1938; min-width: 50px; min-height: 50px; line-height: 1.3; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; 
	border: 1px solid rgba(255, 255, 255, 0); 
}

.listed { font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: .5px; column-gap: 13px; transition: .25s ease all; }
a.listed:hover, .listed.hvr-yes:hover { color: #1d367d; border-color: rgba(29, 54, 125, 1); cursor: pointer; }

.cta-ital { font-size: 14px; font-style: italic; transition: .2s ease all; }
.cta-ital:after {
	position: relative; margin-left: 10px; font-size: 13px; font-style: normal; content: "\f138"; 
	font-family: 'Font Awesome 6 Free', icon; font-weight: 900!important; transition: .2s ease all; 
}
a.cta-ital:hover, a.inv-btn:hover .cta-ital { color: #1d367d; letter-spacing: .5px; cursor: pointer; transition: .3s ease all; }
a.cta-ital:hover:after, a.inv-btn:hover .cta-ital:after { margin-left: 13px; transition: .3s ease all; }

/* sections */
.content-sect, .multi-title { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.content-sect { row-gap: 12px; }
.content-sect.center-style, .multi-title.center-style { align-items: center; }
.content-sect.righty-style, .multi-title.righty-style { align-items: flex-end; }

.content-sect p, .multi-title, .horiz-sect { width: 100%; }

.horiz-sect { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 12px; }
.horiz-sect.center-style { justify-content: center; }
.horiz-sect.righty-style { justify-content: flex-end; }

.mission {
	position: relative; width: 100%; padding: 50px max(3.75%, calc(50% - 900px)); 
	display: flex; justify-content: center; align-items: center; column-gap: 70px; row-gap: 40px; 
}
.mission > .content-sect { width: 50%; }
.mission .missionimg { position: relative; width: 50%; }
.missionimg img { position: relative; width: 100%; height: auto; max-height: 550px; object-fit: contain; object-position: center; }

img.img-contain { object-fit: contain; }
img.img-cover, .missionimg img.img-cover { object-fit: cover; }

.missionimg img.img-cover { height: 500px; }

.final-cta {
	position: relative; width: 100%; padding: 100px max(3.75%, calc(50% - 900px)); 
	display: flex; justify-content: space-between; align-items: center; column-gap: 80px; row-gap: 12px; 
}

hr.rt-hr { position: relative; width: min(96%, 2200px); height: 1px; border: none!important; background: #bbb; margin: 0 auto; }

.rogers-banner {
	position: relative; width: 100%; padding: 16px max(3.75%, calc(50% - 900px)); background: #eee; 
	/*display: flex; flex-direction: column; align-items: center; */
	display: flex; justify-content: space-between; align-items: center; column-gap: 80px; row-gap: 12px; 
}
.rogers-banner span, .rogers-banner p { color: #0d1938; }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero {
	position: relative; width: 100%; background: #000; 
	padding-left: max(4.25vw, calc(50vw - 850px)); padding-right: max(4.25vw, calc(50vw - 850px)); 
	display: flex; justify-content: flex-end; align-items: flex-end; 
}
.hero { padding-top: 70px; padding-bottom: 70px; min-height: 650px; }
.hero > img, .subhero > img, .hero-slider, .inv-btn > img.invimg, .bg-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero > img, .subhero > img, .inv-btn > img.invimg, .bg-img > img { z-index: 1; object-fit: cover; object-position: center; }
.hero-slider { z-index: 2; }
.hero-slider .carousel-cell { width: 100%; height: 100%; }
.hero-slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.7); }
.hero .hero-overlay { position: relative; z-index: 4; width: 490px; background: rgba(13, 25, 56, .7); padding: 24px 32px; border-radius: 40px; }
.hero .hero-overlay p { font-size: 22px; line-height: 28px; letter-spacing: .5px; }

.inv-btns-sect, .manu-list { column-gap: 10px; row-gap: 10px; }
.inv-btns-sect {
	position: relative; width: 100%; padding: 32px max(2vw, calc(50vw - 1200px)); 
	display: flex; flex-wrap: wrap; justify-content: stretch; align-items: stretch; 
}
.inv-btn {
	position: relative; background: #c92626; padding: 20px; min-height: 250px; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
	transition: .4s ease all; 
}
.inv-btn:after {
	position: absolute; content: ""; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: linear-gradient(100deg, rgba(201, 38, 38, .7) 0%, rgba(201, 38, 38, .6) 30%, rgba(201, 38, 38, 0) 90%, rgba(201, 38, 38, 0) 100%); transition: .4s ease all; 
}
.inv-btn .invimg { opacity: .5; transition: .4s ease all; }
.inv-btn .title, .inv-btn .cta-ital { position: relative; z-index: 4; }
.inv-btn .title { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000, 0 0 20px #c92626; transition: .4s ease all; }
.inv-btn .cta-ital { color: #eee; padding: 0; text-shadow: 0 0 8px #000, 0 0 12px #c92626; min-height: unset; }
/*.inv-btn .invicon*/ .inv-btn:before {
	position: absolute; z-index: 3; bottom: 20px; left: 20px; color: rgba(13, 25, 56, .7); 
	font-size: 60px; text-align: left; transition: .4s ease all; pointer-events: none; 
	
	background-image: url('/siteart/Rogers-Tractor-Sign.jpg'); background-size: contain; background-repeat: no-repeat; 
	background-position: 0% 100%; 
	width: calc(100% - 40px); height: 70px; content: ""; 
}
a.inv-btn:hover:after { background-image: linear-gradient(100deg, rgba(201, 38, 38, .8) 0%, rgba(201, 38, 38, .7) 30%, rgba(201, 38, 38, .1) 60%, rgba(201, 38, 38, 0) 100%); }
a.inv-btn:hover img { opacity: .85; }
a.inv-btn:hover .title, a.inv-btn:hover .cta-ital { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 8px #c92626, 0 0 20px #c92626; }

.inv-quarter { width: calc(25% - 7.5px); }
.inv-third { width: calc(33.333333% - 6.67px); }

.manu-slider-sect {
	position: relative; width: 100%; padding: 12px max(2vw, calc(50vw - 950px)); 
	display: flex; justify-content: center; align-items: center; column-gap: 80px; row-gap: 24px; 
}
.manu-title-div { width: 360px; }
.manu-slider-div { width: calc(100% - 440px); /* calc(100% - ([.manu-title-div width] + [.manu-slider-sect column-gap])) */ }
.manu-slider-sect .manu-slider { width: calc(100% - 62px); /* calc(100% - ([.slick-arrow width] + [.slick-arrow left - 100%])) */ text-align: center; border: 1px solid #eee; }

.manu-slider .is-manu { display: flex; justify-content: center; align-items: center; height: 120px; margin: 0; padding: 24px 20px; box-sizing: border-box; transition: .2s ease all; }
.manu-slider .is-manu img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: .2s ease all; }
.manu-slider .manu-title { display: none!important; }
.manu-slider a.is-manu:hover img { transform: scale(.9); transition: .4s ease all; }

.scrolling-inv-sect {
	position: relative; width: 100%; padding: 42px max(2.5vw, calc(50vw - 950px)); 
	display: flex; justify-content: center; align-items: center; column-gap: 70px; row-gap: 32px; 
}
.scrolling-inv-title-div { width: 250px; }
.scrolling-inv-div { width: calc(100% - 320px); /* calc(100% - ([.scrolling-inv-title-div width] + [.scrolling-inv-sect column-gap])) */ padding: 20px; border: 1px solid #eee; }
.scrolling-inv { position: relative; width: 100%; height: 90px; overflow: hidden; background: #eee; display: flex; }
.scrolling-inv iframe { width: 100%; height: 90px; overflow: hidden; }

/* subpages */
.subpage {}

.subhero { padding-top: 32px; padding-bottom: 32px; min-height: 210px; background: #0d1938; align-items: center; }
.subhero > img { opacity: .2; }
.subhero .hero-overlay { position: relative; z-index: 5; box-shadow: none!important; }
.subhero .hero-overlay .horiz-sect { justify-content: flex-end!important; }

/* about-us.htm */
.aboutpage {}

.pillars-sect { align-items: stretch; }

.pillar {
	position: relative; padding: 60px 5%; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 12px; 
}
.pillar-icon { font-size: 50px; text-align: center; margin-bottom: 16px; }
.pillar-featp { font-size: 20px; font-weight: 500; line-height: 26px; }

.liststyle-manu-sect, .manu-list, .manu-list .manu-title { position: relative; width: 100%; }
.liststyle-manu-sect { display: flex; flex-direction: column; align-items: center; row-gap: 32px; }
.manu-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
.manu-list .is-manu { 
	position: relative; width: calc(25% - 7.5px); padding: 20px 20px 12px 20px; border: 1px solid #eee; 
	display: flex; flex-direction: column; align-items: center; row-gap: 16px; transition: .2s ease all; 
}
.manu-list .is-manu img { width: 100%; height: 80px; object-fit: contain; object-position: center; }
.manu-list .manu-title { position: relative; width: 100%; font-size: 16px; line-height: 20px; text-align: center; color: #000; }
.manu-list a.is-manu:hover { transform: scale(.9); transition: .3s ease all; }

/* contact-us.htm */
.contactpage {}

.contact-mission { align-items: stretch; }

.map-div { position: relative; }
.map-div iframe { width: 100%; height: 100%; min-height: 320px; background: #eee; }

/* consignments.htm */
.consignpage {}

/* parts.htm */
.partspage {}

/* service.htm */
.servicepage {}

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .center-style .title, .center-style .subtitle, .center-style p, 
.title.center-style, .subtitle.center-style, p.center-style { text-align: center; }
.righty-style, .righty-style .title, .righty-style .subtitle, .righty-style p, 
.title.righty-style, .subtitle.righty-style, p.righty-style { text-align: right; }

.darkmode:not(.btnclass):not(.btn-yellow):not(.btn-gray), 
.darkmode .title, .darkmode .subtitle, .darkmode p, 
.title.darkmode, .subtitle.darkmode, p.darkmode { color: #fff; }

.txt-dblue:not(.btnclass):not(.btn-yellow):not(.btn-gray), 
.txt-dblue .title, .txt-dblue .subtitle, .txt-dblue p, 
.title.txt-dblue, .subtitle.txt-dblue, p.txt-dblue { color: #0d1938; }

.shadowed:not(.btnclass):not(.btn-yellow):not(.btn-gray), 
.shadowed .title, .shadowed .subtitle, .shadowed p, .shadowed .cta-ital, 
.title.shadowed, .subtitle.shadowed, p.shadowed { text-shadow: 1px 1px 0 #000, 0 0 16px #000; }
.shadowed .btnclass, .shadowed .btn-yellow, .shadowed:not(.bg-img) { box-shadow: 0 2px 16px rgba(0, 0, 0, .6); text-shadow: none; }

.bg-blue1 { background: #1d367d; }
.bg-dblue { background: #0d1938; }
.bg-yellow { background: #c92626; }
.bg-img { position: relative; }
.bg-img > img {}
.bg-img > * { position: relative; z-index: 3; }

.width50 { width: 50%; }

.default-padding { padding: 50px max(3.75%, calc(50% - 900px)); }


.margb-32 { margin-bottom: 32px; }
.margb-sm { margin-bottom: 12px; }
.margb-2px { margin-bottom: 2px; }
.margb-neg32 { margin-bottom: -32px; }

/* forced styles */
.txt-bold { font-weight: 900!important; }

.force-padb-0 { padding-bottom: 0!important; }

.force-margt-smed { margin-top: 24px!important; }

.force-width100 { width: 100%!important; }

.force-colgap-0 { column-gap: 0!important; }
.force-rowgap-0 { row-gap: 0!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.rt-footer {
	position: relative; width: 100%; background: #fff; padding: 42px max(5%, calc(50% - 700px)); 
	display: flex; flex-direction: row; align-items: center; column-gap: 80px; row-gap: 20px; 
}
.foot-logo-div {
	position: relative; width: calc(100% - 1080px); 
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start; 
}
.foot-logo, .foot-logo img { width: 280px; height: auto; }
.foot-logo img { object-fit: contain; object-position: center; }
.foot-associations { margin-top: 20px; }
.foot-association, .foot-association img  { max-width: 100%; }
.foot-association { margin: 4px; position: relative; display: flex; justify-content: center; align-items: center; }
.foot-association img { height: auto; object-fit: contain; object-position: center; }
.footmain {
	position: relative; padding: 32px 100px; width: 1000px; background: #1d367d; border-radius: 40px; 
	display: flex; flex-direction: row; align-items: center; row-gap: 20px; 
}
.footmaincol { position: relative; display: flex; }
.foot-soc { width: 50%; flex-direction: column; align-items: flex-start; }
.foot-nav { 
	width: 370px; 
	flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 32px; row-gap: 12px; 
}
.foot-nav a {
	position: relative; padding: 6px 12px; min-height: 42px; border: 1px solid rgba(255, 255, 255, 0); 
	display: flex; justify-content: flex-start; align-items: center; 
	color: #fff; font-size: 17px; font-weight: 400; line-height: 22px; letter-spacing: .25px; transition: .25s ease all; 
}
.footmain a.listed { color: #fff; }
.foot-nav a:hover, .footmain a.listed:hover { color: #fff; border-color: rgba(255, 255, 255, 1); }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 60px; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1900px) {
	.rt-bottomheader { }
}

@media only screen and (max-width: 1600px) {
	.hero { min-height: 600px; padding-bottom: 50px; }
}

@media only screen and (min-width: 1581px) {	/* MIND THE MIN-WIDTH */
	.show1580 { display: none!important; }
}

@media only screen and (max-width: 1580px) {
	.hide1580 { display: none!important; }
	
	.rt-topheader > *, .rt-topheader a.listed { padding: 0 20px!important; }
	.rt-bottomheader, .nav-div { justify-content: space-between; }
	.rt-bottomheader { padding-right: 1.5vw; }
	#header-searchbox { display: none; }
}

@media only screen and (max-width: 1530px) {
	.foot-logo-div { width: calc(100% - 960px); }
	.footmain { width: 880px; padding: 28px 70px; }
	.foot-nav { width: 50%; }
}

@media only screen and (min-width: 1501px) {	/* MIND THE MIN-WIDTH */
	.show1500 { display: none!important; }
}

@media only screen and (max-width: 1500px) {
	.hide1500 { display: none!important; }
	
	.header-logo {  }
	.rt-bottomheader {  }
}

@media only screen and (max-width: 1420px) {
	.title { font-size: 29px; line-height: 35px; }
	.subtitle { font-size: 27px; line-height: 33px; }
	.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle { font-size: 40px; line-height: 46px; }
	.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle { font-size: 29px; line-height: 35px; }
	.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle { font-size: 24px; line-height: 30px; }
	.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle { font-size: 20px; line-height: 26px; }
	.subtitle.h1, .h1 .subtitle { font-size: 38px; }
	.subtitle.h2, .h2 .subtitle { font-size: 27px; }
	.subtitle.h3, .h3 .subtitle { font-size: 23px; }
	.subtitle.h4, .h4 .subtitle { font-size: 19px; }
	
	.rt-topheader > *, .rt-topheader a.listed { padding: 0 12px!important; }
	
	.mission { column-gap: 60px; }
	.mission > .content-sect { width: 65%; }
	.mission .missionimg { widht: calc(35% - 60px); }
	
	.hero .hero-overlay { width: 450px; }
	
	.manu-slider-sect, .scrolling-inv-sect { column-gap: 32px; }
	.scrolling-inv-div { width: calc(100% - 282px); }
	.manu-slider-div { width: calc(100% - 392px); }
}

@media only screen and (max-width: 1380px) {
	.rt-footer { padding-left: 40px; padding-right: 40px; }
	.foot-logo-div { width: 240px; }
	.foot-logo, .foot-logo img { width: min(240px, 80vw); }
	.footmain { width: calc(100% - 320px); padding-left: 50px; padding-right: 50px; }
	.foot-soc { width: 290px; }
	.foot-nav { width: 370px; margin: 0 auto; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1300px) {
	
}

@media only screen and (max-width: 1280px) {
	.header-logo {  }
	.rt-bottomheader { }
	
	.hero { min-height: 550px; padding-bottom: 40px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1250px) {
	.inv-btns-sect, .manu-list { column-gap: 8px; row-gap: 8px; }
	.inv-btn { padding: 15px; min-height: 200px; }
	/*.inv-btn .invicon*/ .inv-btn:before { font-size: 50px; bottom: 15px; left: 15px; 
	
	height: 60px; }
	.inv-quarter { width: calc(25% - 6px); }
	.inv-third { width: calc(33.333333% - 5.4px); }
	
	.manu-list .is-manu { width: calc(25% - 6px); }
}

@media only screen and (max-width: 1220px) {
	.hide1220 { display: none!important; }
}

@media only screen and (max-width: 1200px) {
	.manu-slider-sect { flex-direction: column; }
	.manu-slider-sect > .content-sect, .manu-slider-sect .multi-title { align-items: center; }
	.manu-slider-sect .title, .manu-slider-sect .subtitle, .manu-slider-sect p { text-align: center; }
	.manu-title-div, .manu-slider-div { width: 100%; }
	
	.manu-list .is-manu img { height: 60px; }
}

@media only screen and (max-width: 1180px) {
	.rt-footer { flex-direction: column; padding: 32px 0; }
	.foot-logo-div { justify-content: center; }
	.footmain { width: min(90%, 800px); padding: 24px 24px 24px 32px; }
	.foot-soc { margin: 0 auto; }
}

@media only screen and (max-width: 1150px) {
	.hero { min-height: 500px; }
}

@media only screen and (max-width: 1100px) {
	.title { font-size: 26px; line-height: 32px; }
	.subtitle { font-size: 24px; line-height: 30px; }
	.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle { font-size: 36px; line-height: 41px; }
	.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle { font-size: 26px; line-height: 30px; }
	.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle { font-size: 22px; line-height: 25px; }
	.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle { font-size: 18px; line-height: 21px; }
	.subtitle.h1, .h1 .subtitle { font-size: 34px; }
	.subtitle.h2, .h2 .subtitle { font-size: 24px; }
	.subtitle.h3, .h3 .subtitle { font-size: 20px; }
	.subtitle.h4, .h4 .subtitle { font-size: 17px; }
	
	.hero .hero-overlay { width: 426px; }
}

@media only screen and (max-width: 1080px) {
	.manu-slider a.is-manu { height: 100px; padding: 16px 20px; }
	
	.subhero { min-height: 160px; }
}

@media only screen and (max-width: 1050px) {
	.mission, .final-cta, .scrolling-inv-sect { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.final-cta > .content-sect, .final-cta .multi-title, .scrolling-inv-sect > .content-sect, .scrolling-inv-sect .multi-title { align-items: center; text-align: center; }
	.final-cta .horiz-sect { justify-content: center; }
	.final-cta .title, .final-cta .subtitle, .final-cta p, .scrolling-inv-sect .title, .scrolling-inv-sect .subtitle, .scrolling-inv-sect p { text-align: center; }
	.mission > .content-sect, .mission .missionimg, .scrolling-inv-title-div, .scrolling-inv-div { width: 100%; }
	.mission .missionimg img { max-height: 400px; }
	
	.homepage .mission .missionimg img { max-height: 350px; object-fit: cover; }
}

@media only screen and (max-width: 1000px) {
	.hero { min-height: 450px; padding: 24px 3.25vw; }
	
	.inv-btns-sect, .manu-list { column-gap: 6px; row-gap: 6px; }
	.inv-btn { min-height: 160px; }
	.inv-quarter, .inv-third { width: calc(50% - 3px); }
	.inv-third:last-child, .inv-third:last-of-type { width: 100%; }
	
	.manu-list .manu-title { font-size: 14px; line-height: 18px; }
	
	.manu-list .is-manu { width: calc(33.333333% - 4px); }
}

@media only screen and (max-width: 900px) {
	.hero { min-height: 400px; }
}

@media only screen and (max-width: 880px) {
	.hide880 { display: none!important; }
}

@media only screen and (min-width: 801px) {	/* MIND THE MIN-WIDTH */
	.show800 { display: none!important; }
}

@media only screen and (max-width: 800px) {
	.hide800 { display: none!important; }
	
	.homepage .mission .missionimg img { max-height: 300px; }
	
	.subhero, .subhero .listed { justify-content: center; }
	.subhero .hero-overlay, .subhero .hero-overlay .multi-title, .rogers-banner .multi-title { align-items: center; }
	.subhero .multi-title, .subhero .title, .subhero .subtitle, .subhero p, .rogers-banner span, .rogers-banner p { text-align: center; }
	
	.pillar { padding-top: 40px; padding-bottom: 40px; }
	.pillar.width50 { width: 100%; }
	
	.rogers-banner { flex-direction: column; }
	
	.footmain { flex-direction: column; padding: 24px 2vw; }
	.foot-soc { align-items: center; width: 100%; }
	.foot-nav { justify-content: center; width: min(100%, 550px); }
}

@media only screen and (max-width: 750px) {
	.hero { padding: 60px 5vw; align-items: center; }
	.hero-slider .carousel-cell { position: relative; }
	.hero-slider .carousel-cell:after { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0d1938; opacity: .8; pointer-events: none; }
	.hero-slider img { filter: none; }
	.hero .hero-overlay { width: unset; border-radius: 0; pointer-events: none; background: none; box-shadow: none; padding: 0; }
	.hero .hero-overlay a { pointer-events: all; }
}

@media only screen and (max-width: 680px) {
	/*.inv-btn .invicon*/ .inv-btn:before { font-size: 50px; bottom: 15px; left: 15px; 
	
	height: 54px; }
}

@media only screen and (max-width: 650px) {
	.hide650 { display: none!important;}
	
	.homepage .mission .missionimg img { max-height: 250px; }
	
	.foot-nav { flex-direction: column; row-gap: 0; }
}

@media only screen and (max-width: 600px) {
	.hide600 { display: none!important; }
	
	.title, .subtitle, .multi-title { font-size: 26px; line-height: 32px; }
	.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle, .multi-title.h1 { font-size: 36px; line-height: 42px; }
	.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle, .multi-title.h2 { font-size: 26px; line-height: 32px; }
	.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle, .multi-title.h3 { font-size: 22px; line-height: 28px; }
	.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle, .multi-title.h4 { font-size: 18px; line-height: 24px; }
	
	.manu-list .is-manu { width: calc(50% - 3px); }
	.manu-list .is-manu img { height: 50px; }
}

@media only screen and (max-width: 520px) {
	.hide520 { display: none!important; }
	
	/*.header-logo { top: 6px; transform: none; }*/
	.header-logo img { width: min(240px, 82vw); }
	.rt-bottomheader { padding-left: 0; }
}

@media only screen and (max-width: 500px) {
	.hide500 { display: none!important; }
}

@media only screen and (max-width: 480px) {
	.header-logo img { width: min(200px, 82vw); }
	.nav-div { min-height: 70px; }
}

@media only screen and (max-width: 450px) {
	.hero .hero-overlay p { font-size: 20px; line-height: 24px; }
	
	.manu-slider-sect .manu-slider { width: 100%; margin-bottom: 70px; }
	.slick-prev, .slick-next { top: calc(100% + 12px)!important; width: calc(50% - 12px)!important; }
	.slick-prev { right: calc(50% + 5px); left: unset!important; }
	.slick-next { left: calc(50% + 5px); right: unset!important; }
}

@media only screen and (min-width: 441px) {
	.show440 { display: none!important; }
}

@media only screen and (max-width: 430px) {
	.hide430 { display: none!important; }
}

@media only screen and (max-width: 440px) {
	.hide440 { display: none!important; }
	
	.multi-title:not(.never-inline) { display: block; width: 100%; }
	.multi-title:not(.never-inline) span { display: inline; }
}

@media only screen and (max-width: 420px) {
	.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle, .multi-title.h1 { font-size: 30px; line-height: 36px; }
	.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle, .multi-title.h2 { font-size: 26px; line-height: 32px; }
	.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle, .multi-title.h3 { font-size: 22px; line-height: 28px; }
	.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle, .multi-title.h4 { font-size: 18px; line-height: 24px; }
}

@media only screen and (max-width: 400px) {
	.hide400 { display: none!important; }
	
	.inv-btn, .inv-quarter, .inv-third { width: 100%!important; min-height: 100px; justify-content: center; padding: 12px 60px 12px 12px; }
	/*.inv-btn .invicon*/ .inv-btn:before { left: unset; right: 12px; top: 50%; transform: translateY(-50%); height: 42px; background-position: 100% 50%; }
}

@media only screen and (max-width: 380px) {
	.btnclass { width: 100%; padding-left: 8px; padding-right: 8px; margin-left: auto; margin-right: auto; }
	
	.manu-list .is-manu img { height: 40px; }
}

@media only screen and (max-width: 360px) {
	.hide360 { display: none!important; }
	
	.h1, .title.h1, .h1 .title, .h1, .subtitle.h1, .h1 .subtitle, .multi-title.h1 { font-size: 26px; line-height: 32px; }
	.h2, .title.h2, .h2 .title, .h2, .subtitle.h2, .h2 .subtitle, .multi-title.h2 { font-size: 26px; line-height: 32px; }
	.h3, .title.h3, .h3 .title, .h3, .subtitle.h3, .h3 .subtitle, .multi-title.h3 { font-size: 22px; line-height: 28px; }
	.h4, .title.h4, .h4 .title, .h4, .subtitle.h4, .h4 .subtitle, .multi-title.h4 { font-size: 18px; line-height: 24px; }
}

@media only screen and (max-width: 350px) {
	.manu-slider a.is-manu { padding: 16px 3vw; }
	
	.rt-footer { padding-bottom: 0; }
	.footmain { width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 50px; }
}

@media only screen and (max-width: 340px) {
	.hide340 { }
	
	.header-logo { top: 6px; left: 50%; transform: translateX(-50%); justify-content: center; }
	.header-logo, .header-logo img { width: min(280px, 90vw); height: 125px; }
	.rt-bottomheader { justify-content: center; flex-direction: column;}
	.nav-div { justify-content: center; min-height: 74px; }
}

@media only screen and (max-width: 300px) {
	.hide300 { display: none!important; }
	
	.manu-list .is-manu { width: 100%; }
	
	.foot-associations { flex-direction: column; }
}

@media only screen and (max-width: 240px) {
	.hide240 { display: none!important; }
	
	.inv-btn { padding-right: 12px; }
	/*.inv-btn .invicon*/ .inv-btn:before { display: none!important; }
}


