@import url("../Agile-Web24/styles.css");
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/source-sans-pro@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/source-sans-pro@latest/latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


:root {
--epg-backcolor: white;
--epg-textcolor: black;
--epg-color1: #74770D;
--epg-color1text: white;
--epg-color2: #000000;
--epg-color2text: white;
--epg-color3: #7db0df;
--epg-color3text: black;
}
body {
	font-family: 'Source Sans Pro',sans-serif;	
}
.agl-intro .agl-navigation-main > li:hover > a, .agl-navigation-cart:hover, .agl-navigation-user:hover, .agl-navigation-search:hover, .EpgHeaderLogo:hover { 
	animation-name: unset; 
}
.CalendarTable .epgColor1Back, .CalendarTable .Date {
	background-color: #000000;
	color: #ffffff;
}
.agl-accountlinks {
	position: absolute;
}
.epgColor2Back { 
	background-color: #000000; 
	color: #ffffff; 
}
.agl-intro { 
	background-color: black;
	transition: background-color .5s;
}
.agl-intro.transparent, .agl-footer.transparent { 
	background-color: transparent; 
	box-shadow: none; 
	position: relative;
	transition: background-color .5s;  
}
.EpgHeaderLogo { 
	filter: none; 
	width: 260px; 
	height: 73px; 
	margin-top: 35px; 
	margin-left: 63px; 
	transition: margin-top .5s;
}
#secondaryMenu { 
	height: 50px; 
	justify-items: flex-end;
	transition: all .5s ease;
	transition-behavior: allow-discrete; 
	opacity: 1;
	scale: 1;
}
#secondaryMenu.site-header__container {
	display: none;
	height: 0;
	opacity: 0;
	scale: 0;
}
#lowerMenu { 
	display: flex; 
	list-style-type: none; 
	gap: 20px; 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 37, 65, .33)), to(rgba(10, 32, 62, 0)));
	background: linear-gradient(180deg, rgba(10, 37, 65, .33) 0%, rgba(10, 32, 62, 0) 100%);
}
.lowerMI a { 
	display: block; 
	padding: 10px; 
	text-decoration: none; 	
	color: white; 
	font-size: 18px; 
}
.lowerMI ul { 
	display: none; 
}
.lowerMI:hover { 
	text-decoration: underline !important; 
}
.lowerMI:hover > ul { 
	display: flex; 
	flex-direction: column; 
	background-color: rgba(11, 16, 27, 0.9); 
	color: #ffffff; 
	position: absolute; 
	padding: 0 5px 5px 5px;
}
.lowerMI:last-child:hover ul {
	right: 0;
}
.lowerMI ul li:not(:last-child) {
	border-bottom: 1px solid grey;
}
ul.agl-navigation-account {
	background-color: #000000;
	color: #fff;
}
ul.agl-navigation-account a, ul.agl-navigation-main a {
	color: #fff;
}
.agl-myprofile .agl-pagetitle, .agl-orderlist .agl-pagetitle, .agl-paymentoptions .agl-pagetitle, .agl-changepassword .agl-pagetitle, .agl-ticketforwarding .agl-pagetitle, .agl-ticketreturn .agl-pagetitle, .agl-edelivery .agl-pagetitle, .agl-mycal .agl-pagetitle, .agl-mybenefits .agl-pagetitle {
	color: #fff;
}
.agl-container { 
	padding-top: 125px; 
}
.agl-container:has(.agl-basketclock > label > div) {
    padding-top: 150px;
}
.agl-info .agl-container:has(.agl-basketclock > label > div) :not(.InfoContainer .Donation) {
	padding-top: 0px
}
.agl-info .agl-basketclock {
	top: 125px;
}
.agl-basketclock, .agl-pagetitle {
	transition: top .5s ease;
}
.agl-container.no-space { 
	padding-top: 0; 
}
.agl-header { 
	max-width: calc(100vw - 10px); 
}
.agl-footer {
	background-color: black;
}
.agl-footerinclude {
	border: solid 50px transparent;
}
#footerItems {
	max-width: 1440px;
	margin: auto;
	color: white;
	display: flex;
	justify-content: space-between;
}
#footerL {
	justify-items: left;
	width: 50%;
}
#logo {
	width: 184px;
	margin-bottom: 20px;
}
#logo a img {
	vertical-align: middle;
	display: inline-block;
	height: auto;
	max-width: 100%;
}
#tagLine {
	text-align: left;
	font-size: .9375rem;
	line-height: 1.46667;
	font-weight: 400;
	letter-spacing: 0.03333em;
	padding-right: 15%;
	margin-bottom: 30px; 
}
#footerBuyBtn a {
	font-size: .9375rem;
	line-height: 1;
	font-weight: 700;
	background: #a2ad00;
	border: none;
	color: #040707;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 44px;
	min-width: 100px;
	padding: 0 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 12px 12px 0;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}
