.dipl_flipbox{width:auto;}
.dipl_flipbox .et_pb_module_inner{position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);perspective:1000px;}
.dipl_flipbox .dipl_flipbox_wrapper{position:relative;margin-left:auto;margin-right:auto;text-align:center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.dipl_flipbox .flipbox_side{min-height:200px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.flipbox_back, .flipbox_front{background:center/cover no-repeat #fff;padding:30px;}
.dipl_flipbox .et_pb_module_inner .flipbox_back, .dipl_flipbox .et_pb_module_inner .flipbox_front{overflow:visible;}
.et_pb_section_parallax .flipbox_back, .et_pb_section_parallax .flipbox_front{background:0 0;}
.et_pb_with_border.dipl_flipbox .et_pb_main_flipbox_image img, .et_pb_with_border.dipl_flipbox .flipbox_back, .et_pb_with_border.dipl_flipbox .flipbox_front{border:0 solid #333;}
.dipl_flipbox .et_pb_main_flipbox_image img, .dipl_flipbox .flipbox_inner{width:100%;}
.dipl_flipbox .flipbox_position_left .flipbox_inner, .dipl_flipbox .flipbox_position_right .flipbox_inner, .dipl_flipbox .flipbox_position_top .flipbox_inner{display:flex;}
.dipl_flipbox .flipbox_position_top .flipbox_inner{flex-direction:column;}
.dipl_flipbox .flipbox_position_right .flipbox_inner{flex-direction:row-reverse;}
.dipl_flipbox .flipbox_position_top .et_pb_main_flipbox_image{margin-bottom:20px}
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image{margin-right:20px}
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image{margin-left:20px}
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image+.flipbox_back_content_wrapper,
.dipl_flipbox .flipbox_position_left .et_pb_main_flipbox_image+.flipbox_front_content_wrapper,
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image+.flipbox_back_content_wrapper,
.dipl_flipbox .flipbox_position_right .et_pb_main_flipbox_image+.flipbox_front_content_wrapper{width:calc(100% - 20px);}
.dipl_flipbox .flipbox_back.flipbox_content_top, .dipl_flipbox .flipbox_front.flipbox_content_top{align-items:flex-start;}
.dipl_flipbox .flipbox_back.flipbox_content_bottom, .dipl_flipbox .flipbox_front.flipbox_content_bottom{align-items:flex-end;}
.dipl_flipbox .flipbox_back.flipbox_content_center, .dipl_flipbox .flipbox_front.flipbox_content_center{align-items:center;}
.flipbox_back h1.et_pb_module_header a, .flipbox_front h1.et_pb_module_header, .flipbox_front h1.et_pb_module_header a .flipbox_back h1.et_pb_module_header{font-size:30px;}
.flipbox_back h2.et_pb_module_header a, .flipbox_front h2.et_pb_module_header, .flipbox_front h2.et_pb_module_header a .flipbox_back h2.et_pb_module_header{font-size:26px;}
.flipbox_back h3.et_pb_module_header a, .flipbox_front h3.et_pb_module_header, .flipbox_front h3.et_pb_module_header a .flipbox_back h3.et_pb_module_header{font-size:22px;}
.flipbox_back h4.et_pb_module_header a, .flipbox_front h4.et_pb_module_header, .flipbox_front h4.et_pb_module_header a .flipbox_back h4.et_pb_module_header{font-size:18px;}
.flipbox_back h5.et_pb_module_header a, .flipbox_front h5.et_pb_module_header, .flipbox_front h5.et_pb_module_header a .flipbox_back h5.et_pb_module_header{font-size:16px;}
.flipbox_back h6.et_pb_module_header a, .flipbox_front h6.et_pb_module_header, .flipbox_front h6.et_pb_module_header a .flipbox_back h6.et_pb_module_header{font-size:14px;}
.dipl_flipbox .et_pb_main_flipbox_image{display:inline-block;width:auto;max-width:100%;}
.dipl_flipbox .et-pb-icon-shape-border{border:2px solid}
.dipl_flipbox .hexagon.et-pb-icon-shape-border{border-left-color:transparent;border-right-color:transparent;}
.dipl_flipbox .hexagon.et-pb-icon-shape-border:after, .dipl_flipbox .hexagon.et-pb-icon-shape-border:before{border-top:2px solid;border-bottom:2px solid;border-color:inherit;}
.dipl_flipbox .el-icon-circle{padding:16px;border-radius:50%;}
.dipl_flipbox .el-icon-square{padding:16px}
.dipl_flipbox .et_pb_main_flipbox_image.use_hexagon{padding:10px}
.dipl_flipbox .et-pb-icon.el-icon-hexagon{position:relative;z-index:99;margin-left:-40.25%;padding:15px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
.dipl_flipbox .use_hexagon{z-index:-1}
.dipl_flipbox .use_hexagon .hexagon-wrapper{display:inline-block;position:relative;}
.dipl_flipbox .use_hexagon .hexagon-wrapper .hex{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.dipl_flipbox .use_hexagon .hexagon{width:57.735%;height:100%;margin:auto}
.dipl_flipbox .use_hexagon .hexagon:before{-webkit-transform:rotate(60deg) translateZ(0);transform:rotate(60deg) translateZ(0);}
.dipl_flipbox .use_hexagon .hexagon:after, .dipl_flipbox .use_hexagon .hexagon:before{position:absolute;top:0;right:21.1325%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:inherit;width:inherit;height:inherit;content:"";-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dipl_flipbox .use_hexagon .hexagon:after{-webkit-transform:rotate(-60deg) translateZ(0);transform:rotate(-60deg) translateZ(0);}
.dipl_flipbox .et_pb_flipbox_button_back{margin:15px 0 0}
.dipl_flipbox .et_pb_flipbox_button_back .et_pb_button{display:inline-block;text-decoration:none;}
.dipl_flipbox .layout1{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;}
.dipl_flipbox .layout1 .flipbox_back, .dipl_flipbox .layout1 .flipbox_front, .dipl_flipbox .layout2 .flipbox_back, .dipl_flipbox .layout2 .flipbox_front{display:flex;justify-content:center;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.dipl_flipbox .layout1 .flipbox_back, .dipl_flipbox .layout2 .flipbox_back{position:absolute;top:0;left:0;}
.dipl_flipbox .layout1 .flipbox_inner{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;}
.dipl_flipbox .layout1[data-direction=bottom] .flipbox_front,
.dipl_flipbox .layout1[data-direction=bottom]:hover .flipbox_back,
.dipl_flipbox .layout1[data-direction=top] .flipbox_front,
.dipl_flipbox .layout1[data-direction=top]:hover .flipbox_back{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);}
.dipl_flipbox .layout1[data-direction=bottom]:hover .flipbox_front,
.dipl_flipbox .layout1[data-direction=top] .flipbox_back{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg);}
.dipl_flipbox .layout1[data-direction=bottom] .flipbox_back,
.dipl_flipbox .layout1[data-direction=top]:hover .flipbox_front{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}
.dipl_flipbox .layout1[data-direction=left] .flipbox_front,
.dipl_flipbox .layout1[data-direction=left]:hover .flipbox_back,
.dipl_flipbox .layout1[data-direction=right] .flipbox_front,
.dipl_flipbox .layout1[data-direction=right]:hover .flipbox_back{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);}
.dipl_flipbox .layout1[data-direction=left] .flipbox_back,
.dipl_flipbox .layout1[data-direction=right]:hover .flipbox_front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
.dipl_flipbox .layout1[data-direction=left]:hover .flipbox_front,
.dipl_flipbox .layout1[data-direction=right] .flipbox_back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.dipl_flipbox .layout1[data-direction=diagonalLeft] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRight] .flipbox_front{transform:rotate3d(1,1,0,180deg);}
.dipl_flipbox .layout1[data-direction=diagonalRight] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalLeft] .flipbox_front{transform:rotate3d(1,1,0,-180deg);}
.dipl_flipbox:hover .layout1[data-direction=diagonalLeftInverted] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalLeft] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRightInverted] .flipbox_back,
.dipl_flipbox:hover .layout1[data-direction=diagonalRight] .flipbox_back{transform:none;}
.dipl_flipbox .layout1[data-direction=diagonalLeftInverted] .flipbox_back{transform:rotate3d(1,-1,0,-180deg);}
.dipl_flipbox:hover .layout1[data-direction=diagonalLeftInverted] .flipbox_front{transform:rotate3d(1,-1,0,180deg);}
.dipl_flipbox .layout1[data-direction=diagonalRightInverted] .flipbox_back{transform:rotate3d(-1,1,0,-180deg);}
.dipl_flipbox:hover .layout1[data-direction=diagonalRightInverted] .flipbox_front{transform:rotate3d(-1,1,0,180deg);}
.dipl_flipbox .layout2[data-direction=top]{-webkit-transform:rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);-moz-transform:rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);-ms-transform:rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);transform:rotateX(89.999deg) translateY(-50%) rotateX(-89.999deg);}
.dipl_flipbox .layout2[data-direction=top] .flipbox_front{-webkit-transform:rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);-moz-transform:rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);-ms-transform:rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);transform:rotateX(89.999deg) translateY(50%) rotateX(-89.999deg);}
.dipl_flipbox .layout2[data-direction=top] .flipbox_back{-webkit-transform:translateY(50%) rotateX(-89.999deg);-moz-transform:translateY(50%) rotateX(-89.999deg);-ms-transform:translateY(50%) rotateX(-89.999deg);transform:translateY(50%) rotateX(-89.999deg);}
.dipl_flipbox:hover .layout2[data-direction=top]{-webkit-transform:rotateX(89.999deg) translateY(-50%);-moz-transform:rotateX(89.999deg) translateY(-50%);-ms-transform:rotateX(89.999deg) translateY(-50%);transform:rotateX(89.999deg) translateY(-50%);}
.dipl_flipbox .layout2[data-direction=bottom]{-webkit-transform:rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);-moz-transform:rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);-ms-transform:rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);transform:rotateX(-90.001deg) translateY(50%) rotateX(90.001deg);}
.dipl_flipbox .layout2[data-direction=bottom] .flipbox_front{-webkit-transform:rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);-moz-transform:rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);-ms-transform:rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);transform:rotateX(90.001deg) translateY(50%) rotateX(-90.001deg);}
.dipl_flipbox .layout2[data-direction=bottom] .flipbox_back{-webkit-transform:translateY(-50%) rotateX(90.001deg);-moz-transform:translateY(-50%) rotateX(90.001deg);-ms-transform:translateY(-50%) rotateX(90.001deg);transform:translateY(-50%) rotateX(90.001deg);}
.dipl_flipbox:hover .layout2[data-direction=bottom]{-webkit-transform:rotateX(-90.001deg) translateY(50%);-moz-transform:rotateX(-90.001deg) translateY(50%);-ms-transform:rotateX(-90.001deg) translateY(50%);transform:rotateX(-90.001deg) translateY(50%);}
.dipl_flipbox .layout2[data-direction=left]{-webkit-transform:rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);-moz-transform:rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);-ms-transform:rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);transform:rotateY(-89.999deg) translateX(-50%) rotateY(89.999deg);}
.dipl_flipbox .layout2[data-direction=left] .flipbox_front,
.dipl_flipbox .layout2[data-direction=right] .flipbox_front{-webkit-transform:rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);-moz-transform:rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);-ms-transform:rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);transform:rotateY(89.999deg) translateX(-50%) rotateY(-89.999deg);}
.dipl_flipbox .layout2[data-direction=left] .flipbox_back{-webkit-transform:translateX(50%) rotateY(89.999deg);-moz-transform:translateX(50%) rotateY(89.999deg);-ms-transform:translateX(50%) rotateY(89.999deg);transform:translateX(50%) rotateY(89.999deg);}
.dipl_flipbox:hover .layout2[data-direction=left]{-webkit-transform:rotateY(-89.999deg) translateX(-50%);-moz-transform:rotateY(-89.999deg) translateX(-50%);-ms-transform:rotateY(-89.999deg) translateX(-50%);transform:rotateY(-89.999deg) translateX(-50%);}
.dipl_flipbox .layout2[data-direction=right]{-webkit-transform:rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);-moz-transform:rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);-ms-transform:rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);transform:rotateY(89.999deg) translateX(50%) rotateY(-89.999deg);}
.dipl_flipbox .layout2[data-direction=right] .flipbox_back{-webkit-transform:translateX(-50%) rotateY(89.999deg);-moz-transform:translateX(-50%) rotateY(-89.999deg);-ms-transform:translateX(-50%) rotateY(-89.999deg);transform:translateX(-50%) rotateY(-89.999deg);}
.dipl_flipbox:hover .layout2[data-direction=right]{
-webkit-transform: rotateY(89.999deg) translateX(50%);
-moz-transform: rotateY(89.999deg) translateX(50%);
-ms-transform: rotateY(89.999deg) translateX(50%);
transform: rotateY(89.999deg) translateX(50%);
}