/*******************************************************/
html {
	width: 100%;
}

html {
	height: 100%;
}

/*body.fullscreen {
    width:100%;
    display:table-cell;
}*/
body.leftnav {
	height: auto;
}

a.skipNav {
	position: fixed;
	top: -40px;
	color: #333 !important;
	background-color: white !important;
	padding: 4px 8px;
	left: 4px;
	z-index: 999999999;
}

a.skipNav:focus,
a.skipNav:target {
	top: 4px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px 0px 4px 0px !important;
}

input,
textarea,
select {
	color: #333;
}

a {
	text-decoration: underline;
}

a.button,
a.btn {
	text-decoration: none;
}

html,
body {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0;
	max-width: 100%;
	height: auto;
}

.tr-content img {
	height: auto !important;
}

table td {
	word-wrap: break-word;
	word-break: break-word;
}

IMG.TemplateImage {
	border: 0;
	margin: 0px;
}

.no-back,
.no-back:hover {
	background-color: transparent !important;
}

.offset .midlogo,
.offset .offsetlogo {
	margin-top: -30px;
}

.offset .fr-navbar-mini .midlogo {
	margin: 0;
}

.no-offset .midlogo a {
	padding: 0 !important;
}

.midlogo a:hover {
	background-color: transparent !important;
}

.navcenter .midlogo a {
	margin: 0;
	padding: 0;
}

.row {
	display: block !important;
}

.clear {
	clear: both;
}

.fl-right {
	float: right;
}

.socialContainer {
	position: fixed;
	top: 120px;
	background: #FFF;
	/* width: 50px;*/
	padding: 3px 3px 0px;
	z-index: 1;
}

.socialIconsMobile {
	display: none;
}

video.background-video,
video.background-video-mobile {
	width: 100vw;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

video.background-video-mobile {
	display: none;
}

video.background-video[poster],
video.background-video-mobile[poster] {
	object-fit: cover;
}

.flexibleBackVideo {
	height: auto;
	position: relative;
}

body.no-offset .fullscreenBackVideo {
	min-height: calc(100vh - 75px);
	position: relative;
}

body.offset .fullscreenBackVideo {
	min-height: 100vh;
	position: relative;
}

.heroVideo video.background-video,
.heroVideo video.background-video-mobile {
	width: 100%;
	position: static;
	height: auto;
}

@media (min-width: 601px) {
	video.background-video {
		display: block !important;
	}
}

@media (max-width:600px) {
	video.background-video {
		display: none;
	}

	video.background-video-mobile {
		display: block !important;
	}
}


.modal {
	display: none;
}

.SocialContainer {
	width: 100%;
	overflow: hidden;
}

.SocialWrapper {
	width: 0px;
	float: right;
}

.SocialIcons {
	width: 35px;
	height: 125px;
	padding-top: 20px;
	padding-left: 1px;
	position: absolute;
}

.SocialIcons a {
	display: block;
	width: 35px;
	height: 40px;
}

.SocialIcons #facebook {
	background: url(/webart/social.png) no-repeat 0px -40px;
	margin-bottom: 3px;
}

.SocialIcons #facebook:hover {
	background: url(/webart/social.png) no-repeat 0px 0px;
}

.SocialIcons #twitter {
	background: url(/webart/social.png) no-repeat -35px -40px;
	margin-bottom: 3px;
}

.SocialIcons #twitter:hover {
	background: url(/webart/social.png) no-repeat -35px 0px;
}

.SocialIcons #linkedin {
	background: url(/webart/social.png) no-repeat -70px -40px;
	margin-bottom: 3px;
}

.SocialIcons #linkedin:hover {
	background: url(/webart/social.png) no-repeat -70px 0px;
}

.SocialIcons #youtube {
	background: url(/webart/social.png) no-repeat -105px -40px;
}

.SocialIcons #youtube:hover {
	background: url(/webart/social.png) no-repeat -105px 0px;
}

.SocialIcons #instagram {
	background: url(/webart/social.png) no-repeat -140px -40px;
}

.SocialIcons #instagram:hover {
	background: url(/webart/social.png) no-repeat -140px 0px;
}

.mobileSocialContainer,
.mobileSocialContainer .socialIcons {
	width: 100%;
	text-align: center;
	display: none;
}

.socialContainer a {
	text-align: center;
	font-size: 30px;
	line-height: 50px;
	display: block;
	width: 50px;
	height: 50px;
	color: white !important;
	text-decoration: none;
	margin-bottom: 3px;
}

.mobileSocialContainer a {
	display: inline-block;
	text-align: center;
	width: 40px;
	font-size: 25px;
	height: 40px;
	line-height: 40px;
	border: 3px solid white;
	margin: 5px;
	color:
		white !important;
	text-decoration: none;
}



/*** MOBILE SOCIAL ICONS TOP NAV ***/
/* IN MENU BANNER */
.socialIconsMobile {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}

/* IN MENU HAMBURGER DROPDOWN */
.dropdown .socialIconsMobile {
	position: static;
	transform: none;
	padding: 8px 5px;
}

.dropdown .socialIconsMobile a i,
.socialIconsMobile a i {
	line-height: 32px;
}

.dropdown .socialIconsMobile a#tiktok,
.socialIconsMobile a#tiktok {
	line-height: 36px;
}

.dropdown .socialIconsMobile a#twitter,
.socialIconsMobile a#twitter {
	line-height: 36px;
}

.dropdown .socialIconsMobile a img,
.socialIconsMobile a img {
	max-width: 100%;
	max-height: 22px;
	position: relative;
	top: -3px;
}

.socialIconsMobile a#twitter img {
	top: -5px;
}

.socialIconsMobile a#tiktok img {
	top: -5px;
}

/*** MOBILE SOCIAL ICONS LEFT NAV ***/
/* IN MENU BANNER
.nav-side-menu .socialIconsMobile {top:5px;transform:none;}  */
/* IN MENU HAMBURGER DROPDOWN */
.nav-side-menu .leftMenuHolder {
	position: relative;
}

.nav-side-menu .leftMenuHolder::after,
.nav-side-menu .leftMenuHolder .togglewrapper::after {
	content: "";
	display: block;
	clear: both;
}

.nav-side-menu .menu-content .socialIconsMobile {
	transform: none;
	position: static;
	padding-left: 5px;
}

.nav-side-menu .menu-content .socialIconsMobile a i {
	padding: 0;
	width: auto;
	line-height: 30px;
}

.nav-side-menu .menu-content .socialIconsMobile a {
	padding: 0;
	display: inline-block;
}

@media (max-width:990px) {
	.nav-side-menu .menu-content .socialIconsMobile a {
		position: relative;
		margin: 5px 2px;
	}

	.nav-side-menu .socialIconsMobile {
		line-height: normal;
	}

	.socialIconsMobile a {
		position: relative;
	}

	.nav-side-menu .menu-content .socialIconsMobile a i,
	.socialIconsMobile a i {
		position: absolute;
		margin: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.nav-side-menu .collapse.in:not(.sub-menu) {
		margin-bottom: -5px;
	}
}

.socialIconsMobile a {
	vertical-align: top;
}

.socialIconsMobile a {
	display: inline-block;
	text-align: center;
	color: white !important;
	text-decoration: none;
	border: 2px solid white;
	width: 34px;
	height: 34px;
	font-size: 20px;
	margin-right: 3px;
}

.socialIcons #facebook,
.socialIconsMobile #facebook {
	background: #37538f !important;
}

.socialIcons #facebook:hover {
	background: #203a71 !important;
}

.socialIcons #twitter,
.socialIconsMobile #twitter {
	background: #f7f7f7 !important;
}

.socialIcons #twitter:hover {
	background: #1d9bf0 !important;
}

.socialIcons #twitter img {
	max-width: 100%;
	max-height: 32px;
	position: relative;
	top: -2px;
}

.socialIcons #linkedin,
.socialIconsMobile #linkedin {
	background: #0077b5 !important;
}

.socialIcons #linkedin:hover {
	background: #005d8d !important;
}

.socialIcons #youtube,
.socialIconsMobile #youtube {
	background: #f21f03 !important;
}

.socialIcons #youtube:hover {
	background: #c61700 !important;
}

.socialIcons #instagram,
.socialIconsMobile #instagram {
	background: #2a5b83 !important;
}

.socialIcons #instagram:hover {
	background: #133d60 !important;
}

.socialIcons #tiktok,
.socialIconsMobile #tiktok {
	background: #000000 !important;
}