#poweredBy {
	margin-top: 40px;
}
#footerR {
	width: 50%;
	justify-items: right;
}
#footerR #list {
	text-align: left;
	text-transform: uppercase;
}
#footerR div li > a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding-left: 17px;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
}
#footerR div li > a:before {
	height: 100%;
	width: 11px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url("../HotDocs2026_2338/arrow_button_white.svg") center/11px no-repeat;
	display: block;
}
#footerR div li > a:hover {
	color: #c3d002;
}
#termsAndSocials {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 52px;
}
#terms {
	flex: 0 0 30%;
	text-align: left;
}
#terms a {
   	font-size: .875rem;
    	line-height: 1.28571;
    	font-weight: 400;
    	letter-spacing: .03571em;
	color: #9c9c9c;
	text-decoration: none;
}
#socialLinks a {
	height: 28px;
	width: 28px;
	float: left;
	text-decoration: none;
	background-color: transparent;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: .3s;
	transition: .3s;
	margin-top: 17.5px;
}
#socialLinks::before, #socialLinks::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
#socialLinks a:nth-of-type(n+2) {
    margin-left: 22px;
}
#socialLinks a.facebook {
    background-image: url("../HotDocs2026_2338/icon_fb.svg")
}
#socialLinks a.facebook:hover {
    background-image: url("../HotDocs2026_2338/icon_fb_hover.svg")
}
#socialLinks a.instagram {
    background-image: url("../HotDocs2026_2338/icon_insta.svg")
}
#socialLinks a.instagram:hover {
    background-image: url("../HotDocs2026_2338/icon_inst_hover.svg")
}
#socialLinks a.twitter {
    background-image: url("../HotDocs2026_2338/icon_x.svg")
}
#socialLinks a.twitter:hover {
    background-image: url("../HotDocs2026_2338/icon_x_hover.svg")
}
#socialLinks a.youtube {
    background-image: url("../HotDocs2026_2338/icon_youtube.svg")
}
#socialLinks a.youtube:hover {
    background-image: url("../HotDocs2026_2338/icon_youtube_hover.svg")
}
#socialLinks a.linkedin {
    background-image: url("../HotDocs2026_2338/icon_linkedin.svg")
}
#socialLinks a.linkedin:hover {
    background-image: url("../HotDocs2026_2338/icon_linkedin_hover.svg")
}
.agl-footer a, .agl-footer a:hover {
	color: white;
}
.NewCustomersBlock a, 
.NewCustomersBlock a:link, 
.NewCustomersBlock a:visited, 
.AssignCustomer a, 
.AssignCustomer a:link, 
.AssignCustomer a:visited {
	background-color: #a2ad00;
}
.NewCustomersBlock a:hover, 
.NewCustomersBlock a:link:hover, 
.NewCustomersBlock a:visited:hover, 
.AssignCustomer a:hover, 
.AssignCustomer a:link:hover, 
.AssignCustomer a:visited:hover {
	background-color: #74770D;
}

.AgileList-Tiles-4 {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	grid-auto-rows: 1fr;
	margin-top: 12px; 
}

.AgileList-Tiles-4 .Item { 
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	background: white;
	overflow: hidden; 
}

.AgileList-Tiles .ImageBox {
	position: relative !important;
	overflow: hidden !important;
	flex: 1; 
	max-height: 400px; 
	transition: background-color .5s;
	isolation: isolate;
}

.AgileList-Tiles .ImageBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}


