.event-banner {
	position: fixed;
	right: 0;
	top: 25%;
	z-index: 201;
}

.event-banner .img-teaser img {
	display: block;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
	width: auto;
}

@media (min-width: 750px) {
.event-banner .img-teaser:hover img,
.event-banner .img-teaser:focus img {
	/* -webkit-animation-name: shakeme; */
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}
@keyframes shakeme {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  } 

}
.event-banner .img-teaser img.mobile-only {
    display: none;
}
.event-banner.open .img-teaser {
	display: none;
}

.event-banner .banner .img {
	height: 321px;
}

.event-banner .banner img {
	height: 100%;
	width: 100%;
	object-fit: fill;
	object-fit: cover;
}

.event-banner .banner {
	/* display: none; */
	width: 0;
	height: 100vh;
	position: relative;
	transition: all .1s ease-out;
}
.event-banner .banner > div {
	visibility: hidden;
	transition: all .1s ease-out;
}
.event-banner.open .banner {
	/* display: block; */
	width: 480px;
	transition: all .3s ease-out;
}
.event-banner.open .banner > div{
	visibility: visible;
	transition: all .3s ease-out;
	}
.event-banner.open {
	top: 106px;
}
.admin-bar .event-banner.open {
    top: 140px;
}
.event-banner.open.header-srink {
    top: 70px;
}
.admin-bar .event-banner.open.header-srink {
    top: 102px;
}
.event-banner .form,
.event-banner .textual-banner {
	color: #fff;
	padding: 32px 24px;
	height: 100%;
	background-color: #00afef;
}

.crossmark {
	position: absolute;
	left: -25px;
	top: 12px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.crossmark:before,
.crossmark:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 20px;
	height: 3px;
	background-color: #fff; 
}

.crossmark:before {
	transform: rotate(45deg);
	-webkit-box-shadow: 5px 2px 17px 5px #bbbbbbdb;
    box-shadow: 5px 2px 17px 5px #bbbbbbdb;
}

.crossmark:after {
	transform: rotate(-45deg);
}
.event-banner .textual-banner h4{
	font-size: 26px;
    margin-bottom: 15px;
}
.event-banner .textual-banner .text p{
	margin-bottom: 10px;
}
@media (max-width: 1600px) {
	 
	.event-banner .banner .img {
		height: 252px;
	}
	.event-banner.open {
		top: 0;
	}
	.admin-bar .event-banner.open {
		top: 32px;
		overflow-y: scroll;
	}
	.event-banner .landa-form-style .mktoForm input[type=text], .landa-form-style .mktoForm input[type=url], .landa-form-style .mktoForm input[type=email], .landa-form-style .mktoForm input[type=tel], .landa-form-style .mktoForm input[type=number], .landa-form-style .mktoForm input[type=date],.event-banner .landa-form-style .mktoForm select.mktoField, .event-banner .landa-form-style .mktoForm textarea.mktoField {
	 	 min-height: 34px!important; 
		padding: 0.1em 21px 0.1em 0.9em;
		font-size: 14px;
	}
	.event-banner .landa-form-style .mktoForm .mktoRequiredField label.mktoLabel { 
		padding-top: 7px;
	}
	.event-banner .landa-form-style .mktoForm .mktoRequiredField label.mktoLabel { 
		font-size: 10px;
	}
	.event-banner .landa-form-style .mktoForm .mktoButtonWrap.mktoInset .mktoButton { 
		padding: 9px 0px;
	}
	.event-banner .landa-form-style .mktoForm .mktoButtonRow { 
			margin: 0px auto 0; 
	}
}
@media (max-width: 1200px) {
	.event-banner .banner .img {
		height: 170px;
	}
}
@media (max-width: 550px) {
	.event-banner {
		bottom: 0;
		position: fixed;
		right: 0;
		top: auto;
		z-index: 201;
		width: 100%;
		height: 117px;
	}
	.event-banner.open {
		top: 25px;
		position: absolute;
	}
	.event-banner .img-teaser{
		position: fixed;
		right: 0;
		left: 0;
		top: auto;
		bottom: 0;
		z-index: 201;
		height: 117px;
	}
	.event-banner .img-teaser img.desktop-img{
		display: none;
	}
	.event-banner .img-teaser img { 
		width: 100%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		height: 117px;
   	 object-fit: cover;
	}
	.event-banner .img-teaser img.mobile-only {
    display: block;
}
	.event-banner .banner { 
		width: 100%; 
	}
	.event-banner.open .banner {  
		padding-top: 15px;
		width: 100%;
	}
	.crossmark { 
		left: 0;
		top: -25px; 
		background-color: #000000c4;
		width: 100%;
		padding-bottom: 23px; 
    padding-top: 20px;
	}
	.crossmark:before, .crossmark:after { 
		left: 12px;
    top: 24px;
	}

	.landa-form-style .mktoForm input[type=text], .landa-form-style .mktoForm input[type=url], .landa-form-style .mktoForm input[type=email], .landa-form-style .mktoForm input[type=tel], .landa-form-style .mktoForm input[type=number], .landa-form-style .mktoForm input[type=date], .landa-form-style .mktoForm select.mktoField, .landa-form-style .mktoForm textarea.mktoField,
	.landa-form-style .mktoForm select.mktoField{ 
		min-height: 34px!important;
		font-size: 14px!important;
	}
	.event-banner .mktoFormRow {
		display: flex;
		flex-wrap: wrap;
	}
	.event-banner .form, .event-banner .textual-banner { 
		height: auto;
	}
}