@font-face {
	font-family: 'AvantGarde';
	font-style: normal;
	src: url(ITCAvantGardeStd-Md.ttf);
  }

  @font-face {
	font-family: 'AvantGarde';
	font-weight:bold;
	src: url(ITCAvantGardeStd-Bold.ttf);
  }

  @font-face {
	font-family: 'AvantGardeBK';
	font-style: normal;
	src: url(ITCAvantGardeStd-Bk.ttf);
  }

  @font-face {
	font-family: 'AvantGardeLt';
	font-style: normal;
	src: url(ITCAvantGardeStd-XLt_0.ttf);
  }

  a {
	  color:inherit;
  }

input {
/*    -webkit-appearance: none;*/
}

.swal2-styled.swal2-confirm {
	background-color:#e01f22!important;
}

.swal2-title {
	font-size:14px!important;
	font-family: 'AvantGardeBK';
}

button {
	background-color:#e01f22;
	color:white;
	width:250px;
	height:35px;
	font-weight: bold;
	font-size:14px;
	line-height:20px;
	border:none;
	border-radius:15px;
}

.buttonSmall {
	width:100px;
}

.buttonBooked {
	background-color:#e01f22!important;
	color:white!important;
}

input:active {
outline: none;
border: none;
}

input:focus {outline:0;}

textarea:active {
outline: none;
border: none;
}

textarea:focus {outline:0;}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    /*background-color:white;*/
    font-family: AvantGarde;
    font-size:12px;
    height:100vh;
    margin:0px;
    padding:0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    /*padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);*/
    width:100%;
	overflow-x:hidden;
	background-color:#000000;
}

/* Portrait layout (default) */
.app {
    position:absolute;             /* position in the center of the screen */
    left:0px;
    top:0px;
    height:100%;                   /* text area height */
    width:100%;                   /* text area width */
    text-align:center;
}

.logo {
	display:none;
}

.page {
	overflow-x:hidden;
	background-color:white;
}

.red {
	color:#e31d1a;
}

.grey {
	color:#7b868c;
}

.green {
	color:#498b2a;
}

.pageContainer
{	
	width: 100%;
	display:none;
}

.topBar {
	display:none;
	position:absolute;
	top:0px;
	padding-top:20px;
	text-align: center;
	width:100%;
	background-color:black;
	height:60px;
}

.topBar img {
	width:80px;
}

.topBarRestaurant {
	display:none;
	position:absolute;
	top:20px;
	text-align: center;
	width:100%;
}

.topBarRestaurant img {
	width:150px;
}


.menuIcon {
	position:absolute;
	top:30px;
	right:25px;
}

.menuIcon img {
	width:25px;
}

.backIcon {
	position:absolute;
	top:25px;
	left:25px;
}

.backIcon img {
	width:25px;
}

.userIcon {
	position:absolute;
	top:25px;
	left:25px;
}

.userIcon img {
	width:25px;
}

.bottomBar {
	display:none;
	position:fixed;
	bottom:0px;
	text-align: center;
	width:100%;
}

.bottomBar img {
	width:100%;
	display:block;
}

.bottomSpacing {
	height:200px;
}

.menu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}

.menuInner {
	position:absolute;
	top:80px;
	width:90%;
	left:5%;
	background-color:black;
	border-radius: 20px;
	text-align: center;
	color:white;
	text-transform: uppercase;
	font-family: AvantGardeBK;
	font-size:22px;
	line-height:40px;
}

.menuLogo {
	width:180px;
}

.menuInner div {
	padding-top:3px;
}

.menuInnerSpecial {
	font-weight: bold;
	text-decoration: underline;
}

.menuClose {
	position:absolute;
	top:0px;
	right:20px;
}

.menuClose img {
	width:18px;
}

/*LANG*/
#page_login {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
	background-color:white;
}

.loginTop {
	padding-top:10px;
	text-align: center;
}

.loginTop img {
	width:90%;
}

.loginCenter {
	padding-top:100px;
	text-align:center;
	overflow-y:scroll;
	color:black;
	font-size:15px;
}

.loginCenter img {
	width:150px;
}

.loginInput {

}

