@charset "UTF-8";

/* ---------------------------
General
--------------------------- */
.logo-rtc {
	-webkit-filter: drop-shadow(1px 1px 2px rgba(255, 255, 255, 0.5));
	filter: drop-shadow(1px 1px 2px rgba(255, 255, 255, 0.5));
}
.mobile {
	display: none;
}

#package_details {
	display: block;
}

#booking_form {
	-webkit-transform: translateY(-125px);
	transform: translateY(-125px);
	position: -webkit-sticky;
	position: sticky;
	top: 216px;
}

#guest_account_sidebar {
	/* -webkit-transform: translateY(-125px); */
	transform: translateY(-125px);
	/* transform: scale(110%); */
	/* position:-webkit-sticky; */
	position: sticky;
	/* top:216px; */
	z-index: 100;
}

#card_booking_form {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
	border-color: #0d6efd;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}

@media (max-width: 992px) {
	.mobile {
		display: block;
	}

	.desktop {
		display: none;
	}

	#booking_form {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	#package_details {
		display: none;
	}

	#card_booking_form {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
		border-color: #0d6efd;
	}
}

.anchor {
	display: block;
	height: 160px;
	margin-top: -160px;
	visibility: hidden;
}

.text-red {
	color: #ff0000 !important;
}

.text-800 {
	font-weight: 800;
}

.text-900 {
	font-weight: 900;
}

.text-xxl {
	font-size: xx-large;
}

.text-xxsm {
	font-size: xx-small;
}

.text-xs {
	font-size: x-small;
}

.text-small {
	font-size: small;
}

.text-white {
	color: #ffffff !important;
}

.text-green {
	color: #a4c639 !important;
}

.text-blue {
	color: #0d6efd !important;
}

.text-grey {
	color: grey;
}

.text-gold {
	color: gold;
}

.border-grey {
	border-color: grey !important;
}

.text-bold {
	font-weight: bold;
}

.text-yellowgreen {
	color: yellowgreen !important;
}

.border-black {
	border-color: #000000;
}

.pb-50 {
	padding-bottom: 50px;
}

.bg-grey {
	background-color: darkgrey;
}

.z-1000 {
	z-index: 1000;
}

.vertical-top {
	vertical-align: top;
}

.pl-20 {
	padding-left: 20px;
}

.padding-3 {
	padding: 3px;
}
.padding-30 {
	padding: 30px;
}

.pos-relative {
	position: relative;
}

/* Ribbon on featured tour */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	border: 5px solid #000000;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 18px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
}

/* top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left::before {
	top: 0;
	right: 0;
}

.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

/* Ribbon on tour */

/* top left on featured tour*/
.ribbon-featured-tour {
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: absolute;
}

.ribbon-featured-tour::before,
.ribbon-featured-tour::after {
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	border: 5px solid #000000;
}

.ribbon-featured-tour span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0px 15px 25px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 14px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.ribbon-top-left-featured-tour {
	top: -10px;
	left: -10px;
}

.ribbon-top-left-featured-tour::before,
.ribbon-top-left-featured-tour::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left-featured-tour::before {
	top: 0;
	right: 0;
}

.ribbon-top-left-featured-tour::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left-featured-tour span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

/* Ribbon on tour */

.w-100 {
	width: 100%;
}
.w-50 {
	width: 50%;
}
.w-40 {
	width: 40%;
}

.text-center {
	text-align: center;
}

.text-lg {
	font-size: large;
}

.min-260 {
	min-width: 260px;
}

.min-350 {
	min-width: 350px;
}

.max-430 {
	max-width: 430px;
}

.mb-10 {
	margin-bottom: 10px;
}

.min-h-250 {
	min-height: 250px;
}

.page-bg {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 250px 0px 25px 0px;
	color: #fff;
	position: relative;
}

.map-embage {
	width: 100%;
	height: 900px;
}

.shadow-line-br-blue {
	border-color: #000000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
}

