@charset "UTF-8";
/* Check Slider */

/* fonts */
@font-face { font-family: bbc; src: url('../fonts/bbc.ttf'); }
@font-face { font-family: luckiestguy; src: url('../fonts/luckiestguy.ttf'); }
@font-face { font-family: josefarounded; src: url('../fonts/josefarounded.ttf'); }
@font-face { font-family: monospaced; src: url('../fonts/digital-7.mono.ttf'); }
@font-face { font-family: brandan; src: url('../fonts/brandan.ttf'); }
@font-face { font-family: modernmachine; src: url('../fonts/modernmachine.ttf'); }
@font-face { font-family: posterable; src: url('../fonts/posterable.ttf'); }
@font-face { font-family: eurostile; src: url('../fonts/eurostile.ttf'); }
@font-face { font-family: eurostile; src: url('../fonts/roboto-regular.woff'); }

.silver {
	color: #C0C0C0;
}

.gold {
	color: #FFD700;
}

.platinum {
	color: #E5E4E2;
}

.media {
	position: relative;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	--alpha: 0.6;
	background-color: rgba(var(--rgb), var(--alpha));
	min-height: 252px;
}

.media-body h4 {
	font-size: 24px;
	padding-top: 4px;
}

.media-body a {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(128, 0, 0, 0.8);
	padding: 4px 8px 4px 8px;
	border-radius: 6px;
	transition: all 0.2s;
}

.media-body a:hover {
	color: rgba(255, 0, 0, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}

.remove-padding {
	padding: 0px !important;
}

.services-extra {
	min-height: 67vw;
}

.service-extra-header {
	display: inline-flex;
	font-size: 32px;
}

.services-extra-menu-options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
}

@media (max-width: 480px) {
		.services-extra-menu-options {
		width: 100%;
	}
}

.margin-auto {
	margin: 0 auto;
}

.services-extra-description {
	text-align: left;
}

.foh-about-us {
	line-height: 1.3em;
}

.foh-about-us p,
.services-extra-description p {
	margin-bottom: 0px;
	line-height: 1.3em;
}

.foh-about-us a,
.services-extra-description a {
	text-decoration: none;
	color: rgba(255,255,255,0.6);
	transition: all 0.3s;
}

.foh-about-us a:hover,
.services-extra-description a:hover {
	color: rgba(255,255,255,1);
}

.services-extra-image-container {
	background-color: rgba(255, 191, 0, 0.6);
	padding: 10px;
	border-radius: 20px;
	width: 20%;
	margin: 0 auto;
	margin-bottom: 20px;
}

@media (max-width: 480px) {
		.services-extra-image-container {
		width: 60%;
	}
}

.services-extra-image-container .image {
	width: 100%;
	border-radius: 10px;
}

.services-extra-description {
	margin-top: 10px;
}

.services-extra-description .text-center {
	text-align: center;
}

.services-extra-description .text-left {
	text-align: left;
}

.services-extra-description .text-right {
	text-align: right;
}

.foh-menu-center {
	display: flex;
	flex-wrap: wrap;
	width: 40%;
	justify-content: center;
	margin: 0 auto;
}

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

.member-act-required {
	font-size: 2em;
	color: red;
	text-shadow: 1px 1px 20px white;
}

.mobile {
	/* Nothing */
}

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

.navbar-grs,
.navbar-s7 {
	background-color: rgba(0,0,0,0.85) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.navbar-nav .nav-link.active {
	color: limegreen !important;
}

.navbar-toggler {
	margin-bottom: 1em;
}

.foh-event-happy-hour {
	width: 40%;
}

@media (max-width: 480px) {
		.foh-event-happy-hour {
		width: 80%;
	}
}

.foh-event-other-info {
	margin-top: 1em;
}

@media (max-width: 480px) {
	.foh-event-other-info {
	margin-bottom: 1em;
	}
}

.foh-event-extras {
	position: absolute;
    bottom: 20px;
    font-size: 40px;
    right: 6em;
    width: 40%;
}

@media (max-width: 480px) {
	.foh-event-extras {
		width: 50%;
		left: 20px;

	}
}

.foh-event-title-info {
	text-align: center;
	font-size: 1.2em;
}

@media (max-width: 480px) {
	.foh-event-title-info {
	margin-bottom: 1em;
	}
}

.fms-form-headings {
	font-size: 1.4em;
	font-weight: bold;
	display: inline-block;
	align-content: center;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
}

.centered-text {
	text-align: center !important;
}

.blue-background {
	background-color: rgba(51, 155, 235, 0.6);
	padding: 10px;
	border-radius: 10px;
}

.red-background {
	background-color: rgba(202, 0, 0, 0.6);
	padding: 10px;
	border-radius: 10px;
}

.amber-background {
	background-color: rgba(255, 191, 0, 0.6);
	padding: 10px;
	border-radius: 10px;
}

.green-background {
	background-color: rgba(0, 202, 0, 0.6);
	padding: 10px;
	border-radius: 10px;
}

.foh-event-type-selector {
	background-color: rgba(51, 155, 235, 0.6);
}

.foh-event-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.foh-event-wrapper,
.foh-event-wrapper-highlight {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2em;
	border-radius: 10px;
	width: 100%;
	min-width: 100%;
	margin-top: 1em;

	background: #072b03;
	text-shadow: 1px 1px 4px black;

	box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 14px
}

.foh-event-wrapper {
	background: linear-gradient(45deg,rgba(7, 43, 3, 0.8) 0%, rgba(194, 185, 85, 0.8) 50%, rgba(237, 170, 83, 0.8) 100%);
}

.foh-event-wrapper-highlight {
	background: linear-gradient(45deg,rgba(237, 170, 83, 0.8) 0%, rgba(194, 185, 85, 0.8) 50%, rgba(7, 43, 3, 0.8) 100%);
}

.foh-event-image-info-wrapper {
	width: 40%;
}

@media (max-width: 480px) {
	.foh-event-image-info-wrapper {
		width: 100%;
	}
}

.foh-event-image-wrapper {
	position: relative;
	width: 100%;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 14px
}

.foh-event-image-wrapper .web-image-overlay,
.foh-event-image-wrapper .screen-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.foh-event-image-wrapper .web-image-overlay {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 1.8/1;
}

.foh-event-image-wrapper .screen-image-overlay {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 9/16;
}

@media (max-width: 480px) {
	.foh-event-image-wrapper {
		margin-bottom: 20px;
	}
}

.foh-event-web-image {
	width: 100%;
	aspect-ratio: 1.8/1;
	border-radius: 10px;
}

.foh-event-web-image-overlay,
.foh-event-event-screen-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.foh-event-event-web-image-overlay {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 1.8/1;
}

.foh-event-event-screen-image-overlay {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 9/16;
}

.foh-event-info-wrapper {
	width: 100%;
	font-size: 1em;
	margin-bottom: 1em;
}

.foh-event-date {
	font-size: 1.4em;
	font-weight: bold;
	transform: scale(1, 1.3);
	margin-bottom: 1em;
}

.foh-event-title-description-wrapper {
	width: 58%;
	font-size: 1em;
	margin-bottom: 6em;
}

@media (max-width: 480px) {
	.foh-event-title-description-wrapper {
		width: 100%;
	}
}

.foh-event-title-subtitle-wrapper {
	width: 100%;
	display: block;
	margin-bottom: 1em;
}

.foh-event-title {
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

.foh-event-subtitle {
	width: 100%;
	font-size: 1.2em;
	text-align: left;
	font-style: italic;
}

.foh-event-title,
.foh-event-subtitle {
	color: white;
    text-shadow: 2px 2px 10px black;
    transform: scale(1, 1.3);
}

.foh-event-description {
	width: 100%;
}

.foh-event-ticket-link {
	position: absolute;
	bottom: 1em;
	right: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 14%;
}

@media (max-width: 480px) {
	.foh-event-ticket-link {
		width: 36%;
	}
}

.foh-event-get-tickets {
	width: 100%;
	opacity: 0.8;
}

.foh-event-get-tickets:hover {
	opacity: 1;
}

.logo-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-wrapper img {
	width: 50%;
	opacity: 0.9;
}

@media (max-width: 480px) {
	.logo-wrapper {
		margin-top: 24%;
	}

	.logo-wrapper img {
		width: 80%;
	}
}

/* TRIX */
trix-toolbar .trix-button--icon-strike { display: none; }

/* modal changes */
.btn {
	border-radius: 10px;
}

.modal-content {
	outline-style: solid;
	outline-color: black;
	outline-width: 4px;
	border-radius: 8px;
}
.modal-header {
	/*background-color: #000;*/
	/*color: #ffffff;*/
	border-radius: 4px;
}

.modal-header h4 {
	/*color: #ffffff;*/
}
.modal-header .modal-close,
.modal-header .modal-close-facility {
	font-weight: bold;
	position: absolute;
	border: none;
	background: none;
	color: #dc3545;
	font-size: 24px;
}

.modal-header .modal-close {
	top: 30px;
	right: 30px;
}

@media (max-width: 480px) {
	.modal-header .modal-close {
		display: none;
	}
}

.modal-header .modal-close-facility {
	top: 20px;
	right: 20px;
}

.modal-header .modal-close:hover,
.modal-header .modal-close-facility:hover {
	color: #b02a37;
	cursor: pointer;
}

.padding-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.modal-img, .modal-banner {
	vertical-align: middle;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.modal-banner {
 margin-bottom: 10px;
}

.modal-content .black {
	color: black;
}

.modal-content a {
	text-decoration: none;
}

.modal-content .facility-row {

}

.modal-content .assets {
	font-size: 16px;
	padding: 0px 15px 0px 15px;
}

.modal-content .group-name,
.modal-content .asset {
	font-weight: bold;
}

.modal-content .group-item {
	font-weight: normal;
}

.modal-content .asset-description { 
	line-height: 1.2em;
	font-style: italic;
}

.modal-content .type-end,
.assets-end {
	padding-bottom: 10px;
}

/* modal changes */

.fms-slider-wrapper {
	width: auto;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	padding: 10px 10px 10px 10px;
	align-items: anchor-center;
}

.fms-slider-wrapper .slider-name {
	margin-right: 10px;
}

.fms-slider-wrapper .ui-button {
	border: none !important;
	background: none !important;
}

.fms-slider-wrapper .ui-button:focus {
	border: none !important;
}

.ui-state-active {
	background: none !important;
}

.checkslider input:checked + .slider {
	background-color: green;
}

 .margin-bottom {
	margin-bottom: 20px !important;
}

.fms-input-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fms-input-minus-plus {
	border: none;
	height: 40px;
	border-radius: 10px;
	text-align: center;
	width: 14%;
	color: black;
	margin: 0px 4px 0px 4px !important;
}

.fms-plus-minus-input {
	color: black;
	width: 70px;
	height: 33px;
	border-radius: 0px !important;
	padding: 0px;
	text-align: center;
	border: none !important;
	margin-top: 1px;
}

.fms-button-minus,
.fms-button-plus {
	color: white;
	background: red;
	width: 40px;
	height: 40px;
	font-size: 20px;
	border: none;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
}

.fms-button-minus {
	background-color: #ca0000;
}

.fms-button-plus {
	background-color: #00ca00;
}

form {
	width: 100%;
}

.percent-10 {
	width: 10% !important;
}

.percent-20 {
	width: 20% !important;
}

.percent-30 {
	width: 30% !important;
}

.percent-40 {
	width: 40% !important;
}

.percent-50 {
	width: 50% !important;
}

.percent-60 {
	width: 60% !important;
}

.percent-70 {
	width: 70% !important;
}

.percent-80 {
	width: 80% !important;
}

.percent-90 {
	width: 90% !important;
}

.percent-100,
.hundred-percent {
	width: 100% !important;
}

.hidden {
	display: none !important;
}

.facility-input-select {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 10px;
}

.facility-input-date {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.facility-date-wrapper {
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}

.facility-date-wrapper input {
	text-align: center;
	width: 78%;
}

@media (max-width: 480px) {
	.facility-date-wrapper {
		width: 64%;
	}

	/*.logo, .site-name-and-slogan {
		width: 100%;*/
	}
}

.facility-submit-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.nav-pills > li > a {
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: normal;
}

.quote-text-center {
	font-size: 32px;
	margin: 0px;
	padding: 1vh 0;
	text-align: center;
}

@media (max-width: 480px) {
	.quote-text-center {
		font-size: 18px;
	}
}

.canvasjs-chart-canvas {
	background-color: transparent;
	background: transparent;
}

.availability-checker {
	position: relative;
	width: 40%;
	height: 370px;
	opacity: 0;
	margin-top: 20px;
	display: none;
}

#ui-datepicker-div {
    position: absolute !important;
    z-index: 1 ;
    display: none;
    transform: translateX(-50%) translateY(-50%);

    -webkit-transform   : translateX(-50%) translateY(-50%);
    -moz-transform      : translateX(-50%) translateY(-50%);
    -ms-transform       : translateX(-50%) translateY(-50%);
    transform           : translateX(-50%) translateY(-50%);
}

@media (max-width: 480px) {
		#ui-datepicker-div {
		/*top: 168% !important;*/
		left: 50% !important;
	}
}

@media (min-width:768px) {
		#ui-datepicker-div {
		/*top: 146% !important;*/
		left: 50% !important;
	}
}