.loginInput input {
	width:90%;
	max-width:300px;
	height:30px;
	border-radius:5px;
	font-size:20px;
}

/*LANG*/
#page_reg {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	padding-top:100px;
	box-sizing: border-box;
	background-color:white;
}

.regTop {
	padding-top:10px;
	text-align: center;
}

.regTop img {
	width:90%;
}

.regCenter {
	padding-top:0px;
	text-align:center;
	overflow-y:scroll;
	color:black;
	font-size:18px;
	line-height:22px;
}

.regInput {
	text-align: left;
	margin:0 auto;
	font-size:14px;
	line-height:22px;
	text-align:center;
}

.regInput input {
	width:90%;
	max-width:300px;
	height:30px;
	border-radius:5px;
	font-size:20px;
}

.regButton {
	width:250px;
}

.regPrivacyBox {
	width:300px;
	padding-bottom:15px;
	margin:0 auto;
}

.regPrivacyCheck {
	width:30px;
	display:inline-block;
}

.regPrivacyLabel {
	width:260px;
	display:inline-block;
	color:#34629f;
	font-size:13px;
	line-height:18px;
	text-align:left;
	vertical-align: top;
}

/*CLASSES*/
#page_classes {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.classesCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:14px;
	line-height: 14px;
}

.classesCalendarContainer {
	width:100%;
	overflow-x:scroll;
	scrollbar-width: none;
	background-color: #2a2a2a;
}

.classesCalendarContainer::-webkit-scrollbar {
	  display: none;
}

.classesCalendar {
	padding:2px 0 0 0;
	background-color:#2a2a2a;
	color:#8a8a8a;
}

.classesCalendarSelected {
	padding:2px 0;
	background-color:#2a2a2a;
	color:white;
	background-image:url(../img/triangle.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.classesCalendarDay {
	display:inline-block;
	width:50px;
	font-size:14px;
	text-align:center;
	padding-bottom:5px;
}

.classesCalendarDay b {
	display:block;
}

.classesCalendarInfo {
	color:black;
	font-size:13px;
	border-bottom:#8a8a8a solid 1px;
	padding:5px 5px;
	box-sizing: border-box;
}

.classesItems {
	overflow-y:scroll;
}

.classesItem {
	display:table;
	width:100%;
	box-sizing: border-box;
	padding:10px;
	border-bottom:solid 1px #dadada;
}

.classesItemLeft {
	display:table-cell;
	width:70%;
}

.classesItemImg img {
	width:50px;
	display:inline-block;
	vertical-align: top;
}

.classesItemTime {
	font-weight:bold;
	padding-bottom:5px;
	font-size:20px;
	line-height: 20px;
}

.classesItemDesc {
	display:inline-block;
	vertical-align: top;
	line-height:20px;
}

.classesItemDesc b {
	font-weight: bold;
	text-transform: uppercase;
}

.classesItemRight {
	display:table-cell;
	width:30%;
	text-align:right;
	vertical-align: middle;
}

.classesItemRight button {
	width:80px;
	font-size:10px;
	background-color:white;
	border:solid 2px #e01f22;
	color:#e01f22;
	border-radius:10px;
	text-transform: uppercase;
}

/*BOOKING*/

#page_booking {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.bookingCenter {
	text-align:center;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:14px;
	line-height: 14px;
	width:95%;
	margin:0 auto;
}

.bookingCenter b {
	font-size:16px;
	line-height: 16px;
}

.bookingDisabled {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}

/*MY BOOKINGS*/

#page_mybookings {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.mybookingsCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:14px;
	line-height: 14px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
}

.mybookingsCenter b {
	font-size:16px;
	line-height: 16px;
}

/*MY PROFILE*/

#page_myprofile {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.myprofileCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:20px;
	line-height: 22px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
	overflow-wrap: break-word;
}

.myprofileCenter b {
	font-size:24px;
	line-height: 28px;
}

.myprofileCenter input {
	width:90%;
	max-width:300px;
	height:30px;
	border-radius:5px;
	font-size:20px;
}

/*ABOUT US*/

#page_aboutus {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.aboutusCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:20px;
	line-height: 22px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
}

.aboutusCenter img {
	width:100%;
}

.aboutusCenter b {
	font-size:24px;
	line-height: 28px;
}