.featured-tour-card {
	position: relative;
	min-width: 12rem;
	max-width: 20rem;
	border-color: #0d6efd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
	border-radius: 0.8rem;
}
.featured-img {
	position: relative;
	object-fit: cover;
	width: 100%;
	transform: translate(0, -2.5rem);
}

.featured-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.8rem;
}

@media (max-width: 868px) {
	.featured-tour-card {
		max-width: 40rem;
	}
}
@media (max-width: 768px) {
	.featured-tour-card {
		max-width: 100%;
	}
}

.featured-tour-row {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}

.price_start_form {
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: white;
	font-weight: 800;
	z-index: 30
}

.price_tag {
	position: absolute;
	bottom: 10px;
	left: 25px;
	font-weight: 800;
	text-shadow: 0 0 3px #FF0000, 0 0 5px #ff0000;
	color: #ffffff
}

.bg-blue-purple-gradien {
	border-color: #0d6efd;
	z-index: 1;
	background: linear-gradient(150deg, #0d6efd, #6610f2 100%);
}

.el_hidden {
	display: none;
}

.anchor-form {
	display: block;
	height: 160px;
	margin-top: -160px;
	visibility: hidden;
}

.min-h-250 {
	min-height: 250px;
}

.border-white {
	border-color: white;
}

.mutar {
	animation: rotate 1s infinite;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.text-black {
	color: #000000 !important;
}

.stycky-widget {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}

.br-blue {
	border-color: #0d6efd;
}

.br-solid {
	border-style: solid;
	border-width: 1px;
}

.page-bg-top-center {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 250px 0px 25px 0px;
	color: #fff;
	position: relative;
}

.guest-sidebar {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.active2 {
	color: #0d6efd;
}

.disabled-link {
	color: darkgrey;
}

div.guest-sidebar ul li a:not(.active2) {
	color: #000000;
}

.trekker-not-ready {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}

.trekker-ready {
	color: black !important;
}





/* --------------------------------
Pagination
-------------------------------- */
ul.page-numbers {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.page-numbers li {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	vertical-align: middle;
	width: 46px;
}

ul.page-numbers li > a,
ul.page-numbers li > span {
	background-color: #f2f2f2;
	cursor: pointer;
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	height: 46px;
	line-height: 46px;
	margin: 0;
	outline: 0 none;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
	-webkit-transition: color 0.3s ease-in-out 0s,
		background-color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s,
		background-color 0.3s ease-in-out 0s;
	vertical-align: middle;
	white-space: nowrap;
	width: 46px;
	font-size: 15px;
	font-weight: 400;
}

ul.page-numbers li > a:hover,
ul.page-numbers li span.current {
	background-color: #212121;
	color: #fff;
}





/* --------------------------------
Form floating lable
-------------------------------- */
.depan {
	z-index: 100000;
}
.has-float-label {
	display: block;
	position: relative;
}

.has-float-label label,
.has-float-label > span {
	position: absolute;
	left: 0;
	top: 0;
	cursor: text;
	font-size: 75%;
	opacity: 1;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	top: -0.5em;
	left: 0.75rem;
	z-index: 5;
	line-height: 1;
	padding: 0;
	color:darkgray
}

.has-float-label label::after,
.has-float-label > span::after {
	content: " ";
	display: block;
	position: absolute;
	background: transparent !important;
	height: 4px;
	top: 40%;
	left: -0.2em;
	right: -0.2em;
	z-index: -1;
}

.has-float-label .form-control::-webkit-input-placeholder {
	opacity: 1;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.has-float-label .form-control::-moz-placeholder {
	opacity: 1;
	transition: all 0.2s;
}

.has-float-label .form-control:-ms-input-placeholder {
	opacity: 1;
	transition: all 0.2s;
}

.has-float-label .form-control::placeholder {
	opacity: 1;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.has-float-label
	.form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
	opacity: 0;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
	opacity: 0;
}

.has-float-label
	.form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
	opacity: 0;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
	opacity: 0;
	top: 0.6em;
	font-size: 100%;


}

/* .has-float-label .form-control:placeholder-shown:not(:focus) + * {
	font-size: 100%;
	opacity: 0.5;
	top: 0.6em;
} */

.input-group .has-float-label {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.input-group .has-float-label .form-control {
	width: 100%;
	border-radius: 0.25rem;
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 0;
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.form-rtc-control {
	background-color: white !important;
	border-color: #ced4da !important;
	max-width: 100%;
	min-width: 100%;
}

.form-rtc-control-error {
	background-color: white !important;
	border-color: red !important;
	max-width: 100%;
	min-width: 100%;
}

.field-icon {
	float: right;
	margin-right: 12px;
	margin-top: -40px;
	position: relative;
	z-index: 2;
	color: #909294;
}

.field-icon-change-password {
	float: right;
	margin-right: 10px;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	color: #909294;
}

.generate_password {
	float: left;
	margin-right: 0px;
	margin-top: -10px;
	position: relative;
	z-index: 2;
	font-size: small;
	padding-bottom: 10px;
}





/* --------------------------------
Animate term and condition agreement
-------------------------------- */

@-webkit-keyframes bounce {
	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateZ(0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}
@keyframes bounce {
	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateZ(0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}
.bounce {
	-webkit-animation-name: bounce;
	-webkit-transform-origin: center bottom;
	animation-name: bounce;
	transform-origin: center bottom;
}
@-webkit-keyframes flash {
	0%,
	50%,
	to {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
@keyframes flash {
	0%,
	50%,
	to {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.headShake {
	-webkit-animation-name: headShake;
	-webkit-animation-timing-function: ease-in-out;
	animation-name: headShake;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.swing {
	-webkit-animation-name: swing;
	-webkit-transform-origin: top center;
	animation-name: swing;
	transform-origin: top center;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes jello {
	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}
	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
@keyframes jello {
	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}
	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
.jello {
	-webkit-animation-name: jello;
	-webkit-transform-origin: center;
	animation-name: jello;
	transform-origin: center;
}
@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.heartBeat {
	-webkit-animation-duration: 1.3s;
	-webkit-animation-name: heartBeat;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1.3s;
	animation-name: heartBeat;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		-webkit-transform: scaleX(1);
		opacity: 1;
		transform: scaleX(1);
	}
}
@keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		-webkit-transform: scaleX(1);
		opacity: 1;
		transform: scaleX(1);
	}
}
.bounceIn {
	-webkit-animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-duration: 0.75s;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(0, -3000px, 0);
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		-webkit-transform: translate3d(0, 25px, 0);
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(0, -3000px, 0);
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		-webkit-transform: translate3d(0, 25px, 0);
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(-3000px, 0, 0);
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	60% {
		-webkit-transform: translate3d(25px, 0, 0);
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInLeft {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(-3000px, 0, 0);
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	60% {
		-webkit-transform: translate3d(25px, 0, 0);
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(3000px, 0, 0);
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		-webkit-transform: translate3d(-25px, 0, 0);
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInRight {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(3000px, 0, 0);
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		-webkit-transform: translate3d(-25px, 0, 0);
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(0, 3000px, 0);
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		-webkit-transform: translate3d(0, -20px, 0);
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		-webkit-transform: translate3d(0, 3000px, 0);
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		-webkit-transform: translate3d(0, -20px, 0);
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	50%,
	55% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
}
@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	50%,
	55% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
}
.bounceOut {
	-webkit-animation-duration: 0.75s;
	-webkit-animation-name: bounceOut;
	animation-duration: 0.75s;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		-webkit-transform: translate3d(0, -20px, 0);
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		-webkit-transform: translate3d(0, -20px, 0);
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	20% {
		-webkit-transform: translate3d(20px, 0, 0);
		opacity: 1;
		transform: translate3d(20px, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
@keyframes bounceOutLeft {
	20% {
		-webkit-transform: translate3d(20px, 0, 0);
		opacity: 1;
		transform: translate3d(20px, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	20% {
		-webkit-transform: translate3d(-20px, 0, 0);
		opacity: 1;
		transform: translate3d(-20px, 0, 0);
	}
	to {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
@keyframes bounceOutRight {
	20% {
		-webkit-transform: translate3d(-20px, 0, 0);
		opacity: 1;
		transform: translate3d(-20px, 0, 0);
	}
	to {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		-webkit-transform: translate3d(0, 20px, 0);
		opacity: 1;
		transform: translate3d(0, 20px, 0);
	}
	to {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		-webkit-transform: translate3d(0, 20px, 0);
		opacity: 1;
		transform: translate3d(0, 20px, 0);
	}
	to {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInDownBig {
	0% {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInRightBig {
	0% {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInUpBig {
	0% {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, 2000px, 0);
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(-2000px, 0, 0);
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(2000px, 0, 0);
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0);
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(0, -2000px, 0);
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
	0% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0)
			rotateY(-1turn);
		animation-timing-function: ease-out;
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
	}
	40% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
			rotateY(-190deg);
		animation-timing-function: ease-out;
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
			rotateY(-170deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
	}
	80% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
			translateZ(0) rotateY(0deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
			rotateY(0deg);
	}
	to {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	}
}
@keyframes flip {
	0% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0)
			rotateY(-1turn);
		animation-timing-function: ease-out;
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
	}
	40% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
			rotateY(-190deg);
		animation-timing-function: ease-out;
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
			rotateY(-170deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
	}
	80% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
			translateZ(0) rotateY(0deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
			rotateY(0deg);
	}
	to {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	}
}
.animated.flip {
	-webkit-animation-name: flip;
	-webkit-backface-visibility: visible;
	animation-name: flip;
	backface-visibility: visible;
}
@-webkit-keyframes flipInX {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateX(90deg);
	}
	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateX(-20deg);
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
		transform: perspective(400px) rotateX(10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
@keyframes flipInX {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateX(90deg);
	}
	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateX(-20deg);
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
		transform: perspective(400px) rotateX(10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
.flipInX {
	-webkit-animation-name: flipInX;
	-webkit-backface-visibility: visible !important;
	animation-name: flipInX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateY(90deg);
	}
	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateY(-20deg);
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		opacity: 1;
		transform: perspective(400px) rotateY(10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
@keyframes flipInY {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateY(90deg);
	}
	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateY(-20deg);
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		opacity: 1;
		transform: perspective(400px) rotateY(10deg);
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
.flipInY {
	-webkit-animation-name: flipInY;
	-webkit-backface-visibility: visible !important;
	animation-name: flipInY;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		opacity: 1;
		transform: perspective(400px) rotateX(-20deg);
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
		transform: perspective(400px) rotateX(90deg);
	}
}
@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		opacity: 1;
		transform: perspective(400px) rotateX(-20deg);
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0;
		transform: perspective(400px) rotateX(90deg);
	}
}
.flipOutX {
	-webkit-animation-duration: 0.75s;
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	animation-duration: 0.75s;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		opacity: 1;
		transform: perspective(400px) rotateY(-15deg);
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
		transform: perspective(400px) rotateY(90deg);
	}
}
@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		opacity: 1;
		transform: perspective(400px) rotateY(-15deg);
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0;
		transform: perspective(400px) rotateY(90deg);
	}
}
.flipOutY {
	-webkit-animation-duration: 0.75s;
	-webkit-animation-name: flipOutY;
	-webkit-backface-visibility: visible !important;
	animation-duration: 0.75s;
	animation-name: flipOutY;
	backface-visibility: visible !important;
}
@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(-30deg);
	}
	60% {
		-webkit-transform: skewX(20deg);
		opacity: 1;
		transform: skewX(20deg);
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(-30deg);
	}
	60% {
		-webkit-transform: skewX(20deg);
		opacity: 1;
		transform: skewX(20deg);
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(30deg);
	}
}
@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) skewX(30deg);
	}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		-webkit-transform-origin: center;
		opacity: 0;
		transform: rotate(-200deg);
		transform-origin: center;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: center;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: center;
	}
}
@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		-webkit-transform-origin: center;
		opacity: 0;
		transform: rotate(-200deg);
		transform-origin: center;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: center;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: center;
	}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: left bottom;
	}
}
@keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: left bottom;
	}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: right bottom;
	}
}
@keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: right bottom;
	}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: left bottom;
	}
}
@keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: left bottom;
	}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(-90deg);
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: right bottom;
	}
}
@keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(-90deg);
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: translateZ(0);
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform: translateZ(0);
		transform-origin: right bottom;
	}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		opacity: 1;
		transform-origin: center;
	}
	to {
		-webkit-transform: rotate(200deg);
		-webkit-transform-origin: center;
		opacity: 0;
		transform: rotate(200deg);
		transform-origin: center;
	}
}
@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		opacity: 1;
		transform-origin: center;
	}
	to {
		-webkit-transform: rotate(200deg);
		-webkit-transform-origin: center;
		opacity: 0;
		transform: rotate(200deg);
		transform-origin: center;
	}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom;
	}
}
@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: rotate(45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(45deg);
		transform-origin: left bottom;
	}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: right bottom;
	}
}
@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: right bottom;
	}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom;
	}
}
@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		opacity: 1;
		transform-origin: left bottom;
	}
	to {
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: left bottom;
		opacity: 0;
		transform: rotate(-45deg);
		transform-origin: left bottom;
	}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(90deg);
		transform-origin: right bottom;
	}
}
@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		opacity: 1;
		transform-origin: right bottom;
	}
	to {
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: right bottom;
		opacity: 0;
		transform: rotate(90deg);
		transform-origin: right bottom;
	}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		transform-origin: top left;
	}
	20%,
	60% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		transform: rotate(80deg);
		transform-origin: top left;
	}
	40%,
	80% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: rotate(60deg);
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1;
		transform: rotate(60deg);
		transform-origin: top left;
	}
	to {
		-webkit-transform: translate3d(0, 700px, 0);
		opacity: 0;
		transform: translate3d(0, 700px, 0);
	}
}
@keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		transform-origin: top left;
	}
	20%,
	60% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		transform: rotate(80deg);
		transform-origin: top left;
	}
	40%,
	80% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: rotate(60deg);
		-webkit-transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1;
		transform: rotate(60deg);
		transform-origin: top left;
	}
	to {
		-webkit-transform: translate3d(0, 700px, 0);
		opacity: 0;
		transform: translate3d(0, 700px, 0);
	}
}
.hinge {
	-webkit-animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-duration: 2s;
	animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
	0% {
		-webkit-transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}
	to {
		-webkit-transform: scale(1);
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes jackInTheBox {
	0% {
		-webkit-transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}
	to {
		-webkit-transform: scale(1);
		opacity: 1;
		transform: scale(1);
	}
}
.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes rollIn {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg);
	}
	to {
		-webkit-transform: translateZ(0);
		opacity: 1;
		transform: translateZ(0);
	}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg);
	}
}
@keyframes rollOut {
	0% {
		opacity: 1;
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg);
	}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