.socialIcons #tiktok:hover {
	background: #000000 !important;
}

.socialIcons #tiktok img {
	max-width: 100%;
	max-height: 32px;
	position: relative;
	top: -2px;
}

.fixedFooter {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

@media(max-width:1225px) AND (min-width:991px) {
	.SocialWrapper.fixedWidth {
		padding-top: 15px;
		padding-bottom: 15px;
		float: none;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: auto;
		width: auto;
		background-color: #999;
		z-index: 1;
	}

	.SocialWrapper.fixedWidth .socialContainer {
		text-align: center;
		position: static;
		width: auto;
		background: transparent;
	}

	.SocialWrapper.fixedWidth .socialContainer a {
		display: inline-block;
		border: 2px solid #fff;
		margin-right: 5px;
	}

	body.content-fixed .fr-main {
		position: relative;
	}

	body.content-fixed .fr-main .fr-wrapper {
		padding-bottom: 85px;
	}
}

@media (min-width:991px) {
	body.content-fixed.leftnav .nav-side-menu #menu-content li.socialIconsNavItem {
		display: none;
	}
}

.navnudge {
	margin-left: 150px;
}

.center {
	text-align: center;
}


body.fullscreen .fr-banner {
	display: none;
}

body:not(.fullscreen).offset .fr-banner {
	margin-top: -25px;
}

.fr-banner .mobileBanner {
	display: none;
}

.fr-banner .fullBanner {
	display: block;
}

.fr-banner .mobileBanner.fullBanner {
	display: block;
}

.first-slide.mobileBanner {
	display: none !important;
}

.first-slide.fullBanner {
	display: block !important;
}

.first-slide.mobileBanner.fullBanner {
	display: block !important;
}


@media (max-width:1200px) {
	#contactForm {
		margin-bottom: 25px;
	}
}

@media(max-width:990px) {
	#fr-navbar {
		height: 50px;
	}

	.offset header {
		margin-top: 0 !important;
	}

	body.no-offset .fullscreenBackVideo,
	body.offset .fullscreenBackVideo {
		min-height: calc(100vh - 50px);
	}

	body.leftnav.offset .fr-banner,
	body:not(.fullscreen).offset .fr-banner {
		margin-top: 0;
	}

	.el-table tr:first-of-type {
		border-top: 0 !important;
	}

	.el-table tr td:first-of-type {
		font-weight: 800 !important;
		padding-top: 10px !important;
	}

	.el-table tr td:last-of-type {
		padding-bottom: 10px !important;
	}

	.SocialWrapper,
	.socialContainer {
		display: none;
	}

	.socialIconsMobile {
		display: block;
	}

	table {
		width: 100% !important;
	}
}

@media(max-width:600px) {
	.fr-banner .mobileBanner {
		display: block;
	}

	.fr-banner .fullBanner {
		display: none;
	}

	.fr-banner .mobileBanner.fullBanner {
		display: block;
	}

	.first-slide.mobileBanner {
		display: block !important;
	}

	.first-slide.fullBanner {
		display: none !important;
	}

	.first-slide.mobileBanner.fullBanner {
		display: block !important;
	}
}

@media(max-width:480px) {
	.hide-mobile {
		display: none;
	}
}

/**********************GALLERY*********************************/
.leftnav #eventsWrapper .col-md-3 {
	width: 33.33333333%;
}

/**********************GALLERY*********************************/
.image-desc h3 {
	font-weight: bold;
}

.image-desc p {
	font-size: 0.8em;
}

.captionGhost span {
	font-size: 0.8em;
	font-style: italic;
}

#DWebCMS-MediaGalleryWrapper a.tag {
	margin: 0;
	font-style: italic;
	text-decoration: underline;
}

/**********************CONTACT FORM*********************************/

.centerwrapper {
	text-align: left;
	display: inline-block;
	width: 500px;
}

.leftnav .centerwrapper {
	width: 100%;
	padding: 20px;
}

form#contactForm2 input[type=text],
form#contactForm input[type=text],
form#contactForm textarea {
	width: 100% !important;
}

.tr-content.center::after {
	content: "";
	display: block;
	clear: both;
}

.tr-content img {
	margin-left: 5px;
	margin-right: 5px;
}

.tr-content h1 {
	text-align: left;
}

form#contactForm fieldset h2 {
	margin-top: 12px !important;
}

@media(max-width:480px) {
	.centerwrapper {
		width: 100%;
	}
}


/*******************************************************/
p.noActiveEvents {
	text-align: center;
	font-style: italic;
}

.fullscreen header {
	position: fixed;
	z-index: 16;
	width: 100%;
	top: 0;
}

.leftnav header {
	position: relative !important;
	margin: 0;
	z-index: 16;
	height: auto;
}

.offset header {
	margin-top: 25px;
}

.navbar-default:not(.leftDropDown) {
	max-height: 75px;
	padding: 0 20px 0 20px;
}

.leftnav .navbar-default {
	height: 0;
}

.fr-banner {
	text-align: center;
}

section {
	position: inline-block;
}

.no-offset section:first-of-type,
.fullscreen.no-offset section.contentSection:first-of-type {
	margin-top: 75px;
}

.leftnav section:first-of-type,
.windowed.no-offset section:first-of-type,
.offset.content-fixed section:first-of-type,
.content-fixed.fullscreen.no-offset section.contentSection:first-of-type {
	margin-top: 0;
}

.pushdown section:first-of-type {
	margin-top: 0;
}

.offset section.contentSection:first-of-type,
.navcenter section.contentSection:first-of-type,
.leftnav section.contentSection:first-of-type {
	margin-top: 0;
	border-top: 0 !important;
}

section.contentSection {
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: cover !important;
}

.no-section section {
	height: 100%;
}

section {
	clear: both;
}

.leftnav .contentSection {
	display: block;
}

@media(min-width:1080px) {
	.leftnav section:not(.contentSection) {
		overflow: hidden;
	}

	.leftnav.content-fixed section:not(.contentSection) .carousel {
		width: 811px;
	}
}

.main-nav-center {
	text-align: center;
}

.navbar-center {
	float: none !important;
	display: inline-block;
	/*!important*/
	text-align: center !important;
}

.navbar-brand-logo {
	padding: 0 35px 0 35px;
}

.navbar-brand-logo.secLogo {
	display: none;
}

#fr-navbar.fr-navbar-mini .navbar-brand-logo.primLogo {
	display: none;
}

#fr-navbar.fr-navbar-mini .navbar-brand-logo.secLogo {
	display: block;
}

.navbar-brand {
	height: 75px;
	display: block;
	padding: 0;
	margin: 0;
}

.offset .navbar-brand {
	height: 140px;
	/*margin-top:-20px;
	margin-top:5px;*/
}

.offset .navbar-brand-logo {
	height: 130px;
}

.navbar-brand-logo {
	display: block;
	padding: 0;
}

.logo-center {
	display: none;
}

.navbar-fixed-top {
	top: auto;
	position: relative;
}

.fr-navbar-mini .navbar-default {
	/* height:50px !important;*/
}

.fr-navbar-mini .navbar-fixed-top {
	top: 0 !important;
}

.fr-navbar-mini .navbar-right {
	margin-right: 10px;
}

.fr-navbar-mini {
	height: 60px !important;
	margin-top: 0 !important;
	top: 0;
	padding: 0;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding: 0 !important;
	margin: 0 !important;
}

.col-xs-12 {
	/*display: block !important;*/
}

.no-section .tr-leftnav {
	height: 100%;
	display: block;
}

.tr-leftnav {
	display: block;
	height: 100%;
}

.tr-rightcontent {
	height: 100%;
}

.windowed.leftnav .tr-rightcontent {
	height: auto;
}

.leftnav .btn-lg {
	padding: 5px 10px;
	font-size: 14px;
}

#hhamburger {
	display: none;
}

@media (max-width: 990px) {
	.tr-rightcontent {
		display: block !important;
	}

	.no-offset section:first-of-type,
	.fullscreen.no-offset section.contentSection:first-of-type {
		margin-top: 50px;
	}

	.tr-leftnav {
		display: block;
		height: auto;
	}

	.main-nav {
		overflow: hidden;
		left: 0;
	}

	.leftnav .container {
		width: 100%;
	}

	#hhamburger {
		display: inline-block;
		font-weight: bold;
	}

	#hhamburger.notLeftHam {
		margin-top: 5px;
	}

	.nav-side-menu:not(:has(#hhamburger)) {
		line-height: 50px;
	}

}

