@charset "utf-8";
.ultimate-call-to-action {
position: relative;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
overflow: hidden
}
.ctaction-text-center {
text-align: center
}
.ctaction-text-left {
text-align: left
}
.ctaction-text-right {
text-align: right
}
.ulimate-call-to-action-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9
}
.ultimate-ctaction-icon {
position: absolute;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s
}
.uvc-ctaction-data {
-webkit-transition: all .45s;
transition: all .45s;
display: inline-block
}
.ctaction-icon-bottom-push {
top: 500px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
opacity: 1
}
.ultimate-call-to-action-hover .ctaction-icon-bottom-push {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-call-to-action-hover .uvc-ctaction-data-bottom-push {
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px)
}
.ctaction-icon-top-push {
top: -500px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
line-height: 1;
opacity: 1
}
.ultimate-call-to-action-hover .ctaction-icon-top-push {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-call-to-action-hover .uvc-ctaction-data-top-push {
-webkit-transform: translateY(500px);
-ms-transform: translateY(500px);
transform: translateY(500px)
}
.ctaction-icon-left-push {
left: -200%;
top: 50%;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
line-height: 1;
opacity: 1
}
.ultimate-call-to-action-hover .ctaction-icon-left-push {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-call-to-action-hover .uvc-ctaction-data-left-push {
-webkit-transform: translateX(1000%);
-ms-transform: translateX(1000%);
transform: translateX(1000%)
}
.ctaction-icon-right-push {
left: 200%;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: 1;
opacity: 1
}
.ultimate-call-to-action-hover .ctaction-icon-right-push {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-call-to-action-hover .uvc-ctaction-data-right-push {
-webkit-transform: translateX(-1000%);
-ms-transform: translateX(-1000%);
transform: translateX(-1000%)
} |