@keyframes zoomIn {
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	}
}
@keyframes zoomInDown {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	}
}
@keyframes zoomInLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	}
}
@keyframes zoomInRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	}
}
@keyframes zoomInUp {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	}
	60% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}
	50% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}
@keyframes zoomOut {
	0% {
		opacity: 1;
	}
	50% {
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
	40% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	}
	to {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
	}
}
@keyframes zoomOutDown {
	40% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	}
	to {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
	}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
	40% {
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}
	to {
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		opacity: 0;
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform-origin: left center;
	}
}
@keyframes zoomOutLeft {
	40% {
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}
	to {
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		opacity: 0;
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform-origin: left center;
	}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
	40% {
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}
	to {
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		opacity: 0;
		transform: scale(0.1) translate3d(2000px, 0, 0);
		transform-origin: right center;
	}
}
@keyframes zoomOutRight {
	40% {
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}
	to {
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		opacity: 0;
		transform: scale(0.1) translate3d(2000px, 0, 0);
		transform-origin: right center;
	}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
	40% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	}
	to {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
	}
}
@keyframes zoomOutUp {
	40% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	}
	to {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
	}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: hidden;
	}
}
@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: hidden;
	}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: hidden;
	}
}
@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: hidden;
	}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: hidden;
	}
}
@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: hidden;
	}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: hidden;
	}
}
@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: hidden;
	}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
