html, body, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background-color: #222;
	font-size: 18px;
}
html {
	overflow-x: hidden;
}
a:active, a:focus {
	outline: none
}
.hide {
	visibility: hidden;
}
strong {
	font-weight: 700;
}
.red {
	color: #C00;
}
.ilightbox-toolbar {
	right: 25px !important;
	top: 25px !important;
	left: auto !important;
}
.isMobile .ilightbox-toolbar {
	bottom: 0px !important;
	top: auto !important;
	left: 0px !important;
}
.ilightbox-loader {
	display: none !important;
}
.zindex {
	z-index: -999 !important;
}
.popup {
	position: fixed;
	z-index: 101010;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.70);
}
.popup-inner {
	position: absolute;
	left: 30%;
	right: 30%;
	top: 15%;
	/*bottom: 30%;*/
	height: auto;
	background: white;
}
.popup-inner .close-button {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	background: #BFA412;
	width: 30px;
	height: 30px;
	color: white;
	padding: 2px;
	padding-left: 10px;
	border-bottom-left-radius: 100px;
	cursor: pointer;
	text-align: center;
}
.popup-inner .close-button:hover, .popup-inner .close-button:focus {
	text-decoration: none;
}
.popup {
	display: none;
}
html.active-poup .popup {
	display: block;
}


