.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
	font-size: 22px;
	margin: 5px;
}
body {
    font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    color: #323232

	background-color: #ffffff;
	box-sizing: border-box;		
}
div, p {
	box-sizing: border-box;		
}

a:focus {
    outline: 3px dotted #eb1923;
}

.preheaderNavigation a:focus {
    outline: 3px dotted #148c69;
}

.ibBookNow:focus, .ibBookNow div div div:focus {
    outline: 3px dotted #000000;
}

.wholepageBorder, .wholepage {
	padding: 0px;
	margin: 0px;
	width: 100%;
	max-width: 100%;
	border-radius: 0px;
}


.topbar {
	/*background-image: url(images/Plain-Red-Leopard-Swatch-Red-as-per-kit.png);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: black;
	padding: 0px;
	/*position: fixed;*/
	width: 100%;
	text-align: center;
	z-index: 9999;
	
}
.topbarScrolled {
	border-top: 0px;
}
.topbarMask {
    background: rgba(0, 0, 0, 0.5);
	padding: 0px;
}
.topbarContent {
	color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
	width: 100%;
	/*max-width: 1200px;*/
	padding: 30px 20px 50px 30px;
	text-align: left;
	/*position: relative;*/
	box-sizing: border-box;
}
.topbarContent div {
	font-size: 13px;
	text-decoration: none;
}
.lsvLogo {
	width: 168px;
	/*position: absolute;
	top: 10px;
	left: -64px;*/
	z-index: 900;
}
.logoScrolled {
	top: -10px;
}
.lsvLogoMobile {
	width: 168px;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 900;
}
.logoMobileScrolled {
	height: 75px;
	top: 3px;
}
.topbarContentMobile {
	color: #ffffff;
	font-size: 13px;
    font-weight: 500;
	width: 100%;
	max-width: 1200px;
	padding: 20px 20px 20px 200px;
	text-align: left;
	position: relative;
	height: 120px;
	box-sizing: border-box;		
}

.socialMediaBar {
	border-top: 5px solid rgb(181, 33, 33);
	background-color: #000000;
	padding: 30px;
	box-sizing: border-box;	
	padding: 60px 30px 48px 30px;
	width: 100%;
	text-align: center;
}
.socialMediaBarInner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.infoContentCentralise {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding: 50px 10px 10px 10px;
	margin: 0px;
}

.infoContentCentralise, .infoContentCentraliseInlineBlock, table {
	color: #1e1e1e;
	background-color: white;
}


@media (min-width: 1600px) {
	.infoContentCentralise {
		max-width: 100%;
	}
}

.infoContent2Col {
	display: flex;
}
.infoContent2Col .infoContentCentralise {
	padding: 0px;
}
.infoContent {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0px;
	display: block;
}
.fullWidth {
	max-width: 100%;
}
.fourColumns {
	display: flex;
	vertical-align: top;
}
@media screen and (max-width: 450px) {
	.fourColumns {
		display: block;
	}
}
.threeColumns {
	display: flex;
	vertical-align: middle;
}
@media screen and (max-width: 450px) {
	.threeColumns {
		display: block;
	}
}