.animated {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.animated.fast {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
.animated.faster {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		-webkit-transition: none !important;
		animation: unset !important;
		transition: none !important;
	}
}






/* --------------------------------
Calendar icon for Blog
-------------------------------- */
.date-as-calendar {
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    font-family: "Helvetica", "Arial", sans-serif;

    /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
    vertical-align: top;

    /* margin: 1ex; */

    color: black;
    background: white;
    background: linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

    border: 1px solid #888;
    border-radius: 3px;
    overflow: hidden;

    box-shadow: 2px 2px 2px -2px black;
}

.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
    text-align: center;
    line-height: 1.0;
}

.date-as-calendar .month {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    background: #B11;
    background: linear-gradient(to bottom right, #D66 0%, #A00 100%);
    color: white;
}

.position-em.date-as-calendar {
    display: inline-block;
    position: relative;

    width: 4em;
    height: 4em;
}

.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1em;
}

.position-em.date-as-calendar .month {
    top: 0px;
    font-size: 0.75em;
    padding: 0.1em 0;
}

.position-em.date-as-calendar .weekday {
    top: 1.6em;
    font-size: 0.6125em;
}

.position-em.date-as-calendar .day {
    top: 1.1em;
    font-size: 1.5em
}

.position-em.date-as-calendar .year {
    bottom: 0px;
    font-size: 0.87750em;
}







