Your IP : 3.137.170.38


Current Path : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/
Upload File :
Current File : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/flip-box.css

.flip-box-wrap {
    display: block;
    text-align: center;
    position: relative;
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}
.flip-box-wrap,
.wpb_row .wpb_column .wpb_wrapper .flip-box-wrap {
    margin-bottom: 35px
}
.flip-box-wrap .flip-box {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: 750ms;
    transition: 750ms;
    -ms-perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.flip-box-wrap .ifb-flip-box {
    height: 100%;
    position: relative;
    display: block;
    -webkit-transform-style: initial;
    transform-style: initial;
}
.flip-box-wrap .ifb-back,
.flip-box-wrap .ifb-front {
    padding: 0;
    height: 100%;
    margin-bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 750ms;
    transition: 750ms; 
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.flip-box-wrap .ifb-front {
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-box-wrap .ifb-front * {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.flip-box-wrap .flip-box .ifb-flip-box.ifb-hover .ifb-front *{
    -webkit-backface-visibility: unset !important;
    backface-visibility: unset !important;
}

.flip-box-wrap .ifb-back {
    position: absolute;
    top: 0;
    z-index: -1
}
.flip-box-wrap:hover .ifb-back {
    z-index: 1
}
.flip-box-wrap .flip-box .flipbox_heading {
    margin: 15px 0 12px;
    line-height: 1.3em;
    font-size: 16px;
    display: block
}
.flip-box-wrap .flip-box-icon {
    display: block;
    margin: 0 auto
}
.flip-box-icon .aio-icon-img {
    margin: 0 auto
}
.flip-box-wrap p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.65em
}
.flip-box-wrap .ifb-back p {
    margin-bottom: 15px;
    overflow: hidden
}
.flip-box-wrap .ifb-back p:last-child {
    margin-bottom: 0
}
.flip-box-wrap .flip_link {
    display: block;
    position: relative
}
.flip-box-wrap .flip_link a {
    color: #FFF;
    background-color: #636363;
    display: inline-block;
    margin: 10px auto 0;
    padding: .3em .6em;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px
}
.flip-box-wrap .flip_link a:active,
.flip-box-wrap .flip_link a:hover,
.flip-box-wrap .flip_link a:visited {
    color: #FFF;
    text-decoration: none;
    background-color: #636363
}
.flip-box-wrap .ifb-auto-height .ifb-face .ifb-desc-back,
.flip-box-wrap .ifb-custom-height .ifb-face .ifb-desc-back {
    margin-bottom: 15px;
    max-height: 45%;
    max-height: -webkit-calc(100% - 55px);
    max-height: calc(100% - 55px);
    position: relative;
    overflow: hidden
}
.flip-box-wrap .ifb-jq-height .ifb-back p {
    max-height: 100%;
    overflow: visible;
    display: block
}
.flip-box-wrap .ifb-jq-height .ifb-back {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    bottom: 0
}
.flip-box-wrap .horizontal_flip_left .ifb-front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-box-wrap .horizontal_flip_left .ifb-back {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-back {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-front {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.flip-box-wrap .horizontal_flip_right .ifb-front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_right .ifb-back {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-back {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-front {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-back,
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-back {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.flip-box-wrap .vertical_flip_top .ifb-back {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.flip-box-wrap .vertical_flip_top .ifb-front {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.flip-box-wrap .vertical_flip_bottom .ifb-back,
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-front {
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}
.flip-box-wrap .vertical_flip_bottom .ifb-front {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-front {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.flip-box-wrap .flip_bottom .ifb-back,
.flip-box-wrap .flip_bottom .ifb-front,
.flip-box-wrap .flip_left .ifb-back,
.flip-box-wrap .flip_left .ifb-front,
.flip-box-wrap .flip_right .ifb-back,
.flip-box-wrap .flip_right .ifb-front,
.flip-box-wrap .flip_top .ifb-back,
.flip-box-wrap .flip_top .ifb-front {
    -webkit-transition: 1000ms;
    transition: 1000ms
}
.flip-box-wrap .flip_bottom .ifb-front,
.flip-box-wrap .flip_left .ifb-front,
.flip-box-wrap .flip_right .ifb-front,
.flip-box-wrap .flip_top .ifb-front {
    z-index: 1
}
.flip-box-wrap .flip_bottom .ifb-back,
.flip-box-wrap .flip_left .ifb-back,
.flip-box-wrap .flip_right .ifb-back,
.flip-box-wrap .flip_top .ifb-back {
    opacity: .5;
    z-index: -9
}
.flip-box-wrap .flip_bottom .ifb-hover .ifb-front,
.flip-box-wrap .flip_left .ifb-hover .ifb-front,
.flip-box-wrap .flip_right .ifb-hover .ifb-front,
.flip-box-wrap .flip_top .ifb-hover .ifb-front {
    z-index: -9
}
.flip-box-wrap .flip_bottom .ifb-hover .ifb-back,
.flip-box-wrap .flip_left .ifb-hover .ifb-back,
.flip-box-wrap .flip_right .ifb-hover .ifb-back,
.flip-box-wrap .flip_top .ifb-hover .ifb-back {
    opacity: 1;
    z-index: 1
}
.flip_left .ifb-back {
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
.rtl .flip_left .ifb-back {
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg);
}
.flip_left .ifb-hover .ifb-back {
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    transform: rotatey(0deg)
}
.rtl .flip_left .ifb-hover .ifb-back {
    -webkit-transform: rotatey(-0deg);
    -ms-transform: rotatey(-0deg);
    transform: rotatey(-0deg)
}
.flip_right .ifb-back {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
.rtl .flip_right .ifb-back {
   -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg);
}
.flip_right .ifb-hover .ifb-back {
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    transform: rotatey(0deg)
}
.rtl .flip_right .ifb-hover .ifb-back {
    -webkit-transform: rotatey(-0deg);
    -ms-transform: rotatey(-0deg);
    transform: rotatey(-0deg)
}
.flip_top .ifb-back {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotatex(270deg);
    -ms-transform: rotatex(270deg);
    transform: rotatex(270deg);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
.flip_top .ifb-hover .ifb-back {
    -ms-transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg)
}
.flip_bottom .ifb-back {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotatex(-270deg);
    -ms-transform: rotatex(-270deg);
    transform: rotatex(-270deg);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
.flip_bottom .ifb-hover .ifb-back {
    -webkit-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    transform: rotatex(0deg)
}
.horizontal_door_flip .h_door.ifb-multiple-front,
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back,
.reverse_vertical_door_flip .rv_door.ifb-multiple-back,
.vertical_door_flip .v_door.ifb-multiple-front {
    -webkit-transition: 1000ms;
    transition: 1000ms
}
.vertical_door_flip .v_door.ifb-multiple-front {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 1;
    z-index: 1
}
.flip-box-wrap .vertical_door_flip .ifb-back {
    z-index: -9
}
.vertical_door_flip .ifb-hover .v_door.ifb-multiple-front {
    opacity: .5;
    z-index: -9
}
.flip-box-wrap .vertical_door_flip .ifb-hover .ifb-back {
    z-index: 1
}
.vertical_door_flip .v_door.ifb-multiple-front .ifb-front {
    width: 200%;
    position: relative
}
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 .ifb-front {
    right: 100%
}
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg)
}
.vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
    -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg)
}
.vertical_door_flip .v_door.ifb-front-1 {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}
.vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg)
}
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
    -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg)
}
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 {
    right: 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .vertical_door_flip .ifb-multiple-front.v_door {
        width: 50.2%
    }
}
.reverse_vertical_door_flip .rv_door.ifb-multiple-back {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
    opacity: .5;
    z-index: -9
}
.flip-box-wrap .reverse_vertical_door_flip .ifb-front {
    z-index: 1
}
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
    z-index: 1;
    opacity: 1
}
.flip-box-wrap .reverse_vertical_door_flip .ifb-hover .ifb-front {
    z-index: -9
}
.reverse_vertical_door_flip .rv_door.ifb-multiple-back .ifb-back {
    width: 200%
}
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 .ifb-back {
    right: 0;
    left: -100%
}
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg)
}
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg)
}
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
    right: 0;
    left: 50%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotatey(270deg);
    -ms-transform: rotatey(270deg);
    transform: rotatey(270deg)
}
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
    -webkit-transform: rotatey(-270deg);
    -ms-transform: rotatey(-270deg);
    transform: rotatey(-270deg)
}
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-1,
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-2 {
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    transform: rotatey(0deg)
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
        visibility: visible
    }
    .reverse_vertical_door_flip .rv_door.ifb-multiple-back {
        visibility: hidden
    }
}
.horizontal_door_flip .h_door.ifb-multiple-front {
    position: absolute;
    height: 50%;
    width: 100%;
    z-index: 1;
    opacity: 1;
    overflow: hidden
}
.flip-box-wrap .horizontal_door_flip .ifb-back {
    z-index: -9
}
.horizontal_door_flip .ifb-hover .h_door.ifb-multiple-front {
    z-index: -9;
    opacity: .5
}
.flip-box-wrap .horizontal_door_flip .ifb-hover .ifb-back {
    z-index: 1
}
.horizontal_door_flip .h_door.ifb-multiple-front .ifb-front {
    position: relative;
    height: 200%
}
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 .ifb-front {
    bottom: 100%
}
.horizontal_door_flip .ifb-hover .h_door.ifb-front-1 {
    -webkit-transform: rotatex(270deg);
    -ms-transform: rotatex(270deg);
    transform: rotatex(270deg)
}
.horizontal_door_flip .h_door.ifb-front-1 {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: 0
}
.horizontal_door_flip .ifb-hover .h_door.ifb-front-2 {
    -webkit-transform: rotatex(-270deg);
    -ms-transform: rotatex(-270deg);
    transform: rotatex(-270deg)
}
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 {
    bottom: 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    top: 50%
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
    position: absolute;
    height: 50%;
    width: 100%;
    overflow: hidden;
    z-index: -9;
    opacity: .5
}
.flip-box-wrap .reverse_horizontal_door_flip .ifb-front {
    z-index: 1
}
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
    z-index: 1;
    opacity: 1
}
.flip-box-wrap .reverse_horizontal_door_flip .ifb-hover .ifb-front {
    z-index: -9
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back .ifb-back {
    position: relative;
    height: 200%
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 .ifb-back {
    border-bottom: none !important
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .ifb-back {
    top: -100%
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 {
    top: 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotatex(270deg);
    -ms-transform: rotatex(270deg);
    transform: rotatex(270deg)
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 {
    top: 50%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotatex(-270deg);
    -ms-transform: rotatex(-270deg);
    transform: rotatex(-270deg)
}
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-1,
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2,
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
    -webkit-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    transform: rotatex(0deg)
}
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotatex(270deg);
    -ms-transform: rotatex(270deg);
    transform: rotatex(270deg)
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
        visibility: visible
    }
    .reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
        visibility: hidden
    }
}
.style_9 .new_style_9 {
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 800ms;
    transition: 800ms
}
.style_9 .new_style_9.ifb-multiple-back .ifb-back,
.style_9 .new_style_9.ifb-multiple-front .ifb-front {
    width: 200%;
    position: relative
}
.style_9 .new_style_9.ifb-multiple-back,
.style_9 .new_style_9.ifb-multiple-front {
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back,
.style_9 .new_style_9.ifb-multiple-front {
    z-index: 20
}
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front,
.style_9 .new_style_9.ifb-multiple-back {
    z-index: 10
}
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 {
    right: 0;
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    transform: rotatey(0deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 .ifb-front {
    right: 100%
}
.style_9 .new_style_9.ifb-multiple-back.ifb-back-1 {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 {
    right: 0
}
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 .ifb-back {
    right: 100%
}
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
    -webkit-transform: rotateY(-40deg);
    -ms-transform: rotateY(-40deg);
    transform: rotateY(-40deg)
}
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
    -webkit-transform: rotateY(140deg);
    -ms-transform: rotateY(140deg);
    transform: rotateY(140deg)
}
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front.ifb-front-2 {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
    -webkit-transform: rotateY(-140deg);
    -ms-transform: rotateY(-140deg);
    transform: rotateY(-140deg)
}
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back.ifb-back-1 {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
    -webkit-transform: rotateY(40deg);
    -ms-transform: rotateY(40deg);
    transform: rotateY(40deg)
}
.flip-box-wrap .ifb-back,
.flip-box-wrap .ifb-front {
    display: block;
    width: 100%
}
.ifb-flip-box-section {
    display: block;
    position: relative;
    padding: 15px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.flip-ifb-auto-height .ifb-flip-box-section,
.flip-ifb-custom-height .ifb-flip-box-section {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
    vertical-align: middle !important;
    top: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.flip-ifb-auto-height .ifb-front .ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
    top: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}
.ifb-flip-box-section.ifb_disable_middle {
    top: 0 !important;
    -ms-transform: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none
}
.flip-box-wrap .flip_bottom .ifb-back,
.flip-box-wrap .flip_left .ifb-back,
.flip-box-wrap .flip_right .ifb-back,
.flip-box-wrap .flip_top .ifb-back,
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
    z-index: -4
}
.flip-ifb-auto-height .ifb-flip-box .h_door .ifb-front,
.flip-ifb-auto-height .ifb-flip-box .v_door .ifb-front,
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-1,
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-2 {
    height: auto
}

/* Disable Flip box content align to top when center align is selected, classes are not completely removed for the abckwards compatibility */
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle.ifb_disable_middle {
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}