/* COLOUR REFS 
#524A57 - Edge grey
#CA252B - red
#605A66 - button grey
#86808A - light grey
*/
body {
    background-color: #524A57;
    font-family: 'PT Sans', sans-serif;
}
.bg-red {
    background-color: #CA252B;
}
.bg-white {
    background-color: #fff;
}
.bg-grey {
    background-color: #605a60;
}
.bg-lt-grey {
    background-color: #86808A;
}
.h1:empty,
.h2:empty,
.h3:empty,
.h4:empty,
p:empty {
  display:none;
}
.ratio-1-1.p-60,
.ratio-1-2.p-60,
.ratio-2-1.p-60,
.ratio-2-2.p-60 {
    padding:7.1599045346% 17% 7.1599045346% 7.1599045346%;
}
.h-20,
.w-20 {
   /* display: none;*/
}
.h-20.home,
.h-20.back {
    display: block;
}
.title-icon {
    padding-right:2rem;
    position: relative;
}
.title-icon > .material-symbols-sharp {
    position: absolute;
    right: 0;
}

.btn {
    aspect-ratio: 1 / 1;
    background-color: #605a60;
    border-radius: .875rem;
    color:#fff;
    font-size: 1.5rem;
    margin:10%;
    position: relative;
    width:90%;
}
.btn:hover
{
    background-color: #CA252B;
    color: #fff;
}
.btn:focus,
.btn:active
{
    background-color: #605a60;
    color: #fff;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	color:#fff;
}

.btn-inner {
    left:15px;
    position: absolute;
    top:15px;
	text-align:left;
	line-height:1.2em; 
	right: 18px;
}
.btn.btn--home,
.btn.btn--prev,
.btn.btn--next,
.btn.btn--close,
.btn.btn--close2{
    display: inline-block;
    margin:10px;
    position: fixed;
    right:0;
    top:0;
    width: 50px;
}
.btn.btn--prev,
.btn.btn--playpause{
    top:60px;
}
.btn.btn--next {
    top:120px;
}
.btn.btn--playpause {
    display: block;
	 margin:10px;
    position: fixed;
    right:0;
    top:0;
    width: 50px;
}
button:focus,
button:active{
    border:0;
    outline: 0 !important;
    box-shadow: none !important;	
}
.btn > .material-symbols-sharp {
    bottom:15px;
    font-size: 26px;
    left:15px;
    position: absolute;
}
.btn.btn--home .btn-inner,
.btn.btn--next .btn-inner,
.btn.btn--prev .btn-inner,
.btn.btn--playpause .btn-inner,
.btn.btn--close .btn-inner,
.btn.btn--close2 .btn-inner{
    display: none;
    bottom:18%;
    font-size: 1rem;
    left:0;
    right:0;
    top:auto;
	text-align:center;
}
.btn.btn--home .material-symbols-sharp,
.btn.btn--next .material-symbols-sharp,
.btn.btn--prev .material-symbols-sharp,
.btn.btn--playpause .material-symbols-sharp,
.btn.btn--close .material-symbols-sharp,
.btn.btn--close2 .material-symbols-sharp{
    bottom:17%;
    font-size: 2.125rem;
    left:0;
    position: absolute;
    right:0;
    top:auto;
}
.btn-w {
    background-color: #fff;
    color:#606060;
}
.btn.btn--close {
   display: none;
	/*top:60px;*/
}
.btn.btn--close2 {
   /*display: none;*/
	top:60px;
}
.h-20 .btn,
.radius .h-20 .btn {
    border-radius: 0;
}
.img-fill {
    object-fit:cover;
    width: 100%;
}
.img-hover-zoom {
    overflow: hidden; 
}
.img-hover-zoom img {
transition: transform .5s ease;
}
.img-hover-zoom:hover img {
transform: scale(1.1);
}
.hidden-sm {
    display: none;
}
.allow-overflow {
    overflow: visible !important;
}
/* Accordion */
.overflow .accordion-wrapper {
    padding-top:0;
	padding-right:7%;
}
.accordion {
    background-color: transparent;
    --bs-accordion-bg: transparent;
    color:#fff;
    --bs-accordion-color:#fff;
}
.accordion-header {
    --bs-accordion-border-width:0;
}
.accordion-button {
    color:#fff;
    font-weight: 600;
    padding-right: 0;
    padding-left: 0;
	font-size:1.1rem;
}
.accordion-button:not(.collapsed){
    background-color: transparent;
    color:#fff;
    padding-right: 0;
    padding-left: 0;
}
body.menu.overflow .accordion-button::after,
.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-title {
    margin-bottom: 40px;
}
.accordion-collapse.show {
    overflow-y: auto;
}
.accordion-body {
    /*padding:10.8900169205% 14.8900169205% 10.8900169205% 6.4285714286%;*/
	padding:5% 14.8900169205% 10.8900169205% 5%;
}
.imagegrid-body {
    padding:0% 14.8900169205% 10.8900169205% 5%;
}
/* MENU Accordion */
.menu .accordion-body {
    padding:0;
}
body.menu .accordion-button.opened::after {
    background-image: none;
}
.btn-menu {
    color: #fff;
    display: block;
    padding-right: 2rem;
    position: relative;
    text-decoration: none;
}
.btn-menu:hover,
.btn-menu:focus {
    color: #fff;
    text-decoration: underline;
}
.btn-menu .material-symbols-sharp {
    position: absolute;
    right: 0;
}