/* --------------------------------
Tour
-------------------------------- */
/* Ribbon on tour */
.ribbon-tour-detail {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

/* top left*/
.ribbon-top-left-tour-detail {
	top: -10px;
	left: -10px;
}

.ribbon-top-left-tour-detail::before,
.ribbon-top-left-tour-detail::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left-tour-detail::before {
	top: 0;
	right: 0;
}

.ribbon-top-left-tour-detail::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left-tour-detail span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

.ribbon-tour-detail span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-align: center;
}

.ribbon-tour-detail::before,
.ribbon-tour-detail::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	/* border: 5px solid <?= json_decode($package['snap'], true)['eng']['secondary_rebbon_color'] ?>; */
}



/* Payment modal */
.modal-content-rtc {
	background-color: transparent !important;
	border: 0px !important
}

.rtc-payment-image {
	border-radius: 5%;
	position: absolute;
	max-width: 200px;
	left: -120px;
	top: 150px;
	z-index: 10;
}

.rtc-payment-image2 {
	position: absolute;
	max-width: 350px;
	top: -100px;
	padding-bottom: 50px;
	z-index: 100;

}

.rtc-body-payment {
	height: 500px
}

.rtc-body-payment-full {
	height: 100vh
}

.rtc-scrollable {
	height: 400px;
	overflow: auto;
}