.AgileList-Tiles-4 .Item .ImageBox.placeholder-image,
.AgileList-Tiles .Item .ImageBox.placeholder-image {
	background-color: #cccccc !important;
	background-image: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.AgileList-Tiles-4 .Item .ImageBox.placeholder-image img,
.AgileList-Tiles .Item .ImageBox.placeholder-image img {
	object-fit: contain !important;
	width: 50% !important;
	height: 50% !important;
	max-width: 200px !important;
	max-height: 200px !important;
	background: transparent !important;
}

.AgileList-Tiles .ImageBox:not(.placeholder-image) .DescriptionContainer {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: rgba(0,0,0,.8) !important;
	color: white;
	padding: 10px;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .5s, transform .5s;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	pointer-events: none;
	z-index: 10;
	margin-top: 0;
}

.AgileList-Tiles .ImageBox:not(.placeholder-image) .DescriptionContainer.hovered {
	opacity: 1 !important;
	transform: translateY(0) !important;
	pointer-events: auto;
}

.AgileList-Tiles .ImageBox:hover { 
	background-color: rgba(225,225,225,0.6); 
}

.AgileList-Tiles-4 .Item .ImageBox.placeholder-image:hover,
.AgileList-Tiles .Item .ImageBox.placeholder-image:hover {
	background-color: #b0b0b0 !important;
}

.AgileList-Tiles .Item .ButtonBar { 
	float: right;
	margin-left: auto;
	align-self: center;
}

.AgileList-Tiles .Item .ButtonBar a { 
	background-color: black;
}

.agl-content .InfoContainer a:not(.agl-epgbutton,.FilterLink, #btnPrint), 
.agl-content .InfoContainer a:not(.agl-epgbutton,.FilterLink, #btnPrint):link, 
.agl-content .InfoContainer a:not(.agl-epgbutton,.FilterLink, #btnPrint):visited, 
.agl-content .InfoContainer a:not(.agl-epgbutton,.FilterLink, #btnPrint):active {
	color: #74770D;
}

.agl-viewbasket .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText), 
.agl-viewbasket .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):link, 
.agl-viewbasket .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):visited, 
.agl-viewbasket .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):active 
.agl-orderconfirmation .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText), 
.agl-orderconfirmation .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):link, 
.agl-orderconfirmation .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):visited, 
.agl-orderconfirmation .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .DeliveryLink, .ItemRowText):active {
	color: white;
}
.ScheduledEvent .Item .Name {
	font-size: 1.12em;
}
.AgileList-Tiles .Item .ItemInfo, 
.AgileList-Tiles .Item .ItemInfo.ItemInfoFull {
	height: auto;
	min-height: 50px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	background: white !important;
	position: relative;
	z-index: 2;
	padding: 5px 10px;
	flex-shrink: 0;
	container-type: inline-size;
}

.AgileList-Tiles .Item .ItemInfo .Name {
	flex: 1;
	margin-right: 10px;
	font-size: clamp( 0.65em, 5cqi, 1.25em);
}

.FilterList {
	display: block !important;
}
.FilterList .AlphaFilter {
	display: none;
}
.FilterList .SearchBox {
	float: right;
}
.listText {
	margin: 8px;
	font-size: 1.15rem;
}
.listText a {
	color: #74770D;
	text-decoration: underline;
}
.ViewBox button {
	display: none;
}
.ViewBox:has(#viewBtns) {
	justify-content: space-between; 
}
#viewBtns {
	display: flex;
}
#AtoZView, #ScheduleView {
	margin-left: 20px;
}
#dateView, #AtoZView, #ScheduleView {
	font-size: 1rem;
	font-weight: 900;
}
#dateView a i, #AtoZView a i, #ScheduleView a i {
	font-size: 130%;
}
.agl-epgbutton {
	background-color: black;
}
.agl-epgbutton:hover:not(.active, .MyCalLink, .danger) {
	background-color: #74770D;
	color: white;
}
.InfoContainer :not(.Purchase) .Header {
	display: none;
}
.swiper-slide img {
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
	width: 100%;
	height: 100%;
	max-height: unset;
	max-width: unset;
}
.swiper-wrapper {
	filter: brightness(0.6);
}
.agl-media-swiper .swiper-aglmedia .swiper-wrapper .swiper-slide .swiper-title { 
	display: none; 
}
.swiper-trailers { 
	bottom: 50% !important; 
}
.swiper-trailers .agl-epgbutton { 
	background-color: transparent; 
	flex-direction: column; 
	text-transform: uppercase; 
	border: 2px solid rgba(245,245,245,.4); 
	padding: 20px 20px 20px 28px; 
	border-radius: 40px !important; 
	font-size: 20px; 
}
.swiper-trailers .agl-epgbutton span {
	display: none;
}
.swiper-button-next, .swiper-button-prev {
	color: white !important;
}
.agl-basketclock {
	top: 125px;
}
.agl-info .Name:not(.RelatedEvent .Name, .Showing .Name, .Donation .Name) {
	font-size: 3.125rem;
	color: white;
	margin-bottom: 12px;
	text-align: left;
}
.agl-info .NameSecondary {
	font-size: 1.1875rem;
	color: white;
	text-align: left;
}
#infoDetails {
	max-width: 1440px;
	width: 100%;
	margin: auto;
	height: 70%;
}
#evtDetails {
	width: 100%;
	margin: auto;
	height: 30%;
	background-color: rgba( 0, 0, 0, 0.3);
}
#evtPropLinks {
	max-width: 1440px;
	margin: auto;
}
#eventBar {
	position: absolute;
	z-index: 99999;
	bottom: 0;
	width: 100%;
	height: 25%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.InfoContainer .Description, .InfoContainer .ExtraHTML, .InfoContainer .RelatedEventBlock, .InfoContainer .Comments, .InfoContainer .BackToListLink, .InfoContainer .AdditionalInformation, .InfoContainer .CustomInformation {
	width: 100%;
}
.InfoContainer .CustomInformation {
	font-size: 17px;
}
.Description .Text, .RelatedEvent .Name, .AdditionalInformation .Text {
	font-size: 17px;
}
.incAft::after { 
	content:'';
	background: transparent url(../HotDocs2026_2338/arrow_nav_down-1.svg) bottom no-repeat;
}