.column, .columnType1 {
		flex: 1;
		margin: 10px;
		vertical-align: top;
		text-align: left;
	}

	.columnType2 {
		flex: 1;
		margin: 10px;
		margin: auto;
		text-align: center;
	}

	.socialMediaBar a {
		color: white;
	}

		.socialMediaBar a:hover {
			color: #b52121;
		}

	input[type=button], input[type=submit], button, .icoButton, .icoButtonOver, .ibBookNow, .ibBookNowOver, .ibBookNowTall, .ibBookNowOverTall, .ibBookNowSelected,
	.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver, .Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
	.ibShowMoreTickets, .ibShowMoreTicketsOver, .ibMoveSeatSpace, .ibMoveSeatSpaceOver {
		border-radius: 0px;
		margin: 0px;
		box-sizing: content-box;
	}

	.socialMediaBar label {
		display: none;
	}

	.socialMediaBar input, .socialMediaBar button {
		width: 100%;
		margin: 0px 0px 12px 0px;
		box-sizing: border-box;
		font-size: 15px;
		padding: 15px;
	}

	.socialMediaBar input {
		font-weight: 400;
	}

	.socialMediaBar button {
		font-weight: 600;
		letter-spacing: 2px;
	}

	.socialMediaBar h4 {
		font-size: 18px;
		font-weight: 500;
		margin: 0px 0px 18px 0px;
	}

	.socialMediaBar a {
		font-size: 13px;
		font-weight: 300;
	}

	.socialMediaBar .columnType1 a {
		display: block;
		padding-bottom: 12px;
	}

	.socialMediaBar .separator {
		width: 100%;
		border-bottom: 1px solid #404040;
		margin: 63px 10px 35px 10px;
	}

	.footerImage1 {
		max-width: 120px;
		vertical-align: baseline;
	}

	.footerImage2 {
		max-width: 120px;
		vertical-align: baseline;
	}

	.footerImage3 {
		max-width: 350px;
		vertical-align: baseline;
	}

	.topBarMenuMobile {
		position: absolute;
		right: 25px;
		top: 15px;
		width: 54px;
		height: 56px;
		text-align: center;
		vertical-align: top;
		background-color: #000000;
		padding: 12px;
		box-sizing: border-box;
	}

	.topbarContentMobileScrolled {
		height: 80px;
		padding: 10px 20px 10px 10px;
	}

	.topBarMenuMobileScrolled {
		top: 10px;
	}

	.fa-bars, .fa-xmark {
		font-size: 45px;
		color: #eb1923;
		padding: 0px;
		margin: 0px;
		cursor: pointer;
	}

		.fa-bars:hover {
			color: #b52121;
		}

	@keyframes fadeInFromTop {
		from {
			height: 0vw;
		}

		to {
			height: 90vh;
		}
	}

	#hamburgerMenu {
		top: 160px;
		height: 90vh;
		animation: fadeInFromTop;
		animation-duration: 0.6s;
		position: absolute;
		background-color: #000000;
		width: 100%;
	}

	@keyframes fadeToRed {
		from {
			color: white;
		}

		to {
			color: #b52121;
		}
	}

	#hamburgerMenu li, #hamburgerMenu li div {
		display: block;
		color: white;
		list-style-type: none;
		padding: 0px 15px 0px 15px;
		margin: 25px 0px 25px 0px;
		cursor: pointer;
		position: relative;
	}

		#hamburgerMenu li a {
			color: white;
			text-decoration: none;
		}

			#hamburgerMenu li:hover, #hamburgerMenu li a:hover, #hamburgerMenu li div:hover {
				animation: fadeToRed;
				animation-duration: 0.3s;
				color: #b52121;
			}

		#hamburgerMenu li ul {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 40px 0px;
		}

	.topMenuButtons ul {
		margin: 0px;
	}

	.topMenuButtons li {
		display: inline-block;
		color: white;
		list-style-type: none;
		padding: 0px 14px 0px 14px;
		margin: 15px 0px 15px 0px;
		/*border-right: 1px solid white;*/
		cursor: pointer;
		position: relative;
		text-transform: uppercase;
	}

		.topMenuButtons li:last-child {
			border-right: 0px;
		}

		.topMenuButtons li a {
			color: white;
			text-decoration: none;
		}

			.topMenuButtons li:hover, .topMenuButtons li a:hover {
				animation: fadeToRed;
				animation-duration: 0.1s;
				color: #eb1923;
			}

			.topMenuButtons li a:hover {
				text-decoration: underline;
			}
			
	.menuSub:after {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url("/LeighSportsVillage/images/chevronDownWhiteTransparent.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0px 5px 0px 5px;
	}


	.site-navigation li.menu-item-has-children:after {
		content: "▼";
		color: #eb1923;
		font-size: .75rem
	}

	.topMenuButtons li ul {
		display: block;
		background-color: #1e1e1e;
		padding: 20px 10px 0px 10px;
		position: absolute;
		top: 25px;
		width: 200px;
		z-index: 99999;
		right: 0rem;
	}

	.topMenuButtons li ul li {
		display: block;
		padding: 0px 10px 20px 0px;
		border-right: 0px;
	}

	.topMenuButtons {
		float: right;
	}
	
	.topbarContentMobile {
		display: none;
	}

	@media (max-width: 1400px) {

		.lsvLogo {
			width: 168px;
			top: 10px;
			left: 22px;
		}

		.topbarContent {
			display: block;
		}

		.topMenuButtons {
			display: block;
			/*margin-left: 200px;*/
		}
	}

	@media (max-width: 1024px) {
		.topbarContent {
			display: block;
			min-height: 220px;
		}

		.topMenuButtons {
			display: block;
			/*margin-left: 200px;*/
		}

		.lsvLogo {
			width: 168px;
			top: 10px;
			left: 80px;
		}

	}

	@media (max-width: 1199px) {
		.topbarContent {
			display: none;
		}

		.topbarContentMobile {
			display: block;
		}

	}

	.sliderHighlights {
		display: none;
		text-align: left;
		width: 33%;
		max-width: 400px;
		margin: 0px 10px 0px auto;
		margin-right: 10px;
		margin-left: auto;
		padding: 10px 10px 10px 0px;
	}

	.sliderHighlightsContainer1 {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0px;
		z-index: 100;
	}

	.sliderHighlightsContainer2 {
		display: block;
		width: 100%;
		max-width: 1800px;
		text-align: center;
		margin: auto;
		margin-bottom: 0px;
		z-index: 100;
	}

	.sliderHighlightTitle {
		color: #474747;
	}

	.sliderHighlightTitleOrange {
		color: #42983c;
	}

	.sliderMain {
		width: 100%;
		height: 576px;
		background-size: cover;
		margin: 0px 0px 0px 0px;
		text-align: center;
		display: block;
		z-index: 0;
		position: relative;
	}

	#sliderImage {
		z-index: 0;
		height: 576px;
		cursor: pointer;
		display: block;
		width: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		-webkit-transition: opacity 1s ease;
		-moz-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		transition: opacity 1s ease;
	}

	#sliderImage2 {
		z-index: 0;
		height: 576px;
		cursor: pointer;
		display: block;
		width: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		-webkit-transition: opacity 1s ease;
		-moz-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		transition: opacity 1s ease;
	}

	#sliderImage2 {
		opacity: 0;
	}


	@media screen and (max-width: 880px) {
		.sliderMain, #sliderImage, #sliderImage2 {
			height: 300px;
		}
	}

	@media screen and (max-width: 600px) {
		.sliderMain, #sliderImage, #sliderImage2 {
			height: 200px;
		}
	}

	@media screen and (max-width: 900px) {
		.sliderHighlights {
			width: 80%;
		}

		.containerWithSlider, .containerNonSlider {
			padding-top: 0px;
		}

			.containerNonSlider .bookingCalendarAndBasket {
				margin-top: 30px;
			}
	}

	h2 {
		color: rgb(181, 33, 33);
		font-size: 42px;
		font-weight: 400;
	}

	h1 {
		color: rgb(181, 33, 33);
		font-size: 42px;
		font-weight: 400;
	}


	.newsBlock {
		display: block;
		background-color: #f6f6f6;
		text-align: left;
		flex-basis: 23%;
		margin: 10px;
		box-sizing: border-box;
		cursor: pointer;
	}

	.newsPhotoTiles {
		width: 100%;
	}

	.newsPhotoContainer {
		max-width: 100%;
		text-align: center;
	}

	.newsPhoto {
		max-width: 100%;
		display: block;
		margin: auto;
	}

	#sf_newsStory img {
		max-width: 100%;
		text-align: center;
		margin: auto;
		display: block;
	}

	#sf_newsStory p {
		text-align: justify;
		text-justify: inter-word;
	}

	#sf_newsTitle {
		color: rgb(160, 37, 33);
		font-size: 42px;
		font-weight: 400;
		text-align: center;
		width: 100%;
	}

	.newsTextBlock {
		padding: 20px;
	}

		.newsTextBlock #sf_newsTitle {
			color: rgb(43, 22, 27);
			font-size: 19px;
			font-weight: 400;
			text-align: left;
			width: auto;
		}

	.newsDate {
		color: rgb(160, 37, 33);
		font-size: 14px;
		font-weight: 400;
	}

	.newsCategory {
		padding: 10px;
		background-color: #e4e4e4;
		color: #453e43;
		width: fit-content;
	}

	.newsTitle, .newsTitle div {
		color: rgb(43, 22, 27);
		font-size: 19px;
		font-weight: 400;
		line-height: 25.65px;
		text-transform: uppercase;
		padding: 10px 0px 10px 0px;
	}

	.newsDate {
		color: #adadad;
		font-size: 12px;
		padding-left: 2px;
	}

	.fa-calendar {
		font-size: 12px;
		margin-right: 5px;
	}

	.newsReadMore {
		margin-top: 12px;
		background-color: #b52121;
		padding: 10px;
		color: white;
		font-size: 15px;
		font-weight: 400;
		vertical-align: top;
		width: fit-content;
	}

	.newsContainer {
		display: flex;
		flex-wrap: wrap;
	}

	@media screen and (max-width: 1024px) {
		.newsBlock {
			flex-basis: 46%;
		}
	}

	@media screen and (max-width: 560px) {
		.newsBlock {
			flex-basis: 90%;
		}
	}

	.facetedSearchMoreResults {
		padding: 20px 10px 10px 15px;
		clear: both;
	}

	.FacetedSearch li {
		list-style-type: none;
	}

	.FacetedSearchContainer {
		display: flex;
	}

	.FacetedSearchResults {
		padding-left: 15px;
		flex: 6;
		display: inline-block;
		border: 10px;
		vertical-align: top;
	}


	.FacetedSearch {
		flex: 1;
		border: 10px;
		vertical-align: top;
		background-color: #efefef;
		padding: 10px;
	}

	.FacetedSearchButton {
		display: block;
		background-color: #b52121;
		color: white;
		cursor: pointer;
		border: 1px solid #55d0e3;
		font-weight: bold;
		padding: 10px;
		width: 100%;
		margin-bottom: 12px;
		text-align: center;
	}

	@media screen and (max-width: 1024px) {
		.FacetedSearch {
			width: 100%;
			display: none;
			margin-bottom: 20px;
		}

		.FacetedSearchContainer {
			display: block;
		}
	}

	@media screen and (min-width: 1025px) {
		.FacetedSearchButton {
			display: none;
		}
	}

	.FacetedSearch h2 {
		font-size: 22px;
	}

	.FacetedSearch ul {
		padding: 0px;
		margin: 0px 0px 0px 5px;
	}

	.FacetedSearchResults .newsBlock {
		flex-basis: 22%;
	}

	@media screen and (max-width: 1200px) {
		.FacetedSearchResults .newsBlock {
			flex-basis: 30%;
		}
	}

	@media screen and (max-width: 1024px) {
		.FacetedSearchResults .newsBlock {
			flex-basis: 46%;
		}
	}

	@media screen and (max-width: 560px) {
		.FacetedSearchResults .newsBlock {
			flex-basis: 90%;
		}
	}

	#heritageTableContainer {
		width: 100%;
		background-color: #f7f3f5;
		padding: 10px;
		color: rgb(69, 62, 62);
	}

		#heritageTableContainer table {
			border-collapse: collapse;
			border: 1px solid #e0e0e0;
			color: #453e3e;
			width: 100%;
		}

		#heritageTableContainer td, #heritageTableContainer th {
			padding: 10px;
			font-size: 16px;
			font-weight: 400;
		}

		#heritageTableContainer tbody th {
			background-color: #bf1e2e;
			color: #ffffff;
			font-weight: 700;
		}

		#heritageTableContainer tbody tr {
			background-color: #ffffff;
		}

			#heritageTableContainer tbody tr:nth-child(odd) {
				background-color: #f5f5f5;
			}

	.heritageSearchBar {
		display: block;
		height: 20px;
		margin: 15px 0px 20px 0px;
		font-weight: 700;
	}

	.heritageLeft {
		float: left;
	}

	.heritageRight {
		float: right;
	}

	.mainSponsors {
		padding-bottom: 20px;
	}

		.mainSponsors img {
			max-width: 295px;
		}

	.sponsors {
		border-top: 5px solid rgb(181, 33, 33);
		padding: 0px 0px 20px 0px;
		text-align: center;
	}

		.sponsors h2, .sponsors h4 {
			font-size: 27px;
			font-weight: 400;
			color: rgb(43, 22, 27);
		}

		.sponsors h4 {
			font-size: 20px;
		}

	.kitSponsors {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}

		.kitSponsors div {
			flex: 1;
			flex-basis: 33%;
			margin-bottom: 20px;
		}

		.kitSponsors img {
			max-height: 134px;
			max-width: 134px;
		}

	.clubPartners {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
		width: 80%;
		margin: auto;
	}

		.clubPartners div {
			flex: 1;
			flex-basis: 33%;
			margin-bottom: 20px;
		}

		.clubPartners img {
			max-height: 108px;
			max-width: 108px;
		}

	.LatestContainer {
		display: none;
	}

	.menu, .menu select, .menu input {
		font-size: 14px;
	}

		.menu input[type=text] {
			font-size: 12px;
		}

	.feature h3 {
		text-align: left;
		font-size: 32px;
		color: rgb(181, 33, 33);
	}

	.normalTextTDCenter {
		font-size: 10px;
	}

	.videoTitle {
		text-align: center;
		font-size: 48px;
		color: black;
		width: 100%;
		top: -150px;
		position: relative;
	}

	.productsSlider {
		margin-top: 20px;
	}

	.matchButtons {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 40px;
	}

	@media screen and (max-width: 880px) {
		.matchButtons {
			display: block;
		}
	}

	.matchButtons div {
		flex-basis: 33%;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
	}

	.matchButtons img {
		width: 100%;
	}

	.matchButtons .matchButton {
		margin: auto;
		margin-top: 12px;
		background-color: #b52121;
		padding: 20px 30px 20px 30px;
		color: white;
		font-size: 16px;
		font-weight: 700;
		vertical-align: top;
		width: fit-content;
		cursor: pointer;
	}

	.matchButton .fas {
		margin-right: 5px;
	}

	.selectTicketTypeImageHolder {
		float: right;
	}

	@media screen and (max-width: 450px) {
		.selectTicketTypeImageHolder {
			float: none;
		}
	}