.tr-rightcontent section {
	display: inherit;
}

.tr-rightcontent .tr-content {
	margin: 0;
	padding: 10px 20px 10px 20px;
}

.leftnav .tr-rightcontent .tr-content {
	margin: 0;
	padding: 20px;
}

:not(.content-fixed).offset section:first-of-type .tr-content,
.content-fixed.offset section.contentSection:first-of-type .tr-content {
	padding: 150px 20px 0px 20px;
}

.tr-content,
.content-fixed.offset:not(.fullscreen) section.contentSection:first-of-type .tr-content {
	padding: 10px 20px 10px 20px;
}

section.contentSection:last-of-type .tr-content {
	padding: 10px 20px 50px 20px;
}

.leftnav .fr-main {
	height: 100%;
	/*pushes side nav all the way down*/
}


.windowed .fr-wrapper {
	display: table;
	/*height:100%; - no need if windowed and not left nav
	margin: -50px auto;
	padding: 50px 0 0 0; */
	/*set left/right padding according to needs*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow:hidden;*/
}

.pushdown .fr-wrapper {
	margin-top: 75px;
}

@media (max-width:992px) {
	.pushdown .fr-wrapper {
		margin-top: 0px;
	}
}

/*.windowed.leftnav .fr-wrapper{
	height:100%;
}*/
.content-fixed .fr-wrapper,
.content-fixed .wr-row {
	background: white;
	/*height:100%;*/
}

.content-fixed .fr-wrapper {
	background: transparent;
}

.fr-wrapper {
	overflow: auto;
	/*padding-bottom: 200px;*/
	/*min-height: 750px;*/
	overflow-x: hidden;
}

.wr-row {
	height: 100%;
	display: table-row !important;
}

.SocialWrapper i {
	font-size: 28px !important;
}

/* @media (max-height: 2160px) {
	.fr-wrapper {
		min-height: 1840px;
	}
}

@media (max-height: 1440px) {
	.fr-wrapper {
		min-height: 1120px;
	}
}

@media (max-height: 1080px) {
	.fr-wrapper {
		min-height: 760px;
	}
}

@media (max-height: 900px) {
	.fr-wrapper {
		min-height: 580px;
	}
}

@media (max-height: 720px) {
	.fr-wrapper {
		min-height: 400px;
	}
}

@media (max-height: 648px) {
	.fr-wrapper {
		min-height: 328px;
	}
}

@media (max-height: 576px) {
	.fr-wrapper {
		min-height: 250px;
	}
}*/

@media (min-width: 1080px) {

	.no-section,
	.no-section section {
		height: 100%;
	}

	.windowed.leftnav .no-section section {
		height: auto;
	}
}

@media (max-width: 1080px) {
	/*.SocialWrapper{
		display:none;
	}*/
}


/***********FOOTER****************/
footer {
	min-height: 75px;
	position: relative;
	clear: both;
	overflow: hidden;
}

footer .footerdisc {
	font-size: 14px;
	line-height: 175%;
}

.leftnav footer {
	margin-top: 50px;
	bottom: 0;
	width: 100%;

}

.footer {
	margin: 0 auto;
	text-align: center;
	padding: 20px;

}

.windowed footer {
	/*display:table;*/
	margin: 0px auto 0 auto;
}

footer .miniText {
	font-size: 10px;
	line-height: 14px;
	margin-top: 10px;
}

.socialMediaWidgets,
.footerdisc {
	max-width: 1050px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

.socialWidget {
	padding-bottom: 20px !important;
}

.twitter-timeline,
.fb-page {
	width: 300px !important;
}

.socialMediaWidgets .socialWidget .twitter-timeline {
	margin-left: auto;
	margin-right: auto;
}

.socialMediaWidgets .socialLink {
	font-size: 14px;
	text-align: center;
}

@media (max-width:600px) {
	footer .footerdisc {
		font-size: 10px;
		line-height: 175%;
	}
}

.tr-site-footer a {
	text-decoration: underline !important;
}

/**********************NAV SIDE********************************************/

.nav-side-menu {
	overflow: auto;
	top: 0px;
	height: 100%;
	display: block;
	min-height: 600px;
}

.nav-side-menu .brand {
	line-height: 50px;
	display: block;
	text-align: center;
}

.nav-side-menu .toggle-btn {
	display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
	/*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {

	border: none;
	line-height: 28px;
	margin-left: 0px;
}

.nav-side-menu ul.sub-menu li a {
	padding-left: 15px;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.nav-side-menu li {
	padding-left: 0px;
	position: relative;
}

.nav-side-menu li a {
	text-decoration: none;
	padding-left: 5px;
	display: block;
}

.nav-side-menu li span.arrow {
	position: absolute;
	right: 0;
	top: 0;
}

.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}

.hmfullwidth {
	margin-left: 10px;
}

@media (max-width: 990px) {
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 0px;
		min-height: inherit;
		padding: 5px 0;
	}

	.nav-side-menu .togglewrapper {
		display: block;
		text-align: right;
	}

	.nav-side-menu .toggle-btn {
		display: inline-block;
		cursor: pointer;
		/*position: absolute;
    right: 10px;
    top: 10px;*/
		z-index: 10 !important;
		padding: 3px;
		margin: 5px;
		width: 40px;
		text-align: center;
	}

	.brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}
}

@media (min-width: 990px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
}

@media (min-width: 991px) {
	.wr-row .no-float {
		display: table-cell;
		/*float: none;*/
	}
}

.scrollDown {
	position: fixed;
	bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	text-shadow: 0 0 5px #000;
	z-index: 2;
	cursor: pointer;
	background: rgba(0, 0, 0, .4);
	display: block;
	width: 60px;
	font-size: 60px;
	height: 60px;
	line-height: 60px !important;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	left: 50%;
	margin-left: -30px;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	border: 2px solid rgba(255, 255, 255, .4);
}

.scrollDown:hover {
	background: rgba(0, 0, 0, .8);
}

@media (max-width: 971px) {
	.fr-wrapper {
		width: 100% !important;
	}
}

@media (max-width: 990px) {
	.fullscreen header {
		position: relative;
	}

	section {
		font-size: 14px;
		line-height: normal;
	}

	.fullwidth header {
		top: 0 !important;
		position: fixed !important;
		margin: 0 !important;
		height: 50px;
		z-index: 16;
		width: 100%;
	}

	.windowed header {
		top: 0 !important;
		position: relative !important;
		margin: 0 !important;
		z-index: 16;
		width: 100%;
	}

	.fullwidth section:first-of-type {
		margin-top: 50px;
	}

	.fullwidth .navbar-default {
		height: 50px;
	}

	.navbar-brand {
		display: block;
		margin-top: 0 !important;
	}

	.fr-navbar-mini .navbar-brand {
		height: 60px !important;
		margin-top: 0;
	}

	.navbar {
		height: 50px;
	}

	.no-offset section:first-of-type,
	section:first-of-type,
	.offset.content-fixed section:first-of-type {
		margin-top: 0 !important;
	}

	.leftnav section:first-of-type,
	section:first-of-type,
	.offset.content-fixed section:first-of-type {
		margin-top: 0;
	}

	.tr-content {
		padding: 0;
		margin: 30px 10px 30px 10px;
	}

	.navbar-brand-logo {
		height: 50px !important;
		display: block;
		padding: 0 20px 0 20px;
		margin: 0;
	}

	.fr-navbar-mini .navbar-brand-logo {
		height: 60px !important;
	}

	.fr-navbar-mini .navbar-fixed-top {
		top: 0 !important;
	}

	.offset section.contentSection:first-of-type,
	.navcenter section.contentSection:first-of-type,
	.leftnav section.contentSection:first-of-type {
		margin-top: 0px;
	}

	.no-offset section.contentSection:first-of-type,
	.fullscreen.no-offset section.contentSection:first-of-type {
		margin-top: 0 !important;
	}

	.windowed section:first-of-type {
		margin-top: 0;
	}

	.navbar-center {
		text-align: left !important;
		left: 0 !important;
	}

	.midlogo {
		display: none !important;
	}

	.logo-center {
		display: block;
	}

	.offset .tr-content {
		padding: 0 !important;
	}

	#fr-navbar .dropdown-menu {
		position: initial !important;

	}

}

#eventsWrapper .item::after {
	content: "";
	display: block;
	clear: both;
}


/*********************************FULL SLIDER ******************************************/
.carousel,
.item,
.active {}