.agl-modalbody {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.agl-modalbody * {
	min-height: 0 !important;
	max-height: 100% !important;
	box-sizing: border-box;
}


/* Custom Prop on Evt Pages*/
#evtPropLinks {
    padding: 12px 0;
    backdrop-filter: blur(5px);
}

.evt-props-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: white;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

.evt-prop-label {
    color: white;
    font-weight: 600;
    white-space: nowrap;
}

.evt-prop-separator {
    color: white;
    font-weight: 300;
}

.evt-prop-value-separator {
    color: white;
}

.evt-prop-link, .evt-prop-text {
    color: white !important;
    text-decoration: none;
    display: inline;
    font-weight: 400;
    transition: opacity 0.2s ease;
    white-space: nowrap;
}

.evt-prop-link {
    cursor: pointer;
}

.evt-prop-link:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.evt-prop-link:focus {
    outline: 2px solid white;
    outline-offset: 2px;
    border-radius: 2px;
}

.evt-prop-link:active {
    opacity: 0.5;
}

@media (min-width: 769px) {
	.agl-intro .agl-navigation-main > li:hover, .agl-intro .agl-navigation-main > li:hover > a, .agl-intro .agl-navigation-main > li.agl-clicked, .agl-navigation > ul > li ul, .agl-navigation > ul > li > ul > li > a:hover, .agl-navigation-mobile-user > ul.agl-navigation-account > li > a:hover, a.agl-navigation-search:hover, a.agl-navigation-user:hover, a.agl-navigation-user.agl-clicked, a.agl-navigation-cart:hover, a.agl-navigation-cart.agl-clicked, a.agl-navigation-toggle:hover, a.agl-navigation-toggle.agl-clicked {
		background-color: #000000;
		color: #C5CD2B;
	}

}



@media (max-width: 768px) {
    #evtPropLinks {
        padding: 10px 15px;
    }
    
    .evt-props-container {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .evt-props-container {
        font-size: 11px;
    }
}

/*Media Breaks*/
@media (max-width: 1475px) {
	#infoDetails, #evtPropLinks {
		padding-left: 10px;
	}
	.EpgHeaderLogo {
		margin-left: 12px;
	}
}

@media (max-width: 1200px) {
	.AgileList-Tiles .Item .ItemInfo, 
	.AgileList-Tiles .Item .ItemInfo.ItemInfoFull {
    		height: auto;
		min-height: 65px;
	}
	#footerItems {
		max-width: 900px;
		padding: 0 2.375rem;
	}
	#footerL {
		width: 75%;
	}
	#footerR {
		width: 25%;
	}
	#termsAndSocials {
		flex-direction: column-reverse;
		margin-top: 20px;
		width: 160px;
	}
	#socialLinks {
		margin-bottom: 20px;
	}
}