.my-account .mab-checkout {
	display: flex;
	width: 100%;
	justify-content: center;
}

@media (max-width: 480px) {
		.my-account .mab-checkout {
			flex-wrap: wrap;
	}
}

.my-account .mab-checkout .make-another-booking-btn,
.my-account .mab-checkout .checkout-btn {
	width: auto;
	margin: 0px 10px 0px 10px;
}

@media (max-width: 480px) {
	.my-account .mab-checkout .make-another-booking-btn,
	.my-account .mab-checkout .checkout-btn {
	margin: 0px 10px 30px 10px
	}
}

.my-account .mab-checkout .make-another-booking-btn {

}

.my-account .mab-checkout .checkout-btn {

}

.my-account .activity-structure-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
   /*padding: 0px 10% 0px 10%;*/
}

@media (max-width: 480px) {
		.my-account .activity-structure-wrapper {
		width: 100%;
		padding: 0px;
	}
}

.form-control {
	background-color: rgba(255, 255, 255, 0.9) !important;
}

blockquote footer {
	color: darkgrey !important;
}

.colours-section {
	width: 92%;
	margin: 0 auto;
	padding-bottom: 20px;
  justify-items: center;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.colours-section-wrapper {
	display: inline-block;
	padding: 10px 20px 20px 20px;
	background-color: rgba(255,255,255, 0.4);
	margin: 0px 20px 20px 0px;
	border-radius: 20px;
	text-align: center;
}

.colours-section-wrapper .section-button-reset,
.colours-section-wrapper .section-button-update {
	padding: 6px;
	border-radius: 8px;
	transition: background-color 0.2s;
	transition: opacity 0.2s;
	border: none;
	opacity: 0;
}

.colours-section-wrapper .section-button-reset {
	background-color: rgba(202,0,0,0.4);
	float: left;
	visibility: hidden;
}

.colours-section-wrapper .section-button-update {
	background-color: rgba(0,202,0,0.4);
	float: right;
	visibility: hidden;
}

.colours-section-wrapper .section-button-reset:hover {
	background-color: rgba(202,0,0,0.9);
	float: left;
}

.colours-section-wrapper .section-button-update:hover {
	background-color: rgba(0,202,0,0.9);
}

.colours-section-wrapper .example {
	width: 100%;
	background-color: rgba(0,0,0, 0.8);
	text-align: center;
	border-radius: 10px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

.colours-section-wrapper .example .header {
	background: none !important;
	font-size: 28px;
	font-weight: bold;
	color: white;
}

.colours-section-wrapper .example .header:after {
	content:"HEADER TEXT";
}

.colours-section-wrapper .example .text {
	font-weight: normal;
	color: white;
	padding-bottom: 10px;
}

.colours-section-wrapper .example .text:after {
	content:"The quick brown fox jumps over the lazy dog";
}

.colours-section-wrapper .section-title {
	font-size: 22px;
	font-weight: bold;
	color: white;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.colours-section-wrapper label {
	font-weight: normal;
	margin-right: 10px;
}

.colours-section-wrapper .colour-option {

	padding-right: 20px;
	display: inline-block;
}

.col-sm-13 {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.sorting-wrapper {
	margin: 0 auto;
	margin-top: 30px;
	height: auto;
	width: 50%;
}

.sorting-wrapper .sorting-left {
	float: left;
	width: 10%;
}

.sorting-wrapper .sorting-right {
	float: left;
	width: 90%;
}

.sorting-wrapper .div-sorting {
	height: 60px;
	background-color: #339BEB !important;
	align-content: center !important;
	text-align: center !important;
	color: #fff;
	font-size: 1em;
	border: 1px solid #fff;
	margin-bottom: 5px;
	border-radius: 60px;
	width: 60px;
}

.ul-sorting{
	text-align:center !important;
	padding: 0px !important;
	border: none !important;
}

.li-sorting {
	height: 60px;
	background-color: #339BEB;
	align-content: center !important;
	text-align: center !important;
	color: #fff;
	font-size: 1em;
	border: 1px solid #fff;
	white-space: nowrap;
	border-radius: 30px;
	transition: background-color 1s;
}

.li-sorting:hover {
	background-color: #00ca00;
}

.li-sorting:hover:active {
	background-color: #ca0000;
}

[id^='sortable'] {
	border: 1px solid #eee;
	width: 100%;
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	margin-right: 10px;
}

[id^='sortable'] li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1em;
	width: 100%;
}

/*.facilities-section {
	/background: #dcdcdc !important;
	color: black !important;
}

.availability-section {
	background: #dcdcdc !important;
	color: black !important;
}

.aboutus-section {
	background: #dcdcdc !important;
	color: black !important;
}

.contactus-section {
	background: #dcdcdc !important;
	color: black !important;
}*/

.ui-slider-range {
	background: #00caca !important;
}

.ui-slider-handle {
  background: #00ca00 !important;
}

.ui-slider-handle:first-child {
  background: #00ca00 !important;
}

.ui-slider-handle-green {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
	background: #00ca00 !important;
	margin: -10px;
	top: 5px;
}

.ui-slider-handle:last-child {
  background: #ca0000 !important;
}

.facility-durations-wrapper {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.facility-durations-wrapper .structure {
	height: auto;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
}

.facility-durations-wrapper .left,
.facility-durations-wrapper .right {
	width: 50%;
}

.facility-durations-wrapper .left { float: left; }
.facility-durations-wrapper .right { float: right; }

.facility-durations-wrapper .slider-wrapper {
	display: inline-block;
	width: 98%;
	margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 10px;
	border-radius: 20px;
}

.facility-durations-wrapper .slider-wrapper .facility-name {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.facility-durations-wrapper .slider-wrapper .structure .structure-name {
	margin-bottom: 10px;
	text-align: center;
}

.facility-durations-wrapper .slider-wrapper .structure .duration-min-max {
	width: 100% !important;
	border: none !important;
	background: none !important;
	padding: 0px !important;
	margin-top: 10px;
}

.policy-container {
	text-align: left;
}

.policy-container .policy-wrapper {
	margin-bottom: 10px;
}

.policy-container .policy-wrapper .name {
	font-weight: bold;
}

.policy-container .policy-wrapper .policy {

}

.policy-container .warning {
	font-weight: bold;
	color: #ca0000;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    font-size: 1.5rem !important;
}

.container {
	min-height: 70%;
	min-height: -webkit-calc(100% - 80px);
	min-height: -moz-calc(100% - 80px);
	min-height: calc(100% - 80px);

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.input-clear-wrapper,
.input-clear-wrapper-bookings {
	position: relative;
	display: block;
}

.input-clear-wrapper {
	width: 80%;
}

.input-clear-wrapper-bookings {
	width: 100%;
}

.input-clear-wrapper .name,
.input-clear-wrapper-bookings .name {
	font-weight: bold;
}

.input-clear-wrapper .description,
.input-clear-wrapper-bookings .description {
	font-weight: normal;
}

.input-clear-wrapper-bookings .showall {
	width: 100%;
}

.input-clear-wrapper .centered,
.input-clear-wrapper-bookings .centered {
	margin: 0px auto 10px auto;
}

.input-clear-wrapper .content,
.input-clear-wrapper-bookings .content {
	font-size: 18px;
	font-weight: bold;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.show-all-sites {
	float: left;
	width: 60%;
}

.submit-buttons {
	float: right;
}

.existing-bookings
{
	position: static;
	min-height: 224px;
	max-height: 536px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;

	margin-top: 10px;
	scrollbar-color: limegreen blue;
}

.booking-wrapper {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
	transition: background-color 1s;
}

.booking-wrapper .content {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
	--alpha: 0.2;
	background-color: rgba(var(--rgb), var(--alpha));
	transition: background-color 0.2s;
	width: 98%;
}

.booking-wrapper .content:hover {
	--alpha: 0.6;
	border: 2px dotted white;
	padding: 8px 18px 8px 18px;
	cursor: pointer;
}

.booking-wrapper .name {
	font-weight: normal;
}

.input-clear-wrapper .cs-middle,
.input-clear-wrapper-bookings .cs-middle {
	padding-top: 8px;
}

.input-clear-wrapper .selectable {
	transition: background 1s;
}

.input-clear-wrapper .selectable:hover {
	opacity: 0.8 !important;
	border: 1px dotted limegreen;
	padding: 9px 19px 9px 19px;
	cursor: pointer;
}

.admin-hidden {
	display: none;
	opacity: 0;
}

input:not([type='checkbox'], [type='color'])
{
    padding: 12px;
    border-radius: 10px;
}

.rounded { border-radius: 10px !important; }


.trix-button-row { 
	padding: 20px 20px 0px 20px !important;
	border-radius: 20px 20px 0px 0px !important;
}

trix-editor,
.trix-editor {
	border-radius: 0px 0px 20px 20px !important;
	padding: 10px !important;
}

.booking-date-select, .booking-time-select {
	text-align: center; padding: 0 !important;
}

.booking-date-select {
	width: 298px;
}

.booking-time-select {
	float: left; width: 104px;
}

.ui-timepicker-list {
	text-align: center !important;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 0px !important;
}

/*.select-css {
	width: auto !important;
}*/

.hidden_checkbox { display: none; }

.flex-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

.availability {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

@media (max-width: 480px) {
	.availability {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
	}
}

.availability .input-wrapper {
	position: relative;
	display: inline-block;
	width: auto;
	float: left;
	margin-right: 4px;
}

.availability i {
	float: left;
	zoom: 2.8;
}

.availability .avdate {
	position: relative;
	float: right;
	margin-left: 10px;
	text-align: center;
}

.availability i {
	padding-top: 6px;
}

.repeatoptions {
	clear: both;
	width: 100%;
}

.clwrapper {
	position: relative;
	width: 80%;
	display: block;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	padding: 20px 10px 10px 20px;
	margin: 0px auto 10px auto;
	border-radius: 10px;
}

.clwrapper .name {
	font-size: 18px;
	font-weight: bold;
}

/* The switch - the box around the slider */
.checkslider { float: right; }

.floatleft { float: left !important; }

.checkslider .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.checkslider .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.checkslider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;

  -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.checkslider .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.checkslider input:checked + .slider {
  background-color: green;
}

.checkslider input:focus + .slider {
  /*box-shadow: 0 0 1px #2196F3;*/
}

.checkslider input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.checkslider .slider.round {
  border-radius: 34px;
}

.checkslider .slider.round:before {
  border-radius: 50%;
}

/* Check Slider */

.scroll-indicator,
.scroll-indicator-s7 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.scroll-indicator::before,
.scroll-indicator-s7::before {
	background-size: 120px 120px;
	width: 120px;
	height: 120px;
	position: absolute;
	opacity: 0.8;
	bottom: 20px;
	animation: bounce 1s ease infinite;
	content: "";
}

.scroll-indicator::before {
	background-image: url("../images/scroll-indicator.png");
}

.scroll-indicator-s7::before {
	background-image: url("../images/scroll-indicator-s7.png");
}

@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

.tooltipgrs {
  position: relative !important;
  display: inline-block;
}

.tooltipgrs .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: rgba(32, 32, 32, 0.6);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	font-size: 14px;
	line-height: 20px;

	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.tooltipgrs .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipgrs:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  background-color: rgba(32, 32, 32, 0.9);
}

.shopping-basket {
	position: fixed;
	top: 80px;
	right: 25px;
	margin: 0px 0px 0px 0px;
	font-size: 48px;
	color: #ccdafa;
	opacity: 0;
	visibility: hidden;
}

.shopping-basket:hover {
	cursor: pointer;
}

.shopping-basket .counter {
	position: absolute;
	top: 42px;
	left: 0px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	line-height: 31px;
	text-align: center;
	background: #9400d3;
	box-shadow: 2px 2px 12px 2px #000;
	padding-right: 2px;
}

.btn-book {
	float: right;
	font-size: 16px !important;
}

.opacityhidden {
	opacity: 0;
}

.calendar {
	margin: 0 auto;
	background-color: #fff;
	color: #fff;
	border: 1px solid #000;
}

.calendar .container {
	padding-top: 40px;
	padding-bottom: 40px;
	width: 80%;
}

.calendar .back,
.calendar .forward {
	position: relative;
	width: 212px;
	height: 120px;
	font-size: 30px;
	text-align: center;
	background-color: #D9534F;
}

.calendar .up,
.calendar .down {
	position: absolute;
	font-size: 15px;
	left: 70%;
	cursor: pointer;
}
.calendar .up {
	top: 14px;
}

.calendar .down {
	bottom: 14px;
}

.calendar .back a,
.calendar .forward a{
	position: absolute;
	top: 16px;
	color: #fff;
	cursor: pointer;
}

.calendar .back a {
	left: 40px;
}

.calendar .forward a {
	right: 0px;
}

.calendar .monthyear {
	position: relative;
	font-size: 30px;
	background-color: #D9534F;
}

.calendar .blank,
.calendar .day,
.calendar .daytitle,
.calendar .back,
.calendar .forward {
	width: 180px;
	height: 90px;
}

.calendar .blank,
.calendar .day,
.calendar .daytitle {
	position: relative;
	text-align: left;
	vertical-align: top;
	color: #fff;
	border: 1px solid #000;
}

.calendar .daytitle {
	font-size: 26px;
	text-align: center;
	vertical-align: middle;
	color: #000;
}

.calendar .blank {
	background-color: #000;
}

.calendar .today {
	background-color: #C0C0C0;
}

.calendar .weekend {
	background-color: #ACD5F5;
}

.calendar a {
	position: absolute;
	top: 2px;
	left: 6px;
	color: #000;
}

.calendar .background-blue {
	background-color: #339BEB;
}

.cookie-corner {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 100px 100px;
	border-color: transparent transparent #339BEB transparent;
	opacity: 0.6;
	z-index: 998;
	-webkit-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.cookie-cornericon {
	position: fixed;
	bottom: 14px;
	right: 14px;
	font-size: 34px;
	z-index: 999;
	opacity: 0.6;
	color: #fff;
	-webkit-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.cookie-cornericon:hover {
	cursor: pointer;
	opacity: 1;
}

.cookie-cornericon:hover ~ .cookie-corner {
	opacity: 1;
}

.cookie-bar {
	position: fixed;
	font-size: 1.2em;
	width: 90%;
	height: auto;
	background-color: #339BEB;
	color: #fff;
	padding: 26px 20px 26px 20px;
	opacity: 0.9;
	z-index: 2000;
	border-radius: 10px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .4s ease 3s;
}

.cookie-bar:hover { opacity: 1; transition: .4s; }

.cookie-bar .heading {
	font-size: 2em;
	font-weight: 700;
}

.cookie-bar .message {
	width: 100%;
	margin-top: 0.8em;
}

.cookie-bar .options {
	width: 100%;
	margin-top: 0.8em;
}

.my-account {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	padding: 0 10% 0 10%;
}

@media (max-width: 480px) {
	.my-account {
		width: 100% !important;
		padding: 0px;
	}
}

.acts {
	padding: 0 !important;
}

.justify-content-space-between {
	justify-content: space-between !important;
}

.justify-content-centered {
	justify-content: center !important;
}

.my-account hr {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border: 0;
	border-top: 1px solid #eeeeee;
}

.my-account .my-acts {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
}

.my-account trix-editor {
	min-height: 18em !important;
}

.my-account .directory-add {
	margin-right: 10px;
	font-size: 14px;
	padding: 6px;
	width: 32%;
	background: #fff;
	border-radius: 4px;
	color: #000;
	border: 1px solid #ccc;
}


.my-account .my-acts .act-container {
	position: relative;
	float: left;
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	margin: 0px 10px 10px 0px;
	border-radius: 10px;
	padding: 10px;
	display: flex;
  flex-wrap: wrap;
  align-content: center;
  background-color: rgba(0, 202, 0, 0.4);
  overflow: hidden;

	/*-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;*/
}

.my-account .my-acts .act-height-fixed {
	min-height: 280px;
	max-height: 280px;
	margin: 0px 0px 20px 0px;
}

.my-account .my-acts .act-container .act-image {
	width: 100%;
	/*background-color: rgba(0, 202, 0, 0.4);*/
	border-radius: 10px;
}

.my-account .my-acts .act-container:hover {
	outline: 2px dotted white;
	cursor: pointer;
}

.my-account .my-acts .image-guidance {
	width: 76%;
	background-color: rgba(202,0,0,0.6);
	color: #fff;
	padding: 10px;
	border-radius: 10px;
}


.my-account .my-acts .act-container .someicon {
	position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 18px;
    padding: 10px;
    background-color: rgba(202, 0, 0, 0.6);
    color: white;
    border-radius: 10px 0px 10px 0px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.my-account .my-acts .act-container .someicon:hover {
		background-color: white;
		color: rgb(202,0,0);
}

.my-account .my-acts .act-container .act-wrapper {
	width: 100%;
	border-radius: 10px;
	color: #fff;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.my-account .my-acts .act-container img {
	width: 260px;
	height: 260px;
	background-color: rgba(0, 202, 0, 0.4);
	border-radius: 10px 10px 0px 0px;
}

.my-account .my-acts .act-container .name {
	font-size: 18px;
	color: white;
	height: 80px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	background-color: rgba(0, 202, 0, 0.3);
	border-radius: 0px 0px 10px 10px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

/*.my-account .my-acts .act-container:hover * { background-color: rgba(0, 202, 0, 0.9); }*/

.my-account .my-acts .act-container .delete-icon {
	position: absolute;
	margin: 0px;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	font-size: 24px;
	color: white;
	background-color: rgba(202,0,0,0.6);
	padding: 10px;
	border-radius: 10px 0px 10px 0px;

	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.my-account .my-acts .act-container .delete-icon:hover {
	cursor: pointer;
	color: #f00;
	background-color: #fff;
}

.my-account .menu-booking {
	width: 100%;
	margin: 0 auto;
}

.my-account .menu-booking .left,
.my-account .menu-booking .right {
	width: 50%;
}

.my-account .menu-booking .left { float: left; }
.my-account .menu-booking .right { float: right; }

.test-div {
	/*display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;*/
}

.activity-wrapper,
.structure-wrapper {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    transition: background-color 1s;
    width: 50%;
}

@media (max-width: 480px) {
	.activity-wrapper,
	.structure-wrapper  {
		width: 100%;
		padding: 0px;
		padding: 10px 20px 10px 20px;
	}
}

.activity-wrapper .content,
.structure-wrapper .content {
	font-size: 18px;
	font-weight: bold;
	color: #faebd7;
	padding: 20px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
	--alpha: 0.4;
	background-color: rgba(var(--rgb), var(--alpha));
	transition: background-color 0.2s;
	width: 100%;
	min-height: 88px;
	position: relative;
}



.structure-wrapper .content {
	/*width: 0% !important;*/
	min-height: 108px !important;
	max-height: 108px !important;
	overflow: hidden !important;
}

.activity-wrapper .content:hover,
.structure-wrapper .content:hover {
	--alpha: 0.8;
	color: #fff;
	border: 2px dotted white;
	padding: 18px 18px 8px 18px;
	cursor: pointer;
}

.activity-wrapper .content:hover > i { top: 10px;	left: 4px; }

.activity-wrapper .content i,
.structure-wrapper .content i {
	position: absolute;
	width: 42px;
	top: 12px;
	left: 6px;
	font-size: 26px !important;
}

.structure-wrapper .content:hover > i { top: 10px;	left: 4px; }

.activity-wrapper .content .menu-title,
.structure-wrapper .content .menu-title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.activity-wrapper .content .menu-details,
.structure-wrapper .content .menu-details {
	font-size: 14px;
	font-weight: normal;
	padding-top: 6px;
	color: khaki;
}

/* MY ACCOUNT WRAPPER */
.my-account .wrapper {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
	transition: background-color 1s;
	width: 100%;
}

@media (max-width: 480px) {
	.my-account .wrapper {
		padding: 0px;
	}
}

.my-account .wrapper .content {
	font-size: 18px;
	font-weight: bold;
	color: #faebd7;
	padding: 20px 20px 10px 20px;
	border-radius: 20px;
	margin-bottom: 10px;
	--alpha: 0.6;
	background-color: rgba(var(--rgb), var(--alpha));
	transition: background-color 0.2s;
	width: 100%;
	min-height: 88px;
	position: relative;
}

.my-account .wrapper .content i {
	position: absolute;
	width: 42px;
	top: 12px;
	left: 6px;
	font-size: 26px !important;
}

.my-account .wrapper .content .menu-title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.my-account .wrapper .content .menu-details {
	font-size: 12px;
	font-weight: normal;
	padding-top: 6px;
}

.my-account .wrapper .content:hover {
	--alpha: 0.8;
	color: #fff;
	border: 2px dotted white;
	padding: 18px 18px 8px 18px;
	cursor: pointer;
}

.my-account .wrapper .content:hover > i { top: 10px;	left: 4px; }

/* MY ACCOUNT WRAPPER */

/*.my-account .wrapper {
	position: relative;
	float: left;
	background-color: #00ca00;
	margin: 0px 20px 20px 0px;
	padding: 20px;
	border-radius: 10px;
	color: #fff;
	box-shadow: 2px 2px 4px #000;
	text-shadow: 1px 1px 2px #000;
	-webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
	display: inline-block;
	width: 370px;
	min-height: 88px;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.my-account .green {
	background-color: #00ca00 !important;
}

.my-account .red {
	background-color: #ca0000 !important;
}

.my-account .menu-booking  .menu-booking-wrapper,
.my-account .menu-booking  .menu-booking-wrapper-activity {
	width: 100%;
	background-color: #00ca00;
	height: auto;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 10px;
	color: #fff;
	box-shadow: 2px 2px 4px #000;
	text-shadow: 1px 1px 2px #000;
	-webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.my-account .menu-booking-wrapper-activity {
	width: 90% !important;
	/*margin-left: 10px;
}

.my-account i {
	position: absolute;
	width: 42px;
	top: 12px;
	left: 6px;
	font-size: 26px !important;
}

.my-account .menu-title {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
}

.my-account .menu-details {
	font-size: 12px;
}

.my-account .menu-booking-description {
	text-align: center;
	font-size: 14px;
}

.my-account .wrapper:hover,
.my-account .menu-booking-wrapper:hover,
.my-account .menu-booking-wrapper-activity:hover {
	background-color: #339BEB;
	cursor: pointer;
}*/

.my-account .words-left {
	margin-top: 10px;
	display: inline-block;
	padding: 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.my-account .words-left .fa {
  display: inline-block;
  margin-right: 6px;
}

.my-account .fa {
  font-size: 34px;
}

.my-account .fas {
  font-size: 20px;
}

.my-account .counter {
	float:left;
}

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.peekabo {
 display: none;
}

.javacontainer {
	min-height: 550px;
	margin-top: 20px;
}

@media (max-width: 480px) {
	.javacontainer {
		margin-top: 60px;
	}
}

.accounts {
	text-align: center;
	color: #faebd7;
	padding: 20px 0px;
}

/*h1, h2, h3, h4, h5, h6, h7, h8 { color: #faebd7 !important; }*/

.accounts .close {
	font-size: 40px;
	opacity: 0.5;
	margin-left: 10px;
	-webkit-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
	display: block;
	float: right;
}

.accounts .close:hover {
	opacity: 1;
	cursor: pointer;
}


.accounts .terms {
	text-decoration: none;
	cursor: pointer;
}

.accounts label {
	font-weight: normal !important;
	vertical-align: sub;
	font-size: 14px;
	margin-bottom: 0
}

.accounts .rememberme {
	margin-left: 10px;
}

.accounts .java-container {
	margin: 0 auto;
	padding-bottom: 20px;
}

.accounts .cancel {
	margin-left: 20px;
}

.accounts .signin-input {
	width: 100%;
}

.accounts .forgottenpassword-input,
.accounts .resetpassword-input {
	width: 40% !important;
	margin: 20px auto 20px auto;
}

@media (max-width: 480px) {
	.accounts .forgottenpassword-input,
	.accounts .resetpassword-input {
		width: 100% !important;
		margin: 20px auto 20px auto;
	}
}

.accounts .registerpassword-input {
	width: 70% !important;
	margin: 20px auto 20px auto;
}

@media (max-width: 480px) {
		.accounts .registerpassword-input {
		width: 100% !important;
		margin: 20px auto 20px auto;
	}
}

.accounts .left {
    width: 49.6%;
}

.accounts .left,
.accounts .right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 50%;
}

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

	.accounts .right {
		float: right;
		width: 100%;
	}
}

.accounts .heading{
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #faebd7;
	display: inline-block;
	width: 100%;
}

@media (max-width: 480px) {
	.accounts .heading{
		line-height: 1em;
	}
}

.accounts .subheading {
	font-weight: 300;
	font-size: 21px;
	margin-bottom: 20px;
	color: #faebd7;
}

.accounts .form-heading {
	color: #000;
	font-size: 1.4em;
	display:block;
	font-weight: bold;
}

.accounts .button {
	margin: 20px auto 0px auto;
	background-color: #339BEB;
	width: 60%;
	height: auto;
	border-radius: 10px;
	padding: 20px;
	text-shadow: 1px 1px 2px #000;
	-webkit-transition: 0.2s linear;
    -ms-transition:  0.2s linear;
    transition:  0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

@media (max-width: 480px) {
	.accounts .button {
		width: 80%;
	}
}

.accounts .button:hover {
	background-color: #00ac00;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	cursor: pointer;
}

.accounts .button .icon {
	float: left;
	font-size: 70px;
	padding-left: 20px;
}

@media (max-width: 480px) {
	.accounts .button .icon {
		float: none;
		padding: 0;
		margin-bottom: 20px;
	}
}

.accounts .button .text {
	float: left;
	font-size: 36px;
	font-weight: 700;
	padding: 26px 0px 0px 26px;
}

@media (max-width: 480px) {
	.accounts .button .text {
	float: none;
	padding: 0;
	}
}

.accounts .error {
	margin: 0px !important;
	padding-top: 10px;
}

.accounts .forgotten-password {
	margin-top: 20px;
	color: white;
	width: 50%;
	padding: 10px;
	background: darkred;
	border-radius: 20px;

	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.accounts .forgotten-password:hover {
	cursor: pointer;
	background: red;
}

.structure {
	width: 100%;
	height: auto;
}

.structure .activity {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 10px;
	background-color: #fff;
	border-radius: 4px;
	width: auto;
	text-align: center;
}

.structure .region {
	float: left;
	margin-right: 20px;
	background: #339BEB;
	padding: 10px;
	border-radius: 4px;
	width: 100%;
	text-align: center;
}

.structure .region .name{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.structure .site {
	background: #00ac00;
	padding: 10px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.structure .site .name {
	padding-bottom: 10px;
}

.structure .site label {
	margin-top: 4px;
	padding: 0px 4px 0px 4px;
}

.structure .timeband_name
{
	float: left;
	width: 30%;
	border: 1px solid;
	margin-right: 10px;
	padding: 8px;
}

.structure .facility_structure,
.structure .site_structure,
.structure .region_structure,
.structure .increment_structure
{
	width: 40%;
	text-align: center;
	margin: 0px 10px 0px 4px;
	height: 24px;
	color: #000;
	font-weight: 200;
}


.structure .currency,
.structure .site .currency
{
	height: 44px;
	color: white;
	padding: 10px;
	vertical-align: middle;
	font-size: 22px;
}

.structure .min-inc {
	width: 20%;
  display: inline;
  vertical-align: top;
  text-align: center;
  font-size: 20px;
  padding: 0px !important;
}


.structure .site .tickbox {
	padding: 0px 4px 0px 4px;
}

.ui-autocomplete {
	max-width: 25%;
    max-height: 25%;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

/* menus / admin */
.menu-container{

}

.right{
	float: right !important;
}

.home {
	background-color: #339BEB !important;
	color: #fff !important;
}

.home:hover{
	background-color: #fff !important;
	color: #000 !important;
}

.menu-container .wrapper{
	position: relative;
	float: left;
	font-size: 0.8vw;
	width: 8vw;
	height: 7vw;
	background-color: #fff;
	margin: 14px;
	border-radius: 14px;
	box-shadow: 2px 2px 4px #000;
	-webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.menu-container .wrapper .count,
.menu-container .wrapper .topright{
	position: absolute;
	top: 6px;
	right: 6px;
}

.menu-container .wrapper .content{
	padding: 12px;
	width: 100%;
	height: 100%;
	text-align: center;
	text-transform:  uppercase;
}

.menu-container .wrapper .content i{
	font-size: 3vw;
	color: #000;
	text-shadow: 2px 2px 4px #000;
	display: block;
	margin-bottom: 0.8vw;
}

.menu-container .wrapper:hover{
	cursor: pointer;
	background-color: #339BEB;
	color: #fff;
	font-weight: bold;
	-webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.menu-container .legend-wrapper {
	margin: 0 auto;
	width: 80%;
}

.menu-container .legend {
	width: 100%;
  margin: 1vh 0vw 2vw 0vw;
  min-height: 4vh;
  background-color: rgb(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 10px;
}

.menu-container .legend .subheading {
	color: darkred;
	font-weight: bold;
	font-size: 20px;
}

.menu-container .legend .description {
	color: darkgreen;
	font-weight: normal;
	margin-bottom: 0.5vh;
}

.menu-container .legend .item {
	color: black;
	font-weight: normal;
	margin-bottom: 0.2vh;
}

.menu-container .bullets {
	width: 80%;
  margin: 1vh 0vw 2vw 0vw;
  min-height: 4vw;
}

.menu-container .menutext{
	height: 40%;
	line-height: normal;
	font-weight: bold;
}

.scrolldiv {
	height: 40vh;
	width: 80%;
  overflow-y: scroll;
  overflow-x: hidden;
  direction: ltr;
  scrollbar-width: thin;
  scrollbar-color: #f3f0dd #154734;
}

canvas{
    margin: 0 auto;
    }


.circle {
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  font-size: 1.1vw;
  color: #fff;
  line-height: 2vw;
  text-align: center;
  background: #f00;
  box-shadow: 2px 2px 12px 2px #000;
}

.tick {
  content: "\2713";
  color: #0f0;
  font-size: 2vw;
}

.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	text-align: center;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}

.backbutton,
.trashbutton{
	position: absolute;
	right: 0;
	font-size: 2vw;
	-webkit-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.trashbutton{
	right: 60px;
}

.backbutton:hover,
.trashbutton:hover{
	cursor: pointer;
	color: #339BEB;
	-webkit-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;

    -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.trashbutton:hover{
	color: #f00 !important;
}

.hiding{
	display: none;
}

.left{
	float: left;
}

.right {
	float: left;
}

.centered {
	margin: 38px 0px 0px 66px;
}

.contactus-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
  padding: 0 4% 0 4%;
}

.contactus-wrapper i {
	color: #000;
}

.contactus-wrapper .left {
	width: 49%;
}

.contactus-wrapper .right {
	width: 49%;
}

.contactus-wrapper .form-group {
	width: 100%;
}

.contactus-wrapper .form-control {
	width: 94%;
}

.contactus-wrapper textarea {
	height: 220px;
}

.fms-textarea {
	vertical-align: top;
	padding-top: 30px;
}

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

	.contactus-wrapper .right {
		width: 100%;
	}

	.contactus-wrapper .form-control {
	    width: 92%;
	}
}

/* contact form
----------------------------------------------------------------------------- */
select[id="contact_us_subject"]#contact_us_subject {
    -moz-appearance: window;
    -webkit-appearance: none;
    background: #f5f5f5;
    padding-right: 20px;
}

@-moz-document url-prefix() {
.wrapper {
     background: #f5f5f5;
     padding-right: 20px;
  }
}

input[type="text"]#message { display: none; }

.inline-div{
	display: inline;
}

/* Typography
----------------------------------------------------------------------------- */
.site-name {
	font-family: 'Luckiest Guy', cursive;
}

html,
body {
	height: 100%;
}

body {
	position: relative;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'roboto', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #333333;
	background-color: #ffffff;
	overflow-x: unset;
}

/*h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8{
	color: #333333;
}*/
h1 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
}

@media (max-width: 480px) {
	h1 {
		font-size: 28px;
	}
}

h2 {
	font-size: 26px;
	margin-bottom: 15px;
}
h3,
h7 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
h1 span,
h2 span,
h3 span,
h4 span {
	color: #339BEB;
}

h7 {
	background-color: #00ac00;
	width: 100%;
	display:block;
	color: #fff;
	padding: 6px 15px 6px 15px;
	margin: 0px 0px 10px 0px;
	border-radius: 4px;
}

h8 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
}

h9 {
	font-size: 22px;
  color: #fff;
  vertical-align: middle;
}

@media (max-width: 480px) {
	h9 {
		font-size: 18px;
	}
}

.form-headings{
	color: #fff;
	font-size: 1.4em;
	display:inline-block;
	font-weight: bold;
}

.primary{
	background-color: #00ac00 !important;
}


.bodyadmin {

	position: relative;
	color: #fff;
	background: #000;
	z-index: 0;
}

.bodyimage { background-image: url(); background-repeat: no-repeat;  background-size: cover; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: -1; opacity: 0; }

.footer-content-admin {
  width: 100%;
  margin-top: auto;
  text-align: center;
  height: 80px;
  align-content: center;
  background: rgba(0, 255, 255, .2);
}

.centered{
	text-align: center;
}

.whitefont{
	color: #ffffff;
}

.menutext{
	color: #000;
}

.video { margin-top: 2px; aspect-ratio: 16 / 9; width: 100%; box-shadow: 4px 4px 8px #000; background-color: black; }

.googlemap { margin-top: 2px; aspect-ratio: 16 / 9; width: 100%; box-shadow: 4px 4px 8px #000; background-color: black; }

.text-colored {
	color: #00ac00;
}

.text-colored-yellow {
	color: #ff0;
  text-shadow: 0.4px 0.4px 6px black;
 }

a {
	color: rgb(67, 50, 50)
}
a:hover {
	color: #339BEB;
}
a:focus,
a:active {
	outline: none;
}
.large {
	font-size: 18px;
}
.studio-image {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.list-unstyled li {
	padding: 5px 0;
}

.gear-inventory{
	margin-top: 10px;
	padding: 0px 15px 0px 15px;
	width: 100%;
	float: left;
}

.gear-inventory p{
	padding: 0px 15px 0px 15px;
}

.slideshow { margin-top: 2px;
    aspect-ratio: 16 / 8;
    width: 100%;
    box-shadow: 4px 4px 8px #000;
    background-color: black;
    float: right;
    width: 50%;
    margin-left: 10px;
    margin-bottom: 10px; }

.slideshow > div {
  position: absolute;
}

.slideshow img
{
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.image-container {
    position: relative;
    /* Remove the parts of the circle that is outside of the image */
    overflow:hidden;

    border-radius: 20px;
}
.image-container:after {
    content: '';
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    /* Add more width */
    width: 120%;
    /* To form a square, the padding-bottom, needs to have the same value as the width property */
    padding-bottom: 120%;
    box-shadow: inset 0px 0px 150px 60px rgba(0,0,0,0.8);
}

.list-styled {
	margin: 1px 0px 15px 15px;
	padding: 0;
}

.list-styled li {
	list-style: none;
	padding: 0;
}

.list-horizontal {
	padding: 15px 0;
}

.list-horizontal-item img {
	display: block;
	margin: 0 auto;
}

.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 18px;
}

.list-icons li {
	padding: 0 0 15px 0;
}

blockquote {
	border-left: none;
	padding-left: 0;
	padding-right: 0;
}

.title {
	margin-top: 0;
}

.groupheader{
font-weight: bold;
}

/* Layout
----------------------------------------------------------------------------- */
.header {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.40);
	padding: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}
.banner {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	color: #fff;
}

.banner-video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    background-size: cover;
    overflow: hidden;
}

.banner-image {
	vertical-align: middle;
	min-height: 100%;
	width: 100%;
}

.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.55);
	content: "";
}

.banner-caption-grs,
.banner-caption-s7 {
	position: absolute;
	width: 100%;
	z-index: 2;
}

.banner-caption-grs {
	top: 18%;
}

@media (max-width: 480px) {
	.banner-caption-grs {
		top: 20%;
	}

	.lead {
		font-size: 1em;
		line-height: 1.3em;
	}
}

.banner-caption-s7 {
	top: 14%;
}

.subfooter-grs,
.subfooter-s7 {
	position: relative;
	background: #00CA00;
	background: linear-gradient(159deg, rgba(0, 202, 0, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
	border-top: 1px solid #00ac00;
	border-bottom: 1px solid #00ac00;
	padding: 40px 0;
	color: #ffffff;
}

@media (max-width: 480px) {
	.subfooter-grs {
		height: 30vh;
		padding-top: 20vh;
	}

	.subfooter-s7 {
		padding-top: 12vh;
	}
}

.subfooter-grs .nav-extra,
.subfooter-s7 .nav-extra {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 25%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-left: 2%;
	font-size: 14px;
	z-index: 1;
}

@media (max-width: 480px) {
		.subfooter-grs .nav-extra {
		position: absolute;
		top: 2.5vh;
		left: 0;
		width: 100%;
		height: 30%;
		align-content: baseline;
		margin: 0;
		font-size: 18px;
	}

		.subfooter-s7 .nav-extra {
		position: absolute;
		top: 2.5vh;
		left: 0;
		width: 100%;
		height: 30%;
		align-content: baseline;
		margin: 0;
		font-size: 18px;
	}
}

.subfooter-grs .social-media,
.subfooter-s7 .social-media {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 25%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-left: 2%;
}

@media (max-width: 480px) {
		.subfooter-grs .social-media {
		width: 100%;
		bottom: 0;
		height: 26vh;
	}

	.subfooter-s7 .social-media {
		width: 100%;
		bottom: 0;
		height: 42vh;
	}
}

.subfooter-grs .social-media .icon,
.subfooter-s7 .social-media .icon {
	text-decoration: none;
	display: block;
	margin-left: 20px;
}

@media (max-width: 480px) {
		.subfooter-grs .social-media .icon {
		margin-right: 20px;
	}

	.subfooter-s7 .social-media .icon {
		margin-right: 20px;
	}
}

.subfooter-grs .social-media .icon img,
.subfooter-s7 .social-media .icon img  {
	width: 64px;
	height: 64px;
	opacity: 0.7;

	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

@media (max-width: 480px) {
	.subfooter-grs .social-media .icon img {
		width: 48px;
		height: 48px;
	}

	.subfooter-s7 .social-media .icon img {
		width: 48px;
		height: 48px;
	}
}

.subfooter-grs .social-media .icon img:hover,
.subfooter-s7 .social-media .icon img:hover {
	opacity: 1;
	cursor: pointer;
}

.subfooter-grs .nav-extra .navextra-item,
.subfooter-s7 .nav-extra .navextra-item {
	text-decoration: none;
	width: 100%;
	text-align: left;
	width: 100%;
	display: block;
}

@media (max-width: 480px) {
	.subfooter-grs .nav-extra .navextra-item {
		text-align: center;
		height: 2.5vh
	}

	.subfooter-s7 .nav-extra .navextra-item {
		text-align: center;
		height: 2.5vh;
	}
}

.subfooter-grs .nav-extra .navextra-item a,
.subfooter-s7 .nav-extra .navextra-item a  {

	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;

	opacity: 0.7;
}

.subfooter-grs .nav-extra .navextra-item a:hover,
.subfooter-s7 .nav-extra .navextra-item a:hover  {
	cursor: pointer;
	color: white;
	text-decoration: none;
	opacity: 1;
}

.section {
	padding: 80px 0;
}

@media (max-width: 480px) {
		.section {
		padding: 40px 0;
	}
}


white { color : #fff; }
green { color: #00ac00; }
grey { color: #666c64; }
amber { color: #eba531; }
red { color: #bd0011; }

luckiestguy { font-family: 'Luckiest Guy', cursive; text-shadow: 2px 2px 3px #000; }

highlight-red {
	background-color: rgb(202,0,0,0.2);
	padding: 2px 8px 2px 8px;
	border-radius: 10px;
}

highlight-green {
	background-color: rgb(0,202,0,0.2);
	padding: 2px 8px 2px 8px;
	border-radius: 10px;
}

highlight-amber {
	background-color: rgb(255,200,0,0.2);
	padding: 2px 8px 2px 8px;
	border-radius: 10px;
}

colred,
.colred {
	color: rgb(202,0,0,1) !important;
}

colgreen,
.colgreen {
	color: rgb(0,202,0,1) !important;
}

colamber,
.colamber {
	color: rgb(255,200,0,1) !important;
}

/* Backgrounds
----------------------------------------------------------------------------- */
background-colred,
.background-colred {
	background-color: rgb(202,0,0,0.4);
}

background-colgreen,
.background-colgreen {
	background-color: rgb(0,202,0,0.4);
}

background-colamber,
.background-colamber {
	background-color: rgb(255,200,0,0.4);
}

.default-bg {
	background-color: #222222;
	color: #ffffff;
}

.default-bg.green {
	background: #00CA00;
	background: linear-gradient(159deg, rgba(0, 202, 0, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

.default-bg.black-burn {
	background: #072b03;
	background: linear-gradient(90deg,rgba(7, 43, 3, 1) 0%, rgba(194, 185, 85, 1) 50%, rgba(237, 170, 83, 1) 100%);
}

.translucent-bg {
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.translucent-bg h1,
.translucent-bg h2,
.translucent-bg h3,
.translucent-bg h4,
.translucent-bg h5,
.translucent-bg h6 {
	color: #ffffff;
}
.default-bg blockquote footer,
.translucent-bg blockquote footer {
	color: #cccccc;
}
.default-bg a,
.translucent-bg a {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:hover,
.translucent-bg a:hover {
	text-decoration: none;
}
.translucent-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.translucent-bg .translucent-bg {
	margin-top: 80px;
	z-index: 3;
}
.translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
/*.translucent-bg.blue:after {
	background-color: rgba(85, 172, 238, 0.7);
}*/

.translucent-bg .container {
	z-index: 3;
	position: relative;
}

/*********************/
/* BACKGROUND IMAGES */
/*********************/
.bg-image-1,
.bg-image-2,
.bg-image-3,
.bg-image-4,
.bg-image-5,
.bg-image-6,
.bg-image-7 {
	position: relative;
}

.bg-image-1::before,
.bg-image-2::before,
.bg-image-3::before,
.bg-image-4::before,
.bg-image-5::before,
.bg-image-6::before,
.bg-image-7::before {
	position: absolute;
	top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
	content: "";
	background-position: center; /* Center the image */
  background-attachment: fixed; 
  background-size: cover;
  opacity: 0.2;
}

.bg-image-1::before {
	background-image: url("../images/bg-image-1.jpg");
}

.bg-image-2::before {
	background-image: url("../images/bg-image-2.jpg");
}

.bg-image-3::before {
	background-image: url("../images/bg-image-3.jpg");
}

.bg-image-4::before {
	background-image: url("../images/bg-image-4.jpg");
}

.bg-image-5::before {
	background-image: url("../images/bg-image-5.jpg");
}

.bg-image-6::before {
	background-image: url("../images/bg-image-6.jpg");
}

.bg-image-7::before {
	background-image: url("../images/bg-image-7.jpg");
}

/* Misc
----------------------------------------------------------------------------- */
.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}

.big-space {
	width 100%;
	padding-bottom: 6em;
}

@media (max-width: 480px) {
	.big-space {
	padding-bottom: 2em;
	}
}

.space {
	padding: 20px 0;
}

@media (max-width: 480px) {
	.space {
		padding: 0;
	}
}

.half-space {
	padding: 10px 0;
}

.pr-10 {
	padding-right: 10px;
}
.pl-10 {
	padding-left: 10px;
}
.pb-clear {
	padding-bottom: 0;
}

.donut-chart { flex-direction: row; align-items: center; justify-content: center; height: 370px; width: 100%; opacity: 0; display: contents; }

.canvasjs-chart-canvas { /*position: relative !important; */ }

.canvasjs-chart-credit { display: none !important; }

.dimmer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100% !important; background-color: black; z-index: 3000; opacity: 0; display: contents; }

.please-wait { position: fixed; width: 100%; height: 100%; z-index: 3001; opacity: 0; display: contents; }
.please-wait-active::after { background-image: url("../images/pleasewait.gif"); background-size: 12% 20%; background-position: center; height: 100%; width: 100%;  display: block; content:""; background-repeat: no-repeat; }

.timetable-container { margin: 0 auto; width: 100%; text-align: center; }
.timetable-container .title { font-size: 2.4vw; text-align: center; margin-bottom: 1vh; }
.timetable-container .dateselected { font-size: 1.5vw; height: 3vh; text-align: center; clear: both; }

.timetable-container .legend-datepicker { height: 10vh; width: 36%; margin: 0 auto; }
.timetable-container .legend { float: left; width: 10%; margin-right: 30%; clear: both; }
.timetable-container .legend .item { width: 14vw; display: block; text-align: left; height: 3vh; }
.timetable-container .legend .item .text { margin-left: 1.5vw; height: 2vh; font-size: 0.8vw; width: 10vw; margin-top: 0.35vh; display: inline-block; }

.timetable-container .legend .item .quarters-closed,
.timetable-container .legend .item .quarters-available,
.timetable-container .legend .item .quarters-booked,
.timetable-container .legend .item .quarters-underconstruction { width: 1.2vw; height: 2vh; border: 1px black solid; display: inline-block; }

.timetable-container .legend .item .quarters-closed { background: grey; }
.timetable-container .legend .item .quarters-available { background: seagreen; }
.timetable-container .legend .item .quarters-booked { background: indianred; }
.timetable-container .legend .item .quarters-underconstruction { background: darkgoldenrod; }

.timetable-container .legend .item .quarters-booked::after, .timetable-container .legend .item .quarters-underconstruction::after { content: 'x'; font-size: 1vw; position: relative; top: -130%; left: 0.35vw; }
.timetable-container .legend .item .quarters-available::after { content:''; font-size: 1vw; }

.timetable-container .picker { float: left; height: 14vh; width: 40%; }

.timetable-container .timetable-wrapper { width: 50%; text-align: left; margin: 0 auto; }

.timetable-container .timetable-wrapper .timetable { display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; margin-bottom: 1vh; }
.timetable-container .timetable-wrapper .timetable .hours { width: 6%; height: 2vh; margin-bottom: 2px; }
.timetable-container .timetable-wrapper .timetable .quarters { width: 18px; height: 24px; background: grey; border: 1px black solid; }
.timetable-container .timetable-wrapper .timetable .times { font-family: monospaced; font-size: 1.5vh; padding-top: 0.5vh; color: black; padding-left: 2px; font-size: 16px; }
.timetable-container .timetable-wrapper .studioname { font-size: 1vh; clear: both; }

.timetable-container .timetable-wrapper .timetable .tt-closed { background: slategrey; }
.timetable-container .timetable-wrapper .timetable .tt-available { background: limegreen; }
.timetable-container .timetable-wrapper .timetable .tt-booked { background-color: red; padding: 0.1% 0% 0% 0.3%; }
.timetable-container .timetable-wrapper .timetable .tt-under-contruction { background-color: yellow; padding: 0.1% 0% 0% 0.3%; }

.timetable-container .timetable-wrapper .timetable .tt-available::after { content:''; font-size: 1vw; }
.timetable-container .timetable-wrapper .timetable .tt-booked::after, .timetable-container .timetable-wrapper .timetable .tt-under-contruction::after { content:''; font-size: 1vw; }

.break{ width: 100%; }

/* Sections
----------------------------------------------------------------------------- */
.banner-caption h1,
.banner-caption h2,
.banner-caption h3,
.banner-caption h4,
.banner-caption h5,
.banner-caption h6 {
	color: #ffffff;
}
.banner-caption-grs h1 {
	font-size: calc(1.2em + 4vw);
	text-shadow: 1px 1px 2px #fff;
	font-family: 'Luckiest Guy', cursive;
	margin: 0px;
	letter-spacing: 0.02em;
}

.banner-caption-grs h2 {
	font-size: calc(1.2em + 2vw);
	text-shadow: 1px 1px 2px #fff;
	font-family: 'Luckiest Guy', cursive;
	margin: 0px;
	letter-spacing: 0.02em;
}

.banner-caption-grs h3 {
	font-size: calc(1.2em + 1vw);
	text-shadow: 1px 1px 2px #fff;
	font-family: 'Luckiest Guy', cursive;
	margin: 0px 0px 20px 0px;
	letter-spacing: 0.02em;
}

@media (min-width: 60em) {
  .banner-caption-grs h1 {
    font-size: 76px;
  }
}

.subfooter p {
	margin-bottom: 0;
}

/* Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
	padding: 8px 15px;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 20px;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.btnsmall {
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	line-height: 1.2px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.input-resize {
	margin-right: 32px;
	text-align: center;
	font-size: 16px;
	height: 2vw !important;
}

.input-group-resize {
	width: 12%;
}

.input-group-addon{
font-size: 22px !important;
padding: 10px 8px !important;
}

.input-example
{
	margin: 0 auto;
	width: 60%;
	border: #fff solid 2px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	height: 44px;
}

.input-header {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	padding-bottom: 2px;
}

.btn-wrapper{
	float: left;
	width: 170px;
	height: auto;
}

.confirmation{
	float:left;
	padding: 10px;
	opacity: 0;
}

.btn-cancel {
	color: #f00;
	border: 1px solid #cccccc;
}

.btn-cancel:hover {
	color: #ffffff;
	background-color: #339BEB;
	border-color: #339BEB;
	  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}

.btn-default {
	color: #f00;
	border: 1px solid #cccccc;
	transition-duration: 0.2s;
	background-color: white;
}

.btn-default:hover {
	color: #ffffff;
	background-color: #339BEB;
	border-color: #339BEB;

	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
	cursor: pointer;
	background: #f00;
}

.btn-choice {
	color: #f00;
	border: 1px solid #fff;
	margin-right: 1em;
}

.btn-choice:hover {
	color: #000;
	background-color: #0f0;
	border-color: #0f0;
	  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}

.btn-pending {
	color: #11ac11 !important;
}

.btn-pending:hover {
	color: #ffffff !important;
	background-color: #f00 !important;
	border-color: #339BEB;
	  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}

.clearfix {
	width: 100%;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa
}
.panel-heading a {
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #00ac00;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-heading a.collapsed {
	color: #ffffff;
	background-color: #333333;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover {
	text-decoration: none;
	background-color: #00ac00;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
}

/* Pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color: #00ac00;
	border-color: #00ac00;
	color: #ffffff;
}
.nav-pills > li > a {
		padding: 8px 20px;
    border: 1px solid #cacaca;
    color: antiquewhite;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Forms
---------------------------------- */
.form-control {
	height: 44px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 80%;
	display: inline-flex;
	margin: 20px 10px 20px 0px;
}
.form-control-feedback {
	color: #cccccc;
}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 10px;
	left: auto !important;
	right: 2px !important;
}
textarea {
	resize: vertical;
}

label:hover,
li:hover {
cursor: pointer;
}

.number { display: none; }

/* Media
---------------------------------- */
.media .fa {
	font-size: 24px;
	width: 40px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	text-align: center;
}

/* Navigations
----------------------------------------------------------------------------- */
.header .navbar {
	margin-bottom: 0;
}
.main-navigation .navbar-default {
	background-color: transparent;
	border: none;
}
.navbar-header .navbar-toggle {
 float: left;
 margin-left: 10px;
}

.main-navigation .navbar-default .navbar-nav > li > a {
	color: #fff;
	padding: 10px 10px;
	font-size: 18px;
	font-weight: 300;
}

.navbar-nav .nav-item > .nav-link.active  {
    background-color: transparent !important;
		color: limegreen !important;
		font-weight: 500 !important;
}

.main-navigation .navbar-default .navbar-nav > li.active > a {
	background-color: transparent !important;
	color: limegreen !important;
	text-shadow: 1px 1px 2px #fff !important;
}

@media (max-width: 480px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    width: 42%;
    border: none;
    background: transparent;
   	overflow-y: visible;
   }

   .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 512px;
   }

	.navbar-nav .nav-item > .nav-link.active {
		background-color: limegreen !important;
    font-weight: 500 !important;
    color: white !important;
   }

	.main-navigation .navbar-default .navbar-nav > li > a {
		text-align: center;
		background-color: #eba531;

		padding: 10px 10px;
		margin: 10px;
		border-radius: 10px;
		width: auto;

		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

		-webkit-backface-visibility: hidden;
		-webkit-transform: translateX(0);
		-webkit-transform-style: preserve-3d;
	}
}

.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: #00ac00;
}
@media (min-width:768px) {
	.main-navigation .navbar-default .navbar-nav > li > a {
		padding-top: 30px;
		padding-bottom: 30px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

		-webkit-backface-visibility: hidden;
		-webkit-transform: translateX(0);
		-webkit-transform-style: preserve-3d;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.main-navigation .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav {
		float: left !important;
	}
}
@media (max-width:767px) {
	.header.navbar-fixed-top {
		position: absolute;
	}
}

/* FAQ
----------------------------------------------------------------------------- */
.faq { width: 100%; height: auto; margin-bottom: 10px; }
.faq .question { color: green; font-weight: bold; }
.faq .answer { }

/* Terms
----------------------------------------------------------------------------- */
.terms { width: 100%; height: auto; margin-bottom: 10px; }
.terms .subject { color: green; font-weight: bold; }
.terms .term { }


/* Fixed Header
----------------------------------------------------------------------------- */
.fixed-header-on .header {
	background-color: rgba(0, 0, 0, 0.95);
	padding: 5px 0;
}
.fixed-header-on .site-name {
	font-size: 24px;
	line-height: 0em;
	padding-top: 0.5em;
}

.fixed-header-on .site-slogan {
	font-size: 12px;
}

.fixed-header-on .logo {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	margin-top: 0;
	margin-bottom: 0;
}

@media (min-width:768px) {
	.fixed-header-on .navbar-default .navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width:991px) {
	.fixed-header-on .logo,
	.fixed-header-on .site-name,
	.fixed-header-on .site-slogan {
		display: none;
	}
}

/* Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo, Site Name, Site Slogan
---------------------------------- */
.logo {
	margin: 10px 10px 10px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.logo,
.logo-s7,
.site-name-and-slogan,
.site-name-and-slogan-s7 {
	text-align: center;
	height: 5em;
}

.logo,
.site-name-and-slogan {
	padding-top: 1em;
	font-family: 'Luckiest Guy', cursive;
	padding-right: 1em;
	letter-spacing: 0.1em;
	transform: scale(0.8);
}

.logo-s7,
.site-name-and-slogan-s7 {
	padding-top: 0.6em;
	padding-right: 1em;
	letter-spacing: 0.1em;
	transform: scale(0.8);
}

@media (max-width: 480px) {
	.site-name-and-slogan {
		width: 100%;
		padding-right: 0px !important;
	}

	.site-name-and-slogan-s7 {
		width: 100%;
		padding-right: 0px !important;
	}
}

.site-name,
.site-name-s7 {
	font-size: 34px;
	text-align: center;
}

.site-name {
	text-shadow: 1px 1px 1px #fff;
}

.site-name-s7 {
	line-height: 1em;
}

.site-name a {
	color: #ffffff;
}

.site-name a:hover {
	text-decoration: none;
}

.site-slogan,
.site-slogan-s7 {
	font-size: 24px;
}

@media (max-width: 480px) {
	.site-slogan,
	.site-slogan-s7 {
	font-size: 22px;
	}
}

.site-slogan {
	text-shadow: 1px 1px 2px #fff;
}

.site-slogan-s7 {
	line-height: 1em;
}

.about-title { text-align: center; margin-bottom: 20px; font-size: calc(2.2em + 1vw); }
.about-slogan { text-align: center; font-size: calc(1.2em + 1vw); }

.privacy {
	position: absolute;
	z-index: 2001;
}

/* Testimonials
---------------------------------- */
.testimonial {
	height: 380px !important;
}

.testimonial .media-left {
	width: 60px;
}

.testimonial .media-left,
.testimonial .media-right,
.testimonial .media-body {
  display: table-cell;
  vertical-align: top;
}

.timg {
	display: block;
	height: auto;
	max-width: fit-content;
	width: 52px;
}

/* Social Links
---------------------------------- */
.social-media {
	position: fixed;
	margin: 1px 0px 0px 6px;
}

.fixed-icon-bar {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  box-shadow: 0px 2px 8px #000;
	line-height: normal;
}

.fixed-icon-bar a {
	display: block;
	width: 52px;
	height: 54px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	color: #fff;
	font-size: 36px;
}

.fixed-icon-bar a:hover {
  background: #000;
}

.facebook {
  background: #3B5998;
}

.twitter {
  background: #55ACEE;
}

.google {
  background: #dd4b39;
}

.linkedin {
  background: #007bb5;
}

.youtube {
  background: #bb0000;
}

.instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social-links {
	padding: 0;
	list-style: none;
	margin: 15px 0;
	display: none;
}
.social-links li {
	margin: 10px 25px 10px 0;
	display: inline-block;
	font-size: 36px;
}
.social-links li a {
	color: #333333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}
.social-links li.twitter a:hover {
	color: #00ac00;
}
.social-links li.skype a:hover {
	color: #00aff0;
}
.social-links li.linkedin a:hover {
	color: #0976b4;
}
.social-links li.googleplus a:hover {
	color: #dd4b39;
}
.social-links li.youtube a:hover {
	color: #b31217;
}
.social-links li.flickr a:hover {
	color: #ff0084;
}
.social-links li.facebook a:hover {
	color: #3b5998;
}
.social-links li.pinterest a:hover {
	color: #cb2027;
}

/* Isotope Items
---------------------------------- */
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
}
.isotope-container {
	overflow: hidden;
}
.isotope-item {
	margin-bottom: 20px;
}
.isotope-item .btn-default {
	color: #00ac00;
}
.isotope-item .btn-default:hover {
	color: #ffffff;
}
@media (max-width:480px) {
	.filters .nav-pills > li {
		width: 100%;
		display: block;
	}
}

.nav-ul-extra {
	vertical-align: top;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.nav-ul-extra > li > a {
	height: 65px;
	width: 114px;
	align-content: center;
}

@media (max-width:480px) {
	
	.nav-ul-extra > li > a {
		height: 40px;
		width: 100%;
	}
}

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.overlay-container img {
	min-height: 180px !important;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(85, 172, 238, 0.4);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}
.overlay:hover {
	text-decoration: none;
}
.overlay span {
	position: absolute;
	display: none;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-size: 13px;
	font-weight: 300;
}
.overlay i {
	position: relative;
	font-size: 60px;
	line-height: 1px;
	color: #cacaca;
	opacity: 0.8;
	align-items: center;
	justify-content: center;
	display: flex;
  height: 100%;
}
.overlay-container:hover .overlay {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-webkit-transform: scale(1);
	transform: scale(1);

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-style: preserve-3d;
}

.facility-name {
		position: absolute;
		bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    z-index: 1;
    background-color: rgb(0,202,0,0.4);
    color: antiquewhite;
    padding: 4px;
    border-radius: 0px 0px 10px 10px;
    text-shadow: 2px 2px darkgreen;
    pointer-events: none;
}

.fcm-img-select {
	float: left;
	margin: 12px;
	width: 196px;
	height: 143px;
	padding: 10px;
	outline-color: #97A1A8;
	outline-style: dashed;
	outline-width: thin;
}

.fcm-img-select:hover
{
	cursor: grabbing;
}

.fcm-img-select-overlay
{
	width: 174px;
	height: 100px;
	overflow: hidden;
}

.fcm-img-select-overlay img
{
	position: relative;
}

.fcm-img-select-overlay-trash
{
	padding-top: 10px;
	float: right;
	color: green;
}

.fcm-img-select-overlay-trash:hover
{
	cursor: pointer;
}

.fcm-img-mainphoto,
.fcm-img-mainphoto-hidden
{
	float: left;
	padding-top: 2px;
	width: 160px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	color: #000;
}

.fcm-img-mainphoto
{
	display:block;
}

.fcm-img-mainphoto-hidden
{
	display: none;
}


.fcm-img-remove,
.fcm-nuda-submit
{
	height: 60px;
	width: 100%;
}

.fcm-img-remove{
	text-align: center;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.5; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.5; }
    to { opacity: 1.0; }
}

.blink {
  animation:fade 1000ms infinite;
  -webkit-animation:fade 1000ms infinite;
}

.toast-container {
	width: 300px;
	z-index: 9999;
}


* html .toast-container {
	position: absolute;
}

.toast-item {
	height: auto;
	background: #333;
    opacity: 0.9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande;
	font-size: 14px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.toast-item p {
    text-align: left;
	margin: 10px 0px 10px 50px !important;
}

.toast-item-close {
    background:url(../images/toast/close.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:5px;
    right:5px;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background:url(../images/toast/notice.png);
}

.toast-item-image-success {
    background:url(../images/toast/success.png);
}

.toast-item-image-warning {
    background:url(../images/toast/warning.png);
}

.toast-item-image-error {
    background:url(../images/toast/error.png);
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.timeact-wrapper{
	margin: 0 auto;
	width: 760px;
}


.clean {
    clear: both;
}

.dayContainer {
    float: left;
    line-height: 20px;
    margin-right: 8px;
    width: 100px;
    font-size: 11px;
    font-weight: bold;
}

.dayContainer .weekday{
position: relative;
text-align: center;
height: 80px;
font-size: 20px;
padding-top: 24px;
}


.colorBox {
    cursor: pointer;
    height: 70px;
    border: 2px solid #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.colorBox.WorkingDayState {
    border: 2px solid #4E8059;
    background-color: #00ac00;
}
.colorBox.WorkingWeekendDayState {
    border: 2px solid #4E8059;
    background-color: #339BEB;
}

.colorBox.RestDayState {
    border: 2px solid #7a1c44;
    background-color: #f00;
}

.operationTime .mini-time {
    width: 60px;
	text-align: center;
    padding: 3px;
    font-size: 16px;
    font-weight: normal;
}

.dayContainer .add-on {
    padding: 4px 2px;
}

.colorBoxLabel {
    clear: both;
    font-size: 12px;
    font-weight: bold;
}

.invisible {
    visibility: hidden;
}

.operationTime {
    margin-top: 5px;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 2.4em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 2em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}