.carousel {
	overflow: hidden;
}

.leftnav .carousel {
	font-size: 0.8em;
}

.carousel-inner {
	overflow: visible !important;
}

.item img {
	width: 100%;
	height: auto;
}

.eventCarousel.carousel,
.eventCarousel .carousel-inner {
	overflow: hidden !important;
}

.eventCarousel:not(.onlyOneEvent):not(.onlyOneSlide) .carousel-inner {
	margin: 0 45px;
	width: calc(100% - 90px);
	overflow: hidden !important;
}

.eventCarousel .carousel-control .glyphicon-chevron-right,
.eventCarousel .carousel-control .icon-next {
	right: 0;
	margin-right: 0;
}

.eventCarousel .carousel-control .glyphicon-chevron-left,
.eventCarousel .carousel-control .icon-prev {
	left: 0;
	margin-left: 0;
}

@media (max-width:990px) {
	.eventCarousel:not(.onlyOneEvent):not(.onlyOneSlide) .carousel-inner {
		margin: 0 25px;
		width: calc(100% - 50px);
	}

	.eventCarousel .carousel-control {
		width: 25px;
	}
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.carousel-caption {
	padding: 10px;
}

.carousel-caption.hasdownindicator {
	bottom: 100px;
}

@media (max-width: 668px) {

	.carousel-caption,
	#sl-scrolldownindicator {
		display: none;
	}
}

#sl-scrolldownindicator {
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	-webkit-border-radius: 99px 99px 0px 0px;
	-moz-border-radius: 99px 99px 0px 0px;
	border-radius: 99px 99px 0px 0px;
	text-align: center;
	font-size: 36px;
	color: white;
}

#sl-scrolldownindicator a {
	color: white;
	text-decoration: none;
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

/*********************************FULL SLIDER END******************************************/

#eventsWrapper .item .col-el .panel-heading .heading-title {
	font-weight: 800;
}

#eventsWrapper .item .col-el .panel-body {
	padding-top: 6px;
}

#eventsWrapper .item .col-el .panel-body a.btn-primary {
	margin-top: 1px;
}

#eventsWrapper .item .col-el .panel-body a.btn-primary:first-of-type {
	margin-top: 10px;
}

/*-------------------------------------------------------------RESPONSIVE Top Navigation--------------*/
#fr-navbar a:link {
	text-decoration: none;
}

/*#fr-navbar {
    height:75px;
}*/

.leftnav #fr-navbar,
.content-fixed #fr-navbar {
	height: auto;
	max-height: 75px;
}

#fr-navbar .navbar,
.navbar-nav {
	margin: 0;
	/*height:100%;*/
}

#fr-navbar .dropdown-menu {
	margin-top: -1px;
	background-clip: padding-box;
	border-radius: 0;
}

body:not(.siteWithNewLeftNav):not(.leftnav) #fr-navbar .dropdown.hasChildMenu>.dropdown-menu {
	width: max-content;
	max-width: calc(100vw - 60px - var(--dropdown-position));
}

/* make the width as long as the content, don't be constrained to parent width */
/* don't want to go off screen, but want to account for any social icons, and whatever position in the top nav this dropdown has */

body:not(.siteWithNewLeftNav):not(.leftnav) #fr-navbar .dropdown.hasChildMenu>.dropdown-menu:not(.tooLongDropdown):has(li > .dropdown-menu) {
	width: max-content;
	max-width: 300px;
}

body:not(.siteWithNewLeftNav):not(.leftnav) #fr-navbar .dropdown.hasChildMenu>.dropdown-menu:not(.tooLongDropdown) li>.dropdown-menu {
	width: max-content;
	max-width: 300px;
}


#fr-navbar .dropdown-menu.tooLongDropdown {
	overflow: auto;
	max-height: calc(95vh - 70px);
}

#fr-navbar .dropdown-menu.tooLongDropdown ul.subsubdropdown-menu {
	position: static;
	display: block;
	width: 100%;
	float: none;
}

#fr-navbar .dropdown-menu.tooLongDropdown ul.subsubdropdown-menu li a::before {
	content: "-";
	display: inline-block;
	margin-right: 8px;
}

body:not(.windowed) #fr-navbar .dropdown-menu {
	margin-top: 0;
	padding: 0;
}

body:not(.windowed):not(.siteWithNewLeftNav) #fr-navbar .dropdown-menu li a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.navbar-nav .linkoutline {
	border: solid 1px;
	border-radius: 4px;
	padding: 5px;
}

.navbar-collapse.collapse {
	/*height:100% !important;*/
}

/*#fr-navbar .navbar-header{
	max-height:50px;
}*/

#fr-navbar .dropdown-submenu a {
	padding-left: 5px;
	white-space: normal;
}

#fr-navbar .dropdown-menu>li>a:HOVER,
#fr-navbar .dropdown-menu>li>a:FOCUS {
	text-decoration: none;
}

#fr-navbar .dropdown-submenu {
	position: relative;
}

#fr-navbar nav:not(.leftDropDown) ul .dropdown .dropdown-submenu:first-child,
#fr-navbar .dropdown .dropdown-submenu:first-child,
#fr-navbar nav:not(.leftDropDown) .dropdown .dropdown-submenu ul li:first-child {
	border-top: 0 !important;
}

#fr-navbar .dropdown .caret {
	position: absolute;
	right: 5px;
	top: 12px;
}

/*#fr-navbar .dropdown-submenu > a:after {
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}*/

.fr-navbar-mini .navbar-default {
	height: 60px;
	padding: 0 !important;
}

.navbar-brand {
	/*height: auto;*/
	padding: 0;
	height: 75px;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}

#fr-navbar .navbar-nav li.midlogo a {
	background: none !important;
}

.dropdownopen {
	display: none;
}

.carousel-indicators {
	bottom: 10px;
}

.carousel-indicators.hasdownindicator {
	bottom: 50px;
}

@media (min-width: 991px) {

	ul.nav li:hover>ul.dropdown-menu,
	.dropdown.dropdownHasSubLinks.openSub>ul.dropdown-menu {
		display: block;
	}

	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.navbar-nav>li {
		height: 100%;
	}
}

@media (max-width: 450px) {

	h1,
	h2,
	h3,
	h4,
	p,
	a,
	td,
	th,
	.btn {
		font-size: 1em;
	}

	.carousel-caption {
		right: 0;
		left: 0;
		bottom: 0;
	}

	.carousel-indicators,
	#sl-scrolldownindicator {
		display: none;
	}

}

@media (max-width: 990px) {

	body:not(.siteWithNewLeftNav):not(.leftnav) #fr-navbar .dropdown-menu {
		min-width: 0px;
	}

	body:not(.siteWithNewLeftNav):not(.leftnav) #fr-navbar .dropdown.hasChildMenu>.dropdown-menu:not(.tooLongDropdown):has(li > .dropdown-menu),
	#fr-navbar .dropdown.hasChildMenu>.dropdown-menu:not(.tooLongDropdown) li>.dropdown-menu,
	#fr-navbar .dropdown.hasChildMenu>.dropdown-menu {
		min-width: 0px;
		max-width: none;
		width: 100%;
	}

	body:not(.siteWithNewLeftNav):not(.leftnav) ul.subsubdropdown-menu {
		display: block;
	}

	body:not(.siteWithNewLeftNav):not(.leftnav) ul.subsubdropdown-menu li a::before {
		content: "-";
		display: inline-block;
		margin-right: 8px;
	}

	body:not(.siteWithNewLeftNav):not(.leftnav) ul.dropdown-menu li.hasSubSubMenu .dropdownopen {
		display: none;
	}

	.navbar-default {
		padding: 0 !important;
	}

	#fr-navbar .navbar {
		max-height: 450px !important;
		overflow: visible;
		font-weight: bold;
	}

	#fr-navbar .navbar-nav {
		display: inline;
		margin: 0;
	}

	#fr-navbar .navbar-default .navbar-brand {
		display: inline;
	}

	#fr-navbar .dropdown-menu {
		margin-top: 0;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: 0;
		position: static;
		width: 100%;
		padding: 0 5px 0 5px;
		float: none;
		left: 10px;
		max-height: none;
	}

	#fr-navbar .navbar-fixed-top .navbar-collapse,
	#fr-navbar .navbar-fixed-bottom .navbar-collapse {
		max-height: inherit;
	}

	#fr-navbar .navbar-collapse {
		margin: 0;
		/*position:fixed;*/
		width: 100%;
		z-index: 16;
	}

	#fr-navbar .dropdown-submenu {
		display: block;
	}

	#fr-navbar .navbar-nav>li>a {
		padding: 5px;
	}

	.navbar-nav .linkoutline {
		border: 0;
		padding: 0;
	}

	.dropdownopen {
		float: right;
		display: block;
		position: absolute;
		font-size: 22px;
		z-index: 99999;
		right: 0px;
		top: 0;
		height: 30px;
		;
		width: 30px;
		cursor: pointer;
		text-align: center;
	}

	.navbar a span:not(.showSubSubIcon):not(.showSubIcon) i.fa-caret-down,
	.navbar a span:not(.showSubSubIcon):not(.showSubIcon) i.fa-angle-down {
		display: none;
	}

	.navbar-toggle {
		margin-bottom: 0;
	}

}