@media (max-width: 900px) {
	#secondaryMenu {
		display: none;
	}
	.agl-basketclock {
		top: 75px !important;
	}
	.EpgHeaderLogo {
		margin-top: 5px !important;
		width: 93%;
	}
	.AgileList-Tiles-4 {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	
	.AgileList-Tiles-4 .Item {
		width: auto !important;
		float: none !important;
	}
	
	.AgileList-Tiles .Item .ItemInfo, 
	.AgileList-Tiles .Item .ItemInfo.ItemInfoFull {
		height: auto;
		min-height: 70px;
	}
}

@media (max-width: 768px) {
	.agl-header {
    		max-width: 100vw;
	}
	.agl-intro:has(.agl-navigation-mobile) {
		background-color: black !important;
		margin-top: 0;
	}
	.agl-info .swiper, .agl-ticketsearchcriteria .swiper, .agl-welcomepage .swiper {
		height: 300px;
		max-width: 100%;
	}
	.EpgHeaderLogo {
		width: fit-content;
		width: -moz-fit-content;
	}
	.agl-mtype-traditional #nav {
		background-color: #000000;
	}
	.agl-info .agl-container, .agl-info .agl-container:has(.agl-basketclock > label > div) :not(.InfoContainer .Dontation), .agl-container:has(.agl-navigation-mobile) { 
		padding-top: 0px !important; 
	}
	.agl-container, .agl-container:has(.agl-basketclock > label > div) { 
		padding-top: 75px !important; 
	}
	:not(.agl-info) .agl-basketclock, :not(.agl-info) .agl-pagetitle {
		top: 44px !important;
	}
	.AgileList-Tiles-2, .AgileList-Tiles-3, .AgileList-Tiles-4,
	[class*="AgileList-Tiles-"]:not(.AgileList-Tiles-2, .AgileList-Tiles-3, .AgileList-Tiles-4) {
		grid-template-columns: 1fr !important;
	}
	
	.AgileList-Tiles-2 .Item, .AgileList-Tiles-3 .Item, .AgileList-Tiles-4 .Item, 
	[class*="AgileList-Tiles-"]:not(.AgileList-Tiles-2, .AgileList-Tiles-3, .AgileList-Tiles-4) .Item {
		float: none !important;
		width: auto !important;
		margin: 0 !important;
	}
	.AgileList-Tiles-4 {
		grid-auto-rows: unset;
	}
	.AgileList-Tiles .ImageBox {
		min-height: 200px;
		max-height: 200px;
	}
	#viewBtns {
		justify-content: center;
	}
	.swiper-trailers:not(.swiper-trailerlist) {
		left: 40%;
	}
	#eventBar {
		height: 35%;
	}
	#infoDetails {
		height: 50%;
	}
	.agl-info .Name:not(.RelatedEvent .Name, .Showing .Name) {
    		font-size: 1.85rem;
		margin-bottom: 0;
	}
	.agl-info .NameSecondary {
    		font-size: .8rem;
	}
	#evtDetails {
		height: 50%;
	}
	.AgileList-Tiles .ImageBox.placeholder-image {
		background-color: #cccccc !important;
		min-height: 300px;
	}
	
	.AgileList-Tiles .DescriptionContainer {
		font-size: 120%;
	}
	#footerL {
		width: 50%;
	}
	#tagLine {
		display: none;
	}
	#poweredBy {
		position: static;
		margin: 107px auto 0 auto;
		color: white;
		width: 70vw;
	}
	#footerR {
		width: 50%;
	}
	#termsAndSocials {
		position: absolute;
		width: 100%;
		flex-direction: row-reverse;
		justify-content: space-around;
		right: 0;
	}
	#footerInclude {
		border-bottom: 20px solid transparent;
	}
}
@media (max-width: 520px) {

	#eventBar {
		height: 33%;
	}
	#infoDetails {
		height: 54%;
	}
	.agl-info .Name:not(.RelatedEvent .Name, .Showing .Name) {
		font-size: 1.1rem;
	}
	#evtDetails {
		height: 100%;
		max-height: 46%;
	}
	.HotEvent {
		width: 90% !important;
		margin: 0 auto 15px 5vw !important;
	}
	#viewBtns {
		margin: 10px auto;
		justify-content: center;
	}
	.agl-list .FilterList {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end; 
	}
	.agl-list .FilterBox {
		width: 100%;
	}
	.agl-list .FilterBox > div {
		display: revert;
	}
	.agl-list .FilterBox select {
		width: 100%;
	}
	.agl-list .SearchBox {
		margin-top: 15px;
		float: none;
		display: flex;
		margin-left: 8px;
	}
	.agl-list .SearchBox input {
		width: 100%;
	}
	.agl-info .CustomInformation table colgroup :first-child {
		width: 25% !important;
	}
 	.agl-info .CustomInformation table colgroup :nth-child(2) {
		width: 75% !important;
	}
	#footerInclude {
		border: 15px solid transparent;
	}
	#footerItems {
		display: flex;
		padding: 0;
	}
	#footerL {
		width: 60%;
	}
	#footerR {
		width: 25%;
	}
	#poweredBy {
		margin: 157px auto 0 auto;
		width: 90vw;
	}
}


