.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-ib{display:inline-block;vertical-align:top;position:relative;word-wrap:normal;width:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.cl-ib-h{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background-color:inherit;-webkit-transition-property:none;transition-property:none;-webkit-transform-origin:0 0;transform-origin:0 0;}
.cl-ib-image,
.cl-ib-content{position:absolute;left:0;top:0;right:0;bottom:0;}
.cl-ib-image{-webkit-background-size:cover;background-size:cover;background-position:50% 50%;}
.cl-ib-image img{display:none;}
.cl-ib-content{z-index:2;text-align:center;padding:10%;}
.cl-ib.align_left .cl-ib-content{text-align:left;}
.cl-ib.align_right .cl-ib-content{text-align:right;}
.cl-ib-title{line-height:1.4;padding:0 !important;margin:0 !important;color:inherit !important;}
.cl-ib-title.size_tiny{font-size:14px;}
.cl-ib-title.size_small{font-size:16px;}
.cl-ib-title.size_medium{font-size:20px;}
.cl-ib-title.size_large{font-size:24px;}
.cl-ib-title.size_huge{font-size:28px;}
.cl-ib-desc{font-size:13px;line-height:1.5;margin-top:15px;}
.cl-ib.animation_melete .cl-ib-image{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_melete .cl-ib-content{top:50%;bottom:auto;opacity:0;-webkit-transform:translateY(-50%) scale(0.2);transform:translateY(-50%) scale(0.2);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_melete.hover .cl-ib-image{opacity:0.1;-webkit-transform:scale(4);transform:scale(4);}
.cl-ib.animation_melete.hover .cl-ib-content{opacity:1;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);}
.cl-ib.animation_soter .cl-ib-image{z-index:1;border-radius:50%;-webkit-transform:scale(0.3);transform:scale(0.3);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, border-radius;transition-property:transform, border-radius;}
.cl-ib.animation_soter.ratio_2x1 .cl-ib-image{top:-50%;bottom:-50%;-webkit-transform-origin:90% 50%;transform-origin:90% 50%;}
.cl-ib.animation_soter.ratio_3x2 .cl-ib-image{top:-25%;bottom:-25%;-webkit-transform-origin:90% 66%;transform-origin:90% 66%;}
.cl-ib.animation_soter.ratio_4x3 .cl-ib-image{top:-16.67%;bottom:-16.67%;-webkit-transform-origin:90% 72%;transform-origin:90% 72%;}
.cl-ib.animation_soter.ratio_1x1 .cl-ib-image{-webkit-transform-origin:90% 90%;transform-origin:90% 90%;}
.cl-ib.animation_soter.ratio_3x4 .cl-ib-image{left:-12.5%;right:-12.5%;-webkit-transform:scale(0.24);transform:scale(0.24);-webkit-transform-origin:79.5% 92.5%;transform-origin:79.5% 92.5%;}
.cl-ib.animation_soter.ratio_2x3 .cl-ib-image{left:-25%;right:-25%;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transform-origin:73.5% 94%;transform-origin:73.5% 94%;}
.cl-ib.animation_soter.ratio_1x2 .cl-ib-image{left:-50%;right:-50%;-webkit-transform:scale(0.15);transform:scale(0.15);-webkit-transform-origin:66.5% 95.7%;transform-origin:66.5% 95.7%;}
.cl-ib.animation_soter .cl-ib-content{z-index:0;right:33%;opacity:1;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_soter.hover .cl-ib-image{border-radius:0;-webkit-transform:scale(1.01);transform:scale(1.01);}
.cl-ib.animation_soter.hover .cl-ib-content{opacity:0;-webkit-transform:translate3d(-40%, -40%, 0) scale(2);transform:translate3d(-40%, -40%, 0) scale(2);}
.cl-ib.animation_phorcys .cl-ib-image{bottom:-10%;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_phorcys .cl-ib-content{top:auto;padding-top:20% !important;}
.cl-ib.animation_phorcys .cl-ib-content:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 0%, rgba(30, 30, 30, 0.8) 100%) repeat-x rgba(30, 30, 30, 0);-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:300ms;transition-duration:300ms;}
.cl-ib.animation_phorcys .cl-ib-content-h{position:relative;}
.cl-ib.animation_phorcys .cl-ib-title{color:#fff !important;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:300ms;transition-duration:300ms;}
.cl-ib.animation_phorcys .cl-ib-desc{position:relative;opacity:0;line-height:0;margin-top:0;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, line-height, margin;transition-property:opacity, line-height, margin;}
.cl-ib.animation_phorcys.hover .cl-ib-image{opacity:0.15;-webkit-transform:translateY(-8%);transform:translateY(-8%);}
.cl-ib.animation_phorcys.hover .cl-ib-content:before{opacity:0;}
.cl-ib.animation_phorcys.hover .cl-ib-title{color:inherit !important;}
.cl-ib.animation_phorcys.hover .cl-ib-desc{opacity:0.75;line-height:1.5;margin-top:15px;}
.cl-ib.animation_aidos .cl-ib-h{background-color:inherit;}
.cl-ib.animation_aidos .cl-ib-image{background-color:inherit;-webkit-transform:translateX(0) scale(1.01);transform:translateX(0) scale(1.01);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.cl-ib.animation_aidos .cl-ib-content{right:auto;width:50%;background-color:inherit;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.cl-ib.animation_aidos .cl-ib-content:before{content:'';display:block;position:absolute;top:50%;right:0;height:40px;width:40px;margin:-20px 0 0 -20px;background-color:inherit;-webkit-transform:translateX(-10px) rotate(45deg);transform:translateX(-10px) rotate(45deg);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.cl-ib.animation_aidos .cl-ib-content-h{position:relative;}
.cl-ib.animation_aidos .cl-ib-title{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-delay:100ms;transition-delay:100ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_aidos .cl-ib-desc{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-delay:200ms;transition-delay:200ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_aidos.hover .cl-ib-image{-webkit-transform:translateX(25%) scale(1.01);transform:translateX(25%) scale(1.01);}
.cl-ib.animation_aidos.hover .cl-ib-content{-webkit-transform:translateX(0);transform:translateX(0);}
.cl-ib.animation_aidos.hover .cl-ib-content:before{-webkit-transform:translateX(15px) rotate(45deg);transform:translateX(15px) rotate(45deg);}
.cl-ib.animation_aidos.hover .cl-ib-title{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.cl-ib.animation_aidos.hover .cl-ib-desc{opacity:0.75;-webkit-transform:translateX(0);transform:translateX(0);}
.cl-ib.animation_caeros .cl-ib-image{background-color:inherit;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;}
.cl-ib.animation_caeros .cl-ib-image:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:inherit;opacity:0.25;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:400ms;transition-duration:400ms;}
.cl-ib.animation_caeros .cl-ib-title{text-align:center;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.cl-ib.animation_caeros .cl-ib-desc{opacity:0;text-align:center;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_caeros.hover .cl-ib-image{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition-duration:7s;transition-duration:7s;}
.cl-ib.animation_caeros.hover .cl-ib-image:after{opacity:0.75;}
.cl-ib.animation_caeros.hover .cl-ib-title{-webkit-transform:translateY(0);transform:translateY(0);}
.cl-ib.animation_caeros.hover .cl-ib-desc{opacity:0.75;-webkit-transform:scale(1);transform:scale(1);}
.cl-ib.animation_hebe .cl-ib-image{background-color:inherit;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:500ms;transition-duration:500ms;}
.cl-ib.animation_hebe .cl-ib-image:before,
.cl-ib.animation_hebe .cl-ib-image:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:inherit;opacity:0.3;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_hebe .cl-ib-image:after{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.cl-ib.animation_hebe .cl-ib-content{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.cl-ib.animation_hebe .cl-ib-title{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_hebe .cl-ib-desc{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_hebe.hover .cl-ib-image{-webkit-transform:scale(1);transform:scale(1);}
.cl-ib.animation_hebe.hover .cl-ib-image:before,
.cl-ib.animation_hebe.hover .cl-ib-image:after{opacity:0.6;-webkit-transform:translateY(0);transform:translateY(0);}
.cl-ib.animation_hebe.hover .cl-ib-title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.cl-ib.animation_hebe.hover .cl-ib-desc{opacity:0.75;-webkit-transform:translateY(0);transform:translateY(0);}
.cl-ib.animation_aphelia .cl-ib-image{opacity:0.25;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-filter, opacity;transition-property:filter, opacity;}
.cl-ib.animation_aphelia .cl-ib-content{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.cl-ib.animation_aphelia .cl-ib-title{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_aphelia .cl-ib-desc{opacity:0.75;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_aphelia.hover .cl-ib-image{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0);}
.cl-ib.animation_aphelia.hover .cl-ib-title{opacity:0;-webkit-transform:translateY(-40px) scale(0.8);transform:translateY(-40px) scale(0.8);}
.cl-ib.animation_aphelia.hover .cl-ib-desc{opacity:0;-webkit-transform:translateY(40px) scale(0.8);transform:translateY(40px) scale(0.8);}
.cl-ib.animation_nike .cl-ib-image{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transform:translateY(25%);transform:translateY(25%);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform, -webkit-filter;transition-property:transform, filter;}
.cl-ib.animation_nike .cl-ib-h:after{content:'';position:absolute;top:0;left:0;right:0;bottom:50%;background-color:inherit;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.cl-ib.animation_nike .cl-ib-content{opacity:1;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.cl-ib.animation_nike.hover .cl-ib-image{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:translateY(0);transform:translateY(0);}
.cl-ib.animation_nike.hover .cl-ib-h:after{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.cl-ib.animation_nike.hover .cl-ib-content {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}