/*-------------------------------------------------------------FULL RESPONSIVE Top Navigation END--------------*/


/*-------------------- TOURNAMENT -----------------------------------*/
#tournamentsWrapper .ui-accordion-header-icon {
	line-height: 14px;
}

#tournamentsWrapper section.ui-accordion-content {
	margin-top: -5px;
}

#tournamentsWrapper #schedules {
	margin-top: 30px;
}

#tournamentsWrapper #schedules h1 {
	display: inline-block;
}

#tournamentsWrapper #schedules .tm-schedule-filter {
	float: right;
}

#tournamentsWrapper #schedules h2.ui-accordion-header {
	margin: 0 0 5px 0;
}

/*-------------------------------------------------------------NAV SIDE--------------*/

.nav-side-menu ul .active

/*,
.nav-side-menu li .active*/
	{
	border-left: 3px solid;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	border-bottom: 1px solid;
}

.nav-side-menu li {}

/*.nav-side-menu li:hover > a{
  border-left: 3px solid;
}*/

.container {
	max-width: 100% !important;
}

.leftnav.content-full .fr-wrapper {
	max-width: 1370px;
}



/************************** KELLIE FIX SIDE NAV (MAYBE?) .content-fixed*******************/
body.leftnav .row.wr-row {
	display: flex !important;
	width: 100%;
}

body.leftnav .tr-leftnav {
	height: auto !important;
	/*padding-bottom: 110px !important;*/
}

body.leftnav .fr-wrapper {
	/*margin-bottom: -50px;*/
}

body.leftnav .tr-leftnav ul.menu-content li:not(.socialIconsNavItem) a {
	line-height: normal;
	padding: 5px 35px 5px 5px;
}

.tr-content.center div,
.tr-content.center p {
	text-align: initial;
}

body.leftnav .row.wr-row .tr-rightcontent.no-section {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

body.leftnav .row.wr-row .tr-rightcontent.no-section section {
	width: 100%;
	/*height:100%;*/
}

body.leftnav .row.wr-row .tr-rightcontent.no-section section:only-child {
	min-height: 100%;
}

.leftnav #fr-navbar,
.leftnav .wr-row {
	margin-left: -1px !important;
}

.nav-side-menu li span.arrow {
	width: 35px;
}

@media (max-width:1080px) {
	body.leftnav .fr-wrapper {
		width: 100%;
	}
}

@media not all and (-ms-high-contrast: none),
not all and (-ms-high-contrast: active) {
	body.leftnav .row.wr-row {
		display: table-row !important;
	}

	body.leftnav .tr-leftnav {
		height: 100% !important;
	}

	body.leftnav .row.wr-row .tr-rightcontent.no-section {
		display: block;
	}

	body.leftnav .row.wr-row .tr-rightcontent.no-section .contentSection {
		width: auto;
	}
}

@supports (-ms-ime-align:auto) {
	body.leftnav.content-fixed .row.wr-row {
		display: flex !important;
	}

	body.leftnav .tr-leftnav {
		height: auto !important;
	}

	body.leftnav .row.wr-row .tr-rightcontent.no-section {
		display: flex;
	}

	body.leftnav .row.wr-row .tr-rightcontent.no-section .contentSection {
		width: 100%;
	}
}

@media (max-width:990px) {
	body.leftnav .row.wr-row {
		display: table-row !important;
	}

	body.leftnav .tr-leftnav {
		padding-bottom: 0 !important;
	}
}


table#table-register tr:nth-of-type(even) td {
	background-color: #eee !important;
}


/*************************************   KELLIE FIX *ONLY* LOGO ON MOBILE   *********************************/
@media (max-width: 990px) {
	#fr-navbar.logoOnly .collapse {
		display: block;
	}

	#fr-navbar.logoOnly .collapse .midlogo {
		display: block !important;
	}

	#fr-navbar.logoOnly .collapse .midlogo a {
		width: 100%;
	}

	#fr-navbar.logoOnly .collapse .midlogo a img {
		margin: 0 auto;
	}

	#fr-navbar.logoOnly .navbar-collapse {
		background-color: inherit;
	}

	#fr-navbar.logoOnly .navbar-nav a:hover {
		background-color: transparent !important;
	}

	body.offset #fr-navbar.logoOnly nav.navbar,
	body.offset #fr-navbar.logoOnly nav.navbar div.main-nav {
		height: 60px;
	}

	body.offset #fr-navbar.logoOnly nav.navbar div.main-nav a {
		height: 100%;
	}

	body.offset #fr-navbar.logoOnly nav.navbar div.main-nav .midlogo {
		margin-top: 0;
	}
}


/************************ IE SCROLLBAR PROBLEM *****************************/
body {
	-ms-overflow-style: scrollbar;
}


/************************ RYZER PROTECT PAGES *****************************/
.container.prescreen {
	color: #333;
	padding-bottom: 30px;
}

.container.prescreen .tr-content {
	padding: 10px 0 !important;
}

.container.prescreen h1 {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #333;
	font-size: 28px;
}

.container.prescreen h2 {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	max-width: 98%;
	margin-left: auto;
	margin-right: auto;
	color: #333;
	font-size: 16px;
	line-height: 130%;
}

.container.prescreen h3 {
	text-align: center;
	color: #333;
}

.container.prescreen div#thanks {
	position: fixed;
	width: 1170px;
	left: auto;
	right: auto;
	top: 15%;
	z-index: 9999;
	text-align: center;
	max-width: 95%;
}

.container.prescreen .ryzerProtIcon {
	text-align: center;
	font-weight: bold;
	color: #C0392B;
	margin-top: 5px;
	vertical-align: middle;
}

.container.prescreen .ryzerProtIcon img {
	height: 15px !important;
	width: auto !important;
	margin: 0;
	margin-right: 5px;
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
}

.container.prescreen #frm-preScren {
	margin: 30px 20px 20px 20px;
}

.container.prescreen #frm-preScren .item {
	margin-bottom: 15px;
}

.container.prescreen #frm-preScren .followup {
	margin-top: 15px;
}

.container.prescreen #frm-preScren .followup label.followuplabel {
	font-weight: bold !important;
}

.container.prescreen #frm-preScren .item textarea {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
}

.container.prescreen #frm-preScren .item label {
	margin-bottom: 0;
}

.container.prescreen #frm-preScren .item label.error {
	color: #C0392B;
	font-weight: normal;
	font-style: italic;
}

.container.prescreen #frm-preScren .item .customCheckbox {
	display: block;
}

.container.prescreen #frm-preScren .item .customCheckbox label {
	font-weight: normal;
	margin-bottom: 3px;
}

.container.prescreen #frm-preScren .item div.required {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.container.prescreen #frm-preScren .item .requiredicon {
	color: #C0392B;
}

.container.prescreen #frm-preScren .customGroups {
	border: 1px solid #ccc;
	margin: 10px 0;
}

.container.prescreen #frm-preScren h2.cart-header {
	width: auto;
	max-width: none;
	margin-bottom: 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 6px 12px;
	font-weight: bold;
	font-style: normal;
	background-color: #ddd;
}

.container.prescreen #frm-preScren .groupDescr {
	background-color: #f7f7f7;
	padding: 6px 12px;
	font-style: italic;
	display: block;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
}

.container.prescreen #frm-preScren .customGroups .item {
	margin-bottom: 0;
}

.container.prescreen #btn-save {
	margin: 0 5px;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 4px;
	text-transform: uppercase;
	border: 0;
	color: white;
	background-color: #1c618f;
}

.container.prescreen #btn-save:hover {
	background-color: #236d9d;
}

.container.prescreen #btn-submit {
	margin: 0 5px;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 4px;
	text-transform: uppercase;
	border: 0;
	color: white;
	background-color: #c0392b;
}