#HotSellers { 
	clear: both; 
	background: grey; 
	padding: 15px 15px 10px 15px; 
}
#HotSellers .Header { 
	display: block; 
	font-size: 21pt; 
	padding: 20px 20px 20px 20px; 
	background-color: transparent !important; 
	color: white; 
	font-weight: normal; 
}
.HotEvent { 
	float: left; 
	cursor: pointer; 
	width: 29%; 
	margin: 0px 2%; 
	background-color: white; 
}
.HotEvent .Name { 
	display: block; 
	margin: 20px 20px 0; 
	text-transform: uppercase; 
	font-size: 1.2rem !important; 
	color: black !important; 
}
.HotEvent .HotDesc {  
	margin: 20px; 
	clear: both;  
}
.HotEvent .ItemInfo  { 
	height: 215px; 
	overflow: hidden;
	position: relative; 
}
.HotEvent .HotOpens {
	font-style: italic;
	margin: 0 8%;
} 
.HotEvent img { }
.HotEvent .BuyLink { 
	margin: 0px 0px 20px 20px; 
}
.HotEvent .FadeBottom  { 
	position: absolute; 
	bottom: 0px; 
	height: 50px; 
	background: transparent url(../fadebottom.png) repeat-x left top;  
	width: 100%; 
}
.HotDesc { 
	margin: 8px 0px; 
}

/***/
.site-header:not(:has(.agl-navigation-mobile)) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

.site-header ul,.site-header li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.site-header a {
    text-decoration: none
}

.site-header__container {
    position: relative;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .3s;
    transition: .3s
}

.site-header__container::before,.site-header__container::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.site-header__container::after {
    clear: both
}

.is-stuck .site-header__container {
    background: #040707;
    -webkit-box-shadow: 0 5px 9px 0 rgba(255,255,255,.06);
    box-shadow: 0 5px 9px 0 rgba(255,255,255,.06)
}

.is-fully-stuck .site-header__container {
    border-bottom: 2px solid #040707;
    margin-top: -60px
}

@media print,screen and (max-width: 74.99875em) {
    .is-fully-stuck .site-header__container {
        margin-top:-55px
    }
}

.is-fully-stuck.scrolled-up .site-header__container {
    border-bottom-width: 0;
    margin-top: 0
}

main,picture {
    display: block
}

.banner {
    height: 336px;
    position: relative;
    background: #1d2635;
    z-index: 0
}

@media print,screen and (max-width: 74.99875em) {
    .banner {
        height:204px
    }
}

@media print,screen and (max-width: 47.99875em) {
    .banner {
        height:177px
    }
}

.banner .grid-container {
    position: relative
}

.banner .grid-x {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.banner picture {
    position: relative;
    z-index: 1
}

.banner__content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 2
}

@media print,screen and (max-width: 74.99875em) {
    .banner__content {
        bottom:30px
    }
}

@media print,screen and (max-width: 47.99875em) {
    .banner__content {
        bottom:20px
    }
}

.banner__content h1 {
    margin: 0;
    float: left
}

@media print,screen and (max-width: 47.99875em) {
    .banner__content h1 {
        position:relative;
        float: none;
        padding-right: 5px;
        padding-bottom: 10px;
        background-color: #1d2635;
        z-index: 1
    }
}

.banner--image picture:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(4,7,7,.4);
    background-image: linear-gradient(182.39deg,rgba(20,35,55,.71) 0%,transparent 50%,transparent 100%),linear-gradient(21.92deg,rgba(10,32,62,.53) 0%,transparent 50%,transparent 100%);
    z-index: 1;
}


.banner-gallery {
    position: relative;
    background-color: #1d2635
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery {
        background-color: transparent
    }
}