.renew3Col {
	display: flex;
}
.renew2Col {
	column-count: 2;
	cursor: pointer;
}
.renew2Colb {
	display: flex;
	cursor: pointer;
}
.renew2Colb div {
	margin: 10px;
}
.renew1Col {
	display: none;
	cursor: pointer;
}
.renew2Col img, .renew1Col img, .renew2Colb img {
	width: 100%;
}
@media screen and (max-width: 500px) {
	.renew2Col {
		display: none;
	}

	.renew1Col {
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.renew2Colb {
		display: block;
	}
}
.infoVideo {
	width: 100%;
	height: 350px;
}
@media screen and (max-width: 500px) {
	.infoVideo {
		height: 250px;
	}
}
@media screen and (max-width: 400px) {
	.infoVideo {
		height: 150px;
	}
}
.infoButtonBar, .infoButtonBarTop {
	margin: 30px 0px 30px 0px;
	text-align: center;
	box-sizing: border-box;
}
.infoButtonBarTop {
	text-align: left;
}
.infoButtonBack {
	float: left;
	margin: 20px 0px 20px 0px;
	box-sizing: border-box;
	font-size: 80%;
	height: 42px;
}
.infoButtonBuy {
	float: right;
	margin: 20px 0px 20px 0px;
	box-sizing: border-box;
	height: 42px;
}
infoButtonPay, infoButtonPayNotSelected {
	margin: 10px;
}
.infoButtonPayNotSelected {
	background-color: #404040;
	border-color: #808080;
}
@media screen and (max-width: 680px) {
	.infoButtonBack, .infoButtonBuy {
		float: unset;
		display: block;
		width: 95%;
	}
}
.mainContentContainer {
	padding-bottom: 50px;
	background-color: white;
	color: black;
}
.infoTable, .infoTable td, .infoTable th {
	color: white;
	border-collapse: collapse;
	border: 3px solid white;
	padding: 10px;
	font-size: 1rem;
}
.infoTable th {
	background-color: #BF1E2E;
}
@media screen and (max-width: 500px) {
	.infoTable th {
		font-size: 80%;
	}
}
.infoTable td:nth-child(2), .infoTable td:nth-child(3) {
	text-align: right;
}
.infoTable td:nth-child(4) {
	text-align: center;
}
.infoTableSelected {
	background-color: #BF1E2E;
	font-weight: bold;
}
h1, h2, h3 {
	color: white;
}
h2 {
	font-size: 1.3rem;
}
.selectQuantityEntry {
	background-color: black;
	color: white;
	border: 2px solid white;
	width: 2rem;
}
.selectQuantityButton {
	height: 34px;
}
.selectQuantity  {
	margin: auto;
}
@media screen and (max-width: 550px) {
	.selectQuantity {
		width: 40px;
	}
}

#receipt table td {
	vertical-align: top;
}
#infoContent a {
	color: #BF1E2E;
}
.checkoutAddressSelected {
	background-color: #DCE3FE;
}