.container.prescreen #btn-submit:hover {
	background-color: #9c291d;
}

.container.prescreen input[type=text].error,
.container.prescreen select.error,
.container.prescreen textarea.error {
	border: 1px solid #C0392B !important;
}

.container.prescreen form .col-lg-12 {
	width: calc(32.5% - 20px);
	display: inline-block;
	margin: 10px !important;
	float: none;
	vertical-align: top;
}

.container.prescreen form .col-lg-12:nth-of-type(3n+3) {
	clear: left;
}

.container.prescreen form .col-lg-12 div.followup {
	margin-left: 15px;
}

.container.prescreen form .col-lg-12 div.followup .FollowupOptions label {
	font-weight: normal;
}

.container.prescreen .notice {
	text-align: center;
	font-style: italic;
	color: #222;
	background: #fcf8e3;
	font-weight: normal;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 5px 10px;
	margin-bottom: 7px;
	margin: 25px 0;
}

@media(max-width:850px) {
	.container.prescreen form .col-lg-12 {
		width: calc(100% - 22px);
		margin: 10px !important;
	}
}

/*** SHOW OVERFLOW MENU ***/
@media (max-width:990px) {
	#earlyHamb {
		display: none !important;
	}
}

#earlyHamb {
	display: none;
}

#fr-navbar.fixedWidthNavbar {
	position: relative;
}

.fr-navbar-mini ul.overflowMenu {
	top: 60px;
}

ul.overflowMenu {
	padding: 0;
	list-style: none;
	display: none;
	position: absolute !important;
	top: 75px;
	right: 15px;
	float: none !important;
	width: 300px;
	left: auto !important;
	max-height: calc(100vh - 90px);
	overflow: auto;
	z-index: 9999;
}

#earlyHamb {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	padding: 8px 10px;
	border-radius: 4px;
	font-size: 24px;
	cursor: pointer;
	z-index: 9999;
}

ul.overflowMenu li.dropdown-submenu a:before {
	content: "- ";
	display: inline;
	margin-right: 3px;
}

ul.overflowMenu li.dropdown-submenu a {
	display: block;
	padding: 8px 10px 8px 20px !important;
}

ul.overflowMenu li {
	display: block;
	text-align: left;
	float: none;
	height: auto;
	clear: both;
}

ul.overflowMenu li a {
	display: block;
	text-align: left;
	line-height: 125%;
	height: auto;
	padding: 8px 10px;
}

body.offset #fr-navbar {
	height: 75px;
}

/** SLIDESHOW OVERRIDE **/
.slideshowOverride {
	display: none;
}

@media (max-width:600px) {
	.carousel.withOverride {
		display: none;
	}

	.slideshowOverride {
		display: block;
	}

	.slideshowOverride img {
		width: 100%;
	}
}

/* EVENTS SLIDER BOXES CHANGE */
#eventCarousel .eventSliderBox {
	float: none;
	display: inline-block;
}

.carouselAlign4 .sliderAmount1,
.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount1 {
	width: 100%;
}

.carouselAlign4 .sliderAmount1 .panel-wrapper,
.carouselAlign4 .sliderAmount1 .panel-default {
	margin: 0;
	width: 100%;
	display: block;
}

.carouselAlign4 .sliderAmount2,
.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount2 {
	width: calc(50% - 14px);
}

.carouselAlign4 .sliderAmount2 .panel-wrapper,
.carouselAlign4 .sliderAmount2 .panel-default {
	margin: 0;
	width: 100%;
	display: block;
}

.carouselAlign4 .sliderAmount2:first-of-type {
	margin-right: 20px !important;
}

.carouselAlign4 .sliderAmount3,
.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount3 {
	width: calc(33% - 14px);
}

.carouselAlign4 .sliderAmount3 .panel-wrapper,
.carouselAlign4 .sliderAmount3 .panel-default {
	margin: 0;
	width: 100%;
	display: block;
}

.carouselAlign4 .sliderAmount3:not(:last-of-type) {
	margin-right: 20px !important;
}

.carouselAlign4 .sliderAmount4,
.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount4 {
	width: calc(25% - 20px);
}

.carouselAlign4 .sliderAmount1 .panel-wrapper,
.carouselAlign4 .sliderAmount1 .panel-default,
.carouselAlign4 .sliderAmount2 .panel-wrapper,
.carouselAlign4 .sliderAmount2 .panel-default,
.carouselAlign4 .sliderAmount3 .panel-wrapper,
.carouselAlign4 .sliderAmount3 .panel-default,
.carouselAlign4 .sliderAmount4 .panel-wrapper,
.carouselAlign4 .sliderAmount4 .panel-default {
	margin: 0 !important;
	width: 100% !important;
	display: block;
}

.carouselAlign4 .sliderAmount4:not(:last-of-type) {
	margin-right: 20px !important;
}

#eventCarousel.carouselAlign4 .item .row,
#eventCarousel.carouselAlign3 .item .row {
	margin: 0;
	text-align: center;
}

#eventCarousel.carouselAlign1 .item .row {
	margin: 0;
	text-align: left;
}

#eventCarousel.carouselAlign2 .item .row {
	margin: 0;
	text-align: right;
}

#eventCarousel.carouselAlign1 .sliderAmount4,
#eventCarousel.carouselAlign2 .sliderAmount4,
#eventCarousel.carouselAlign3 .sliderAmount4 {
	width: calc(25% - 5px);
}

#eventCarousel.onlyOneEvent .sliderAmount1,
.leftnav #eventsWrapper #eventCarousel.onlyOneEvent .col-md-3.sliderAmount1 {
	width: 550px;
	max-width: 100%;
}

#eventCarousel.onlyOneEvent .col-md-3 .panel-wrapper,
#eventCarousel.onlyOneEvent .col-md-3 .panel-default {
	width: 100%;
}

/* FOR STACKABLE */
#eventsWrapper .stackableEvents.onlyOneEvent .col-md-3 {
	width: 550px;
	max-width: 100%;
}

#eventsWrapper .stackableEvents.onlyOneEvent .col-md-3 .panel-wrapper,
#eventsWrapper .stackableEvents.onlyOneEvent .col-md-3 .panel-default {
	width: 100%;
}

@media (max-width:1200px) {
	#event-F314434F-0B82-2994-74D9-146DCA134DB0 .eventCarousel:not(.carouselAlign4) .panel-default {
		max-width: calc(100% - 25px);
		margin: auto;
	}
}

@media (max-width:900px) {
	.carouselAlign4 .sliderAmount4 {
		width: calc(50% - 14px);
	}

	.carouselAlign4 .sliderAmount4:not(:last-of-type) {
		margin-right: 0px !important;
	}

	.carouselAlign4 .sliderAmount4:nth-of-type(odd) {
		margin-right: 20px !important;
	}

	#eventCarousel.carouselAlign1 .sliderAmount4,
	#eventCarousel.carouselAlign2 .sliderAmount4,
	#eventCarousel.carouselAlign3 .sliderAmount4 {
		width: auto;
	}
}

@media (max-width:800px) {

	.carouselAlign4 .sliderAmount3,
	.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount3 {
		width: 100%;
	}
}

@media (max-width:600px) {

	.carouselAlign4 .sliderAmount2,
	.carouselAlign4 .sliderAmount4,
	.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount2,
	.leftnav #eventsWrapper .carouselAlign4 .col-md-3.sliderAmount4 {
		width: 100%;
	}

	#eventCarousel.onlyOneEvent .sliderAmount1,
	.leftnav #eventsWrapper #eventCarousel.onlyOneEvent .col-md-3.sliderAmount1 {
		width: 100%;
	}
}


/*** NEW LEFT NAV TOP BANNER STYLE NAV ***/
.topBannerLeftNav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	position: relative;
}

.topBannerLeftNav:not(.withCenterLogo) img.navbar-brand-logo {
	margin-right: 5px;
}

body.content-fixed .topBannerLeftNav {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}

.topBannerLeftNav .leftNavHamburger {
	padding-left: 20px;
	cursor: pointer;
	/*position: absolute;*/
	display: inline-block;
	top: 0;
	bottom: 0;
	padding-right: 24px;
	line-height: 74px;
	margin-left: -20px;
	flex-shrink: 0;
}

.topBannerLeftNav .leftNavHamburger.withLeftLogo,
body.content-fixed .topBannerLeftNav .leftNavHamburger.withLeftLogo {
	margin-left: 8px;
}

