735 lines
22 KiB
CSS
735 lines
22 KiB
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 .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: 100%;
|
|
-webkit-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_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: 0%;
|
|
-ms-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_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: 100% 0;
|
|
-ms-transform-origin: 100% 0;
|
|
transform-origin: 100% 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: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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 {
|
|
left: 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: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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 {
|
|
left: 0;
|
|
-webkit-transform-origin: 0% 0;
|
|
-ms-transform-origin: 0% 0;
|
|
transform-origin: 0% 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 {
|
|
left: 0;
|
|
right: -100%
|
|
}
|
|
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
|
|
-webkit-transform-origin: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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 {
|
|
left: 0;
|
|
right: 50%;
|
|
-webkit-transform-origin: 0% 0;
|
|
-ms-transform-origin: 0% 0;
|
|
transform-origin: 0% 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: 0% 0;
|
|
-ms-transform-origin: 0% 0;
|
|
transform-origin: 0% 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: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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: 0% 0;
|
|
-webkit-transform-origin: 0% 0;
|
|
transform-origin: 0% 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: 100% 100%;
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 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 {
|
|
left: 0;
|
|
-webkit-transform: rotatey(0deg);
|
|
-ms-transform: rotatey(0deg);
|
|
transform: rotatey(0deg);
|
|
-webkit-transform-origin: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%
|
|
}
|
|
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 .ifb-front {
|
|
left: 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: 0% 0;
|
|
-ms-transform-origin: 0% 0;
|
|
transform-origin: 0% 0
|
|
}
|
|
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 {
|
|
left: 0
|
|
}
|
|
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 .ifb-back {
|
|
left: 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%);
|
|
} |