.center-color {
	color: #dc3545;
}

footer a:hover {
	color: #dc3545;
}

footer .fa:hover {
	color: #dc3545;
}

footer .fas:hover {
	color: #dc3545;
}

footer .fab:hover {
	color: #dc3545;
}

.btn {
	background-color: #dc3545;
	color: #fff;
}

.ui-widget-header {
    border: 1px solid #aaaaaa!important;
    background: #dc3545!important;
    color: #fff!important;
    font-weight: bold!important;
}

.ui-datepicker-next-hover {
    border: 0px solid #aaaaaa!important;
    background: #dc3545!important;
    color: #fff!important;
    font-weight: bold!important;
	cursor: pointer;
}

.ui-datepicker-prev-hover {
    border: 0px solid #aaaaaa!important;
    background: #dc3545!important;
    color: #fff!important;
    font-weight: bold!important;
	cursor: pointer;
}

.btn-part-1 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../../content/sportschallengeamerica/images/sportschallenge_bowling.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-1:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../../content/sportschallengeamerica/images/sportschallenge_bowling.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-1.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-1.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../../content/sportschallengeamerica/images/sportschallenge_bowling.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-2 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../../content/sportschallengeamerica/images/sportschallenge_simulator.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-2:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../../content/sportschallengeamerica/images/sportschallenge_simulator.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-2.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-2.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../../content/sportschallengeamerica/images/sportschallenge_simulator.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-3 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/basketball.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-3:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/basketball.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-3.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-3.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/basketball.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-4 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/sportschallengeamerica_baseball.png);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-4:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/sportschallengeamerica_baseball.png);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-4.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-4.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/sportschallengeamerica_baseball.png);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-5 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/sportschallengeamerica_partyroom.jpeg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-5:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/sportschallengeamerica_partyroom.jpeg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-5.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-5.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/sportschallengeamerica_partyroom.jpeg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-6 {
	font-family: 'Teko', sans-serif !important;
	font-size: 50px !important; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../../content/sportschallengeamerica/images/sportschallenge_pickleball.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-part-6:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../../content/sportschallengeamerica/images/sportschallenge_pickleball.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-6.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-part-6.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../../content/sportschallengeamerica/images/sportschallenge_pickleball.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  margin-top: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: rgba(255,255,255,0.0);
  border: 3px solid #dc3545;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: rgba(255,255,255,0.0);
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: rgba(255,255,255,0.0);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-rooms-1 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/bunker.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-rooms-1:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/bunker.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-1.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-1.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/bunker.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/tesla_mystery.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-rooms-2:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/tesla_mystery.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-2.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-2.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/tesla_mystery.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-3 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/zombie_lab.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px,
             #000 0px 0px 10px,   #000 0px 0px 10px,   #000 0px 0px 10px;
}

.btn-rooms-3:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 0.8), rgba(6, 84, 132, 0.8)), url(../images/zombie_lab.jpg);
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-3.active {
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

.btn-rooms-3.active:hover {
	background-image: linear-gradient(rgba(6, 84, 132, 1.0), rgba(6, 84, 132, 1.0)), url(../images/zombie_lab.jpg);
	background-color: #065484;
	text-shadow: none;
	transition: all ease 0.0s!important;
}

/*
.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  overflow-y: scroll;
}

@media screen and (max-width: 767px) {
	.modal {
	  position: relative;
	  top: auto;
	  left: auto;
	  transform: none;
	  overflow-y: scroll;
	}
}
*/

.modal-title {
	color: #fff;
}

.modal-content {
	background-color: #fff;
	color: #fff;
	border: 2px solid #065484;
	height: 100%;
}

.modal-open .modal {
	overflow: hidden;
}

.close {
	color: #000;
	opacity: 1;
}

.close:hover {
	color: #065484;
	opacity: 1;
}

.modal-header {
	border: none;
	padding: 20px;
}

.modal-body {
	padding-top: 5px;
	padding-bottom: 5px;
}

.modal-footer {
	border: none;
}

button.close {
	color: #fff;
}

#escape-content-1 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(53, 53, 53, 1.0)), url('../images/bunker_lg.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

#escape-content-2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(53, 53, 53, 1.0)), url('../images/tesla_mystery_lg.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

#escape-content-3 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(53, 53, 53, 1.0)), url('../images/zombie_lab_lg.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.escape-links:hover {
	cursor: pointer;
}