body.content-full .topBannerLeftNav .leftNavHamburger:not(.withLeftLogo) {
	margin-left: 0px;
}

body.content-fixed .topBannerLeftNav .leftNavHamburger {
	margin-left: 0;
}

.topBannerLeftNav .leftNavHamburger span.hamText {
	display: inline-block;
}

.topBannerLeftNav .leftNavHamburger.open i.fa-times,
.topBannerLeftNav .leftNavHamburger i.fa-bars {
	display: inline-block;
	margin-right: 6px;
}

.topBannerLeftNav .leftNavHamburger i.fa-times,
.topBannerLeftNav .leftNavHamburger.open i.fa-bars {
	display: none;
}

.topBannerLeftNav .leftNavSocials a svg {
	max-width: 100px;
	position: relative;
	top: 3px;
}

.topBannerLeftNav .topLeftNavUl {
	list-style: none;
	padding: 0px;
	position: absolute;
	top: 74px;
	height: calc(100vh - 71px);
	overflow: auto;
	width: 300px;
	max-width: 100%;
	left: -350px;
	transition: 0.33s left;
}

body.content-fixed .topBannerLeftNav .topLeftNavUl {
	height: auto;
	max-height: calc(100vh - 100px);
}

.topBannerLeftNav .topLeftNavUl.expandRight.open {
	left: 0px;
	transition: 0.5s left;
}

.topBannerLeftNav .topLeftNavUl li:not(.socialDropdownIcons) a {
	display: block;
}

.topBannerLeftNav .topLeftNavUl li.socialDropdownIcons {
	text-align: center;
	padding: 16px 10px 16px 10px;
}

.topBannerLeftNav .topLeftNavUl li.socialDropdownIcons a {
	display: inline-block;
}

.topBannerLeftNav .topLeftNavUl li a {
	padding: 16px 20px;
}

/* margin-bottom:1px; */
.topBannerLeftNav .topLeftNavUl li a i.fa:not(.fa-angle-down) {
	margin-right: 4px;
}

.topBannerLeftNav .topLeftNavUl li .dropdown-menu li a {
	padding: 16px 20px 16px 20px !important;
}

.topBannerLeftNav .topLeftNavUl li.socialDropdownIcons a {
	padding: 8px 4px;
	margin: 0 2px;
}

.topBannerLeftNav .topLeftNavUl li.socialDropdownIcons a:hover {
	background-color: transparent;
}

.topBannerLeftNav .topLeftNavUl li.hasChildMenu ul.dropdown-menu {
	box-shadow: none !important;
}

.topBannerLeftNav .topLeftNavUl li.socialDropdownIcons {
	text-align: center;
	padding: 16px 10px 16px 10px;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl.expandRight li.hasChildMenu.openChildMenu ul.dropdown-menu .subsubdropdown-menu li:last-of-type {
	border-bottom: 0px !important;
}

/* Expand right */
.topBannerLeftNav .topLeftNavUl.expandRight {
	z-index: -1;
}

.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu {
	padding-right: 32px;
	position: relative;
}

.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu span.showSubIcon {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	width: 32px;
	text-align: center;
	padding: 16px 0;
}

.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu span.showSubIcon i.fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width:991px) {
	.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu span.showSubIcon i.fa::before {
		content: "\f105";
	}

	.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu.openChildMenu span.showSubIcon i.fa::before {
		content: "\f104";
	}
}

.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu ul.dropdown-menu.first-dropdown {
	overflow: hidden;
	display: block;
	position: fixed;
	float: none;
	max-height: unset !important;
	top: 76px;
	left: 300px;
	bottom: 0;
	height: 100%;
	width: 0px;
	transition: width 0.33s;
	min-width: 0;
}

#fr-navbar.fr-navbar-mini .topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu ul.dropdown-menu.first-dropdown {
	left: 300px;
}

.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu.openChildMenu ul.dropdown-menu.first-dropdown {
	width: 300px;
	transition: width 0.5s;
}

/* Expand down */
.topBannerLeftNav .topLeftNavUl.expandDown li.hasChildMenu a {
	padding-right: 40px;
	position: relative;
}

.topBannerLeftNav .topLeftNavUl.expandDown li.hasChildMenu span.showSubIcon {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	width: 32px;
	text-align: center;
	padding: 16px 0;
}

.topBannerLeftNav .topLeftNavUl.expandDown li.hasChildMenu span.showSubIcon i.fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.topBannerLeftNav .topLeftNavUl.expandDown li.hasChildMenu.openChildMenu span.showSubIcon i.fa::before {
	content: "\f106";
}

.topBannerLeftNav .topLeftNavUl.expandDown li.hasChildMenu.openChildMenu ul.dropdown-menu {
	display: block;
	position: static;
	float: none;
	min-width: 0;
	max-height: unset !important;
}

.topBannerLeftNav .topLeftNavUl.expandDown {
	z-index: -1;
	left: 0;
	transition: 0.5s top;
	top: -100vh;
}

.content-fixed .topBannerLeftNav .topLeftNavUl.expandDown {
	height: auto;
}

.topBannerLeftNav .topLeftNavUl.expandDown.open {
	top: 71px;
	transition: 0.5s top;
}

/*body:not(.content-fixed) .topBannerLeftNav.withCenterLogo .topLeftNavUl.expandDown {left:-24px;}*/
#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li a {
	margin: 0;
}

.topBannerLeftNav .topLeftNavUl li.hasChildMenu span.showSubIcon {
	cursor: pointer;
}

.topBannerLeftNav .topLeftNavUl li.hasChildMenu.openChildMenu ul.dropdown-menu {
	padding: 0;
}

body:not(.content-fixed) .topBannerLeftNav .topBannerLinks {
	margin-right: 20px;
}

.topBannerLeftNav .topBannerLinks {
	flex-shrink: 0;
}

.topBannerLeftNav .topBannerLinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.topBannerLeftNav .topBannerLinks ul li {
	display: inline-block;
	vertical-align: middle;
}

.topBannerLeftNav .topBannerLinks ul li a {
	display: inline-block;
	vertical-align: middle;
}

.topBannerLeftNav .topBannerLinks ul li:not(:last-of-type) {
	padding-right: 2px;
}

.topBannerLeftNav .topBannerLinks ul li:not(.bannerMenuItem) a {
	border-radius: 4px;
}

#leftMenuOverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	background-color: rgba(0, 0, 0, 0.6);
}

/*.topBannerLeftNav .topBannerLinks ul li a i.fa {position:relative;top:-2px;}
.topBannerLeftNav .topBannerLinks ul li a i.fa-instagram {position:relative;top:-2px;}*/
.topBannerLeftNav .topBannerLinks ul li a svg {
	position: relative;
	top: 0px;
	margin: 0;
}

/*.topBannerLeftNav .topBannerLinks ul li:not(.bannerMenuItem) a:has(svg) {padding:7px 8px !important;}*/

.topBannerLeftNav .topBannerLinks ul li.bannerMenuItem a i.fa {
	/*position:relative;top:-1px;*/
	margin-right: 4px;
	line-height: 100%;
}

/*top:-3px;*/
.topBannerLeftNav .topBannerLinks ul li.bannerMenuItem a {
	padding: 8px 16px;
	border-radius: 4px;
}

header.fr-navbar-mini .topBannerLeftNav .leftNavHamburger {
	margin-left: 0;
	line-height: 60px;
}

header.fr-navbar-mini .topBannerLeftNav .topLeftNavUl.open {
	top: 56px;
}

header.fr-navbar-mini .topBannerLeftNav .topLeftNavUl.expandRight {
	top: 60px;
	height: calc(100vh - 56px);
}

header.fr-navbar-mini .topBannerLeftNav .topLeftNavUl.open {
	left: 0px;
}

header.fr-navbar-mini .topBannerLeftNav .topBannerLinks {
	padding-right: 20px;
}

