.acsEventWrapper
{
position:relative;

display:inline-block;
float:left;
width:73%;
height:340px;
background-color:white;
top:110px;
max-height:350px;
overflow:hidden;
border-radius:0px;
margin-left:10px;
background-image:linear-gradient(to left,#AACAE6,transparent);

}

.acsEventWrapper:hover

{

	height:350px;

}

.acsEventWrapper ::-webkit-scrollbar 

{

width: 0px; 

background: transparent; 

}

.eventtext

{

	

	width:100%;

	height:40px;

	line-height:40px;

	text-align:left;

	padding-left:10%;

	background-color:#7ECAF2;

	font-size:20px;

	font-weight:bold;

	opacity:0.85;

	

	//background-image:linear-gradient(to left,#AACAE6,#F5E5E1);

	//background-image:linear-gradient(to left,#AACAE6,#85DFA4);
background-image:linear-gradient(to left,#E7E4FA
,transparent);
}

.eventitem

{

	display:inline-block;

	width:100%;

	height:300px;

	background-color:white;

	



	transition:linear;

	transition-duration:0.5s;

	//background-image:linear-gradient(to left,#AACAE6,#F5E5E1);
background-image:linear-gradient(to left,#AACAE6,transparent);
	position:absolute;

	border-width:2px;

	border-style:solid;

	border-color:white;

	

}



.eventitemactive

{

	z-index:100;

}

.eventitem:hover 

{

		border-left-color:#996600;

		background-color:#F5E5E1;



}



.eventitem:hover .eventitemtitle

{

	

			border-bottom-style:solid;

			border-bottom-width:1px;

			border-bottom-color:#D2CDC7;

			



}

.eventitembackgroundimamge

{

	position:relative;

	width:40%;

	height:300px;

	display:inline-block;

	float:left;

	background-size:100% 290px;

	background-repeat:no-repeat;

	margin-top:5px;

	align-content:center;

	



}



@keyframes rotateX

{

	from{transform:rotate(0deg);}

	to{transform:rotate(360deg);}

}







.eventitemtitle

{

	display:inline-block;

	position:relative;

	width:55%;

	

	text-align:center;

	font-size:22px;

	font-weight:bold;

	float:left;

	margin-left:10px;

	margin-top:5px;

	color:#F37F38;

		border-bottom-style:solid;

			border-bottom-width:1px;

			border-bottom-color:#F6D5B0;

	

}
.eventitemtitle:onscroll
{
	animation-name:fadein;
	animation-duration:1s;
}

@keyframes fadein
{
	from {opacity:0.5;}
	to{opacity:1;}
}
.eventoverview

{

	display:inline-block;

	position:relative;

	width:55%;

	line-height:16px;
	height:48px;

	text-align:left;

	font-size:16px;

	float:left;

	margin-top:8px;

	margin-left:10px;

	

	

	

	

	

	

}

.featureitem

{

	display:inline-block;

	position:relative;

	width:55%;

	height:200px;

	font-size:14px;

	float:left;

	margin-top:15px;

	margin-left:10px;

		border-top-style:solid;

			border-top-width:1px;

			border-top-color:#F6D5B0;

}

.eventorderlsit

{

	list-style:disc;

}

.eventfeatureitem

{

	margin-left : 25px;

	color:black;

}

.eventfeatureitem:hover

{

	

	color:white;

	font-size:16px;

}

.spancalss

{

	color:black;

	text-decoration:underline;

	font-style:italic;

	

}

.acseventoverlay

{

	position:absolute;

	width:40%;

	height:300px;

	display:none;

	float:left;

	background-size:100% 290px;

	background-repeat:no-repeat;

	margin-top:5px;

	left:0px;

	opacity:0.75;



	

}

.eventitembackgroundimamge:hover

{

	opacity:0.5;

}

.eventitembackgroundimamge:hover .acsregisterbutton

{

	display:block;

	opacity:1;

		z-index:110;

	

}

.acsregisterbutton

{

	display:none;

	position:relative;

	text-align:center;

	background-color:red;

	color:white;

	top:45%;

	left:35%;

	height:40px;

	line-height:40px;

	width:100px;

	border-radius:5px;

	

}

.acsbuttonform

{



	position:relative;

	text-align:center;

	

	

	top:45%;

	left:35%;

	height:40px;

	line-height:40px;

	width:100px;

	border-radius:5px;

	

}

.moveleftbutton

{

	position:absolute;

	width:40px;

	height:40px;

	float:left;

	top:150px;

	background:#BBEF9F;

	background-image:url('icons/back.png');

	background-size:50% 50%;

	border-radius:50% 50%;

	background-repeat:no-repeat;

	background-position:center;

	z-index:120;

	margin-left:20px;

	opacity:0.5;

}

.moverightbutton

{

	position:absolute;

	width:40px;

	height:40px;

	float:right;

	left:90%;

	top:150px;

	background:#BBEF9F;

	

	background-image:url('icons/next.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	border-radius:50% 50%;

	z-index:120;

	opacity:0.5;

}

.moveleftbutton:hover

{

	background:#F0704D;

	background-image:url('icons/back.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	opacity:1;

}

.moveleftbutton:hover .eventitem  {

	animation-name:slide;

    transition: 1s;

 

}

.moverightbutton:hover

{

	background:#F0704D;

	background-image:url('icons/next.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	opacity:1;

}

.eventstatus

{

	display:inline-block;

	position:relative;

	width:55%;

	

	height:40px;

	color:black;

	text-decoration:underline;

	opacity:0px;

	font-weight:bold;



}

@keyframe slide {

    

    from(width:0;);

	to(width:100%);

   

}

.acsviewdetailsbutton

{

	display:inline-block;

	position:relative;

	

	

	width:150px;

	height:40px;

	line-height:40px;

	text-align:center;

	background-color:white;

	border-radius:5px;

	opacity:0.7;

	

}

.acsviewdetailsbutton:hover

{

	background-color:#F0704D;

	opacity:1;

}

.eventblockwrapper

{

	position:relative;

	display:inline-block;

	margin:1%;

	width:220px;

	height:250px;

	border-style:solid;

	border-width:1px;

	border-color:#804E27;

	border-radius:3px;

	box-shadow:4px 4px 5px #C0F0D5;

}

.eventfeatureimagewithstopslides

{

	position:relative;

	display:block;

	width:100%;

	height:200px;

	

}

.eventfeaturedimage

{

	position:absolute;

	display:block;

	width:100%;

	height:200px;

	top:0px;

	background-color:#F9F1E7;

	opacity:0.35;

}

.eventbutton

{

	background-color:transparent;

	color:white;

	text-align:center

	width:220px;

	height:49px;;

	line-height:49px;

	border:none;

	box-shadow:none;

}

.eventtitleblock

{

	position:absolute;

	display:block;

	width:100%;

	height:200px;

	font-size:18px;

	line-height:25px;

	text-align:center;

	margin-top:30px;

	padding-left:10px;

	padding-right:10px;

	font-weight:bold;

	color:#9B000C;

	background-color:transparent;

	

}

.eventtopslides

{

	position:absolute;

	display:block;

	width:100%;

	height:0px;

	top:0px;

	background-color:black;

	transition: .5s ease;

	opacity:0.80;

	text-align:center;

	align-content:center;

	

}

.eventfeatureimagewithstopslides:hover .eventtopslides

{

	

	height:200px;

	z-index:50;

	

}

.eventformblock

{

	position:relative;

	display:block;

}

.eventrequests

{

	position:relative;

	display:block;

	width:100%;

	height:48px;

	line-height:48px;

	color:white;

	background-color:#046F3A;

	background-image:linear-gradient(to right,#91D9B6,#046F3A);

	text-align:center;

}

.eventrequests a

{

	color:white;

}

.eventinstructorlist

{

	position:relative;

	display:none;

	width:220px;

	height:200px;

	color:white;

	padding:10px;

	list-style:none;

	top:15px;

}

.eventinstructoritem

{

	position:relative;

	display:block;

	width:220px;

	font-size:14px;

	line-height:20px;

	color:#1CB263;

	margin-top:10px;

	

	

}

.eventfeatureimagewithstopslides:hover .eventinstructorlist

{

	display:block;

	

}



@media screen and (max-width: 1179px)
{
	
.acsEventWrapper
{
position:relative;

display:inline-block;
float:left;
width:100%;
height:620px;
background-color:white;
top:110px;
max-height:620px;
overflow:hidden;
border-radius:0px;
margin:0px;
background-image:linear-gradient(to left,#AACAE6,#F5E5E1);

}

.acsEventWrapper:hover

{

	height:600px;

}

.acsEventWrapper ::-webkit-scrollbar 

{

width: 0px; 

background: transparent; 

}


.eventitem

{

	display:inline-block;

	width:100%;

	height:600px;

	background-color:white;

	transition:linear;

	transition-duration:0.5s;

	background-image:linear-gradient(to left,#AACAE6,#F5E5E1);

	position:absolute;

	border-width:2px;

	border-style:solid;

	border-color:white;

	

}



.eventitemactive

{

	z-index:100;

}

.eventitem:hover 

{

		border-left-color:#996600;

		background-color:#F5E5E1;



}



.eventitem:hover .eventitemtitle

{

	

			border-bottom-style:solid;

			border-bottom-width:1px;

			border-bottom-color:#D2CDC7;

			



}

.eventitembackgroundimamge

{

	position:relative;

	width:50%;

	height:200px;

	display:block;

	
	background-size:50% 200px;

	background-repeat:no-repeat;

	left:25%;

	align-content:center;

	



}



@keyframes rotateX

{

	from{transform:rotate(0deg);}

	to{transform:rotate(360deg);}

}







.eventitemtitle

{

	display:block;

	position:relative;

	width:100%;

	

	text-align:center;

	font-size:22px;

	font-weight:bold;

	float:left;

	margin-left:10px;

	margin-top:5px;

	color:#F37F38;

		border-bottom-style:solid;

			border-bottom-width:1px;

			border-bottom-color:#F6D5B0;

	

}

.eventoverview

{

	display:block;

	position:relative;

	width:100%;
	height:50px;
	line-height:14px;

	text-align:center;

	font-size:16px;

	float:left;

	margin-top:15px;

	margin-left:10px;

	

	

	

	

	

	

}

.featureitem

{

	display:block;

	position:relative;

	width:100%;

	height:200px;

	font-size:14px;

	float:left;

	margin-top:15px;

	text-align:center;

		border-top-style:solid;

			border-top-width:1px;

			border-top-color:#F6D5B0;

}

.eventorderlsit

{

	list-style:none;

}

.eventfeatureitem

{

	margin-left : 25px;

	color:black;

}

.eventfeatureitem:hover

{

	

	color:white;

	font-size:16px;

}

.spancalss

{

	color:black;

	text-decoration:underline;

	font-style:italic;

	

}

.acseventoverlay

{

	position:absolute;

	width:50%;

	height:200px;

	display:none;

	float:left;

	background-size:100% 290px;

	background-repeat:no-repeat;

	margin-top:5px;

	left:0px;

	opacity:0.75;



	

}

.eventitembackgroundimamge:hover

{

	opacity:0.5;

}

.eventitembackgroundimamge:hover .acsregisterbutton

{

	display:block;

	opacity:1;

		z-index:110;

	

}

.acsregisterbutton

{

	display:none;

	position:relative;

	text-align:center;

	background-color:red;

	color:white;

	top:30%;

	left:45%;

	height:40px;

	line-height:40px;

	width:100px;

	border-radius:5px;

	

}

.acsbuttonform

{



	position:relative;

	text-align:center;

	

	

	top:45%;

	left:35%;

	height:40px;

	line-height:40px;

	width:100px;

	border-radius:5px;

	

}

.moveleftbutton

{

	position:absolute;

	width:40px;

	height:40px;

	float:left;

	top:150px;

	background:#BBEF9F;

	background-image:url('icons/back.png');

	background-size:50% 50%;

	border-radius:50% 50%;

	background-repeat:no-repeat;

	background-position:center;

	z-index:120;

	margin-left:20px;

	opacity:0.5;

}

.moverightbutton

{

	position:absolute;

	width:40px;

	height:40px;

	float:right;

	left:90%;

	top:150px;

	background:#BBEF9F;

	

	background-image:url('icons/next.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	border-radius:50% 50%;

	z-index:120;

	opacity:0.5;

}

.moveleftbutton:hover

{

	background:#F0704D;

	background-image:url('icons/back.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	opacity:1;

}

.moveleftbutton:hover .eventitem  {

	animation-name:slide;

    transition: 1s;

 

}

.moverightbutton:hover

{

	background:#F0704D;

	background-image:url('icons/next.png');

	background-position:center;

	background-size:50% 50%;

	background-repeat:no-repeat;

	opacity:1;

}

.eventstatus

{

	display:block;

	position:relative;

	width:100%;

	

	height:40px;

	color:black;

	text-decoration:underline;

	opacity:0px;

	font-weight:bold;



}

@keyframe slide {

    

    from(width:0;);

	to(width:100%);

   

}

.acsviewdetailsbutton

{

	display:block;

	position:relative;

	

	

	width:150px;

	height:40px;

	line-height:40px;

	text-align:center;

	background-color:white;

	border-radius:5px;

	opacity:0.7;
	left:34%;

	

}

.acsviewdetailsbutton:hover

{

	background-color:#F0704D;

	opacity:1;

}

.eventblockwrapper

{

	position:relative;

	display:inline-block;

	width:220px;

	height:250px;

	border-style:solid;

	border-width:1px;

	border-color:#804E27;

	border-radius:3px;

	box-shadow:4px 4px 5px #C0F0D5;

}

.eventfeatureimagewithstopslides

{

	position:relative;

	display:block;

	width:100%;

	height:200px;

	

}

.eventfeaturedimage

{

	position:absolute;

	display:block;

	width:100%;

	height:200px;

	top:0px;

	background-color:#F9F1E7;

	opacity:0.35;

}

.eventbutton

{

	background-color:transparent;

	color:white;

	text-align:center

	width:220px;

	height:49px;;

	line-height:49px;

	border:none;

	box-shadow:none;

}

.eventtitleblock

{

	position:absolute;

	display:block;

	width:100%;

	height:200px;
top:0px;
	font-size:18px;

	line-height:25px;

	text-align:center;

	margin-top:30px;

	padding-left:10px;

	padding-right:10px;

	font-weight:bold;

	color:#9B000C;

	background-color:transparent;

	

}

.eventtopslides

{

	position:absolute;

	display:block;

	width:100%;

	height:0px;

	top:0px;

	background-color:black;

	transition: .5s ease;

	opacity:0.80;

	text-align:center;

	align-content:center;

	

}

.eventfeatureimagewithstopslides:hover .eventtopslides

{

	

	height:200px;

	z-index:50;

	

}

.eventformblock

{

	position:relative;

	display:block;

}

.eventrequests

{

	position:relative;

	display:block;

	width:100%;

	height:48px;

	line-height:48px;

	color:white;

	background-color:#046F3A;

	background-image:linear-gradient(to right,#91D9B6,#046F3A);

	text-align:center;

}

.eventrequests a

{

	color:white;

}

.eventinstructorlist

{

	position:relative;

	display:none;

	width:100%;

	height:200px;

	color:white;

	padding:10px;

	list-style:none;

	top:15px;

}

.eventinstructoritem

{

	position:relative;

	display:block;

	width:100%;

	font-size:14px;

	line-height:20px;

	color:#1CB263;

	margin-top:10px;

	

	

}

.eventfeatureimagewithstopslides:hover .eventinstructorlist

{

	display:block;

	

}
}