@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-moz-transform: translate3d(-70px, 0, 0);
-o-transform: translate3d(-70px, 0, 0);
-ms-transform: translate3d(-70px, 0, 0);
-webkit-transform: translate3d(-70px, 0, 0);
transform: translate3d(-70px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@-moz-keyframes fadeInLeft {
from {
opacity: 0;
-moz-transform: translate3d(-70px, 0, 0);
-o-transform: translate3d(-70px, 0, 0);
-ms-transform: translate3d(-70px, 0, 0);
-webkit-transform: translate3d(-70px, 0, 0);
transform: translate3d(-70px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-moz-transform: translate3d(-70px, 0, 0);
-o-transform: translate3d(-70px, 0, 0);
-ms-transform: translate3d(-70px, 0, 0);
-webkit-transform: translate3d(-70px, 0, 0);
transform: translate3d(-70px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation: fadeInLeft 1s ease-in-out;
-o-animation: fadeInLeft 1s ease-in-out;
-o-animation: fadeInLeft 1s ease-in-out;
animation: fadeInLeft 1s ease-in-out; }
@-webkit-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-moz-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-moz-transform: translate3d(0, 90px, 0);
-o-transform: translate3d(0, 90px, 0);
-ms-transform: translate3d(0, 90px, 0);
-webkit-transform: translate3d(0, 90px, 0);
transform: translate3d(0, 90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@-moz-keyframes fadeInUp {
from {
opacity: 0;
-moz-transform: translate3d(0, 90px, 0);
-o-transform: translate3d(0, 90px, 0);
-ms-transform: translate3d(0, 90px, 0);
-webkit-transform: translate3d(0, 90px, 0);
transform: translate3d(0, 90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-moz-transform: translate3d(0, 90px, 0);
-o-transform: translate3d(0, 90px, 0);
-ms-transform: translate3d(0, 90px, 0);
-webkit-transform: translate3d(0, 90px, 0);
transform: translate3d(0, 90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation: fadeInUp 1s ease-in-out;
-o-animation: fadeInUp 1s ease-in-out;
-o-animation: fadeInUp 1s ease-in-out;
animation: fadeInUp 1s ease-in-out; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-moz-transform: translate3d(0, -90px, 0);
-o-transform: translate3d(0, -90px, 0);
-ms-transform: translate3d(0, -90px, 0);
-webkit-transform: translate3d(0, -90px, 0);
transform: translate3d(0, -90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@-moz-keyframes fadeInDown {
from {
opacity: 0;
-moz-transform: translate3d(0, -90px, 0);
-o-transform: translate3d(0, -90px, 0);
-ms-transform: translate3d(0, -90px, 0);
-webkit-transform: translate3d(0, -90px, 0);
transform: translate3d(0, -90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-moz-transform: translate3d(0, -90px, 0);
-o-transform: translate3d(0, -90px, 0);
-ms-transform: translate3d(0, -90px, 0);
-webkit-transform: translate3d(0, -90px, 0);
transform: translate3d(0, -90px, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation: fadeInDown 1s ease-in-out;
-o-animation: fadeInDown 1s ease-in-out;
-o-animation: fadeInDown 1s ease-in-out;
animation: fadeInDown 1s ease-in-out; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-moz-transform: translate3d(90px, 0, 0);
-o-transform: translate3d(90px, 0, 0);
-ms-transform: translate3d(90px, 0, 0);
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@-moz-keyframes fadeInRight {
from {
opacity: 0;
-moz-transform: translate3d(90px, 0, 0);
-o-transform: translate3d(90px, 0, 0);
-ms-transform: translate3d(90px, 0, 0);
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-moz-transform: translate3d(90px, 0, 0);
-o-transform: translate3d(90px, 0, 0);
-ms-transform: translate3d(90px, 0, 0);
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0); }
to {
opacity: 1;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation: fadeInRight 1s ease-in-out;
-o-animation: fadeInRight 1s ease-in-out;
-o-animation: fadeInRight 1s ease-in-out;
animation: fadeInRight 1s ease-in-out; }
@-webkit-keyframes zoomOut {
from {
opacity: 0;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes zoomOut {
from {
opacity: 0;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes zoomOut {
from {
opacity: 0;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
.zoomOut {
-webkit-animation: zoomOut 1s ease-in-out;
-o-animation: zoomOut 1s ease-in-out;
-o-animation: zoomOut 1s ease-in-out;
animation: zoomOut 1s ease-in-out; }
@-webkit-keyframes zoomOutWo {
from {
-moz-transform: scale(1.2) translate(-50%, 0);
-o-transform: scale(1.2) translate(-50%, 0);
-ms-transform: scale(1.2) translate(-50%, 0);
-webkit-transform: scale(1.2) translate(-50%, 0);
transform: scale(1.2) translate(-50%, 0); }
to {
-moz-transform: scale(1) translate(-50%, 0);
-o-transform: scale(1) translate(-50%, 0);
-ms-transform: scale(1) translate(-50%, 0);
-webkit-transform: scale(1) translate(-50%, 0);
transform: scale(1) translate(-50%, 0); } }
@-moz-keyframes zoomOutWo {
from {
-moz-transform: scale(1.2) translate(-50%, 0);
-o-transform: scale(1.2) translate(-50%, 0);
-ms-transform: scale(1.2) translate(-50%, 0);
-webkit-transform: scale(1.2) translate(-50%, 0);
transform: scale(1.2) translate(-50%, 0); }
to {
-moz-transform: scale(1) translate(-50%, 0);
-o-transform: scale(1) translate(-50%, 0);
-ms-transform: scale(1) translate(-50%, 0);
-webkit-transform: scale(1) translate(-50%, 0);
transform: scale(1) translate(-50%, 0); } }
@keyframes zoomOutWo {
from {
-moz-transform: scale(1.2) translate(-50%, 0);
-o-transform: scale(1.2) translate(-50%, 0);
-ms-transform: scale(1.2) translate(-50%, 0);
-webkit-transform: scale(1.2) translate(-50%, 0);
transform: scale(1.2) translate(-50%, 0); }
to {
-moz-transform: scale(1) translate(-50%, 0);
-o-transform: scale(1) translate(-50%, 0);
-ms-transform: scale(1) translate(-50%, 0);
-webkit-transform: scale(1) translate(-50%, 0);
transform: scale(1) translate(-50%, 0); } }
.zoomOut-wo {
-webkit-animation: zoomOutWo 1s ease-in-out;
-o-animation: zoomOutWo 1s ease-in-out;
-o-animation: zoomOutWo 1s ease-in-out;
animation: zoomOutWo 1s ease-in-out; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes zoomIn {
from {
opacity: 0;
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes zoomIn {
from {
opacity: 0;
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8); }
to {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); } }
.zoomIn {
-webkit-animation: zoomIn 1s ease-in-out;
-o-animation: zoomIn 1s ease-in-out;
-o-animation: zoomIn 1s ease-in-out;
animation: zoomIn 1s ease-in-out; }
@-webkit-keyframes scaleX {
from {
opacity: 0.5;
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1); }
to {
opacity: 1;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-moz-keyframes scaleX {
from {
opacity: 0.5;
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1); }
to {
opacity: 1;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes scaleX {
from {
opacity: 0.5;
-moz-transform: scale(0, 1);
-o-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1); }
to {
opacity: 1;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
.scalex {
-webkit-animation: scaleX 1s ease-in-out;
-o-animation: scaleX 1s ease-in-out;
-o-animation: scaleX 1s ease-in-out;
animation: scaleX 1s ease-in-out; } .arrow {
-webkit-animation: downArrowAni 1s ease-in-out infinite;
-o-animation: downArrowAni 1s ease-in-out infinite;
-o-animation: downArrowAni 1s ease-in-out infinite;
animation: downArrowAni 1s ease-in-out infinite; }
@-webkit-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-moz-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.arrow2 {
-webkit-animation: downArrowAni 1.1s ease-in-out infinite;
-o-animation: downArrowAni 1.1s ease-in-out infinite;
-o-animation: downArrowAni 1.1s ease-in-out infinite;
animation: downArrowAni 1.1s ease-in-out infinite; }
@-webkit-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-moz-keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes downArrowAni {
0% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: 1;
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px); }
100% {
opacity: 0;
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.arrow3 {
-webkit-animation: downArrowAni 0.9s ease-in-out infinite;
-o-animation: downArrowAni 0.9s ease-in-out infinite;
-o-animation: downArrowAni 0.9s ease-in-out infinite;
animation: downArrowAni 0.9s ease-in-out infinite; } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity; }
.hvr-float-shadow:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); }