/*media*/
@media (max-width: 965px) {
 .popup-inner {
 left: 20%;
 right: 20%;
}
}
@media (max-width: 640px) {
 .popup-inner {
 left: 10%;
 right: 10%;
 top: 7%;
}
}
@media (max-width: 280px) {
 .popup-inner {
 left: 1%;
 right: 1%;
}
}
h1 {
	font-size: 50px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin: 0px;
	padding: 0px;
}
.info-top {
	color: #FFF;
	background-color: #093;
	text-align: center;
	font-size: 18px;
	padding: 10px;
}
.logo {
	position: absolute;
	left: 0%;
	top: 10px;
	text-transform: uppercase;
	right: 0%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.gap {
	margin-top: 30px;
	margin-bottom: 25px;
	background-image: url(../img/spacer.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 37px;
}
.gap-gold {
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../img/spacer_gold.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 37px;
}
.parallax-big {
	height: 500px;
}
.parallax-small {
	height: 350px;
	display: inline-block;
	width: 33.4%;
	margin-right: -6px;
	margin-bottom: -7px;
}
.content {
	height: 100%;
	padding: 40px;
	box-sizing: border-box;
	color: #FFF;
}
.content h1 {
	color: #fff;
	font-size: 56px;
	padding-bottom: 25px;
	padding-top: 50px;
	font-size: 58px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	line-height: normal;
}
.content .sub {
	color: #fff;
	font-size: 56px;
	padding-bottom: 0px;
	padding-top: 50px;
	font-size: 58px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	line-height: normal;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
 @media all and (max-width: 800px) {
.content h1 {
font-size: 42px;
}
}
.content .center .inner h4 {
	font-size: 24px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	line-height: normal;
	padding-bottom: 25px;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.content .article_close {
	height: 30px;
	position: fixed;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
.inner {
	padding-right: 50px;
	padding-left: 50px;
	overflow: hidden;
	text-align: center;
 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.4em;
}
.inner .message {
	color: #FFF;
	text-decoration: none;
	font-weight: 700;
}
.inner .ticket {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	display: inline-block;
	padding: 12px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	background: #b58312;
	background: -moz-linear-gradient(-45deg, #b58312 0%, #f7d510 50%, #b58312 100%);
	background: -webkit-linear-gradient(-45deg, #b58312 0%, #f7d510 50%, #b58312 100%);
	background: linear-gradient(135deg, #b58312 0%, #f7d510 50%, #b58312 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58312', endColorstr='#b58312', GradientType=1 );
	margin-top: 10px;
}
.inner .ticket-house {
	font-size: 14px;
	padding-top: 5px;
	display: inline-block;
}
.inner .inner-link {
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
.inner .ticket-house a {
	font-weight: 700;
	color: #FFF !important;
	text-decoration: none;
}
.inner .back {
	font-weight: 700;
	color: #999;
	text-decoration: none;
}
.inner img {
	width: 450px;
	margin-bottom: 20px;
}
 @media all and (max-width: 800px) {
.inner img {
 width: 100%;
}
}
.navigation-button {
	overflow: hidden;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: fixed;
	top: 40px;
	right: 40px;
	z-index: 100;
	color: #FFF;
}
.navigation-button span {
	float: left;
	font-size: 20px;
	font-weight: 300;
	padding: 0px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
@media all and (max-width: 768px) {
.navigation-button span {
display: none;
}
}
.navigation-button-ico {
	float: left;
	padding: 0px;
	margin: 0;
	text-shadow: 0 0 5px #000000;
}
.navigation-button-ico li {
	width: 28px;
	height: 4px;
	padding: 0;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	-o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	-webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #FFF;
}
.navigation-button-checked .navigation-button-ico li.navigation-button-ico-first {
	-moz-transform: rotate(-135deg) translateY(-7.35px) translateX(-5.35px);
	-ms-transform: rotate(-135deg) translateY(-7.35px) translateX(-5.35px);
	-webkit-transform: rotate(-135deg) translateY(-7.35px) translateX(-5.35px);
	transform: rotate(-135deg) translateY(-7.35px) translateX(-5.35px);
	background-color: #000;
}
.navigation-button-checked .navigation-button-ico li.navigation-button-ico-second {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
.navigation-button-checked .navigation-button-ico li.navigation-button-ico-third {
	-moz-transform: rotate(135deg) translateY(7.35px) translateX(-5.35px);
	-ms-transform: rotate(135deg) translateY(7.35px) translateX(-5.35px);
	-webkit-transform: rotate(135deg) translateY(7.35px) translateX(-5.35px);
	transform: rotate(135deg) translateY(7.35px) translateX(-5.35px);
	background-color: #000;
}
.navigation-content {
	display: none;
	position: fixed;
	top: 0px;
	overflow: hidden;
	left: 0px;
	width: 100%;
	text-align: center;
	background-color: #FFF;
	z-index: 99;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
	filter: alpha(opacity=97);
	-moz-opacity:0.97;
	-khtml-opacity: 0.97;
	opacity: 0.97;
	height: 100%;
	padding-top: 45px;
}
.navigation-content ul {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.navigation-content ul li a {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	color: #333;
	text-decoration: none;
	font-weight: 300;
	display: block;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
}
.navigation-content ul li.active a {
	color: #333;
	font-weight: 700;
}
.navigation-content ul li a:hover {
	color: #333;
	text-decoration: underline;
}
.navigation-content .tagesm {
	font-size: 13px !important;
	color: #333 !important;
	margin-right: 30px !important;
	margin-left: 30px !important;
	line-height: 3px !important;
	text-align: center !important;
}
.section {
	text-align: center;
	overflow: hidden;
}
.home {
	height:100vh;
	color: #FFF;
}
.home .center {
	height:100vh;
	display: table;
	width: 100%;
}
.home .center .inner {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
.home .center h1 {
	font-size: 70px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	line-height: 90px;
	font-style: italic;
	color: #FFF;
}
@media all and (max-width: 768px) {
 .home .center h1 {
 font-size: 50px;
 line-height: 70px;
}
}
.home .center h4 {
	font-size: 24px;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
	color: #FFF;
}
.home .play {
	font-size: 22px;
	font-weight: 300;
	display: inline-block;
	border: 1px solid #FFF;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 20px;
	cursor: pointer;
	position: relative;
	color: #FFF;
}
.home #header-video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	left: 2px;
	right: 0;
	top: -1px;
	bottom: 0;
	z-index: -1000;
}
.about {
	background-image: url(../img/shadown.png);
	background-repeat: no-repeat;
 background-position center top;
	background-size: 100%;
	background-color: #FFF;
}
.about .content {
	color: #222;
	font-weight: 300;
	line-height: 1.4em;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 45px;
	padding-left: 40px;
}
.about .content h2 {
	font-size: 44px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 60px;
}
.about .content h4 {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.festsaal {
	background-color: #222;
}
.festsaal .content {
	font-weight: 300;
	line-height: 1.4em;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 45px;
	padding-left: 40px;
	color: #FFF;
}
.festsaal .content h2 {
	font-size: 38px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 50px;
}
.festsaal .content h4 {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.festsaal .content a {
	color: #FFF;
	text-decoration: none;
}
.gastro {
	background-image: url(../img/shadown.png);
	background-repeat: no-repeat;
 background-position center top;
	background-size: 100%;
	background-color: #FFF;
}
.gastro .content {
	font-weight: 300;
	line-height: 1.4em;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 45px;
	padding-left: 40px;
	color: #222;
}
.gastro .content h2 {
	font-size: 38px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 50px;
}
.gastro .content h4 {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
.gastro a {
	color: #222;
	text-decoration: none;
}
.events {
	background: linear-gradient(180deg, #1B1B1B 0%, #484848 100%);
}
.events .content {
	color: #FFF;
	padding: 50px;
	font-weight: 300;
}
.events .content h2 {
	font-size: 45px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.events .content h4 {
	font-size: 20px;
	font-weight: 300;
}
.events a {
	color: #FFF;
	overflow: hidden;
}
.event {
	margin-top: 30px;
	overflow: hidden;
	width: 30%;
	display: inline-block;
	margin-right: 8px;
	margin-left: 8px;
}
@media all and (min-width: 1600px) {
 .event {
 width: 30%;
}
}
@media all and (max-width: 800px) {
 .event {
 width: 45%;
}
}
.event-image {
	padding-bottom: 20px;
}
.event-image img {
	width: 100%;
}
.event-content {
}
.event-date {
	display: inline-block;
	background-image: url(../img/calendar_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 700;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 15px;
}
.event-date-none {
	display: inline-block;
	padding-left: 0px;
	font-size: 16px;
	font-weight: 700;
	padding-top: 3px;
	padding-bottom: 3px;
}
.event-time {
	display: inline-block;
	background-image: url(../img/time_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 27px;
	font-size: 16px;
	font-weight: 700;
	padding-top: 3px;
	padding-bottom: 3px;
}
.event-time-none {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding-top: 3px;
	padding-bottom: 3px;
}
.event-name {
	font-family: 'Playfair Display', serif;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: normal;
	margin-top: 15px;
	text-transform: uppercase;
}
 @media all and (max-width: 800px) {
.event-name {
font-size: 16px;
}
}
.pictures {
	background-color: #222;
}
.pictures .content {
	font-weight: 300;
	line-height: 1.4em;
	padding-top: 50px;
}
.pictures .content h2 {
	font-size: 38px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 50px;
	color: #000;
}
.album {
}
.album li {
	display: none;
}
.album-image {
	display: inline-block;
	overflow: hidden;
	width: 25%;
	position: relative;
	height: 300px;
	padding: 0px;
	margin-right: -4px;
	margin-bottom: -4px;
}
@media all and (max-width: 800px) {
 .album-image {
 width: 25%;
 height: 150px;
}
}
@media all and (min-width: 1600px) {
 .album-image {
 height: 400px;
}
}
.album-image img {
	cursor: pointer;
}
.album-image .middle {
	display: table;
	height: 100%;
	width: 100%;
}
.album-image .middle h2 {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
}
.album-image .middle .more-images {
	font-size: 24px;
	font-weight: 300;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font-family: 'Playfair Display', serif;
	background-image: url(../img/more.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFF;
}
@media all and (max-width: 800px) {
 .album-image .middle .more-images {
font-size: 14px;
}
}
.album-image .middle .more-images:hover {
	text-decoration: underline;
}
.contact {
	background-image: url(../img/shadown.png);
	background-repeat: no-repeat;
 background-position center top;
	background-size: 100%;
	background-color: #FFF;
}
.contact .content {
	font-weight: 300;
	color: #222;
	padding-top: 50px;
	padding-right: 50px;
	padding-left: 50px;
}
.contact .content h2 {
	font-size: 44px;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.contact .content .address {
	font-size: 26px;
	margin-top: 30px;
}
.contact .content .address a {
	color: #222;
	text-decoration: none;
}
.contact .content .address a:hover {
	text-decoration: underline;
}
.contact .content .open {
	font-size: 21px;
	margin-bottom: 40px;
}
.credits {
	font-size: 12px;
	color: #fff;
	background-color: #222;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px;
	line-height: 1.6em;
}
.credits img {
	width: 40px;
}
.credits a {
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}
.credits a:hover {
	text-decoration: underline;
}
.scroll {
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 130px;
	width: 100%;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
	filter: alpha(opacity=6);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: -999;
}
.scroll-down {
	position:absolute;
	left:0px;
	margin-left:auto;
	width:40px;
	height:40px;
	bottom:80px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right: auto;
	right: 0px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=6)";
	filter: alpha(opacity=6);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: -999;
}
.scroll-down.svg svg {
	width:25px;
 -webkit-transition:opacity .5s;
-moz-transition:opacity .5s;
-ms-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s
}
.scroll-down.svg .scroller {
	fill:#FFF;
	-webkit-animation:scroll-down-updown 1s infinite;
	-moz-animation:scroll-down-updown 1s infinite;
	-o-animation:scroll-down-updown 1s infinite;
	animation:scroll-down-updown 1s infinite
}
.scroll-down.svg .stroke {
	stroke:#FFF
}
.scroll-down.svg .icon, .scroll-down.svg .home-clients-slider .flex-direction-nav a, .home-clients-slider .flex-direction-nav .scroll-down.svg a {
	opacity:0;
-webkit-transition:opacity .5s ease .5s;
-moz-transition:opacity .5s ease .5s;
-ms-transition:opacity .5s ease .5s;
-o-transition:opacity .5s ease .5s;
transition:opacity .5s ease .5s
}
@-webkit-keyframes scroll-down-updown {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-moz-keyframes scroll-down-updown {
0% {
-moz-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-moz-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-moz-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-o-keyframes scroll-down-updown {
0% {
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-o-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@keyframes scroll-down-updown {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 5px);
transform:translate(0, 5px)
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.8);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
}
}
 @-moz-keyframes bounceIn {
 0% {
 opacity: 0;
 -moz-transform: scale(0.8);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.05);
}
 100% {
 opacity: 1;
 -moz-transform: scale(1);
}
}
 @-o-keyframes bounceIn {
 0% {
 opacity: 0;
 -o-transform: scale(0.8);
}
 50% {
 opacity: 1;
 -o-transform: scale(1.05);
}
 100% {
 opacity: 1;
 -o-transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 transform: scale(0.8);
}
 50% {
 opacity: 1;
 transform: scale(1.05);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.delay {
	-webkit-animation-delay: 0.30s;
	-moz-animation-delay: 0.30s;
	-o-animation-delay: 0.30s;
	animation-delay: 0.30s;
}
.delay-three {
	-webkit-animation-delay: 0.60s;
	-moz-animation-delay: 0.60s;
	-o-animation-delay: 0.60s;
	animation-delay: 0.60s;
}
.delay-two {
	-webkit-animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	-o-animation-delay: 1.0s;
	animation-delay: 1.0s;
}
.delay-one {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {
 0% {
 opacity: 0;
 -o-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -o-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
 @-webkit-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
}
 @-moz-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -moz-transform: translateX(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(-20px);
}
}
 @-o-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -o-transform: translateX(0);
}
 100% {
 opacity: 0;
 -o-transform: translateX(-20px);
}
}
 @keyframes fadeOutLeft {
 0% {
 opacity: 1;
 transform: translateX(0);
}
 100% {
 opacity: 0;
 transform: translateX(-20px);
}
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-o-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.animated.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
.animated.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}