/* CAROUSEL */
.carousel .home {
    height: 0;
    position: relative;
}
.carousel .home > .container {
    top:-122px;
    position: absolute;
}
.carousel-inner {
    background-color: #CA252B;
}
.carousel-control-next, 
.carousel-control-prev {
    bottom:70px;
    top:auto;
    z-index: 21;
}
.carousel-caption-alt {
    color: #fff;
    height:auto;
    min-height:122px;
    margin:0 auto;
    padding-top:22px;
    padding-bottom: 40px;
    position: relative;
    max-width: 80%;
    z-index: 20;
}
.carousel-caption-alt p {
    text-align: center;
}

.minus-top-surround {
    padding:28px 14.1599045346% 28px 7.1599045346%;
}
.minus-bottom-surround {
    padding:7.1599045346%;
}
/* AUDIO */
audio {
    background-color: #CA252B;
    /*height:32px;*/
    width:80%;
	/*margin-bottom: 25px;*/
	margin: 10px;
}

.audioHolder {
	margin-bottom: 25px;
	width:100%;
}

/* IMAGE SLIDER */
.cd-image-container {
  position: relative;
  width: 100%;
  /*max-width: 768px;*/
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}
.content-video {
  object-fit: cover;
  width:100%;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #CA252B;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #606060;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

@media (max-width: 992px) {
  .col-12.ratio-2-1.button-col {
  	width:50%;
  }
}
@media (min-width: 992px) {
	p {
		font-size:1.2rem;
	}
    body {
        aspect-ratio: 1920 / 1080;
        max-height:1080px;
        max-width:1920px;
		overflow: hidden;
    }
    .radius .ratio-1-1,
    .radius .ratio-1-2,
    .radius .ratio-2-1,
    .radius .ratio-2-2 ,
    .radius .ratio-3-2 {
        border-radius: .875rem;
    }
    .no-radius .ratio-1-1,
    .no-radius .ratio-1-2,
    .no-radius .ratio-2-1,
    .no-radius .ratio-2-2,
    .no-radius .ratio-3-2 {
        border-radius: 0;
    }
    h1, .h1 {
        font-size:4.5rem;
    }
    h2, .h2 {
        font-size:3rem;
    }
    h3, .h3, .h3-lg {
        font-size:1.75rem;
    }
	p.p-lg {
		font-size:1.5rem;
	}
    p.p-content {
        font-size:1.2rem;
    }
    .btn {
        font-size:1.5rem;
        margin: 0;
        width:100%;
    }
    body .btn .btn-inner {
        display: inline-block;
        left:25px;
        top:25px;
    }
    .btn.btn--home,
    .btn.btn--prev,
    .btn.btn--next,
	.btn.btn--playpause,
	.btn.btn--close,
	.btn.btn--close2{
        margin:auto;
        position: relative;
        right:auto;
        top:auto;
        width:6.354166667%;
    }
    .btn.btn--next,
    .btn.btn--close,
	.btn.btn--close2{
        display: inline-block;
    }
    .btn.btn--home .btn-inner,
    .btn.btn--next .btn-inner,
    .btn.btn--prev .btn-inner,
	.btn.btn--playpause .btn-inner,
    .btn.btn--close .btn-inner,
	.btn.btn--close2 .btn-inner{
        display: inline-block;
    }
    .btn > .material-symbols-sharp {
        bottom:25px;
        font-size: 32px;
        left:25px;
    }
    .btn.btn--home .material-symbols-sharp,
    .btn.btn--next .material-symbols-sharp,
    .btn.btn--prev .material-symbols-sharp,
	.btn.btn--playpause .material-symbols-sharp,
    .btn.btn--close .material-symbols-sharp,
	.btn.btn--close2 .material-symbols-sharp{
        bottom:39%;
        font-size: 3.125rem;
    }
    .ratio-1-1 {
        aspect-ratio: 1 / 1;
        /*max-height:419px;*/
        overflow: hidden;
    }
    .ratio-1-2 {
        aspect-ratio: 1 / 2;
        max-height: 838px; 
        overflow: hidden;       
    }
    .ratio-2-1 {
        aspect-ratio: 2 / 1;
        max-height:419px;
        overflow: hidden;
    }
    .ratio-2-2 {
        aspect-ratio: 2 / 2;
        max-height: 838px; 
        overflow: hidden;       
    }
    .ratio-3-2 {
        aspect-ratio: 3 / 2;
        max-height: 838px; 
        overflow: hidden;       
    }
    .ratio-1-1.p-60,
    .ratio-1-2.p-60 {
        padding:14.3198090692%;
    }
    .h-20 {
        display: flex;
        height:11.2962963%;
		max-width: 1920px;
    }
    .w-20 {
        display: block;
        width:6.354166667%;
    }
    .hidden-sm {
        display: block;
    }
    .accordion-wrapper {
        overflow-y:hidden;
    }
    .mx-20 {
        margin:0 6.354166667%;
    }
    .relative {
        position: relative;
    }
    .relative>div {
        position: absolute;
    }
    .minus-top-surround {
        margin-top: calc(-14.5584725537% / 2);
        padding:calc(4.33% - 28px) calc(7.1599045346% / 2);
    }
    .minus-bottom-surround {
        right:0;
        padding:calc(4.33% - 28px) calc(7.1599045346% / 2);
    }
    .minus-bottom-surround.carousel-holder {
        padding:calc(7.25% / 2) calc(7.1599045346% / 2);
    }
	
	.m-20 {
		margin:0 6.354166667% 6.354166667% 6.354166667%;
	}
	
	.videoplayer {
		height:100%;
		width:100%;
	}
	
  .content-video {
    margin-top:25%;
    margin-bottom:25%;
  }
	
  /*::-webkit-scrollbar {
     display: none;
  }
  * {
     scrollbar-width: none;
     -ms-overflow-style: none;
  }*/
}

.welcome {
	/*margin: 5%;*/
	
}
.welcome .carousel {
	margin: 5%;
}
.welcome img {
	border-radius: .875rem;	
}

.welcome .col-lg-3 {
	width:95%;
	margin: 2.5%;
}

.welcomeGrid {
	width:90%;
	margin: 5%;	
}

.welcome .btn   {
	margin:5%;
	font-size:1.9rem;
}

.welcome .btn-inner   {
	margin:5%;
	
}
.welcome .btn > .material-symbols-sharp {
	font-size:2.7rem;
}
.welcome .btn:hover, .welcome .btn:focus {
	background-color: #524A57;
	
}


.btn.btn--video--play {
	width:100px;
	  position: absolute;
	left:0;
	 margin: 0 auto;
	top:40%;
	right:0;
	z-index: 1;
	display: block;
}

.btn.btn--audio--play {
	width:80px;
	 
	left:0;
	 margin: 0 auto;
	top:40%;
	right:0;

}

.btn.btn--video--play .material-symbols-sharp{
        bottom:25%;
        font-size: 3.125rem;
    }

/*video::-webkit-media-controls {
display:none !important;
}*/

/*video {
	transform: scale(2);
	height:50vh;
}*/
video::-webkit-media-controls-play-button {
  width: 4em;
  height: 4em;

  background-size:contain;
	
}


/*video::-webkit-media-controls-fullscreen-button {
  width: 4em;
  height: 4em;

  background-size:contain;
	
}*/
video::-webkit-media-controls-volume-slider {  display: none; }
video::-webkit-media-controls-volume-slider {  display: none; }
video::-webkit-media-controls-mute-button {  display: none; }
video::-webkit-media-controls-play-button {  display: none; }
video::-webkit-media-controls-fullscreen-button {  display: none; }
video::-webkit-media-controls-download-button {  display: none; }

/*audio::-webkit-media-controls-play-button {
 /* background-color: #f00;
  
	width: 4em;
  height: 4em;*/
	
	/*width: 4em;
  height: 4em;
 
	
background-size:contain;
	
}*/
/*audio::-webkit-media-controls-fullscreen-button {
  width: 4em;
  height: 4em;

	backface-visibility: hidden;
  background-size: contain;
	
}*/
audio::-webkit-media-controls-volume-slider-container {  display: none; }
audio::-webkit-media-controls-volume-slider {  display: none; }
audio::-webkit-media-controls-mute-button {  display: none; }
audio::-webkit-media-controls-play-button {  display: none; }

/******  CMS  ***********/
body.cms  {
	/*aspect-ratio:1/1;*/
	overflow:auto;
}
.btn.btn--cms
{
	font-size: 1rem;
	width: 80px;
	height: 80px;
	margin: 2px;
	
	border: 1px solid rgba(255,255,255, 0.5);
}
.btn.btn--cms .btn-inner {
	text-align: center;
	left:2px;
	right:2px;
	top:10px;
}
.btn--cms .material-symbols-sharp {
	font-size: 1.5rem;
	width:100%;
	top:45px;
	left:0;
}

.cms .locationRow {
	height:150px;
	
}

.cms .rowBorder {
	border: 1px solid rgba(255,255,255, 0.5);
	border-radius: 1px;
	margin-bottom: 15px;
	padding: 10px;
}

.cms a {
	color:#FFFFFF;
}

.cms .h-20 {
	 height:5%;
}

.cms input {
	margin-bottom: 10px;
}
.cms textarea {
	resize: none;
	margin-bottom: 3px;
}
.cms select {
	height:30px;
}
.cms .bigcheckbox {
	-ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
	margin-left: 5px;
	margin-right:5px;
}

.cms .btn--cms--thin{
	width: 100px;
	height:40px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cms .btn--cms--thin .btn-inner{
	text-align:left;
	left: 20px;
	top:10px;
}

.cms .btn--cms--thin .material-symbols-sharp{
	top:7px;
	
	width:100%;
	text-align: right;
	padding-right: 20px;
}

.cms .btn--cms--thin.block{
	width: 100px;
	height:40px;
	margin-top: 2px;
	margin-bottom: 2px;
}


.cms .btn--cms--close {
	width: 40px;
	height:40px;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
}
.cms .btn--cms--close .btn-inner {
	/*text-align:left;
	left: 0px;*/
}
.cms .btn--cms--close .material-symbols-sharp{
	top:7px;
	left:0px;
}

.cms .btn--cms--icon {
	height:30px;
	width:50px;
}
.cms .btn--cms--icon .material-symbols-sharp{
	top:4px;
	left:0px;
	font-size: 1.3rem;
	margin:0;
}

.cms .btn--cms--form {
	height:30px;
	width:100px;
	margin:0;
}
.cms .btn--cms--form .btn-inner {
	height:30px;
	top:4px;
	left:20px;
	text-align:left;
}
.cms .btn--cms--form .material-symbols-sharp
{
	top:4px;
	font-size: 1.3rem;
	margin:0;
	width:100%;
	text-align: right;
	padding-right: 20px;
}


.cms #blockOverlay {
	 position: fixed; /* Sit on top of the page content */
		  display: none; /* Hidden by default */
		  width: 100%; /* Full width (cover the whole page) */
		  height: 100%; /* Full height (cover the whole page) */
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #e9ecef; /* Black background with opacity */
		  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
		  cursor: pointer; /* Add a pointer on hover */
	border-radius: .875rem;
	opacity: 0.5;
}

#blockOverlayContent {
	/*margin:2%;
	height: 90%;*/
	/*background-color: rgba(255,255,255,0.85);*/
	height:100%;
	background-color: #e9ecef;
	border-radius: .875rem;
}

.submenu-combo {
	padding-left:5px;
	padding-right:5px;
	margin-bottom: 10px;
}
.block-combo {
	padding-left:5px;
	padding-right:5px;
	margin-top: 10px;
	
}
.blockText {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}
.blockText.bodyText {
	/*height:300px;*/
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	background-color: #adadad;
	color:#ffffff;
}