.clienticonwrapper
{
	display:none;
}

.ab
{
	display:none;
}
.ab_0
{
	width:100vw;
	height:80vh;
	display:block;
    background: url('img/rest2.jpg') no-repeat;
	background-size: cover;
}

.ac
{
	background-color:none;
	top:0px;
	left:0px;
	overflow:hidden;
}

.av
{
	width:100%;
	height:50px;
	display:none;
}

.am
{
	position:relative;
	width:100%;
	overflow:visible;
	padding-bottom:50px;
}
.aml, .amr
{
	display:none;
}
.ah
{
	width:90%;
	margin:0 auto;
}
.ahc
{
	float:left;
	width:100%;
}
.ahcl0
{
	display:none;
}
.ahcl1
{
	padding-top:30px;
	padding-left:80px;
	padding-bottom:25px;
}
.ahh
{
	text-decoration:none;
	color:white;
	font-size:32px;
	font-weight:bold;
	font-family:Courgette;
}
.ahw
{
	background-color:rgb(23,27,35);
}

.d3
{
	display:none;
}

.an
{
	position:relative;
	width:90%;
	margin:0 auto;
	overflow:hidden;
	z-index:38;
	left:100px;
	padding-bottom:35px;
}
/*cannot have a background-color and display inline*/
.an ul
{
	display:inline-block;
	overflow:visible;
	margin:0px;
	padding:0px;
	width:100%;
}
.an ul li
{
	list-style-type:none;
	float:left;
	margin:0px;
	margin-right:25px;
}
.an ul li a
{
	text-decoration:none;
	display:block;
	color:white;
	font-size:17px;
	padding:5px;
	border-radius:5px;
}
.an ul li a:hover
{
	background-color:rgb(50,55,62);
}
.amgn
{
	width:100%;
	overflow:auto;
	z-index:38;
}
.amgn ul
{
	display:inline-block;
	overflow:visible;
	margin:0px;
	padding:0px;
	width:100%;
}
.amgn ul li
{
	list-style-type:none;
	float:left;
	overflow:auto;
	border-radius:25px;
	
	margin:0px;
	padding:10px;
}
.amgn ul li a
{
	text-decoration:none;
	display:block;
	color:black;
	border-radius:30px;
	padding:10px;
	
}

.an2
{
	display:none;
}

.ann
{
	display:none;
	overflow:auto;
}

#ainid, #amgnid
{
	background-color:lightblue;
}
#ainiu, #amgniu
{
	background-color:darkblue;
}

.amcw
{
	overflow-x:hidden;
}

.amc, .amg
{
	overflow:visible;
	margin:5%;
	padding:5%;
	width:80%;
}
.amg
{
	width:80%;
	height:300px;
	text-decoration:none;
	color:black;
	overflow:visible;
}

.amcra, .amcla
{
	padding:10px;
	text-decoration:none;
	color:white;
	margin:5%;
	border-radius:25px;
	overflow:auto;
}
.amcra
{
	float:right;
}
.amcla
{
	float:left;
}


.amcl, .amgl
{
	float:left;
}
.amcr, .amgr
{
	float:right;
}
#x0amcwci_0
{
	overflow-x:hidden;
}
#x0amcch_0
{
	padding:0;
	margin:0;
	width:100%;
	min-height:50vh;
	padding-top:20vh;
	overflow:hidden
}
#x0amcchr_0
{
	text-align:center;
	color:white;
	text-shadow:
        0.075em 0 black,
        0 0.075em black,
        -0.075em 0 black,
        0 -0.075em black,
        -0.075em -0.075em black,
        -0.075em 0.075em black,
        0.075em -0.075em black,
        0.075em 0.075em black;
	font-size:25px;
}
#x0amcchr_1
{
	text-align:center;
	color:white;
	text-shadow:
        0.075em 0 black,
        0 0.075em black,
        -0.075em 0 black,
        0 -0.075em black,
        -0.075em -0.075em black,
        -0.075em 0.075em black,
        0.075em -0.075em black,
        0.075em 0.075em black;
	font-size:23px;
}
#x0amcchr_2
{
	width:100%;
	text-align:center;
}
#x0amcchra_2
{
	float:none;
    display: inline-block;
    padding: 0.5rem 1rem;
    background: #e67e22;
    color: #fff;
    border-radius: 5px;
    margin-top: 1rem;
}
#x0amcchra_2:hover
{
	transform: scale(1.1);
	background: #f39c56;
}

#x0amcwt_0
{
	width:50%;
	overflow:visible;
}
#x0amctt_0
{
	position:relative;
	margin-left:10%;
	margin-top:40px;
	margin-bottom:30px;
	color:#333;
	font-size:25px;
}