.faqsubheading {
	color: #BF1E2E;
}
.infoFaq {
	padding: 10px;
	border-bottom: 1px solid white;
	margin-bottom: 10px;
}
#goldTable table th, #goldTable table td.infoTableSelected {
	background-color: #bc9a2f;
}
#whiteTable table th, #whiteTable table td.infoTableSelected {
	background-color: #b3b3b3;
}
#platinumTable table th, #platinumTable table td.infoTableSelected {
	background-color: #93b1b8;
}
#blackTable table th, #blackTable table td.infoTableSelected {
	background-color: black;
}
.seatsLine {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	vertical-align: top;
}
.seatsLineText {
	display: inline-block;
	vertical-align: top;
}
.seatsLineButton {
	display: inline-block;
	margin-left: 20px;
}
.imageOptionSelector {
	display: flex;
	gap: 10px;
}
.imageOptionSelector div {
	text-align:center;
	width: 100%;
	border: 4px solid black;
	cursor: pointer;
}
.imageOptionSelector div img {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.imageOptionSelector .imageOptionSelectorSelected {
	border-color: #BF1E2E;
}
.imageOptionSelector div div {
	padding: 12px;
}
#divTotals {
	padding-top: 12px;
}
#cbxCheckoutAddress, .sectionTitle, .curvedBoxHeader, .registerHeader, .registerHeaderBlue, .curvedBox, 

