.cl-btn{display:inline-block;vertical-align:top;line-height:1.5;padding:8px 20px;margin:4px 0;border-radius:3px;background-color:rgba(0, 0, 0, 0.1);}
[class^="cl-"][class*=" ratio_"]:before{content:'';display:block;}
[class^="cl-"].ratio_2x1:before{padding-top:50%;}
[class^="cl-"].ratio_3x2:before{padding-top:66.6666%;}
[class^="cl-"].ratio_4x3:before{padding-top:75%;}
[class^="cl-"].ratio_1x1:before{padding-top:100%;}
[class^="cl-"].ratio_3x4:before{padding-top:125%;}
[class^="cl-"].ratio_2x3:before{padding-top:150%;}
[class^="cl-"].ratio_1x2:before{padding-top:200%;}
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class$="-h"],
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class*="-h "]{position:absolute;left:0;top:0;right:0;bottom:0;}
.easing_easeInOutExpo .cl-flipbox-hh, .easing_easeInOutExpo .cl-flipbox-hhh, .easing_easeInOutExpo .cl-flipbox-front, .easing_easeInOutExpo .cl-flipbox-back, .easing_easeInOutExpo .cl-flipbox-xflank, .easing_easeInOutExpo .cl-flipbox-yflank, .easing_easeInOutExpo .cl-ib-image, .easing_easeInOutExpo .cl-ib-content, .easing_easeInOutExpo .cl-ib-content:before, .easing_easeInOutExpo .cl-ib-content-h, .easing_easeInOutExpo .cl-ib-title, .easing_easeInOutExpo .cl-ib-desc{-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);}
.easing_easeInOutCirc .cl-flipbox-hh, .easing_easeInOutCirc .cl-flipbox-hhh, .easing_easeInOutCirc .cl-flipbox-front, .easing_easeInOutCirc .cl-flipbox-back, .easing_easeInOutCirc .cl-flipbox-xflank, .easing_easeInOutCirc .cl-flipbox-yflank, .easing_easeInOutCirc .cl-ib-image, .easing_easeInOutCirc .cl-ib-content, .easing_easeInOutCirc .cl-ib-content:before, .easing_easeInOutCirc .cl-ib-content-h, .easing_easeInOutCirc .cl-ib-title, .easing_easeInOutCirc .cl-ib-desc{-webkit-transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.easing_easeOutBack .cl-flipbox-hh, .easing_easeOutBack .cl-flipbox-hhh, .easing_easeOutBack .cl-flipbox-front, .easing_easeOutBack .cl-flipbox-back, .easing_easeOutBack .cl-flipbox-xflank, .easing_easeOutBack .cl-flipbox-yflank, .easing_easeOutBack .cl-ib-image, .easing_easeOutBack .cl-ib-content, .easing_easeOutBack .cl-ib-content:before, .easing_easeOutBack .cl-ib-content-h, .easing_easeOutBack .cl-ib-title, .easing_easeOutBack .cl-ib-desc{-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.animated_bounceIn, .animated_fadeIn, .animated_fadeOut, .animated_flipInX, .animated_flipOutX, .animated_zoomIn{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated_bounceIn, .animated_flipInX, .animated_flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes bounceIn {
from, 20%,
40%,
60%,
80%,
to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn {
from, 20%,
40%,
60%,
80%,
to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3);}
20%{transform:scale3d(1.1, 1.1, 1.1);}
40%{transform:scale3d(0.9, 0.9, 0.9);}
60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03);}
80%{transform:scale3d(0.97, 0.97, 0.97);}
to{opacity:1;transform:scale3d(1, 1, 1);}
}
.animated_bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.animated_fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeOut {
from{opacity:1;}
to{opacity:0;}
}
@keyframes fadeOut {
from{opacity:1;}
to{opacity:0;}
}
.animated_fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{-webkit-transform:perspective(400px);}
}
@keyframes flipInX {
from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0;}
40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in;}
60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{transform:perspective(400px);}
}
.animated_flipInX{transform-origin:50% 0%;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
@keyframes flipOutX {
from{transform:perspective(400px);}
30%{transform:perspective(400px) rotate3d(1, 0, 0, 20deg);opacity:1;}
to{transform:perspective(400px) rotate3d(1, 0, 0, -90deg);opacity:0;}
}
.animated_flipOutX{transform-origin:50% 100%;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);}
50%{opacity:1;}
}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(0.3, 0.3, 0.3);}
50%{opacity:1;}
}
.animated_zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}.cl-flipbox{display:inline-block;position:relative;}
.cl-flipbox-h{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-property:none;transition-property:none;}
.cl-flipbox-hh, .cl-flipbox-hhh{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.cl-flipbox-hh, .cl-flipbox-hhh, .cl-flipbox-front, .cl-flipbox-back, .cl-flipbox-xflank, .cl-flipbox-yflank{display:block;width:100%;height:100%;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:inherit;transition-duration:inherit;}
.cl-flipbox-front, .cl-flipbox-back{padding:30px;text-align:center;background-size:cover;background-position:center center;background-color:#eee;border-style:solid;border-width:0;}
.cl-flipbox-front-title, .cl-flipbox-back-title{line-height:1.4;padding:0 !important;margin:0 0 18px !important;}
.cl-flipbox-front-desc, .cl-flipbox-back-desc{line-height:1.7;margin:0 0 22px !important;}
.cl-flipbox-front-desc:last-child, .cl-flipbox-back-desc:last-child{margin:0 !important;}
.cl-flipbox-front-icon, .cl-flipbox-back-icon{margin:0 0 22px;}
.cl-flipbox-front-image, .cl-flipbox-back-image{margin:0 auto 22px;}
.cl-flipbox-front-image img, .cl-flipbox-back-image img{display:block;}
.cl-flipbox-front{position:relative;z-index:1;}
.cl-flipbox-front-icon{display:inline-block;box-sizing:content-box;}
.cl-flipbox-front-icon i{line-height:inherit;vertical-align:top;}
.cl-flipbox-front-icon.style_circle{border-radius:50%;}
.cl-flipbox-back, .cl-flipbox-xflank, .cl-flipbox-yflank{position:absolute;left:0;top:0;z-index:-1;border-style:solid;border-width:0;}
.cl-flipbox.animation_cardflip.hover .cl-flipbox-front{z-index:-1;}
.cl-flipbox.animation_cardflip.hover .cl-flipbox-back{z-index:1;}
.cl-flipbox.animation_cardflip.direction_n .cl-flipbox-front{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.cl-flipbox.animation_cardflip.direction_n .cl-flipbox-back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);}
.cl-flipbox.animation_cardflip.direction_n.hover .cl-flipbox-front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.cl-flipbox.animation_cardflip.direction_n.hover .cl-flipbox-back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.cl-flipbox.animation_cardflip.direction_ne .cl-flipbox-hh{-webkit-transform:rotate3d(1, 1, 0, 0deg);transform:rotate3d(1, 1, 0, 0deg);}
.cl-flipbox.animation_cardflip.direction_ne .cl-flipbox-back{-webkit-transform:rotate3d(1, 1, 0, -180deg);transform:rotate3d(1, 1, 0, -180deg);}
.cl-flipbox.animation_cardflip.direction_ne.hover .cl-flipbox-hh{-webkit-transform:rotate3d(1, 1, 0, 180deg);transform:rotate3d(1, 1, 0, 180deg);}
.cl-flipbox.animation_cardflip.direction_e .cl-flipbox-front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.cl-flipbox.animation_cardflip.direction_e .cl-flipbox-back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.cl-flipbox.animation_cardflip.direction_e.hover .cl-flipbox-front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.cl-flipbox.animation_cardflip.direction_e.hover .cl-flipbox-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.cl-flipbox.animation_cardflip.direction_se .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_se .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, 0deg);transform:rotate3d(-1, 1, 0, 0deg);}
.cl-flipbox.animation_cardflip.direction_se .cl-flipbox-back{-webkit-transform:rotate3d(-1, 1, 0, -180deg);transform:rotate3d(-1, 1, 0, -180deg);}
.cl-flipbox.animation_cardflip.direction_se.hover .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_se.hover .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg);}
.cl-flipbox.animation_cardflip.direction_se.hover .cl-flipbox-back{-webkit-transform:rotate3d(-1, 1, 0, -90deg);transform:rotate3d(-1, 1, 0, -90deg);}
.cl-flipbox.animation_cardflip.direction_s .cl-flipbox-front{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.cl-flipbox.animation_cardflip.direction_s .cl-flipbox-back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.cl-flipbox.animation_cardflip.direction_s.hover .cl-flipbox-front{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);}
.cl-flipbox.animation_cardflip.direction_s.hover .cl-flipbox-back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.cl-flipbox.animation_cardflip.direction_sw .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_sw .cl-flipbox-front{-webkit-transform:rotate3d(1, 1, 0, 0deg);transform:rotate3d(1, 1, 0, 0deg);}
.cl-flipbox.animation_cardflip.direction_sw .cl-flipbox-back{-webkit-transform:rotate3d(1, 1, 0, 180deg);transform:rotate3d(1, 1, 0, 180deg);}
.cl-flipbox.animation_cardflip.direction_sw.hover .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_sw.hover .cl-flipbox-front{-webkit-transform:rotate3d(1, 1, 0, -90deg);transform:rotate3d(1, 1, 0, -90deg);}
.cl-flipbox.animation_cardflip.direction_sw.hover .cl-flipbox-back{-webkit-transform:rotate3d(1, 1, 0, 90deg);transform:rotate3d(1, 1, 0, 90deg);}
.cl-flipbox.animation_cardflip.direction_w .cl-flipbox-front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.cl-flipbox.animation_cardflip.direction_w .cl-flipbox-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.cl-flipbox.animation_cardflip.direction_w.hover .cl-flipbox-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.cl-flipbox.animation_cardflip.direction_w.hover .cl-flipbox-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.cl-flipbox.animation_cardflip.direction_nw .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_nw .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, 0deg);transform:rotate3d(-1, 1, 0, 0deg);}
.cl-flipbox.animation_cardflip.direction_nw .cl-flipbox-back{-webkit-transform:rotate3d(-1, 1, 0, 180deg);transform:rotate3d(-1, 1, 0, 180deg);}
.cl-flipbox.animation_cardflip.direction_nw.hover .cl-flipbox-hh, .cl-flipbox.animation_cardflip.direction_nw.hover .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, -90deg);transform:rotate3d(-1, 1, 0, -90deg);}
.cl-flipbox.animation_cardflip.direction_nw.hover .cl-flipbox-back{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg);}
.cl-flipbox.animation_cubetilt.hover .cl-flipbox-front{z-index:-1;}
.cl-flipbox.animation_cubetilt.hover .cl-flipbox-back{z-index:1;}
.cl-flipbox.animation_cubetilt.direction_n .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubetilt.direction_n .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubetilt.direction_n .cl-flipbox-back{-webkit-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubetilt.direction_n.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%);transform:rotateX(90deg) translateY(-50%);}
.cl-flipbox.animation_cubetilt.direction_e .cl-flipbox-hh{-webkit-transform:rotateY(90deg) translateX(50%) rotateY(-90deg);transform:rotateY(90deg) translateX(50%) rotateY(-90deg);}
.cl-flipbox.animation_cubetilt.direction_e .cl-flipbox-front{-webkit-transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubetilt.direction_e .cl-flipbox-back{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubetilt.direction_e.hover .cl-flipbox-hh{-webkit-transform:rotateY(90deg) translateX(50%);transform:rotateY(90deg) translateX(50%);}
.cl-flipbox.animation_cubetilt.direction_s .cl-flipbox-hh{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(90deg);transform:rotateX(-90deg) translateY(50%) rotateX(90deg);}
.cl-flipbox.animation_cubetilt.direction_s .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubetilt.direction_s .cl-flipbox-back{-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg);}
.cl-flipbox.animation_cubetilt.direction_s.hover .cl-flipbox-hh{-webkit-transform:rotateX(-90deg) translateY(50%);transform:rotateX(-90deg) translateY(50%);}
.cl-flipbox.animation_cubetilt.direction_w .cl-flipbox-hh{-webkit-transform:rotateY(-90deg) translateX(-50%) rotateY(90deg);transform:rotateY(-90deg) translateX(-50%) rotateY(90deg);}
.cl-flipbox.animation_cubetilt.direction_w .cl-flipbox-front{-webkit-transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubetilt.direction_w .cl-flipbox-back{-webkit-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubetilt.direction_w.hover .cl-flipbox-hh{-webkit-transform:rotateY(-90deg) translateX(-50%);transform:rotateY(-90deg) translateX(-50%);}
.cl-flipbox.animation_cubeflip.hover .cl-flipbox-front{z-index:-1;}
.cl-flipbox.animation_cubeflip.hover .cl-flipbox-back{z-index:1;}
.cl-flipbox.animation_cubeflip.direction_n .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_n .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_n .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_n .cl-flipbox-xflank{-webkit-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_n.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(90deg);transform:rotateX(90deg) translateY(-50%) rotateX(90deg);}
.cl-flipbox.animation_cubeflip.direction_ne .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_ne .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_ne .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);}
.cl-flipbox.animation_cubeflip.direction_ne .cl-flipbox-xflank{-webkit-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_ne .cl-flipbox-yflank{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_ne.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, 1, 0, 90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, 1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_ne.hover .cl-flipbox-hhh{-webkit-transform:rotate3d(1, 1, 0, 90deg);transform:rotate3d(1, 1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_e .cl-flipbox-hh{-webkit-transform:rotateY(90deg) translateX(50%) rotateY(-90deg);transform:rotateY(90deg) translateX(50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_e .cl-flipbox-front{-webkit-transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_e .cl-flipbox-back{-webkit-transform:rotateY(90deg) translateX(50%) rotateY(90deg);transform:rotateY(90deg) translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_e .cl-flipbox-yflank{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_e.hover .cl-flipbox-hh{-webkit-transform:rotateY(90deg) translateX(50%) rotateY(90deg);transform:rotateY(90deg) translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_se .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_se .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_se .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);}
.cl-flipbox.animation_cubeflip.direction_se .cl-flipbox-xflank{-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg);}
.cl-flipbox.animation_cubeflip.direction_se .cl-flipbox-yflank{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_se.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, 1, 0, 90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, 1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_se.hover .cl-flipbox-hhh{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_s .cl-flipbox-hh{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(90deg);transform:rotateX(-90deg) translateY(50%) rotateX(90deg);}
.cl-flipbox.animation_cubeflip.direction_s .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_s .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_s .cl-flipbox-xflank{-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg);}
.cl-flipbox.animation_cubeflip.direction_s .cl-flipbox-yflank{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_s.hover .cl-flipbox-hh{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_sw .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_sw .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_sw .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(-90deg);}
.cl-flipbox.animation_cubeflip.direction_sw .cl-flipbox-xflank{-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg);}
.cl-flipbox.animation_cubeflip.direction_sw .cl-flipbox-yflank{-webkit-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_sw.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, -1, 0, 90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(-1, -1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_sw.hover .cl-flipbox-hhh{-webkit-transform:rotate3d(-1, -1, 0, 90deg);transform:rotate3d(-1, -1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_w .cl-flipbox-hh{-webkit-transform:rotateY(-90deg) translateX(-50%) rotateY(90deg);transform:rotateY(-90deg) translateX(-50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_w .cl-flipbox-front{-webkit-transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);transform:rotateY(90deg) translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_w .cl-flipbox-back{-webkit-transform:rotateY(90deg) translateX(50%) rotateY(90deg);transform:rotateY(90deg) translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_w .cl-flipbox-yflank{-webkit-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_w.hover .cl-flipbox-hh{-webkit-transform:rotateY(-90deg) translateX(-50%) rotateY(-90deg);transform:rotateY(-90deg) translateX(-50%) rotateY(-90deg);}
.cl-flipbox.animation_cubeflip.direction_nw .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_nw .cl-flipbox-front{-webkit-transform:rotateX(90deg) translateY(50%) rotateX(-90deg);transform:rotateX(90deg) translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_nw .cl-flipbox-back{-webkit-transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);transform:rotateX(-90deg) translateY(50%) rotateX(-90deg) rotateZ(90deg);}
.cl-flipbox.animation_cubeflip.direction_nw .cl-flipbox-xflank{-webkit-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg);}
.cl-flipbox.animation_cubeflip.direction_nw .cl-flipbox-yflank{-webkit-transform:translateX(50%) rotateY(90deg);transform:translateX(50%) rotateY(90deg);}
.cl-flipbox.animation_cubeflip.direction_nw.hover .cl-flipbox-hh{-webkit-transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, -1, 0, 90deg);transform:rotateX(90deg) translateY(-50%) rotateX(-90deg) rotate3d(1, -1, 0, 90deg);}
.cl-flipbox.animation_cubeflip.direction_nw.hover .cl-flipbox-hhh{-webkit-transform:rotate3d(1, -1, 0, 90deg);transform:rotate3d(1, -1, 0, 90deg);}
.cl-flipbox.animation_coveropen.direction_n .cl-flipbox-front{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
.cl-flipbox.animation_coveropen.direction_n.hover .cl-flipbox-front{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);}
.cl-flipbox.animation_coveropen.direction_ne .cl-flipbox-front{-webkit-transform:rotate3d(1, 1, 0, 1deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;}
.cl-flipbox.animation_coveropen.direction_ne.hover .cl-flipbox-front{-webkit-transform:rotate3d(1, 1, 0, 90deg);transform:rotate3d(1, 1, 0, 90deg);}
.cl-flipbox.animation_coveropen.direction_e .cl-flipbox-front{-webkit-transform:rotateY(1deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;}
.cl-flipbox.animation_coveropen.direction_e.hover .cl-flipbox-front{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);}
.cl-flipbox.animation_coveropen.direction_se .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, 1deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;}
.cl-flipbox.animation_coveropen.direction_se.hover .cl-flipbox-front{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg);}
.cl-flipbox.animation_coveropen.direction_s .cl-flipbox-front{-webkit-transform:rotateX(-1deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.cl-flipbox.animation_coveropen.direction_s.hover .cl-flipbox-front{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);}
.cl-flipbox.animation_coveropen.direction_sw .cl-flipbox-front{-webkit-transform:rotate3d(-1, -1, 0, 1deg);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;}
.cl-flipbox.animation_coveropen.direction_sw.hover .cl-flipbox-front{-webkit-transform:rotate3d(-1, -1, 0, 90deg);transform:rotate3d(-1, -1, 0, 90deg);}
.cl-flipbox.animation_coveropen.direction_w .cl-flipbox-front{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;}
.cl-flipbox.animation_coveropen.direction_w.hover .cl-flipbox-front{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
.cl-flipbox.animation_coveropen.direction_nw .cl-flipbox-front{-webkit-transform-origin:0% 0%;transform-origin:0% 0%;}
.cl-flipbox.animation_coveropen.direction_nw.hover .cl-flipbox-front {
-webkit-transform: rotate3d(1, -1, 0, 90deg);
transform: rotate3d(1, -1, 0, 90deg);
}