.spiner-badge {
	position: absolute;
	top: 45px;
	left: calc(50% - 15px);
	z-index: 10;
	/* display: none; */
}

.full-screen-modal {
	min-height: 100vh;
}

.rotate-text {

	position: absolute;
	top: 330px;
	transform: rotate(-90deg);
	z-index: 200;



	/* Legacy vendor prefixes that you probably don't need... */

	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#fill_img_form_black {
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: fixed;
	background-color: #000000;
}

#fill_img_form {
	width: 100%;
	height: 100%;
	background: url('') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: fixed;
}

.bg-tr{
	background-color:transparent !important
}

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	border: 5px solid #000000;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 18px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.ribbon-top-left {
	top: -10px;
	left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left::before {
	top: 0;
	right: 0;
}

.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

.ribbon-booking {
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: absolute;
}

.ribbon-booking::before,
.ribbon-booking::after {
	position: absolute;
	z-index: -10;
	content: "";
	display: block;
	border: 5px solid #591600;
}

.ribbon-booking span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 5px 0px 5px 10px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 14px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.ribbon-top-left-booking {
	top: -11px;
	left: -11px;
}

.ribbon-top-left-booking::before,
.ribbon-top-left-booking::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left-booking::before {
	top: 0;
	right: 0;
}

.ribbon-top-left-booking::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left-booking span {
	right: -35px;
	top: 30px;
	transform: rotate(-45deg);
}