#cbxReceipt .curvedBoxHeader, #cbxReceipt .curvedBox, #cbxReceipt table {
	background-color: white;
	color: black;
}
.matchTitleLine {
	color: #444444;
	font-size: 1.125rem;
	font-weight: bold;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
}
.preheader {
	display: block;
	width: 100%;
	height: 3em;
	background-color: #1e1e1e;
}
.preheaderNavigation {
	float: right;
}
.preheaderNavigation a {
	display: inline-block;
	background-color: #eb1923;
	color: white;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 35px;
	font-size: 1.1875rem;
}
#main-tel {
	background-color: #1e1e1e;
	padding: 11px 25px;
}
ul, #SearchPopupList {
	font-size: 1rem;
    font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
	list-style-type: none;
}







































.social-navigation {
    padding: 10px 0 40px;
    background-color: #000
}

.social-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

.social-nav li {
    list-style: none;
    display: inline-block;
    margin: 0 18px;
    padding: 0
}

.social-nav a {
    float: left;
    display: block;
    height: 35px;
    width: 35px;
    margin: 0
}

.social-nav a:before {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.social-share {
    clear: both;
    padding: 10px 0 0;
    display: block;
    border-top: 1px solid #eb1923
}

.social-share h4 {
    margin: 0 0 5px
}

.social-nav a[href*="facebook.com"]:before,.social-share-links a[href*="facebook.com"]:before {
    content: url(images/facebook.svg)
}

.social-nav a[href*="instagram.com"]:before {
    content: url(images/instagram.svg)
}

.social-nav a[href*="linkedin.com"]:before,.social-share-links a[href*="linkedin.com"]:before {
    content: url(images/linkedin.svg)
}

.social-nav a[href*="pinterest.com"]:before {
    content: url(images/pinterest.svg)
}

.social-nav a[href*="twitter.com"]:before,.social-share-links a[href*="twitter.com"]:before {
    content: url(images/x.svg)
}

.social-nav a[href*="vimeo.com"]:before {
    content: url(images/vimeo.svg)
}

.social-nav a[href*="youtube.com"]:before {
    content: url(images/youtube.svg)
}

.social-nav a[href^="mailto:"]:before,.social-share-links a[href^="mailto:"]:before {
    content: url(images/email.svg)
}

.footer-nav .nav {
    text-align: center
}

@media (min-width: 900px) {
    .footer-nav .nav {
        column-count:3;
        text-align: left
    }
}

.footer-nav .nav li {
    display: block
}

.footer-nav a {
    color: #fff;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    padding: 0
}

.policies-nav {
    text-align: center;
    line-height: 1
}

@media (min-width: 1200px) {
    .policies-nav {
        text-align:right
    }
}

@media (min-width: 1200px) {
    .policies-nav .nav {
        display:inline
    }
}

.policies-nav .nav li:after {
    font-size: .875rem;
    content: " | "
}

.policies-nav .nav a {
    color: #fff;
    display: inline;
    font-size: .875rem;
    font-weight: 400;
    padding: 0
}





.section-title {
    font-weight: 900;
    font-size: 2.25rem;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px
}

@media (min-width: 900px) {
    .section-title {
        font-size:3.125rem
    }
}

.section-title:after,.section-title:before {
    background-color: #cd8c00;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.section-title:before {
    right: .5em;
    margin-left: -50%
}

.section-title:after {
    left: .5em;
    margin-right: -50%
}


.contact-banner {
    padding: 50px 0;
    background-color: #000;
    color: #fff;
	margin: -8px 0px 0px 0px;
}

.contact-banner .section-title {
    color: #fff
}

@media (min-width: 900px) {
    .form {
        max-width:640px
    }
}

.contact-block {
    background-color: #1e1e1e;
    color: #fff;
    border-radius: 20px;
    padding: 40px 20px;
    text-align: center
}

.contact-block h3 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px
}

