
.ue-flip-box {
	width: 100%;
}

.ue-flip-box__container {
	height: 100%;
	width: 100%;
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
}

.ue-flip-box__container[data-trigger="click"] {
	cursor: pointer;
}

.ue-flip-box__panel {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	transform-style: preserve-3d;
	transition: all var(--duration) cubic-bezier(.455, .03, .515, .955);
}

.ue-flip-box__panel.ue-flip-box__panel--back {
	backface-visibility: hidden;
}

.ue-flip-box__panel__wrapper {
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.ue-flip-box__panel__content {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow-wrap: break-word;
}

.ue-flip-box__panel__content svg {
	width: 1em;
	height: 1em;
	position: relative;
	display: block;
}

.ue-flip-box__panel--back .ue_btn {
	text-decoration: none;
	transition: all .25s ease 0s;
	text-align: center;
	pointer-events: auto !important;
}

.ue-flip-box__icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 
* Flip Down Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip_down .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip_down .ue-flip-box__panel--back {
	transform: rotateX(180deg) rotateY(0);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_down .ue-flip-box__panel--front {
	transform: rotateX(-180deg) rotateY(0);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_down .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Flip Up Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip_up .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip_up .ue-flip-box__panel--back {
	transform: rotateX(-180deg) rotateY(0);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_up .ue-flip-box__panel--front {
	transform: rotateX(180deg) rotateY(0);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_up .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Flip Right Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip_right .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip_right .ue-flip-box__panel--back {
	transform: rotateY(-180deg);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_right .ue-flip-box__panel--front {
	transform: rotateY(180deg);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_right .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Flip Left Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip_left .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip_left .ue-flip-box__panel--back {
	transform: rotateY(180deg);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_left .ue-flip-box__panel--front {
	transform: rotateY(-180deg);
}

.ue-flip-box .ue-flip-box__container.uc-show.flip_left .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Flip Alternative Down Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_down .ue-flip-box__panel--front {
	transform: none;
	transform-origin: 50% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_down .ue-flip-box__panel--back {
	transform: translateY(-100%) rotateX(180deg);
	transform-origin: 50% 100%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_down .ue-flip-box__panel--front {
	transform: translateY(-100%) rotateX(-180deg);
	transform-origin: 50% 100%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_down .ue-flip-box__panel--back {
	transform: none;
	transform-origin: 50% 0%;
}

/* 
* Flip Alternative Up Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_up .ue-flip-box__panel--front {
	transform: none;
	transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_up .ue-flip-box__panel--back {
	transform: translateY(100%) rotateX(-180deg);
	transform-origin: 50% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_up .ue-flip-box__panel--front {
	transform: translateY(100%) rotateX(180deg);
	transform-origin: 50% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_up .ue-flip-box__panel--back {
	transform: none;
	transform-origin: 0% 50%;
}

/* 
* Flip Alternative Right Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_right .ue-flip-box__panel--front {
	transform: none;
	transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_right .ue-flip-box__panel--back {
	transform: translateX(-100%) rotateY(-180deg);
	transform-origin: 100% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_right .ue-flip-box__panel--front {
	transform: translateX(-100%) rotateY(180deg);
	transform-origin: 100% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_right .ue-flip-box__panel--back {
	transform: none;
	transform-origin: 0% 50%;
}

/* 
* Flip Alternative Left Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_left .ue-flip-box__panel--front {
	transform: none;
	transform-origin: 100% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.flip-alt_left .ue-flip-box__panel--back {
	transform: translateX(100%) rotateY(180deg);
	transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_left .ue-flip-box__panel--front {
	transform: translateX(100%) rotateY(-180deg);
	transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-show.flip-alt_left .ue-flip-box__panel--back {
	transform: none;
	transform-origin: 100% 50%;
}

/* 
* Push Down Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.push_down .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.push_down .ue-flip-box__panel--back {
	transform: translateY(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_down .ue-flip-box__panel--front {
	transform: translateY(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_down .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Push Up Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.push_up .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.push_up .ue-flip-box__panel--back {
	transform: translateY(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_up .ue-flip-box__panel--front {
	transform: translateY(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_up .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Push Right Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.push_right .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.push_right .ue-flip-box__panel--back {
	transform: translateX(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_right .ue-flip-box__panel--front {
	transform: translateX(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_right .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Push Left Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.push_left .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.push_left .ue-flip-box__panel--back {
	transform: translateX(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_left .ue-flip-box__panel--front {
	transform: translateX(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.push_left .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Slide Down Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.slide_down .ue-flip-box__panel--back {
	transform: translateY(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.slide_down .ue-flip-box__panel--back {
	transform: translateY(0);
}

/* 
* Flip Up Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.slide_up .ue-flip-box__panel--back {
	transform: translateY(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.slide_up .ue-flip-box__panel--back {
	transform: translateY(0);
}

/* 
* Flip Right Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.slide_right .ue-flip-box__panel--back {
	transform: translateX(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.slide_right .ue-flip-box__panel--back {
	transform: translateX(0);
}

/* 
* Flip Left Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.slide_left .ue-flip-box__panel--back {
	transform: translateX(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.slide_left .ue-flip-box__panel--back {
	transform: translateX(0);
}

/* 
* Swap Down Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.swap_down .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.swap_down .ue-flip-box__panel--back {
	transform: translateY(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_down .ue-flip-box__panel--front {
	transform: translateY(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_down .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Swap Up Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.swap_up .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.swap_up .ue-flip-box__panel--back {
	transform: translateY(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_up .ue-flip-box__panel--front {
	transform: translateY(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_up .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Swap Right Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.swap_right .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.swap_right .ue-flip-box__panel--back {
	transform: translateX(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_right .ue-flip-box__panel--front {
	transform: translateX(-100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_right .ue-flip-box__panel--back {
	transform: none;
}

/* 
* Swap Left Animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.swap_left .ue-flip-box__panel--front {
	transform: none;
}

.ue-flip-box .ue-flip-box__container.uc-hide.swap_left .ue-flip-box__panel--back {
	transform: translateX(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_left .ue-flip-box__panel--front {
	transform: translateX(100%);
}

.ue-flip-box .ue-flip-box__container.uc-show.swap_left .ue-flip-box__panel--back {
	transform: none;
}

/* 
  * Fade Animation
  */
.ue-flip-box__container.uc-hide.fade .ue-flip-box__panel--back {
	opacity: 0;
}

.ue-flip-box__container.uc-show.fade .ue-flip-box__panel--back {
	opacity: 1;
}

/* 
  * Zoom In Animation
  */
.ue-flip-box__container.uc-hide.zoomin .ue-flip-box__panel--back {
	opacity: 0;
	transform: scale(.5);
}

.ue-flip-box__container.uc-show.zoomin .ue-flip-box__panel--back {
	opacity: 1;
	transform: scale(1);
}

/* 
  * Zoom Out Animation
  */
.ue-flip-box__container.zoomout .ue-flip-box__panel--front {
	z-index: 1;
}

.ue-flip-box__container.uc-hide.zoomout .ue-flip-box__panel--front {
	opacity: 1;
	transform: scale(1);
}

.ue-flip-box__container.uc-show.zoomout .ue-flip-box__panel--front {
	opacity: 0;
	transform: scale(.5);
}

/* 
  * Zoom In/Out Animation
  */
.ue-flip-box__container.uc-hide.zoominout .ue-flip-box__panel--front {
	opacity: 1;
	transform: scale(1);
}

.ue-flip-box__container.uc-hide.zoominout .ue-flip-box__panel--back {
	opacity: 0;
	transform: scale(.5);
}

.ue-flip-box__container.uc-show.zoominout .ue-flip-box__panel--front {
	opacity: 0;
	transform: scale(.5);
}

.ue-flip-box__container.uc-show.zoominout .ue-flip-box__panel--back {
	opacity: 1;
	transform: scale(1);
}
