.et_pb_flipbox {
    position: relative;
    transform-style: preserve-3d;
    display: block;
}
.et_pb_flipbox  .et_pb_flipbox_front,
.et_pb_flipbox  .et_pb_flipbox_back {
    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;
    display: block;
    width: 100%;
    background: #fff;
    /*border: 1px solid #777;*/
}

.et_pb_flipbox .et_pb_flipbox_back {
    position: absolute;
    top: 0;
    z-index: -1;
}

.et_pb_flipbox_section{
      display: block;
    position: relative;
    padding: 15px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


/*horizontal_flip_left*/
.horizontal_flip_left .et_pb_flipbox_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.horizontal_flip_left .et_pb_flipbox_back {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}
.horizontal_flip_left.et_pb_hover .et_pb_flipbox_back {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.horizontal_flip_left.et_pb_hover .et_pb_flipbox_front {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}


/*horizontal_flip_right*/
.horizontal_flip_right .et_pb_flipbox_front {
     -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.horizontal_flip_right  .et_pb_flipbox_back{
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.horizontal_flip_right.et_pb_hover .et_pb_flipbox_back {
   -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.horizontal_flip_right.et_pb_hover .et_pb_flipbox_front {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}


.vertical_flip_bottom.et_pb_hover .et_pb_flipbox_back,
.vertical_flip_top.et_pb_hover .et_pb_flipbox_back {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.vertical_flip_top .et_pb_flipbox_back {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.vertical_flip_top .et_pb_flipbox_front {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.vertical_flip_bottom .et_pb_flipbox_back,
.vertical_flip_top.et_pb_hover .et_pb_flipbox_front {
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}
.vertical_flip_bottom .et_pb_flipbox_front {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.vertical_flip_bottom.et_pb_hover .et_pb_flipbox_front {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

a.flip_link{
    display: inline-block;
    margin: 15px auto 0;
    padding: .3em .6em;
    cursor: pointer;
    font-size: 13px;
}

.et_pb_flipbox_section h4 {
    font-weight: bold;
}

        .cube-wrapper{         
            position: relative;
            /*perspective: 1000px;*/
        }

        .et_pb_cube {
          width: 100%;
          height: 100%;
          transform-style: preserve-3d;
          transition: transform 1s;
        }
        
        .cube-wrapper .et_pb_flipbox {
          display: block;
          border: 2px solid black;
        }
        
        .et_pb_cube .front  { transform: rotateY(   0deg ) translateZ( 100px );}
        .et_pb_cube .back   { transform: rotateX( 180deg ) translateZ( 200px );}
        .et_pb_cube .right  { transform: rotateY(  90deg ) translateZ( 200px );}
        .et_pb_cube .left   { transform: rotateY( -90deg ) translateZ( 220px );}
        .et_pb_cube .top    { transform: rotateX(  90deg ) translateZ( 200px );}
        .et_pb_cube .bottom { transform: rotateX( -90deg ) translateZ( 200px );}

        .et_pb_cube.et_pb_hover.show-front  { transform:  rotateY(    0deg );   }
        .et_pb_cube.et_pb_hover.show-back   { transform:  rotateX( -180deg );  }
        .et_pb_cube.et_pb_hover.show-right  { transform:  rotateY(  -90deg );   }

        .et_pb_cube.et_pb_hover.show-right  .front { transform:  translateX( -100% );  background: #eee; }
        .et_pb_cube.show-right  .back { transform:  translateX( -100% );   }
        .et_pb_cube.et_pb_hover.show-right  .back { transform:  translateX( 0% );   }

        
        .et_pb_cube.et_pb_hover.show-left   { transform:  rotateY(   90deg );   }
        .et_pb_cube.et_pb_hover.show-top    { transform:  rotateX(  -90deg );   }
        .et_pb_cube.et_pb_hover.show-top   .et_pb_flipbox_back { height: auto;   }
        .et_pb_cube.et_pb_hover.show-bottom { transform:  rotateX(   90deg );  }

.et_pb_flipbox_front .dv_flip_icon_side{
    overflow: hidden;
}
.et_pb_flipbox_front .dv_flipbox_content {
    width: 70%;
    float: left;
    padding: 10px;
}
.et_pb_flipbox_front .dv_icon_wrapper {
    float: left;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}

.et_pb_flipbox_front .dv_icon_wrapper img{
    width:100%;
}



/*----------------------------------------------------------------------------* CUBEBOX SHORTCODE
\*----------------------------------------------------------------------------*/
.dv-animation{opacity:0}
.dv-no-transition,.velocity-animating,.velocity-animating .dv-transition{-webkit-transition:none!important;transition:none!important}
.dv-transition{-webkit-transition:all .25s;transition:all .25s}

.dv-cubebox { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.dv-cubebox__content { position: relative; width: 100%; height: inherit; overflow: hidden; }

.dv-cubebox__front, .dv-cubebox__side { position: absolute; top: 0; text-align: center; width: 100%; }

.dv-cubebox--flip-top .dv-cubebox__front { transform: translateY(0); }

.dv-cubebox--flip-top .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); transform-origin: top; }

.dv-cubebox--flip-top .dv-cubebox__side { transform: translateY(-100%); }

.dv-cubebox--flip-top .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateX(90deg) translateY(0.0001%); transform-origin: bottom; }

.dv-cubebox--flip-top.et_pb_hover .dv-cubebox__front { transform: translateY(100%); }

.dv-cubebox--flip-top.et_pb_hover .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateX(-90deg) translateY(0.0001%); }

.dv-cubebox--flip-top.et_pb_hover .dv-cubebox__side { transform: translateY(0); }

.dv-cubebox--flip-top.et_pb_hover .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); }

.dv-cubebox--flip-bottom .dv-cubebox__front { transform: translateY(0); }

.dv-cubebox--flip-bottom .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); transform-origin: bottom; }

.dv-cubebox--flip-bottom .dv-cubebox__side { transform: translateY(100%); }

.dv-cubebox--flip-bottom .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateX(-90deg) translateY(0.0001%); transform-origin: top; }

.dv-cubebox--flip-bottom.et_pb_hover .dv-cubebox__front { transform: translateY(-100%); }

.dv-cubebox--flip-bottom.et_pb_hover .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateX(90deg) translateY(0.0001%); }

.dv-cubebox--flip-bottom.et_pb_hover .dv-cubebox__side { transform: translateY(0); }

.dv-cubebox--flip-bottom.et_pb_hover .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateX(0deg) translateY(0.0001%); }

.dv-cubebox--flip-left .dv-cubebox__front { transform: translateX(0); }

.dv-cubebox--flip-left .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); transform-origin: left; }

