.qodef-qi-flip-box{width:100%;height:350px}.qodef-qi-flip-box .qodef-qi-flip-box-container{height:100%;width:100%;position:relative;transform-style:preserve-3d;perspective:1000px}.qodef-show.qodef-qi-flip-box .qodef-qi-flip-box-container{z-index:6}.qodef-qi-flip-box .qodef-qi-flip-box-container .qodef-qi-flip-box-holder{height:100%;width:100%;padding:30px;position:absolute;display:flex;flex-direction:column;transform-style:preserve-3d;transition:all var(--qodef-duration) cubic-bezier(.4,.25,.6,.94);backface-visibility:hidden}.qodef-qi-flip-box .qodef-qi-flip-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;z-index:-1;transition:all var(--qodef-duration) cubic-bezier(.25,.46,.45,.94);pointer-events:none}.qodef-qi-flip-box .qodef-qi-flip-overlay .qodef-qi-flip-overlay-inner{width:100%;height:100%;background-color:rgba(0,0,0,.4)}.qodef-show.qodef-qi-flip-box .qodef-qi-flip-overlay{opacity:1;z-index:5}.qodef-qi-flip-box .qodef-qi-flip-box-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.qodef-qi-flip-box .qodef-qi-flip-box-content .qodef-back-title,.qodef-qi-flip-box .qodef-qi-flip-box-content .qodef-front-title{margin:0}.qodef-qi-flip-box .qodef-qi-flip-box-content .qodef-back-description-holder>*,.qodef-qi-flip-box .qodef-qi-flip-box-content .qodef-front-description-holder>*{margin:0}.qodef-qi-flip-box.qodef-3d-effect.qodef-qi-animation-type-flip .qodef-qi-flip-box-content,.qodef-qi-flip-box.qodef-3d-effect.qodef-qi-animation-type-flip-whole .qodef-qi-flip-box-content{transform:translateZ(100px) scale(.9);transform-style:preserve-3d}.qodef-qi-flip-box .qodef-icon-holder{font-size:1.4em;line-height:1}.qodef-qi-flip-box .qodef-icon-holder svg{width:1em;height:auto;vertical-align:top;fill:currentColor;stroke:currentColor;overflow:visible}.qodef-qi-flip-box.qodef-front-icon-boxed .qodef-front-icon-holder{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;background-color:#c4c4c4;border:1px solid transparent}.qodef-qi-flip-box.qodef-back-icon-boxed .qodef-back-icon-holder{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;background-color:#c4c4c4;border:1px solid transparent}.qodef-qi-flip-box .qodef-trigger-icon{position:absolute;right:20px;bottom:20px;cursor:pointer;display:block}.qodef-qi-flip-box .qodef-trigger-icon svg{position:relative;display:inline-block;vertical-align:middle}.qodef-qi-flip-box .qodef-qi-flip-box-front{background-color:#c4c4c4}.qodef-qi-flip-box .qodef-qi-flip-box-back{background-color:#919191}.qodef-qi-flip-box.qodef-qi-trigger-click .qodef-qi-flip-box-front{cursor:pointer}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-left .qodef-qi-flip-box-back{transform:rotateY(180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-front{transform:rotateY(-180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-back{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-right .qodef-qi-flip-box-back{transform:rotateY(-180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-front{transform:rotateY(180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-back{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-down .qodef-qi-flip-box-back{transform:rotateX(180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-front{transform:rotateX(-180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-back{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-up .qodef-qi-flip-box-back{transform:rotateX(-180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-front{transform:rotateX(180deg)}.qodef-qi-flip-box.qodef-qi-animation-type-flip.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-back{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-left .qodef-qi-flip-box-front{transform:none;transform-origin:100% 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-left .qodef-qi-flip-box-back{transform:translateX(100%) rotateY(180deg);transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-front{transform:translateX(100%) rotateY(-180deg);transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-back{transform:none;transform-origin:100% 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-right .qodef-qi-flip-box-front{transform:none;transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-right .qodef-qi-flip-box-back{transform:translateX(-100%) rotateY(-180deg);transform-origin:100% 0}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-front{transform:translateX(-100%) rotateY(180deg);transform-origin:100% 0}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-back{transform:none;transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-up .qodef-qi-flip-box-front{transform:none;transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-up .qodef-qi-flip-box-back{transform:translateY(100%) rotateX(-180deg);transform-origin:50% 0}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-front{transform:translateY(100%) rotateX(180deg);transform-origin:50% 0}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-back{transform:none;transform-origin:0 50%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-down .qodef-qi-flip-box-front{transform:none;transform-origin:50% 0}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-down .qodef-qi-flip-box-back{transform:translateY(-100%) rotateX(180deg);transform-origin:50% 100%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-front{transform:translateY(-100%) rotateX(-180deg);transform-origin:50% 100%}.qodef-qi-flip-box.qodef-qi-animation-type-flip-whole.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-back{transform:none;transform-origin:50% 0}.qodef-qi-flip-box.qodef-qi-animation-type-slide{overflow:hidden}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-left .qodef-qi-flip-box-back{transform:translateX(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-right .qodef-qi-flip-box-back{transform:translateX(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-up .qodef-qi-flip-box-back{transform:translateY(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-back{transform:translateY(0)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-down .qodef-qi-flip-box-back{transform:translateY(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-slide.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-switch{overflow:hidden}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-left .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-left .qodef-qi-flip-box-back{transform:translateX(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-front{transform:translateX(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-right .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-right .qodef-qi-flip-box-back{transform:translateX(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-front{transform:translateX(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-up .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-up .qodef-qi-flip-box-back{transform:translateY(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-front{transform:translateY(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-back{transform:translateY(0)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-down .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-down .qodef-qi-flip-box-back{transform:translateY(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-front{transform:translateY(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-switch.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-back{transform:translateY(0)}.qodef-qi-flip-box.qodef-qi-animation-type-pull{overflow:hidden}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-left .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-left .qodef-qi-flip-box-back{transform:translateX(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-front{transform:translateX(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-left.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-right .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-right .qodef-qi-flip-box-back{transform:translateX(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-front{transform:translateX(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-right.qodef-show .qodef-qi-flip-box-back{transform:translateX(0)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-up .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-up .qodef-qi-flip-box-back{transform:translateY(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-front{transform:translateY(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-up.qodef-show .qodef-qi-flip-box-back{transform:translateY(0)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-down .qodef-qi-flip-box-front{transform:none}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-down .qodef-qi-flip-box-back{transform:translateY(-100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-front{transform:translateY(100%)}.qodef-qi-flip-box.qodef-qi-animation-type-pull.qodef-qi-animation-direction-down.qodef-show .qodef-qi-flip-box-back{transform:translateY(0)}.qodef-qi-flip-box.qodef-qi-animation-type-fade .qodef-qi-flip-box-back{opacity:0}.qodef-qi-flip-box.qodef-qi-animation-type-fade.qodef-show .qodef-qi-flip-box-back{opacity:1}.qodef-qi-flip-box.qodef-qi-animation-type-zoom-in .qodef-qi-flip-box-back{opacity:0;transform:scale(.5)}.qodef-qi-flip-box.qodef-qi-animation-type-zoom-in.qodef-show .qodef-qi-flip-box-back{opacity:1;transform:scale(1)}.qodef-qi-flip-box.qodef-qi-animation-type-zoom-out .qodef-qi-flip-box-front{opacity:1;transform:scale(1);z-index:1}.qodef-qi-flip-box.qodef-qi-animation-type-zoom-out.qodef-show .qodef-qi-flip-box-front{opacity:0;transform:scale(.5)}