.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__icon
{
display:flex;
align-items:center;
justify-content:center;
} .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;
} .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;
} .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;
} .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;
} .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%;
} .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%;
} .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%;
} .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%;
} .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;
} .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;
} .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;
} .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;
} .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);
} .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);
} .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);
} .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);
} .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;
} .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;
} .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;
} .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;
} .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;
} .ue-flip-box__container.uc-hide.zoomin .ue-flip-box__panel--back {
opacity: 0; 
transform: scale(0.5);
}
.ue-flip-box__container.uc-show.zoomin .ue-flip-box__panel--back {
opacity: 1; 
transform: scale(1);
} .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(0.5);
} .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(0.5);
}
.ue-flip-box__container.uc-show.zoominout .ue-flip-box__panel--front {
opacity: 0; 
transform: scale(0.5);
}
.ue-flip-box__container.uc-show.zoominout .ue-flip-box__panel--back{
opacity: 1; 
transform: scale(1);
}