.topBannerLeftNav .topLeftNavUl li.dropdown-submenu:last-of-type {
	border-bottom: 0;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li ul.dropdown-menu {
	margin-top: 0;
}

/** THIRD LEVEL MENU **/
#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li.hasSubSubMenu {
	position: relative;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li.hasSubSubMenu span.showSubSubIcon {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 32px;
	text-align: center;
	padding: 16px 0;
	cursor: pointer;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu .subsubdropdown-menu {
	display: none;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li.openSubChildMenu .subsubdropdown-menu {
	display: block;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl .dropdown-menu>li>a {
	white-space: normal;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li.hasSubSubMenu.openSubChildMenu span.showSubSubIcon i.fa::before {
	content: "\f106";
}

#fr-navbar .topBannerLeftNav.expandDown .dropdown-menu {
	margin: -1px;
}

#fr-navbar .topBannerLeftNav ul.topLeftNavUl.expandRight li.hasChildMenu.openChildMenu ul.dropdown-menu .subsubdropdown-menu {
	float: none;
	position: static;
	margin-left: 0;
	max-height: unset;
}

.topBannerLeftNav .leftNavLogoHamburger {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 100%;
}

/* center logo */
.topBannerLeftNav.withCenterLogo>div {
	flex: 1;
}

.topBannerLeftNav.withCenterLogo .leftNavLogoHamburger {
	margin-right: auto;
}

.topBannerLeftNav.withCenterLogo .topBannerLinks {
	text-align: right;
	margin-left: auto;
}

.topBannerLeftNav.withCenterLogo .centerBannerLogo {
	text-align: center;
}

.topBannerLeftNav.withCenterLogo .centerBannerLogo .navbar-brand {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

header .navbar .topBannerLeftNav .leftNavLogoHamburger .endCapImg {
	height: 74px;
}

header.fr-navbar-mini .navbar .topBannerLeftNav .leftNavLogoHamburger .endCapImg {
	height: 100%;
}

header.fr-navbar-mini .navbar .topBannerLeftNav .topBannerLinks ul li.bannerMenuItem a {
	padding: 4px 8px;
}

@media(max-width:1279px) {
	.topBannerLeftNav .topBannerLinks ul li.bannerMenuItem a {
		padding: 6px 8px;
	}
}

@media (max-width:990px) {
	.topBannerLeftNav {
		padding: 0 !important;
	}

	.topBannerLeftNav .topBannerLinks {
		padding-right: 24px;
	}

	/*.topBannerLeftNav.withCenterLogo .leftNavLogoHamburger {padding-left:24px;}*/
	body.content-fixed .topBannerLeftNav.withCenterLogo .leftNavHamburger {
		padding-left: 24px;
	}

	header .navbar .topBannerLeftNav .leftNavLogoHamburger .endCapImg {
		height: 50px;
	}

	.topBannerLeftNav .leftNavHamburger {
		margin-left: 0;
		left: 0;
	}

	#fr-navbar .navbar.leftDropDown {
		font-weight: normal;
		padding: 0 !important;
	}

	.topBannerLeftNav .leftNavHamburger {
		line-height: 50px;
	}

	.topBannerLeftNav .topLeftNavUl {
		top: 50px;
		height: calc(100vh - 50px);
	}

	.topBannerLeftNav .topLeftNavUl .dropdownopen {
		display: none !important;
	}

	#fr-navbar .navbar.leftDropDown .dropdown-menu {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.leftNavLogoHamburger .navbar-brand-logo {
		padding: 0;
	}

	.topBannerLeftNav .leftNavHamburger.withLeftLogo {
		position: static;
	}

	.topBannerLeftNav .topBannerLinks ul li.bannerMenuItem a {
		padding: 4px 8px;
	}

	#fr-navbar .navbar-default .topBannerLeftNav.withCenterLogo .centerBannerLogo .navbar-brand {
		display: inline-block;
	}

	.topBannerLeftNav.withCenterLogo .topBannerLinks ul li.bannerMenuItem {
		display: none !important;
	}

	.topBannerLeftNav .topLeftNavUl li:not(.socialDropdownIcons) a,
	#fr-navbar .topBannerLeftNav ul.topLeftNavUl li.hasChildMenu ul.dropdown-menu li a {
		position: relative;
		padding-right: 35px !important;
	}

	.topBannerLeftNav .topLeftNavUl li:not(.socialDropdownIcons).hasChildMenu {
		padding-right: 0;
	}

	.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu ul.dropdown-menu.first-dropdown {
		display: none;
	}

	.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu.openChildMenu ul.dropdown-menu.first-dropdown {
		display: block;
	}

	.topBannerLeftNav .topLeftNavUl.expandRight li.hasChildMenu.openChildMenu a span.showSubIcon i.fa::before {
		content: "\f106";
	}

	.topBannerLeftNav.withCenterLogo .topLeftNavUl.expandDown {
		left: 0px;
	}

	.topBannerLeftNav .topLeftNavUl.expandDown.open {
		top: 50px;
	}

	.no-offset:not(.pushdown) section:first-of-type,
	.fullscreen.no-offset section.contentSection:first-of-type {
		margin-top: 0;
	}

	body:not(.content-fixed) .topBannerLeftNav .topBannerLinks {
		margin-right: 0;
	}
}

@media (max-width:650px) {
	.topBannerLeftNav .topBannerLinks ul li.bannerMenuItem {
		display: none !important;
	}
}

@media (max-width:390px) {
	header .navbar .topBannerLeftNav .leftNavLogoHamburger .endCapImg {
		display: none;
	}
}

@media (max-width:579px) {
	#fr-navbar .navbar.leftDropDown {
		padding: 0 !important;
	}

	.topBannerLeftNav {
		padding-right: 20px;
	}

	.topBannerLeftNav .topLeftNavUl {
		width: 100%;
		left: -101%;
	}

	.topBannerLeftNav .leftNavHamburger {
		padding-left: 12px;
		padding-right: 12px;
	}

	/*.leftNavLogoHamburger .navbar-brand-logo {padding-left:20px;}*/
	.topBannerLeftNav .topLeftNavUl.expandRight.open,
	.topBannerLeftNav .topLeftNavUl.expandDown.open {
		left: 0px;
	}
}


/*** updated media gallery - Aug 2025 ***/
.galleryItem1 {
	width: calc(25% - 18px);
}

.galleryItem1 p {
	margin: 0;
}

.galleryItem1 h2 {
	margin: 0;
}

.gridMediaGalleryList {
	gap: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.gridMediaGalleryList .galleryItem1 {
	border-radius: 4px;
	padding: 12px;
	box-shadow: 0px 2px 8px 0px rgba(16, 24, 64, 0.16);
	background-color: white;
}

.gridMediaGalleryList .galleryPreview {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 16px;
}

.gridMediaGalleryList .galleryPreview img {
	width: calc(50% - 2px);
}

.gridMediaGalleryList .galleryTitle {
	display: flex;
	justify-content: space-between;
	column-gap: 12px;
}

.gridMediaGalleryList .galleryTitleName {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
}

.gridMediaGalleryList .galleryDesc {
	margin-top: 8px;
	font-size: 14px;
	line-height: 16px;
}

.openImg p.imgDesc {
	margin: 0;
	text-align: center;
	background-color: white;
	padding: 8px 16px;
	border-radius: 4px;
	box-shadow: 0px 2px 8px 0px rgba(16, 24, 64, 0.16);
	z-index: 99999;
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
}

.gridMediaGalleryList .row2 {
	display: flex;
	flex-wrap: wrap;
}

.gridMediaGalleryList .column2 {
	padding: 0;
	flex-grow: 0;
}

.gridMediaGalleryList .column2 img {
	margin-top: 12px !important;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	cursor: pointer;
}

.gridMediaGalleryList .column2 img:first-of-type {
	margin-top: 0 !important;
}

#MGBackdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}

#MGImageHolder {
	width: max-content;
	padding: 8px;
	border-radius: 4px;
	box-shadow: 0px 2px 8px 0px rgba(16, 24, 64, 0.16);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	max-width: 95vw;
	max-height: 88vh;
}

#MGImageHolder img {
	margin: 0;
	max-height: calc(88vh - 16px);
}

body.openImg {
	overflow: hidden;
}

#closeImg {
	padding: 4px 8px 6px 8px;
	border-radius: 4px;
	font-size: 22px;
	line-height: 22px;
	color: #333;
	position: absolute;
	top: 12px;
	right: 12px;
	background-color: rgba(255, 255, 255, 0.75);
	cursor: pointer;
}

@media (max-width:900px) {
	.gridMediaGalleryList .galleryItem1 {
		width: calc(50% - 9px);
	}
}

@media screen and (max-width: 700px) {
	.gridMediaGalleryList .column2 {
		flex: 100%;
		max-width: 100%;
	}

	#closeImg {
		padding: 2px 6px 5px 6px;
		font-size: 16px;
		line-height: 16px;
	}
}

@media (max-width:475px) {
	.gridMediaGalleryList .galleryItem1 {
		width: 100%;
	}
}