.banner-gallery__slider {
    position: relative
}

@media print,screen and (min-width: 75em) {
    .banner-gallery__content {
        position:absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        pointer-events: none
    }
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__content {
        margin-top:15px
    }
}

.banner-gallery__title {
    color: #fff;
    margin-bottom: 50px
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__title {
        color:#040707;
        margin-bottom: 15px
    }
}

.banner-gallery__title .cell {
    pointer-events: auto
}

.banner-gallery__title .tag {
    color: #fff
}

.banner-gallery__title h1 {
    margin-bottom: 12px
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__title h1 {
        margin-bottom:6px
    }
}

.banner-gallery__title .info {
    font-size: 1.1875rem;
    line-height: 1.15789;
    font-weight: 400;
    letter-spacing: .03158em
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__title .info {
        font-size:.9375rem;
        line-height: 1.13333;
        font-weight: 400;
        letter-spacing: .03333em
    }
}

@media print,screen and (min-width: 75em) {
    .banner-gallery__meta {
        background:-webkit-gradient(linear,left top,left bottom,from(rgba(18,21,35,.72)),to(rgba(10,32,62,0)));
        background: linear-gradient(180deg,rgba(18,21,35,.72) 0%,rgba(10,32,62,0) 100%)
    }
}

.banner-gallery__meta.empty {
    visibility: hidden;
    opacity: 1
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__meta.empty {
        display:none
    }
}

.banner-gallery__meta .cell {
    letter-spacing: 0;
    color: #fff;
    padding: 18px 40px 16px 0;
    margin-bottom: 0
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__meta .cell {
        background:rgba(226,226,226,.35);
        color: #040707;
        padding: 14px 12px 12px
    }
}

.banner-gallery__meta ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    pointer-events: auto
}

.banner-gallery__meta li {
    list-style-type: none
}

.banner-gallery__meta li:nth-last-of-type(n+2):after {
    content: '·';
    display: inline-block;
    margin: 0 5px
}

.banner-gallery__meta a {
    font-weight: 700;
    text-decoration: underline;
    color: #fff
}

@media print,screen and (max-width: 74.99875em) {
    .banner-gallery__meta a {
        color:#040707
    }
}

.banner-slide {
    position: relative
}

.banner-slide.slide-hidden {
    visibility: hidden
}

.banner-slide picture {
    height: 90vh;
    width: 100%;
    max-height: 686px;
    min-height: 600px;
    position: relative;
    z-index: 0
}

@media print,screen and (max-width: 74.99875em) {
    .banner-slide picture {
        height:356px;
        min-height: 0;
        max-height: none
    }
}

.banner-slide picture img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    display: block
}

.banner-slide picture:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: '';
    background-color: rgba(4,7,7,.4);
    background-image: linear-gradient(182.39deg,rgba(20,35,55,.71) 0%,transparent 50%,transparent 100%),linear-gradient(21.92deg,rgba(10,32,62,.53) 0%,transparent 50%,transparent 100%);
    z-index: 1
}

.banner-slide picture:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: '';
    background-image: linear-gradient(158.8deg,rgba(255,255,255,.4) 0%,rgba(187,187,187,.36) 17%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 100%);
    mix-blend-mode: normal;
    z-index: 1
}

.banner-slide .video-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: auto;
    width: 87px;
    font-size: .6875rem;
    line-height: 1.27273;
    font-weight: 400;
    letter-spacing: .04545em;
    z-index: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    opacity: .48;
    -webkit-transition: .3s;
    transition: .3s
}

@media print,screen and (max-width: 47.99875em) {
    .banner-slide .video-modal {
        width:70px
    }
}

.banner-slide .video-modal img {
    width: 100%
}

.banner-slide .video-modal div {
    margin-top: -10px
}

@media print,screen and (max-width: 47.99875em) {
    .banner-slide .video-modal div {
        display:none
    }
}
.banner-slide .video-modal:after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0
}
.banner-slide .video-modal:hover {
    width: 95px;
    font-size: .8125rem
}
.AgileList-Tiles-4 > .Item > .ImageBox.placeholder-image,
.AgileList-Tiles > .Item > .ImageBox.placeholder-image,
div[class*="AgileList-Tiles"] > div.Item > div.ImageBox.placeholder-image {
	background: #cccccc !important;
	background-color: #cccccc !important;
	background-image: none !important;
}