/*PRICES*/

#page_prices {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.pricesCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:20px;
	line-height: 22px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
}

.pricesCenterTitle {
	font-size:24px;
	line-height: 28px;
}

/*RULES*/

#page_rules {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.rulesCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:20px;
	line-height: 22px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
}

.rulesCenter b {
	font-size:24px;
	line-height: 28px;
}

/*HOURS*/

#page_hours {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:80px;
	box-sizing: border-box;
	background-color:white;
}

.hoursCenter {
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	font-size:20px;
	line-height: 22px;
	width:95%;
	margin:0 auto;
	overflow-y: scroll;
}

.hoursCenter b {
	font-size:24px;
	line-height: 28px;
}

/*HOME*/
#page_home {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	min-height:100%;
	padding-top:100px;
	box-sizing: border-box;
	background-color:white;
}

.homeTop img {
	width:100%;
}

.homeCenter {
	text-align:center;
	padding-top:0px;
	box-sizing: border-box;
	color:black;
	text-transform: uppercase;
	font-size:14px;
	line-height: 14px;
	overflow-y: scroll;
}

.homeCenter img {
	width:75px;
	margin-bottom:5px;
}

.homeCenterItem {
	display:inline-block;	
	vertical-align: top;
	padding:8px;
}

.homeButton {
	display:inline-block;
	padding:20px;
}

.homeButtonOuter {
	width:200px;
	height:200px;
	border:solid 1px #5a5a5a;
	border-radius:5px;
	display:table;
	text-align:center;
	background-color:#9a0a2d;
}
.homeButtonInner {
	display:table-cell;
	vertical-align:middle;
	font-size:30px;
	color:white;
}

.homeButtonOuter:active { 
  background-color: #bc2c4f;
}

.homeBox {
	width:90%;
	margin:0 auto 10px auto;
	text-align: left;
	border:solid 1px #2a2a2a;
	padding:15px;
	box-sizing: border-box;
}

.homeBox p {
	margin:0;
}

.homeCreditBox {
	width:100%;
}

.homeCreditBoxLeft {
	text-align:left;
	vertical-align: top;
}

.homeCreditBoxRight {
	text-align:right;
	vertical-align: top;
}

.homeCreditBoxLeftMid {
	text-align:left;
	vertical-align: middle;
}

.homeCreditBoxRightMid {
	text-align:right;
	vertical-align: middle;
}

#subscriptionInfo img {
	width:28px;
	vertical-align: middle;
}

.homePrivacy {
	font-size:14px;
	line-height:16px;
}

#creditsInfo {
	font-size:18px;
	line-height:20px;
}

#expirationInfo {
	font-size:18px;
	line-height:20px;
}

#alertsInfo {
	text-transform:none;
	line-height:16px;
}

#alertPopup {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:1000;
	display:none;
	flex-direction:column;
	justify-content:center;
}

.alertPopupInner {
	margin:0 auto;
	width:96%;
	border-radius:10px;
	border:solid 1px black;	
	display:inline-block;
	background-color:white;
	text-align:center;
	font-size:16px;
	line-height:18px;
	max-height:90%;
	overflow-y:scroll;
}

.activityButton {
	display:inline-block;
	padding:20px;
}

.activityButtonOuter {
	width:180px;
	height:100px;
	border:solid 1px #5a5a5a;
	border-radius:5px;
	display:table;
	text-align:center;
	background-color:#9a0a2d;
}
.activityButtonInner {
	display:table-cell;
	vertical-align:middle;
	font-size:30px;
	color:white;
}

.activityButtonOuter:active { 
  background-color: #bc2c4f;
}

.homeBanner {
	display:none;
	position:fixed;
	bottom:0px;
	text-align:center;
/*	margin-left:-120px;
	left:50%;
	width:240px;*/
}

.homeBannerInner {
	background-color:#f1f8ff;
	color:#36393e;
	font-size:12px;
	line-height:14px;
	margin:0 auto;
	border-radius:5px;
	padding:3px 10px 10px 10px;
	box-sizing: border-box;
}

.homeBannerInner img {
	width:15px;
}

.arrow-down {
	display:inline-block;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f1f8ff;
  }