@keyframes gototheright {
	from {
		max-width: 500px;
	}

	to {
		max-width: 100%;
	}
}

.card-booking-search {
	border-radius: 10px 10px 0px 0px;
	min-height: 450px
}

.max-w-500 {
	max-width: 500px
}

.bg-red-text-white {
	color: white;
	background-color: #ff0000;
}

.radius-20-20-0-0 {
	border-radius: 20px 20px 0px 0px
}

.search-form-input {
	border: 0;
	outline: 0;
	background: transparent;
	border-bottom: 1px solid darkgray;
	color: white
}

.search-form-input:read-only {
	border: 0;
	outline: 0;
	background: transparent;
	border-bottom: 1px solid darkgray;
	color: white
}

.return-checkbox {
	z-index: 100;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 0px;
}

.bc-316{
	border-color:#316278
}

.rotate_min30deg{
	transform: rotate(-30deg)
}


/* tab boat search */
.scrollmenu {
	overflow: auto;
	white-space: nowrap;
	scrollbar-color: blue transparent;

}

.scrollmenu2 {
	overflow: auto;
	white-space: nowrap;
	scrollbar-color: blue transparent;
	max-width: 330px;
}

::-webkit-scrollbar {
	width: 0px;
}

.scrolable_content {
	width: 100%;
	overflow-x: scroll;
}

#viewContainer {
	width: 100%;
	display: table;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bg-tr-border-bk{
	background-color:transparent !important;border-color:black !important
}

.card-tab-search{
	padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;background-color:transparent !important;border-color:black !important
}

.sort-filter-input{
	border: 0;outline: 0;background: transparent;color:white
}

.sort-filter-input:focus{
	border: 0;outline: 0;background: transparent;color:white
}

.sort-filter-title{
	background: transparent;
	left:7px !important
}

.card-tab-date-return{
	background-color:transparent !important;border-color:black !important;max-width:350px
}

.info-trip{
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
}

.bg-black{
	background-color: #000000;
}

.boat-image{
	background-position: center center;background-repeat: no-repeat;background-size: cover;min-height:150px;
}

.badge-shadow{
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6)
}

.boat-name-badge{
	position:absolute;bottom:5px;left:5px
}

.bg-f6-pd0{
	background-color: #ffffff;padding:0px
}

.pd-0{
	padding:0px
}

.ribbon-2 {
	--f: 10px;
	/* control the folded part*/
	--r: 15px;
	/* control the ribbon shape */
	--t: 10px;
	/* the top offset */

	position: absolute;
	inset: var(--t) calc(-1*var(--f)) auto auto;
	padding: 0 10px var(--f) calc(10px + var(--r));
	clip-path:
		polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
			calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
			var(--r) calc(50% - var(--f)/2));
	background: #ff0000;
	box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}

/* .trusted{
	backdrop-filter: blur(30px);
	padding: 7px;
	box-shadow: 0px 0px 30px rgba(227,228,237,0.37);
	border:2px solid rgba(225,225,225,0.18);
} */

.border-gray{
	border-color:gray !important
}

.rad0-white{
	border-radius:0px;
	border-color:white !important;
}

.pd-lr-0{
	padding-right:0px;
	padding-left:0px
}

