.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(0.455, 0.030, 0.515, 0.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 0.25s ease 0s;
    text-align:center;
    pointer-events: auto !important;
}

.ue-flip-box__panel--back a{
    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.ue-flip_down .ue-flip-box__panel--front {
    transform: none;
}

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

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

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


/* 
* flip up animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-flip_up .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* flip right animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-flip_right .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* flip left animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-flip_left .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* flip alternative down animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-flip-alt_down .ue-flip-box__panel--front {
    transform: none;
    transform-origin: 50% 0%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.ue-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.ue-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.ue-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.ue-flip-alt_up .ue-flip-box__panel--front {
    transform: none;
    transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.ue-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.ue-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.ue-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.ue-flip-alt_right .ue-flip-box__panel--front {
    transform: none;
    transform-origin: 0% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.ue-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.ue-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.ue-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.ue-flip-alt_left .ue-flip-box__panel--front {
    transform: none;
    transform-origin: 100% 50%;
}

.ue-flip-box .ue-flip-box__container.uc-hide.ue-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.ue-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.ue-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.ue-push_down .ue-flip-box__panel--front {
    transform: none;
}

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

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

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


/* 
* push up animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-push_up .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* push right animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-push_right .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* push left animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-push_left .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* slide down animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-slide_down .ue-flip-box__panel--back {
    transform: translatey(-100%);
}

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

/* 
* flip up animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-slide_up .ue-flip-box__panel--back {
    transform: translatey(100%);
}

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

/* 
* flip right animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-slide_right .ue-flip-box__panel--back {
    transform: translatex(100%);
}

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

/* 
* flip left animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-slide_left .ue-flip-box__panel--back {
    transform: translatex(-100%);
}

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

/* 
* swap down animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-swap_down .ue-flip-box__panel--front {
    transform: none;
}

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

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

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


/* 
* swap up animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-swap_up .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* swap right animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-swap_right .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

/* 
* swap left animation
*/
.ue-flip-box .ue-flip-box__container.uc-hide.ue-swap_left .ue-flip-box__panel--front {
    transform: none;
}

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

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

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

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

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

/* 
  * zoom in animation
  */
.ue-flip-box__container.uc-hide.ue-zoomin .ue-flip-box__panel--back {
    opacity: 0; 
    transform: scale(0.5);
}

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

/* 
  * zoom out animation
  */
  .ue-flip-box__container.ue-zoomout .ue-flip-box__panel--front {
    z-index: 1;
  }
 .ue-flip-box__container.uc-hide.ue-zoomout .ue-flip-box__panel--front {
    opacity: 1; 
    transform: scale(1);
}
.ue-flip-box__container.uc-show.ue-zoomout .ue-flip-box__panel--front {
    opacity: 0; 
    transform: scale(0.5);
}

/* 
  * zoom in/out animation
  */
.ue-flip-box__container.uc-hide.ue-zoominout .ue-flip-box__panel--front{
    opacity: 1; 
    transform: scale(1);
}
.ue-flip-box__container.uc-hide.ue-zoominout .ue-flip-box__panel--back {
    opacity: 0; 
    transform: scale(0.5);
}
.ue-flip-box__container.uc-show.ue-zoominout .ue-flip-box__panel--front {
    opacity: 0; 
    transform: scale(0.5);
}
.ue-flip-box__container.uc-show.ue-zoominout .ue-flip-box__panel--back{
    opacity: 1; 
    transform: scale(1);
}