.dv-cubebox--flip-left .dv-cubebox__side { transform: translateX(-100%); }

.dv-cubebox--flip-left .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateY(-90deg) translateY(0.0001%); transform-origin: right; }

.dv-cubebox--flip-left.et_pb_hover .dv-cubebox__front { transform: translateX(100%); }

.dv-cubebox--flip-left.et_pb_hover .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateY(90deg) translateY(0.0001%); }

.dv-cubebox--flip-left.et_pb_hover .dv-cubebox__side { transform: translateX(0); }

.dv-cubebox--flip-left.et_pb_hover .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); }

.dv-cubebox--flip-right .dv-cubebox__front { transform: translateX(0); }

.dv-cubebox--flip-right .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); transform-origin: right; }

.dv-cubebox--flip-right .dv-cubebox__side { transform: translateX(100%); }

.dv-cubebox--flip-right .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateY(90deg) translateY(0.0001%); transform-origin: left; }

.dv-cubebox--flip-right.et_pb_hover .dv-cubebox__front { transform: translateX(-100%); }

.dv-cubebox--flip-right.et_pb_hover .dv-cubebox__front .dv-cubebox-side { transform: perspective(550px) rotateY(-90deg) translateY(0.0001%); }

.dv-cubebox--flip-right.et_pb_hover .dv-cubebox__side { transform: translateX(0); }

.dv-cubebox--flip-right.et_pb_hover .dv-cubebox__side .dv-cubebox-side { transform: perspective(550px) rotateY(0deg) translateY(0.0001%); }

.dv-cubebox-side, .dv-cubebox__front, .dv-cubebox__side { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; }

/*----------------------------------------------------------------------------* CUBEBOX SIDE SHORTCODE
\*----------------------------------------------------------------------------*/
.dv-cubebox-side { display: table; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }

.dv-cubebox-side .wpb_text_column p:first-child { margin-top: 0; }

.dv-cubebox-side .wpb_text_column p:last-child { margin-bottom: 0; }

.dv-cubebox-side__content { display: table-cell; }

[data-front-align^=top] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align^=top] .dv-cubebox__side .dv-cubebox-side__content { vertical-align: top; }

[data-front-align^=middle] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align^=middle] .dv-cubebox__side .dv-cubebox-side__content { vertical-align: middle; }

[data-front-align^=bottom] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align^=bottom] .dv-cubebox__side .dv-cubebox-side__content { vertical-align: bottom; }

[data-front-align$=left] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align$=left] .dv-cubebox__side .dv-cubebox-side__content { text-align: left; }

[data-front-align$=center] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align$=center] .dv-cubebox__side .dv-cubebox-side__content { text-align: center; }

[data-front-align$=right] .dv-cubebox__front .dv-cubebox-side__content, [data-side-align$=right] .dv-cubebox__side .dv-cubebox-side__content { text-align: right; }


.dv-toggle-close{
    position: relative;
}
.dv-toggle-close .et_pb_flipbox_back:hover{
    cursor:pointer;
    /*color:red;*/
}

.dv-toggle-close.et_pb_hover .dv-close-button{
    opacity: 1;
    transition-delay:500ms;
    z-index: 1;
}

.dv-toggle-close .dv-close-button{
    font-family: "ETmodules";
    font-size:18pt;
    position: absolute;
    top: 10px;
    right: 10px;  
    opacity: 0;
    transition:0.5s opacity;
    background: #333;
    color:#fff;
    border-radius:32px;
}