/* Destination */
.destination_card {
	border-image: fill 0 linear-gradient(#0001, #000);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: baseline;
}

.destination_header {
	position: absolute;
	bottom: 5px;
}

.destination_content {
	color: whitesmoke !important;
	display: none;
}

.blog_section{
	background-color: white !important;
	border-color: white !important;
}


/* DESTINATION DEVIDER */
.custom-shape-divider-bottom-1724394062 {
	position: absolute;
	bottom: -0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-bottom-1724394062 svg {
	position: relative;
	display: block;
	width: calc(102% + 1.3px);
	height: 123px;
}

.custom-shape-divider-bottom-1724394062 .shape-fill {
	fill: #FFFFFF;
}


/* Trusted logo */
.logo-container {
	overflow: hidden;
	display: flex;
}

.logo_operator {
	display: flex;
	flex-shrink: 0;
	gap: 3rem;
	padding: 1rem;
	animation: inifite-scroll 10s linear infinite;
}

.logo_operator img{
	height:70px
}

.card-trusted{
	border-color:#0d6efd
}

.trusted-text{
	position:absolute;
	top:-15px;
	left:30px;
	z-index:300;
	color:red;
	font-weight:800;
	background-color:white;
	padding-left:10px;
	padding-right:10px;
	font-size:larger
}

@keyframes inifite-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}




/* FOOTER DIVIDER */
.custom-shape-divider-bottom-1724395287 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-bottom-1724395287 svg {
	position: relative;
	display: block;
	width: calc(102% + 1.3px);
	height: 123px;
}

.custom-shape-divider-bottom-1724395287 .shape-fill {
	fill: #153448;
}

.booking-header {
	border-color: #0d6efd;
	z-index: 1;
	background: linear-gradient(150deg, #0d6efd, #000000 100%);
}

/* Rebon Booking */
.ribbon-booking {
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: absolute;
}

.ribbon-booking::before,
.ribbon-booking::after {
	position: absolute;
	z-index: -10;
	content: "";
	display: block;
	border: 5px solid #591600;
}

.ribbon-booking span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 5px 0px 5px 10px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 14px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.ribbon-top-left-booking {
	top: -11px;
	left: -11px;
}

.ribbon-top-left-booking::before,
.ribbon-top-left-booking::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left-booking::before {
	top: 0;
	right: 0;
}

.ribbon-top-left-booking::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left-booking span {
	right: -35px;
	top: 30px;
	transform: rotate(-45deg);
}

.ribbon-2 {
	--f: 10px;
	/* control the folded part*/
	--r: 15px;
	/* control the ribbon shape */
	--t: 10px;
	/* the top offset */

	position: absolute;
	inset: var(--t) calc(-1*var(--f)) auto auto;
	padding: 0 10px var(--f) calc(10px + var(--r));
	clip-path:
		polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
			calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
			var(--r) calc(50% - var(--f)/2));
	background: #ff0000;
	box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}

.ribbon-booking-small {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

.ribbon-booking-small::before,
.ribbon-booking-small::after {
	position: absolute;
	z-index: -10;
	content: "";
	display: block;
	border: 5px solid #591600;
}

.ribbon-booking-small span {
	position: absolute;
	display: block;
	width: 170px;
	padding: 5px 0px 5px 0px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 14px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-align: left;
}

.ribbon-top-left-booking-small {
	top: -11px;
	left: -11px;
}

.ribbon-top-left-booking-small::before,
.ribbon-top-left-booking-small::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left-booking-small::before {
	top: 0;
	right: 0;
}

.ribbon-top-left-booking-small::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left-booking-small span {
	right: -35px;
	top: 20px;
	transform: rotate(-45deg);
}

/*Payment*/

.reedem-button {
	float: right;
	margin-right: 12px;
	margin-top: -40px;
	position: relative;
	z-index: 2;
	color: #0d6efd;
}

.btn-payment {
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
}

.payment-method-logo {
	width: 100%;
	max-width: 170px;
	filter: drop-shadow(5px 5px 5px #fff);
}

.payment-badge {
	position: relative;
	top: 10px;
	left: -10px;
	z-index: 10;
}

.img-greyscale {
	filter: grayscale(100%);
}

.spiner-badge {
	position: absolute;
	top: 30px;
	left: calc(50% - 15px);
	z-index: 10;
	display: none;
}

.spiner-badge-paypal-card {
	position: absolute;
	top: 30px;
	left: calc(50% - 15px);
	z-index: 10;
	display: none;
}

.spiner-badge-virtual {
	position: absolute;
	top: 45px;
	left: calc(50% - 15px);
	z-index: 10;
	display: none;
}