.btn-part {
    min-width: 48%!important;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
    font-size: 30px;
	font-family: 'Lilita One', cursive;
	margin: 5px!important;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #065484!important;
    border-color: #065484!important;
	border-radius: 5px;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #065484!important;
    border-color: #065484!important;
	border-radius: 5px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 5px;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
     border-radius: 5px;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: ##065484!important;
    border-color: #065484!important;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: ##065484;
    border-color: #065484;
}

.btn {
    background-color: #dc3545;
	border-color: #dc3545;
}

.container-box {
	background-color: #191918 !important;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8) !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-bottom: 25px !important;
	padding-top: 10px !important;
	margin-top: 0px !important;
	color: #fff !important;
	margin-top: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px !important;
}

.container-wrapper {
	padding: 35px;
	padding-top: 20px;
	margin-top: 10px;
	margin-bottom: 40px;
	color: #000;
	background-color: rgba(255, 255, 255, 1.0);
	box-shadow: 0 5px 5px rgb(0 0 0 / 60%);
	box-shadow: 3px 4px 32px 0px rgb(0 0 0 / 75%);
}

/* Overriding original wrapper */
.container-wrapper {
	background-color: #000 !important;
}

.text-white{
	color: #fff !important;
}

#number_of_guests{
	font-size: 25px !important;
}
#datepicker-text{
	font-size: 25px !important;
}

.availability-text {
	margin-top: -10px;
	margin-left: -10px;
}

@media screen and (max-width: 1180px) {
	.availability-text {
		margin-top: -10px;
		margin-left: 5px;
	}
}

@media screen and (max-width: 820px) {
	.availability-text {
		margin-top: -10px;
		margin-left: 5px;
	}
}

@media screen and (max-width: 767px) {
	.availability-text {
		margin-top: -10px;
		margin-left: -10px;
	}
}

.btn-good-availability {
	border-bottom: 10px solid #01d701;
}

.btn-medium-availabilty {
	border-bottom: 10px solid #ffca54;
}

.btn-low-availability {
	border-bottom: 10px solid #ff0000;
}

#availability-holder {
	padding-top: 5px;
	padding-bottom: 5px;
}

.loader-style {
	max-width: 25px;
	margin-top: 5px;
}

.btn-activity {
	font-size: 18px;
}

.activity-buttons {
	min-width: 150px;
}

@media screen and (max-width: 1180px) {
	.activity-buttons {
		min-width: 130px;
	}
}

.fa-solid {
	font-size: 18px;
}

.activity-type {
	font-family: 'Teko', sans-serif;
	font-size: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #fff;
}

@media screen and (max-width: 1180px) {
	.activity-type {
		font-size: 22px;
	}
}

hr {
	margin-top: 24px;
	border: 1px solid #dc3545;
}

.activity-row {
    color: #fff;
    margin: 5px;
    margin-left: -2px;
    margin-right: -2px;
	margin-bottom: 10px;
	padding: 0px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 5px;
	font-size: 14px;
	border: dashed 2px #dc3545;
}

.activity-icons {
	margin-top: 4px;
    color: #fff;
}

@media screen and (max-width: 1180px) {
	.activity-icons {
		margin-top: 4px;
		color: #fff;
		text-align: center;
	}
}

.activity-icons .fas:hover {
	color: #dc3545;
}

.blocks .btn-guests {
	min-width: 58px;
}


@media screen and (max-width: 1180px) {
	.blocks .btn-guests {
		min-width: 60px;
	}
}

@media screen and (max-width: 820px) {
	.blocks .btn-guests {
		min-width: 60px;
	}
}

@media screen and (max-width: 767px) {
	.blocks .btn-guests {
		width: 22%!important;
	}
}

.activity-time{
	font-size: 18px;
}

.continue-button {
	width: 100%;
	border-radius: 5px;
}

.ui-datepicker th {
	padding: 0px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}

h1,
h2,
h3 {
	color: #fff;
    line-height: 180%;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: 'Teko', sans-serif;
    margin-bottom: 0;
    clear: both;
    padding: 0;
    vertical-align: baseline;
}

h3 {
	font-family: 'Teko', sans-serif;
	font-size: 32px;
	font-weight: normal;
}

h4 {
	color: #fff;
	font-weight: normal;
	font-family: 'Teko', sans-serif;
	font-size: 24px;
}

@media screen and (max-width: 1180px) {
	h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 820px) {
	h1 {
		line-height: 40px;
		margin-bottom: 10px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 22px;
	}
	

}

.choose-date-title{
	font-size: 50px !important;
}

.link-text {
	color: #6161fa !important;
}
.link-text:hover {
	color: #dc3545 !important;
}