.contact-block p {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0
}

.contact-block a {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    margin-top: 30px;
	color: #eb1923;
	text-decoration: underline;
}

@media (min-width: 900px) {
    .contact-block a {
        font-size:1.1875rem
    }
}

.contact-block.with-image {
    padding: 0
}

.contact-block.with-image .contact-block-image {
    display: block
}

.contact-block.with-image .contact-block-image img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.contact-block.with-image .contact-block-content {
    display: block;
    padding: 30px 20px 40px
}

.find-us {
    padding-top: 60px
}

.find-us h3 {
    font-size: 2.25rem;
    margin-bottom: 1em
}

.newsletter-signup {
    padding: 50px 0;
    background-color: #000
}

.newsletter-signup h3 {
    color: #fff;
    text-align: center;
    font-size: 1.875rem;
    text-transform: uppercase
}

.footer {
    padding: 20px 0;
    background-color: #1e1e1e
}

.footer,.footer a {
    color: #fff
}

.footer-logo {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #323232
}

.footer-logo img {
    width: 167px;
    height: auto;
    border-radius: 0;
    margin: 0 auto
}

@media (min-width: 1200px) {
    .footer-logo img {
        margin:0
    }
}

.footer-address {
    font-size: .875rem;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 900px) {
    .footer-address {
        text-align:left;
        margin: 0
    }
}

.footer-address h3 {
    font-size: .875rem;
    color: #fff;
    margin: 0
}

.footnotes {
    border-top: 1px solid #323232;
    margin-top: 20px;
    padding: 20px 0
}

