.flip-box2{float:left;display:block;position:relative;z-index:2;width:300px;height:200px;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;margin:15px;padding:15px}
.flip-box2 .front{z-index:1;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.05);border:1px solid #ddd;-webkit-transform:rotateY(0deg) translateZ(75px);-moz-transform:rotateY(0deg) translateZ(75px);-ms-transform:rotateY(0deg) translateZ(75px);-o-transform:rotateY(0deg) translateZ(75px);transform:rotateY(0deg) translateZ(75px);padding:15px}
.flip-box2 .object{position:absolute;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-75px);-moz-transform:translateZ(-75px);-ms-transform:translateZ(-75px);-o-transform:translateZ(-75px);transform:translateZ(-75px)}
.full-size,.flip-box .object,.flip-box .front,.flip-box .back,.full-size,.flip-box2 .object,.flip-box2 .front,.flip-box2 .back{width:100%;height:100%}
.slice,.flip-box .front,.flip-box .back,.flip-box .flank{display:block;overflow:hidden;position:absolute}
.flip-box{float:left;display:block;position:relative;z-index:2;width:300px;height:200px;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;margin:15px;padding:15px}
.flip-box .object{position:absolute;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-75px);-moz-transform:translateZ(-75px);-ms-transform:translateZ(-75px);-o-transform:translateZ(-75px);transform:translateZ(-75px)}
.flip-box .object:hover,.flip-box .object:focus{-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform:translateZ(-75px) rotateY(180deg);-moz-transform:translateZ(-75px) rotateY(180deg);-ms-transform:translateZ(-75px) rotateY(180deg);-o-transform:translateZ(-75px) rotateY(180deg);transform:translateZ(-75px) rotateY(180deg)}
.flip-box .front{z-index:1;background-color:#aaa;-webkit-transform:rotateY(0deg) translateZ(75px);-moz-transform:rotateY(0deg) translateZ(75px);-ms-transform:rotateY(0deg) translateZ(75px);-o-transform:rotateY(0deg) translateZ(75px);transform:rotateY(0deg) translateZ(75px);padding:15px}
.flip-box .back{z-index:0;background-color:#ccc;-webkit-transform:rotateY(180deg) translateZ(75px);-moz-transform:rotateY(180deg) translateZ(75px);-ms-transform:rotateY(180deg) translateZ(75px);-o-transform:rotateY(180deg) translateZ(75px);transform:rotateY(180deg) translateZ(75px);padding:15px}
.flip-box .flank{width:150px;height:200px;left:75px;background-color:#55700e;-webkit-transform:rotateY(-90deg) translateZ(150px);-moz-transform:rotateY(-90deg) translateZ(150px);-ms-transform:rotateY(-90deg) translateZ(150px);-o-transform:rotateY(-90deg) translateZ(150px);transform:rotateY(-90deg) translateZ(150px)}
.flip-box.flip-up .object:hover,.flip-box.flip-up .object:focus{-webkit-transform:translateZ(-75px) rotateX(180deg);-moz-transform:translateZ(-75px) rotateX(180deg);-ms-transform:translateZ(-75px) rotateX(180deg);-o-transform:translateZ(-75px) rotateX(180deg);transform:translateZ(-75px) rotateX(180deg)}
.flip-box.flip-up .back{-webkit-transform:rotateX(180deg) translateZ(75px);-moz-transform:rotateX(180deg) translateZ(75px);-ms-transform:rotateX(180deg) translateZ(75px);-o-transform:rotateX(180deg) translateZ(75px);transform:rotateX(180deg) translateZ(75px)}
.flip-box.flip-up .flank{width:300px;height:150px;left:0;top:25px;-webkit-transform:rotateX(-90deg) translateZ(100px);-moz-transform:rotateX(-90deg) translateZ(100px);-ms-transform:rotateX(-90deg) translateZ(100px);-o-transform:rotateX(-90deg) translateZ(100px);transform:rotateX(-90deg) translateZ(100px)}
.flip-box.alternative .front{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.05);border:1px solid #ddd;padding:15px}
.flip-box.alternative .back{background-color:#eee;padding:15px}
.flip-box.alternative .flank{background-color:#ddd;padding:15px}
.no-csstransforms3d .flip-box .object{position:relative;overflow:hidden;-webkit-transform-style:none;-moz-transform-style:none;-ms-transform-style:none;-o-transform-style:none;transform-style:none}
.no-csstransforms3d .flip-box .object .back{top:300px;z-index:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.no-csstransforms3d .flip-box .object:hover .back{top:0;z-index:1}
.no-csstransforms3d .flip-box .flank{display:none}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.object{position:relative;overflow:hidden;transform:none !important}
.object .back{top:300px;z-index:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.object:hover .back{top:0;z-index:1;transform:rotateY(0deg) translateZ(0)}
}
.panel-back{display:block;position:relative;width:50%;left:50%;height:120px}
.panel-front{display:block;width:50%;padding:15px;float:left;left:0;top:0;position:relative;height:90px}
.vp-panel .panel-body{min-height:100px;position:relative}
.vp-inner{display:block;position:absolute;width:200%;height:120px;transition:all 0.25s ease-in-out}
.vp-panel{background-color:#f3f5f4;border:2px solid transparent;border-radius:0;border-color:#ec6608;box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:30px;height:191px;position:relative;overflow:hidden;border-radius:15px}
.panel-back>a{height:47px;width:100%;display:block;border-bottom:1px solid #fff;position:relative;background:#ddd;line-height:47px;float:left;top:-90px;left:0}
.panel-back>a:last-child{border:none}
.panel-back>a span{width:47px;height:46px;background:#ec6608;color:#fff;position:relative;top:0;left:0;float:left;line-height:47px;text-align:center;margin-right:10px;font-size:24px}
.panel-back small{display:none}
.vp-panel .panel-front h3{font-size:16px;float:right;text-align:right;margin-bottom:0 !important;margin-top:0 !important;font-family:Syncopate;text-transform:uppercase;font-weight:700;height:42px;line-height:21px;display:block;padding-left:25px}
.vp-panel .panel-front h3 a span{margin-right:5px}
.vp-panel .panel-front h3 small{font-size:16px;font-weight:normal;float:left;margin-top:10px;text-transform:none;font-family:'Trebuchet MS';position:absolute;top:60px;right:0;padding:15px}
.vp-panel-sub.active .vp-inner{margin-left:-100%}
.vp-close{background:none repeat scroll 0 0 rgba(0,0,0,0.5);color:#fff;height:20px;line-height:18px;position:absolute;right:0;text-align:center;top:0;width:20px;cursor:pointer}
#egon-embedded-app-menu .panel-front h3 i{position:absolute;font-size:56px;background:#ec6608;color:#fff;border-radius:15px;width:60px;height:60px;text-align:center;line-height:60px;border-radius:10px;top:-1px;left:-1px}