html
{
	overflow-y:scroll;
	overflow-x:hidden;
}

h1
{
	font-size:1.7em;
}

.ab
{
	display:none;
}

.ac
{
	background-color:rgba(230,230,230,0.74);
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	width:100vw;
}

.av
{
	float:left;
	position:relative;
	width:80%;
	margin-top:8vh;
	background-color:transparent;
	padding-bottom:3vw;
	left:10%;
	background:linear-gradient(to bottom,rgba(235,235,235,0.1),rgba(235,235,235,1));
}
.av::before
{
	display:block;
	position:absolute;
    content: '';
	height:2px;
	background-color:black;
	width:0%;
	animation: expandBorder 3s forwards, fadeBackground 4s infinite alternate;
	float:left;
	left:10%;
	will-change:transform;
}
@keyframes expandBorder {
    100% {
      width: 80%; /* Set width to 100% to fill the bottom */
    }
  }

.am
{
	position:relative;
	display:block;
	background-color:transparent;
	left:25%;
	width:50%;
	min-height:60vh;
}
.aml
{
	position:absolute;
	background-color:transparent;
	left:1vw;
	top:200px;
	width:14%;
	overflow:visible;
	z-index:3;
}
.amr
{
	position:absolute;
	background-color:transparent;
	left:86%;
	top:10px;
	width:13%;
	overflow:hidden;
	z-index:3;
}
.ah
{
	width:100%;
	float:left;
}
.ahc
{
	float:left;
	width:100%;
}
.ahc p
{
	background-color:black;
}
.ahc a
{
	text-decoration:none;
	color:black;
}
.ahc img
{
	width:40%;
}
.ahcl
{
	float:left;
}
.ahcr
{
	float:right;
}

.ahh
{
	position:absolute;
	top:2vh;
	left: 14vw;
	display:none
}

.headerlogo, .an_0
{
	display:none;
}

.d3
{
	float:left;
	background-color:black;
	margin:1px;
	overflow:visible;
	display:inline-block;
	width:30px;
	height:50px;
	border-radius:50px;
	transform: rotate(270deg);
}
.d3i
{
	width:100%;
	height:4px;
	background-color:rgb(230,230,230);
	margin-top:5px;
	overflow:visible;
}

.an, .amgn
{
	background-color:transparent;
	width:100%;
	overflow:visible;
	z-index:10;
}
/*cannot have a background-color and display inline*/
.an ul, .amgn ul
{
	border-radius:10px;
	display:inline-block;
	overflow:visible;
	margin:0px;
	padding:0px;
	width:100%;
	z-index:13;
}
.an ul li, .amgn ul li
{
	list-style-type:none;
	float:left;
	background-color:transparent;
	overflow:auto;
	border-radius:5px;
	margin:0px;
	z-index:13;
}
.an ul li a, .amgn ul li a, .navbarbutton
{
	font-family:Courgette;
	text-decoration:none;
	display:block;
	color:black;
	background-color:rgb(235,235,235);
	padding:5px;
	font-size:25px;
	border-radius:10px;
	float:left;
}

.an ul li a:hover, .navbarbutton:hover
{
	background-color:black;
	color:rgb(235,235,235);
}
#navbaractive,#navbaractivean2
{
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-underline-offset: 3px;
	background-color:black;
	color:rgb(230,230,230);
}

.an2{
	float:left;
	position:fixed;
	left:13.5vw;
	top:6vh;
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	overflow:visible;
	z-index:10;
}
.an2 ul
{
	display:flex;
	flex-direction:column;
	position:relative;
	overflow:visible;
	z-index:13;
	float:left;
}

.an2 ul li
{
	position:relative;
	float:left;
	z-index:13;
	width:100%;
}

.an2 ul li:last-child
{
}

.ann
{
	overflow:auto;
	padding:0px;
	margin:0px;
	margin-left:5%;
	width:90%;
}

.annd
{
	width:100%;
	float:left;
}