.footnote {
    font-size: .875rem;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

@media (min-width: 1200px) {
    .footnote {
        width:auto;
        text-align: inherit;
        float: left
    }
}

.credit {
    font-size: .875rem;
    line-height: 18px;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

@media (min-width: 1200px) {
    .credit {
        display:inline;
        width: auto;
        text-align: inherit;
        float: right;
        padding-left: 5px
    }
}

.pagination {
    clear: both;
    margin-bottom: 30px
}

.pagination .nav-links {
    position: relative;
    text-align: center
}

.pagination .page-numbers {
    font-size: 1.125rem;
    padding: 1em;
    line-height: 1;
    text-decoration: none
}

.pagination .page-numbers.current {
    text-transform: uppercase
}

.pagination .current {
    display: inline-block;
    font-weight: 700
}

.gform_wrapper {
    margin-bottom: 60px
}

.gfield {
    margin-bottom: 20px
}

.gfield_label {
    color: #323232;
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.gfield_required_text {
    font-size: .875rem;
    padding-left: 5px;
    font-weight: 400
}

.gsection_title {
    font-size: 1.875rem;
    margin-bottom: .5em
}

.gform_wrapper input[type=email],.gform_wrapper input[type=number],.gform_wrapper input[type=tel],.gform_wrapper input[type=text],.gform_wrapper textarea {
    font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
    font-weight: 400;
    color: #323232;
    font-size: 1rem;
    display: block;
    width: 100%;
    border: 1px solid #323232;
    background-color: #fff;
    padding: 16px;
    box-shadow: none;
    outline: none;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px
}

.gform_wrapper input[type=email]:focus,.gform_wrapper input[type=number]:focus,.gform_wrapper input[type=tel]:focus,.gform_wrapper input[type=text]:focus,.gform_wrapper textarea:focus {
    border-color: #eb1923
}

.gform_wrapper input::-webkit-input-placeholder,.gform_wrapper select::-webkit-input-placeholder,.gform_wrapper textarea::-webkit-input-placeholder {
    color: #323232
}

.gform_wrapper input::-moz-placeholder,.gform_wrapper select::-moz-placeholder,.gform_wrapper textarea::-moz-placeholder {
    color: #323232
}

.gform_wrapper input:-ms-input-placeholder,.gform_wrapper input::-ms-input-placeholder,.gform_wrapper select:-ms-input-placeholder,.gform_wrapper select::-ms-input-placeholder,.gform_wrapper textarea:-ms-input-placeholder,.gform_wrapper textarea::-ms-input-placeholder {
    color: #323232
}

.gform_wrapper input::placeholder,.gform_wrapper select::placeholder,.gform_wrapper textarea::placeholder {
    color: #323232
}

.gform_wrapper input[type=file] {
    width: 100%
}

.gform_wrapper select {
    font-size: 1rem;
    padding: 10px 16px;
    height: 50px;
    line-height: 20px;
    width: 100%;
    cursor: pointer;
    outline: none;
    background-image: url(images/arrow-down.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 12px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #323232;
    background-color: #fff;
    border-radius: 5px
}

.gfield_select .gf_placeholder {
    color: #1e1e1e!important
}

.gform_wrapper span label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ginput_complex {
    overflow: hidden
}

.gf_name_has_2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 15px
}

@media (min-width: 600px) {
    .gf_name_has_2 {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 20px
    }
}

.gf_name_has_3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 15px
}

@media (min-width: 900px) {
    .gf_name_has_3 {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 20px
    }
}

.ginput_container_address {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 15px
}

@media (min-width: 600px) {
    .ginput_container_address {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 20px
    }
}

@media (min-width: 600px) {
    .ginput_container_address .ginput_address_line_1 {
        -ms-grid-column-span:2;
        grid-column: span 2
    }
}

.gform_drop_area {
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px dashed #f5f5f5
}

.gform_drop_instructions {
    display: block
}

.gform_fileupload_rules {
    font-size: .75rem
}

.gform_wrapper .button {
    min-width: 200px;
    height: 50px;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: #eb1923;
    border: none;
    padding: 4px 18px;
    line-height: 0;
    -webkit-appearance: none;
    border-radius: 5px
}

.gform_wrapper .button:hover {
    background: #323232
}

.gform_ajax_spinner {
    width: 25px;
    height: auto;
    margin: 3px auto 0
}

.gform_validation_container {
    display: none
}

#extensions_message {
    font-size: .875rem
}

.gfield_required {
    color: #eb1923
}

.gfield_error input {
    background-color: #f2dede
}

.validation_error {
    margin-bottom: 20px;
    color: #eb1923
}

.validation_message {
    font-size: .875rem;
    color: #eb1923;
    padding-top: 5px
}

.gform_submission_error {
    font-size: 1.5rem;
    color: #eb1923
}

#gform_wrapper_2 {
    margin: 0
}

#gform_wrapper_2 .gform_title {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px
}

#gform_wrapper_2 .gform_fields {
    max-width: 640px;
    margin: 0 auto
}

@media (min-width: 600px) {
    #gform_wrapper_2 .gform_fields {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: auto 200px;
        grid-template-columns: auto 200px;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
}

#gform_wrapper_2 input[type=email] {
    height: 50px
}

#gform_wrapper_2 .button {
    width: 100%
}

#gform_wrapper_2 .gform_submission_error,.browserupgrade {
    text-align: center
}

.browserupgrade {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 8;
    margin: 0;
    padding: 20px 7.5%;
    background: #fcf8e3;
    border-top: 1px solid #faf2cc;
    color: #8a6d3b
}

.browserupgrade a {
    color: #8a6d3b
}

.screen-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 20px;
    background: red;
    padding: 0 10px;
    line-height: 18px;
    text-align: center
}

@media (min-width: 600px) {
    .screen-notice {
        background:green
    }
}

@media (min-width: 900px) {
    .screen-notice {
        background:orange
    }
}

@media (min-width: 1200px) {
    .screen-notice {
        background:blue
    }
}

.screen-notice:before {
    font-size: .6875rem;
    content: "M";
    color: #fff
}

@media (min-width: 600px) {
    .screen-notice:before {
        content:"PT"
    }
}

@media (min-width: 900px) {
    .screen-notice:before {
        content:"LT"
    }
}

@media (min-width: 1200px) {
    .screen-notice:before {
        content:"D"
    }
}

#gform_wrapper_2 input[type=email] {
	height: 16px;
}

#field_submit {
	margin-left: 30px;
}
.footer-logo {
	text-align: left;
}
.footer {
	padding: 20px 60px 20px 60px;
}

.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