.amcwccc1
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	width:70%;
	margin-left:15%;
	
}
.amccc1
{
    transition: transform 0.3s ease;
    background: #f9f9f9;
    padding: 1rem;
    margin: 1rem;
    width: 30%;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.amccc1:hover
{
	transform: scale(1.1);
}

.amccc1l, .amccc1r
{
	width:100%;
}
.amccc1l h1, .amccc1r h1
{
    font-size: 1.5rem;
    color: #e67e22;
}
.x0amcrd , .x0amcld
{
    font-weight: bold;
    color: #555;
}


#x0amcwte_0, #x0amcwte_1
{
    transition: transform 0.3s ease;
    padding: 80px 5%;
    background: #e67e22;
    color: #fff;
    text-align: center;
	font-size:18px;
	width:90%;
}
#x0amcwte_0 p, #x0amcwte_1 p
{
	margin:0;
}
#x0amcwte_0
{
	margin-top:100px;
	padding-bottom:10px;
	font-size:30px;
	font-weight:bold;
}
#x0amcwte_1
{
	padding-top:10px;
}

#x3amcwccc1_0
{
	width:50%;
	margin-left:25%;
	position:relative;
	margin-top:5vh;
}
.x3amccc1
{
	width:40%;
}


#x0amcwtt_0, #x0amcwte_0
{
	text-align:center;
	color:#333;
}
#x0amcwtt_0
{
	font-size:10px;
}
#x1amcwtt_0
{
	font-size:20px;
}
#x1amcwtt_0, #x1amcwte_0
{
	margin-top:3vh;
	color:white;
	text-align:center;
	text-shadow:
        0.075em 0 black,
        0 0.075em black,
        -0.075em 0 black,
        0 -0.075em black,
        -0.075em -0.075em black,
        -0.075em 0.075em black,
        0.075em -0.075em black,
        0.075em 0.075em black;
}
#x1amcwte_0
{
}
#x1amcwte_0 p
{
	width:50%;
	margin-left:22%;
	background-color:rgba(23,27,35,0.9);
	border-radius:15px;
	padding:3%;
	font-size:20px;
}

.af{
	overflow:auto;
	width:100%;
	background-color:rgb(23,27,35);
	padding:1rem 0;
}
.afc
{
	width:100%;
	margin:0px;
	padding:0px;
}
.afcr, .afcl
{
	width:100%;
	text-align:center;
	color:white;
}





.ae
{
	background-color:rgb(23,27,35);
	padding:5%;
	overflow:auto;
}

.ae p
{
	color:white;
	font-size:20px;
}
.ae label
{
	color:white;
	padding:3%;
	float:left;
}
.ae h1
{
	color:white;
}

.ae input[type="text"]
{
	width:90%;
	margin-left:5%;
	color:black;
	background-color:white;
}
.ae input[type="email"]
{
	width:90%;
	color:black;
	margin-left:5%;
	background-color:white;
}
.ae textarea
{
	width:90%;
	margin-left:5%;
	height:300px;
	display:block;
	resize:none;
	background-color:white;
}
.emailbutton
{
	float:right;
	margin-right:5%;
	margin-top:3%;
	padding:10px;
	border-radius:5px;
	color:white;
	background-color:rgb(53,45,60);
	border-style:none;
}
.emailbutton:hover
{
	background-color:rgb(23,27,35);
}



.amccc2
{
	margin:0;
	width:90%;
	padding-top:50px;
	padding-bottom:100px;
}
.amccc2l, .amccc2r
{
	width:100%;
}

.amccc2lT ,.amccc2lt
{
	width:100%;
	text-align:center;
	color:#333;
}








body
{
	background-color:white;
	margin:0px;
	padding:0px;
    font-family: 'Arial', sans-serif;
	width:100vw;
}


@media screen and (orientation: portrait)
{
	.ahw
	{
	}
	.am, .amcw
	{
		width:100%;
		left:0;
	}
	.amcwci
	{
		min-height:90vh;
	}
	.ah, .an
	{
		width:100%;
		left:0;
	}
	.an
	{
		text-align:center;
		overflow:visible;
	}
	.ahcl1
	{
		padding-left:0;
		text-align:center;
	}
	.ab_0
	{
		height:100vh;
		background-size: cover;
	}
	.an ul li
	{
		width:25%;
		margin:0;
		min-width:50px;
	}
	#x0amcchr_0
	{
		font-size:15px;
	}
	#x1amcwte_0 p
	{
		width:80%;
		margin-left:7.5%;
		margin-bottom:20vh;
	}
	#x0amcch_0
	{
		padding-top:10vh;
	}
	
	.amcwcal4 
	{
		margin-top:5vh;
	}
	#x2ae_0
	{
		margin-top:5vh;
		margin-bottom:5vh;
		padding-bottom:10vh;
	}
	
	#x3amcwccc1_0
	{
		width:100%;
		left:0;
		margin-bottom:5vh;
	}
	.amcwccc1
	{
		width:90%;
		margin-left:5%;
	}
	.amccc1
	{
		width:100%;
		margin:0;
		margin-top:2vh;
	}
	#x3amcwccc1_0
	{
		width:90%;
		margin-left:5%;
		margin-bottom:20vh;
	}
}

.af .at
{
	text-align:center;
	color:white;
}

@font-face {
    font-family: "Courgette";
    src: url("fonts/Courgette.ttf");
}


@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


.amcwccc1,#x0amcwt_0,#x0amcwtt_0, .at, .ae, .calendarwrapper {
	transform: translateX(-100%);
    opacity: 0; /* Initially hidden */
    animation: slideInFromLeft 0.5s ease forwards;
}
#x0amcch_0,#x1amcwtt_0, #x1amcwte_0,.x0amccc2
{
	overflow-x:hidden;

	transform: translateX(100%);
    opacity: 0; /* Initially hidden */
    animation: slideInFromRight 0.5s ease forwards;
}