.amda
{
	margin-left:15%;
	margin-top:0%;
}
.ain
{
	background-color:transparent;
	position:relative;
	z-index:20;
	overflow:hidden;
}
.dain
{
	margin-left:15%;
	margin-top:0%;
}
/*cannot have a background-color and display inline*/
.ain ul
{
	background-color:transparent;
	display:block;
	overflow:visible;
	margin:0px;
	padding:0px;
	margin-left:47%;
	width:30%;
	
}
.ain ul li
{
	list-style-type:none;
	float:left;
	background-color:darkgrey;
	overflow:auto;
	border-radius:25px;
	display:inline-block;
	margin:0px;
	padding:6px;
}
#ainid, #amgnid
{
	background-color:grey;
}
#ainiu, #amgniu
{
	background-color:black;
}

.aig
.aig ul li
{
	list-style-type:none;
}
.aig ul li a
{
	text-decoration:none;
	color:orange;
}
.aih ul li
{
	
	list-style-type:none;
}
.aih img
{
	width:100%;
	height:auto;
}

.ae
{
	width:90%;
	background-color:transparent;
	padding:5%;
}

.ae p
{
	font-size:20px;
	width:99%;
	overflow:visible;
}
.ae h1
{
	width:99%;
	overflow:visible;
}

.ae input[type="email"]
{
	width:96.5%;
	background-color:black;
	color:white;
	font-size:18px;
	padding:5px;
	border-radius:10px 10px 10px 0px;
}
.ae textarea
{
	width:98%;
	height:27vh;
	display: block;
	resize: none;
	background-color:black;
	color:white;
	font-size:18px;
	padding:5px;
	border-radius:0px 20px 0px 20px;
}
.emaillabel
{
	font-size:20px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
.emailbuttonholder
{
	margin-top:17px;
	float:right;
}
.emailbutton
{
	background-color:black;
	color:white;
	border-radius:0px 10px 10px 10px;
	padding:7px;
	font-size:17px;
	font-family:Courgette;
	margin:0px;
	right:-13px;
	position:relative
}
.emailbutton:hover
{
	background-color:darkgrey;
	color:black;
}

.amcw
{
	position:relative;
	display:block;
	border-style:solid;
	border-color:black;
	border-width: 0px 2px 2px 2px;
	padding:0;
	width:80%;
	margin-left:10%;
	padding-bottom:10vh;
	background-color:rgb(235,235,235);
	will-change:transform,opacity;
}

.yat p
{
	font-size:1.4vw;
	padding-bottom:0px;
	margin-bottom:0px;
}

.amctc
{
	position:fixed;
	left:89.5vw;
	top:7vw;
	font-size:1.6vw;
	color:black;
	text-decoration:none;
	padding:5px;
	border-radius:10px;
}
.amctw
{
	position:relative;
	margin:0px;
	padding:0px;
	left:5%;
	margin-top:40px;
	margin-bottom:40px;
	font-size:1.7em;
	width:90%;
	text-align:center;
}
.amctc:hover
{
	background-color:black;
	color:rgb(230,230,230);
}

.amggw
{
	border-style:solid;
	border-width:0px 0px 2px 0px;
	border-color:black;
	margin-bottom:55%;
}
.amcwcg
{
	position:relative;
	width:100%;
	left:0px;
	overflow:auto;
}
.amc, .amg
{
	background-color:transparent;
	overflow:hidden;
	margin:1%;
	padding:1%;
	margin-left:5%;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:rgba(50,50,50,1.0);
	width:88%;
	margin-top:10vh;
}
.x1amc
{
	margin:0;
}
.amclll:last-child
{
	border-style:none;
}

.camc
{
	margin-left:55%;
	margin-top:1%;
	margin-bottom:1%;
	padding-bottom:0px;
	border-style:none;
}
.damc
{
	margin-top:5%;
}
.amv
{
	position:relative;
	overflow:auto;
}
.yat
{
	padding-bottom:10vh;
}
.amg
{
	display:none;
	text-decoration:none;
	color:rgb(230,230,230);
	background-color:transparent;
	overflow:visible;
	margin-top:5%;
	margin-bottom:5%;
}
.amcra, .amcla
{
	float:left;
	padding:1%;
	text-decoration:none;
	background-color:black;
	border-radius:25px;
	color:rgb(230,230,230);
	font-size:20px;
	padding:10px;
}

.amcra:hover, .amcla:hover
{
	background-color:rgb(230,230,230);
	color:black;
}

.amcra
{
	float:right;
}
.amcla
{
	float:left;
}


.amcl, .amcr, .amgl, .amgr
{
	margin:1%;
	top:0px;
}


.amcl, .amgl
{
	float:left;
	background-color:transparent;
	margin-left:9%;
	padding-top:2%;
	padding-bottom:2%;
	width:40%;
}
.amcr, .amgr
{
	float:right;
	background-color:transparent;
	margin-right:9%;
	padding-top:2%;
	padding-bottom:2%;
	width:40%;
	text-align:right;
}
.amccicl,.amccicr
{
	width:100%;
}
.amcwcq
{
	width:99%;
	overflow:auto;
}

.amcq, .amcu
{
	float:left;
	width:24%;
	margin:0px;
	padding:0px;
	background-color:transparent;
	border-style:none;
	text-align: center;
}

.amcci
{
	display:none;
	width:70%;
	margin-left:18%;
	padding:0px;
	border-style:none;
	float:right;
}
.amccil, .amccir
{
	width:99%;
	border-style:none;
}
.amccilT,.amccirT,.amccilt,.amccirt,.amccild,.amccird,.amccila,.amccira
{
	display:none;
}
.amcu
{
	width:32%;
}

.amcql, .amcqr, .amcul, .amcur
{
	width:100%;
	margin:0px;
	padding:0px;
}


.amcchl,.amcchr,.amcch,.amccic,.amccicr,.amccicl
{
	border-style:none;
}


.amcq img, .amcu img
{
	width:97%;
	height:auto;
}



.amcl .amcpl, .amcr .amcpr, .amgl .amcpl, .amgr amcpr
{
	background-color:transparent;
	margin:0px;
	color:black;
	margin-left:2.5%;
	font-size:20px;
}
.amcl .amch1l, .amcr .amch1r, .amgl .amch1l, .amgr .amch1r, .webshopitemname h2, .eventtitle
{
	background-color:transparent;
	font-size:30px;
	color:black;
	margin:0px;
	padding:0px;
}
.amcr .amch1r
{
	
	margin-left:5%;
	margin-right:10%;
}

.amccicr
{
	
	margin-right:0px;
}

.at{
	margin-top:20px;
	font-size:20px;
}
.amcwt,.amcwt2,.amcwt3,.amcwt4
{
	text-align:center;
}
.amctt
{
	position:relative;
	display:inline-block;
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-underline-offset: 3px;
	font-size:35px;
	font-weight:bold;
	color:black;
	margin:0px;
}
.amcf
{
	width:100%;
	border-style:none;
	margin:0px;
	padding:0px;
}
.amcfl, .amcfr
{
	width:100%;
	border-style:none;
	padding:0px;
	margin:0px;
}
.amcf img
{
	display:block;
	width:60%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.amcwct
{
	width:99%;
	overflow:auto;
}

.amcu
{
	width:33%;
	float:left;
	border-style:none;
	margin:0px;
	padding:0px;
}
.amcul, .amcur
{
	width:100%;
	border-style:none;
	padding:0px;
	margin:0px;
}
.amcd
{
	width:45%;
	float:left;
	margin:1%;
	padding:1%;
	border-style:none;
}
.amcdl,.amcdr
{
	width:99%;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:transparent;
	border-style:none;
}

.amcwcs
{
	width:99%;
	overflow:visible;
	margin:0px;
	padding:0px;
}
.amcs
{
	width:35px;
	height:35px;
	float:left;
	margin:0px;
	padding:1px;
	margin-left:5px;
	overflow:visible;
}
.amcsl,.amcsr
{
	width:100%;
	padding:0px;
	margin:0px;
}
.amcs img
{
	width:98%;
	height:98%;
	margin:0px;
	padding:0px;
}
.amcs a
{
	margin:0px;
	padding:0px;
}

.af{
	overflow:auto;
	width:95%;
	background-color:transparent;
	margin-top:20vh;
	margin-bottom:2vw;
}


.amcc2
{
	width:46%;
	margin:1%;
}
.amcc3
{
	width:28%;
	margin:1%;
}
.amcc4
{
	width:20%;
	margin:1%;
}

.amcwte
{
	margin-left:10%;
	width:80%;
}
.amcwte p
{
	margin-top:0;
	padding-top:0;
	text-align:center;
}

.x1at
{
	font-size:25px;
}

.afc
{
	overflow:auto;
	background-color:transparent;
	float:right;
	width:32%;
	margin:0px;
	padding:0px;
	border-style:none;
}
.afc p
{
	background-color:transparent;
	padding:2%;
	font-size:1.5vw;
	font-weight:bold;
}
.afcl, .afcr
{
	width:70%;
	top:0px;
}
.afcl img, .afcr img
{
	width:100%;
}
.afcl
{
	position:relative;
	float:left;
	background-color:transparent;
}
.afcr
{
	float:right;
	position:relative;
	padding-left:20%;
	width:80;
	background-color:transparent;
}
.afc:last-child
{
	width:30%;
}
.afc:last-child .afcr
{
	border-style:none;
}

.

/* standard padding & margin are not 0 */

.iframe-html
{
	width:45%;
	height:1000px;
	float:left;
	background-color:black;
}
.filetext
{
	position:relative;
	margin-left:5vw;
	width:80vw;
	height:90vh;
	float:left;
	resize: none;
}
#ew_1
{
	margin:0px;
	left:0px;
	width:100%;
}
.uiah, .uian, .uiaf, .ueah, .uean, .ueaf, .uecah, .uecan, .uecaf, .uuab, .uuaf, .uuan, .ueiab, .ueiaf, .ueian, .uiab, .ueab, .uecab, .ueiab
{
	display:none;
}

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

a
{
	text-decoration:none;
	color:black;
}

.cartittems
{
	color:black;
	text-shadow:none;
}

body
{
	background-color:rgb(255,255,255);
	color:black;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	font-family:Courgette;
}
html
{
	scrollbar-color: black rgb(230,230,230);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgb(230,230,230);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 5px;
}

.fade-in, .ab, .contentitemdisplayer, .eventregister, .eventimg, canvas{
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
  animation: fadeIn 4s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.fade-in-out,.aigs, #ainiu,#amgniu, .amcci{
  -webkit-animation: fadeInOut 8s;
  -moz-animation: fadeInOut 8s;
  -o-animation: fadeInOut 8s;
  -ms-animation: fadeInOut 8s;
  animation: fadeInOut 8s;
}
@keyframes fadeInOut {
  0% {opacity:0;}
  30% {opacity:1;}
  75% {opacity:1;}
  100% {opacity:0;}
}

.fading-border, .av ,.amcw {
    animation: fadeBorder 4s infinite alternate;
  }

@keyframes fadeBorder {
    0% {
      border-color: transparent;
    }
    100% {
      border-color: black; /* Change this to whatever color you want */
    }
  }
@keyframes fadeBackground {
    0% {
      background-color: transparent;
    }
    100% {
      background-color: black; /* Change this to whatever color you want */
    }
  }

.line
{
	float:left;
	width:89%;
	margin-left:5%;
	border-style:solid;
	border-width:1px 0px 0px 0px;
}

.eventsholder
{
	border-style:solid;
	border-width:0px 0px 1px 0px;
	padding:0;
	margin-left:5%;
	padding-bottom:5vh;
	width:89%;
}
.eventholder
{
	width:90%;
	margin-left:5%;
}
.eventtextholder
{
	margin-left:5%;
	width:44%;
}
.webshopitem
{
	padding-bottom:5vh;
}

.camcw
{
	padding-bottom:0px;
}

#x2amccic_0
{
	margin-top:15vh;
}

.amcwce2
{
	padding:5%;
	width:39%;
}

.eventholder
{
	margin-top:10vh;
}

.calendarwrapper
{
	width:60%;
	margin-left:20%;
	margin-bottom:50px;
}

.webshopitemimg img
{
	margin-left:25%;
}


.x4amclT
{
	margin:0;
}
.x4amclt
{
	margin:0;
	width:80%;
}

.webshopiteminfo
{
	width:35%;
	margin-right:5%;
}

#x0amcwtt_0
{
	margin-top:5vh;
}

#x0amcwtt2_0
{
	width:40%;
	margin-left:4%;
}
.amccir img
{
	width:90%;
}

@media screen and (orientation: portrait)
{
	.amcci
	{
		float:left;
	}
	#x0amctw_0
	{
		left:5%;
	}
	.amc
	{
		margin-left:5%;
		margin-top:5vh;
	}
	.an
	{
		top:0vw;
		position:fixed;
	}
	.clienticonwrapper
	{
		top:0px;
		right:0px;
		margin-top:0px;
		position:fixed;
		border-radius:2px;
		background-color:rgb(230,230,230);
	}
	.amc .amch1l,.amc .amch1r, .webshopitemname h2, .eventtitle,.anctw, h1, .amctw
	{
		margin:0;
		font-size:20px;
		margin-top:5%;
		margin-bottom:5%;
	}
	.eventtitle
	{
		margin-top:0;
		margin-bottom:0;
	}
	.amc .amch1l,.amc .amch1r
	{
		text-align:center;
	}
	.amcl,.amcr
	{
		width:99%;
		margin:0px;
		text-align:center;
	}
	.x2amc
	{
		margin-top:3vh;
		margin-bottom:2vh;
	}
	.am
	{
		left:5vw;
		width:90vw;
	}
	.amcwte p
	{
		font-size:20px;
	}
	.amctw
	{
		text-align:center;
	}
	.amcci
	{
		width:90%;
	}
	.eventtextholder
	{
		width:90%;
	}
	.amcw
	{
		width:99%;
		margin-left:0;
		animation:none;
	}
	.av
	{
		margin-top:4vh;
	}
	.ac
	{
		background-color:rgba(230,230,230,0.5);
	}
	.amcww,.line,.amc,.eventsholder
	{
		margin-bottom:5vh;
	}
	.amcwcg2,.amcwtt2
	{
		margin-bottom:0px;
	}
	.webshopitem,.amcci
	{
		margin-bottom:0px;
	}
	.amcla
	{
		margin-left:0px;
		float:none;
		margin-bottom:5%;
	}
	.amcsl,.amcsr
	{
		text-align:center;
	}
	.amcra
	{
		float:none;
		margin-right:0px;
	}
	.amcww:last-child, .amcw
	{
		padding-bottom:0px;
	}
	.amcwce2
	{
		padding:0px;
		width:99%;
		margin-bottom:3vh;
	}
	#x2amccic_0
	{
		margin-top:0px;
		margin-bottom:0px;
	}
	#x2amcwci4_0
	{
		margin-bottom:0px;
	}
	.an2
	{
		left:1vw;
		top:10px;
	}
	#x2amccic_0
	{
		width:50%;
		margin-left:25%;
	}
	.calendarwrapper
	{
		width:90%;
		margin-left:0;
	}
	.webshopitemimg
	{
		width:30%;
	}
	.webshopiteminfo
	{
		float:right;
		margin-right:3%
	}
	.d3
	{
		transform: rotate(0deg);
		width:8vw;
	}
	.x4amclt
	{
		width:100%;
		margin-bottom:10px;
	}
	#x0amcwtt2_0
	{
		width:100%;
		margin-left:0;
	}
	.webshopitemimg
	{
		width:90%;
		margin-left:5%;
	}
	.webshopitemimg img
	{
		margin-left:0;
	}
	.webshopiteminfo
	{
		width:90%;
		margin-left:5%;
	}
	.x1at
	{
		text-align:center;
	}
}