@media (min-width: 900px) {
    .column-2 {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 600px) {
    .column-3 {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 900px) {
    .column-3 {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width: 600px) {
    .column-4 {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 900px) {
    .column-4 {
        -ms-grid-columns:(1fr)[4];
        grid-template-columns: repeat(4,1fr)
    }
}

.column-6 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
}

@media (min-width: 600px) {
    .column-6 {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width: 900px) {
    .column-6 {
        -ms-grid-columns:(1fr)[6];
        grid-template-columns: repeat(6,1fr)
    }
}

@media (min-width: 900px) {
    .footer-grid {
        -ms-grid-columns:30% auto;
        grid-template-columns: 30% auto
    }
}

@media (min-width: 1200px) {
    .footer-grid {
        -ms-grid-columns:310px auto;
        grid-template-columns: 310px auto
    }
}

.footer-grid>* {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.column-gap-20 {
    grid-column-gap: 20px
}

.column-gap-30 {
    grid-column-gap: 30px
}

.column-gap-40 {
    grid-column-gap: 40px
}

.row-gap-20 {
    grid-row-gap: 20px
}

.row-gap-30 {
    grid-row-gap: 30px
}

.row-gap-40 {
    grid-row-gap: 40px
}


#policies-nav li {
	display: inline-block;
	vertical-align: top;
}

.credit {
	margin-top: 5px;
}

.inner {
    padding: 0 35px
}

@media (min-width: 900px) {
    .inner {
        padding:0 70px
    }
}


.hidden {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	display: none;
}





























.menu-modal {
    display: none;
    opacity: 0;
    background: #1e1e1e;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    animation: a .25s ease-in-out
}

.menu-modal.active {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    animation: a .25s ease-in-out
}

.menu-modal a {
    text-decoration: none
}

.menu-modal-inner {
    width: 100%;
    overflow: auto
}

.menu-wrapper {
    position: relative
}

.header-toggles {
    overflow: hidden;
    padding: 25px 30px;
    text-align: right
}

.header-toggles .nav-toggle {
    margin: 0 auto
}

.ancestor-wrapper {
    position: relative
}

.menu-modal ul {
    list-style: none;
    padding: 0 20px;
    margin: 0
}

.menu-modal ul li {
    border-color: #eb1923;
    border-style: solid;
    border-width: 0 0 .1rem;
    line-height: 1;
    margin: 0
}

.menu-modal ul li a {
    font-size: 1.25rem;
    display: block;
    padding: 15px 0;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase
}

.menu-modal ul li a:hover {
    color: #eb1923
}

.menu-modal ul li .sub-menu {
    display: none;
    padding: 0
}

.menu-modal ul li .sub-menu li {
    border-width: 0
}

.menu-modal ul li .sub-menu.active {
    display: block
}

.menu-modal ul li .sub-menu a {
    font-size: 1rem;
    padding: 13px 0 13px 20px
}

.menu-modal ul li .sub-menu .sub-menu li {
    border-width: 0
}

.menu-modal ul li .sub-menu .sub-menu a {
    font-size: 1rem;
    padding-left: 45px
}

.menu-modal ul li .sub-menu .sub-menu a:before {
    content: "- "
}

.menu-modal .sub-menu .sub-menu-toggle {
    padding: 0
}

.sub-menu-toggle-wrapper, #hamburgerMenu li div.sub-menu-toggle-wrapper {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0;
    right: 0;
}

.sub-menu-toggle-wrapper a {
    padding: 0
}

.sub-menu-toggle-wrapper .sub-menu-toggle {
    height: 51px;
    padding: 0
}

.sub-menu-toggle-wrapper .sub-menu-toggle svg {
    transition: transform .15s linear
}

.sub-menu-toggle-wrapper .sub-menu-toggle svg path {
    fill: #eb1923
}

.sub-menu-toggle-wrapper .sub-menu-toggle:hover {
    background-color: transparent
}

.sub-menu-toggle-wrapper .sub-menu-toggle.active svg,.sub-menu-toggle-wrapper .sub-menu-toggleactive svg {
    transform: rotate(180deg)
}

.main-menu {
	text-align: left;
	text-transform: uppercase;
	font-size: 1.25rem;
	z-index: 9999;
	position: relative;
	background-color: black;
	padding: 0px 40px 40px 40px;
}
.main-menu div {
	font-size: 1.25rem;
}
.sub-menu .ancestor-wrapper {
	font-size: 1em;
}


@media screen and (max-width: 1199px) {
	#main-tel {
		position: absolute;
		left: 5px;
	}
}

#menu-top li {
   position: relative;
}

#menu-top .sub-menu {
	margin-top: 30px;
	right: 10px;
}

.sub-menu::before {
   content: '';
   position: absolute;
   top: -12px;  /* Adjust the position as needed */
   left: 70%;    /* Center the triangle horizontally */
   margin-left: -10px;  /* Adjust for the triangle size */
   width: 0;
   height: 0;
   border-bottom: 12px solid #1e1e1e; /*  Color of the triangle */
   border-right: 12px solid transparent;
   border-left: 12px solid transparent;
   /*  Other styles for the triangle (e.g., z-index) */
}