.animated {
animation-duration: 1s;
animation-fill-mode: both; }
.animated.infinite {
animation-iteration-count: infinite; }
.animated.hinge {
animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s; }
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.bounce {
animation-name: bounce;
transform-origin: center bottom; }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
animation-name: flash; } @keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
.pulse {
animation-name: pulse; }
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
.rubberBand {
animation-name: rubberBand; }
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0); } }
.shake {
animation-name: shake; }
@keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake; }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
transform-origin: top center;
animation-name: swing; }
@keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
.tada {
animation-name: tada; } @keyframes wobble {
from {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: none; } }
.wobble {
animation-name: wobble; }
@keyframes jello {
from, 11.1%, to {
transform: none; }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
animation-name: jello;
transform-origin: center; }
@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); } }
.bounceIn {
animation-name: bounceIn; }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: none; } }
.bounceInDown {
animation-name: bounceInDown; }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: none; } }
.bounceInLeft {
animation-name: bounceInLeft; }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: none; } }
.bounceInRight {
animation-name: bounceInRight; }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInUp {
animation-name: bounceInUp; }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
animation-name: bounceOut; }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
animation-name: bounceOutUp; }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
animation-name: fadeIn; }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDown {
animation-name: fadeInDown; }
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDownBig {
animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeft {
animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeftBig {
animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRight {
animation-name: fadeInRight; }
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRightBig {
animation-name: fadeInRightBig; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUp {
animation-name: fadeInUp; }
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUpBig {
animation-name: fadeInUpBig; }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
animation-name: fadeOut; }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
animation-name: fadeOutUpBig; }
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in; }
to {
transform: perspective(400px);
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip; }
@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); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX; }
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY; }
@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; } }
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY; }
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
to {
transform: none;
opacity: 1; } }
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in; }
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: none;
opacity: 1; } }
.rotateIn {
animation-name: rotateIn; }
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInDownRight {
animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInUpRight {
animation-name: rotateInUpRight; }
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
animation-name: rotateOutUpRight; }
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
animation-name: hinge; }
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
transform: rotate(-10deg); }
70% {
transform: rotate(3deg); }
to {
opacity: 1;
transform: scale(1); } }
.jackInTheBox {
animation-name: jackInTheBox; } @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: none; } }
.rollIn {
animation-name: rollIn; } @keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
animation-name: rollOut; }
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
animation-name: zoomIn; }
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
animation-name: zoomInDown; }
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
animation-name: zoomInLeft; }
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
animation-name: zoomInRight; }
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
animation-name: zoomInUp; }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
animation-name: zoomOut; }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
animation-name: zoomOutUp; }
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInDown {
animation-name: slideInDown; }
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInLeft {
animation-name: slideInLeft; }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInRight {
animation-name: slideInRight; }
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0); } }
.slideInUp {
animation-name: slideInUp; }
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
animation-name: slideOutDown; }
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
animation-name: slideOutLeft; }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
animation-name: slideOutRight; }
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
animation-name: slideOutUp; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter {
text-align: center;
width: 100%;
display: block; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter.bbleft {
text-align: left; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter.bbright {
text-align: right; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul {
display: inline-block;
list-style-type: none;
clear: both;
height: 50px;
padding: 0;
margin: 0; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul:after {
content: '';
display: block; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li {
float: left;
padding: 10px; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li:first-child {
padding-left: 0; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li:last-child {
padding-right: 0; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li.active a {
color: #0076a3; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li.active a:after {
width: 100%;
opacity: 1; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li a {
color: #111;
font-size: 12px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase; }
.bb-ultimate-carousel .bb-ultimate-carousel-filter ul li a:after {
transition: 0.25s;
content: '';
opacity: 0;
display: block;
margin-top: 2px;
height: 1px;
background-color: #0076a3;
width: 0%; } .bb-ultimate-carousel {   }
.slick-loading .bb-ultimate-carousel .slick-list {
background: #fff url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/ajax-loader.gif) center center no-repeat; }
@font-face {
.bb-ultimate-carousel {
font-family: "slick";
src: url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/fonts/slick.eot);
src: url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/fonts/slick.woff) format("woff"), url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/fonts/slick.ttf) format("truetype"), url(https://www.ecowater-systems.it/wp-content/plugins/vc_carousel_anything//assets/css/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } }
.bb-ultimate-carousel .slick-prev,
.bb-ultimate-carousel .slick-next {
position: absolute;
display: block;
height: 50px;
width: 50px;
text-align: center;
border: 1px solid #eee;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
border-radius: 50%;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
outline: none;
transition: all .5s; }
.bb-ultimate-carousel .slick-prev:hover, .bb-ultimate-carousel .slick-prev:focus,
.bb-ultimate-carousel .slick-next:hover,
.bb-ultimate-carousel .slick-next:focus {
outline: none;
background: transparent;
color: transparent;
box-shadow: 7.5px 12.99px 30px 0px rgba(34, 35, 40, 0.137);
border-color: transparent; }
.bb-ultimate-carousel .slick-prev:hover:before, .bb-ultimate-carousel .slick-prev:focus:before,
.bb-ultimate-carousel .slick-next:hover:before,
.bb-ultimate-carousel .slick-next:focus:before {
opacity: 1; }
.bb-ultimate-carousel .slick-prev.slick-disabled:before,
.bb-ultimate-carousel .slick-next.slick-disabled:before {
opacity: 0.25; }
.bb-ultimate-carousel .slick-prev:before,
.bb-ultimate-carousel .slick-next:before {
content: '';
display: block;
height: 10px;
width: 10px; }
.bb-ultimate-carousel .slick-prev {
left: -70px; }
[dir="rtl"] .bb-ultimate-carousel .slick-prev {
left: auto;
right: -70px; }
.bb-ultimate-carousel .slick-prev:before {
margin-left: 20px;
border-top: 1px solid;
border-left: 1px solid;
border-color: #222;
transform: rotate(-45deg); }
.bb-ultimate-carousel .slick-next {
right: -70px; }
[dir="rtl"] .bb-ultimate-carousel .slick-next {
left: -70px;
right: auto; }
.bb-ultimate-carousel .slick-next:before {
margin-left: 15px;
border-top: 1px solid;
border-right: 1px solid;
border-color: #222;
transform: rotate(45deg); }
.bb-ultimate-carousel .slick-dotted.slick-slider {
margin-bottom: 30px; }
.bb-ultimate-carousel .slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.bb-ultimate-carousel .slick-dots li {
background-color: #e9e9e9;
border-color: #e9e9e9;
border-width: 1px;
border-radius: 50%;
position: relative;
display: inline-block;
height: 6px;
width: 6px;
margin: 0 6px;
padding: 0;
cursor: pointer;
transition: background-color .5s; }
.bb-ultimate-carousel .slick-dots li.slick-active {
border-color: #3498db;
background-color: #3498db;
width: 10px;
height: 10px;
top: 2px; }
.bb-ultimate-carousel .slick-dots li a {
display: none; }
.bb-ultimate-carousel .next_pre-square_frame .slick-prev, .bb-ultimate-carousel .next_pre-square_frame .slick-next {
border-radius: 0; }
.bb-ultimate-carousel .next_pre-round_frame .slick-prev, .bb-ultimate-carousel .next_pre-round_frame .slick-next {
border-radius: 50%; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev:visited, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next:visited {
text-transform: uppercase;
text-decoration: none;
padding: 15px 40px;
display: inline-block;
border-radius: 100px;
transition: all .2s;
position: absolute; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev:hover, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev:active, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next:active {
transform: translateY(-1px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next {
background-color: #fff;
color: #777; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev::after, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 100px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all .4s; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev::after, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next::after {
background-color: #fff; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev:hover::after, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next:hover::after {
transform: scaleX(1.4) scaleY(1.6);
opacity: 0; }
.bb-ultimate-carousel .next_pre-rounded_pulse .slick-prev, .bb-ultimate-carousel .next_pre-rounded_pulse .slick-next {
animation: moveInBottom 5s ease-out;
animation-fill-mode: backwards; }
@keyframes moveInBottom {
0% {
opacity: 0;
transform: translateY(30px); }
100% {
opacity: 1;
transform: translateY(0px); } }
.bb-ultimate-carousel .next_pre-scale_hover .slick-prev, .bb-ultimate-carousel .next_pre-scale_hover .slick-next {
border: none;
box-shadow: none; }
.bb-ultimate-carousel .next_pre-scale_hover .slick-prev:hover, .bb-ultimate-carousel .next_pre-scale_hover .slick-next:hover {
transform: scale(1.5);
top: 43.5%;
border: none;
box-shadow: none; }
.bb-ultimate-carousel .next_pre_in_out-inside .slick-prev {
z-index: 9;
left: 0; }
.bb-ultimate-carousel .next_pre_in_out-inside .slick-next {
z-index: 9;
right: 0; }
.bb-ultimate-carousel .dost_style_square_frame .slick-dots li {
border-radius: 0 !important; }
.bb-ultimate-carousel .dost_position_top {
margin: 40px 0px 0px 0px; }
.bb-ultimate-carousel .dost_position_top .slick-dots {
top: -42px;
bottom: unset; }
.bb-ultimate-carousel .dost_position_top_left {
margin: 40px 0px 0px 0px; }
.bb-ultimate-carousel .dost_position_top_left .slick-dots {
text-align: left;
top: -42px;
bottom: unset; }
.bb-ultimate-carousel .dost_position_top_right {
margin: 40px 0px 0px 0px; }
.bb-ultimate-carousel .dost_position_top_right .slick-dots {
text-align: right;
top: -42px;
bottom: unset; }
.bb-ultimate-carousel .dost_position_bottom_left .slick-dots {
text-align: left; }
.bb-ultimate-carousel .dost_position_bottom_right .slick-dots {
text-align: right; }
.bb-ultimate-carousel .dost_position_right {
margin: 0px 0px 0px 0px; }
.bb-ultimate-carousel .dost_position_right .slick-dots {
display: flex !important;
flex-direction: column;
width: 40px;
top: 0px;
left: unset;
right: 0px;
justify-content: center;
align-items: center; }
.bb-ultimate-carousel .dost_position_right .slick-dots li {
margin: 10px auto 10px auto;
display: block; }
.bb-ultimate-carousel .dost_position_left {
margin: 0px 0px 0px 0px; }
.bb-ultimate-carousel .dost_position_left .slick-dots {
display: flex !important;
flex-direction: column;
width: 40px;
top: 0px;
left: 0px;
justify-content: center;
align-items: center; }
.bb-ultimate-carousel .dost_position_left .slick-dots li {
margin: 10px auto 10px auto;
display: block; }
.bb-ultimate-carousel .no_frames .slick-prev, .bb-ultimate-carousel .no_frames .slick-next {
box-shadow: none;
border: 1px solid transparent; }
.bb-ultimate-carousel .icon_pre_next-White .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-White .slick-next::before {
border-color: white !important; }
.bb-ultimate-carousel .icon_pre_next-black .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-black .slick-next::before {
border-color: black !important; }
.bb-ultimate-carousel .icon_pre_next-yellow .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-yellow .slick-next::before {
border-color: yellow !important; }
.bb-ultimate-carousel .icon_pre_next-blue .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-blue .slick-next::before {
border-color: blue !important; }
.bb-ultimate-carousel .icon_pre_next-brown .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-brown .slick-next::before {
border-color: brown !important; }
.bb-ultimate-carousel .icon_pre_next-orange .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-orange .slick-next::before {
border-color: orange !important; }
.bb-ultimate-carousel .icon_pre_next-seashell .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-seashell .slick-next::before {
border-color: seaShell !important; }
.bb-ultimate-carousel .icon_pre_next-slateblue .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-slateblue .slick-next::before {
border-color: slateblue !important; }
.bb-ultimate-carousel .icon_pre_next-aquamarine .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-aquamarine .slick-next::before {
border-color: aquamarine !important; }
.bb-ultimate-carousel .icon_pre_next-chocolate .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-chocolate .slick-next::before {
border-color: chocolate !important; }
.bb-ultimate-carousel .icon_pre_next-greenyellow .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-greenyellow .slick-next::before {
border-color: greenyellow !important; }
.bb-ultimate-carousel .icon_pre_next-Ivory .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-Ivory .slick-next::before {
border-color: Ivory !important; }
.bb-ultimate-carousel .icon_pre_next-Peru .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-Peru .slick-next::before {
border-color: Peru !important; }
.bb-ultimate-carousel .icon_pre_next-LightGrey .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-LightGrey .slick-next::before {
border-color: LightGrey !important; }
.bb-ultimate-carousel .icon_pre_next-ForestGreen .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-ForestGreen .slick-next::before {
border-color: ForestGreen !important; }
.bb-ultimate-carousel .icon_pre_next-Azure .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-Azure .slick-next::before {
border-color: Azure !important; }
.bb-ultimate-carousel .icon_pre_next-thistle .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-thistle .slick-next::before {
border-color: greenyellow !important; }
.bb-ultimate-carousel .icon_pre_next-teal .slick-prev::before, .bb-ultimate-carousel .icon_pre_next-teal .slick-next::before {
border-color: teal !important; }
.bb-ultimate-carousel .bg_pre_next-White .slick-prev, .bb-ultimate-carousel .bg_pre_next-White .slick-next {
background-color: White !important; }
.bb-ultimate-carousel .bg_pre_next-black .slick-prev, .bb-ultimate-carousel .bg_pre_next-black .slick-next {
background-color: black !important; }
.bb-ultimate-carousel .bg_pre_next-yellow .slick-prev, .bb-ultimate-carousel .bg_pre_next-yellow .slick-next {
background-color: yellow; }
.bb-ultimate-carousel .bg_pre_next-blue .slick-prev, .bb-ultimate-carousel .bg_pre_next-blue .slick-next {
background-color: blue !important; }
.bb-ultimate-carousel .bg_pre_next-brown .slick-prev, .bb-ultimate-carousel .bg_pre_next-brown .slick-next {
background-color: brown !important; }
.bb-ultimate-carousel .bg_pre_next-orange .slick-prev, .bb-ultimate-carousel .bg_pre_next-orange .slick-next {
background-color: orange !important; }
.bb-ultimate-carousel .bg_pre_next-seashell .slick-prev, .bb-ultimate-carousel .bg_pre_next-seashell .slick-next {
background-color: seaShell !important; }
.bb-ultimate-carousel .bg_pre_next-slateblue .slick-prev, .bb-ultimate-carousel .bg_pre_next-slateblue .slick-next {
background-color: slateblue !important; }
.bb-ultimate-carousel .bg_pre_next-aquamarine .slick-prev, .bb-ultimate-carousel .bg_pre_next-aquamarine .slick-next {
background-color: aquamarine !important; }
.bb-ultimate-carousel .bg_pre_next-chocolate .slick-prev, .bb-ultimate-carousel .bg_pre_next-chocolate .slick-next {
background-color: chocolate !important; }
.bb-ultimate-carousel .bg_pre_next-greenyellow .slick-prev, .bb-ultimate-carousel .bg_pre_next-greenyellow .slick-next {
background-color: greenyellow !important; }
.bb-ultimate-carousel .bg_pre_next-Ivory .slick-prev, .bb-ultimate-carousel .bg_pre_next-Ivory .slick-next {
background-color: Ivory !important; }
.bb-ultimate-carousel .bg_pre_next-Peru .slick-prev, .bb-ultimate-carousel .bg_pre_next-Peru .slick-next {
background-color: Peru !important; }
.bb-ultimate-carousel .bg_pre_next-LightGrey .slick-prev, .bb-ultimate-carousel .bg_pre_next-LightGrey .slick-next {
background-color: LightGrey !important; }
.bb-ultimate-carousel .bg_pre_next-ForestGreen .slick-prev, .bb-ultimate-carousel .bg_pre_next-ForestGreen .slick-next {
background-color: ForestGreen !important; }
.bb-ultimate-carousel .bg_pre_next-Azure .slick-prev, .bb-ultimate-carousel .bg_pre_next-Azure .slick-next {
background-color: Azure !important; }
.bb-ultimate-carousel .bg_pre_next-thistle .slick-prev, .bb-ultimate-carousel .bg_pre_next-thistle .slick-next {
background-color: greenyellow !important; }
.bb-ultimate-carousel .bg_pre_next-teal .slick-prev, .bb-ultimate-carousel .bg_pre_next-teal .slick-next {
background-color: teal !important; }
.bb-ultimate-carousel .bb_pre_next-White .slick-prev, .bb-ultimate-carousel .bb_pre_next-White .slick-next {
border-color: White !important; }
.bb-ultimate-carousel .bb_pre_next-black .slick-prev, .bb-ultimate-carousel .bb_pre_next-black .slick-next {
border-color: black !important; }
.bb-ultimate-carousel .bb_pre_next-yellow .slick-prev, .bb-ultimate-carousel .bb_pre_next-yellow .slick-next {
border-color: yellow; }
.bb-ultimate-carousel .bb_pre_next-blue .slick-prev, .bb-ultimate-carousel .bb_pre_next-blue .slick-next {
border-color: blue !important; }
.bb-ultimate-carousel .bb_pre_next-brown .slick-prev, .bb-ultimate-carousel .bb_pre_next-brown .slick-next {
border-color: brown !important; }
.bb-ultimate-carousel .bb_pre_next-orange .slick-prev, .bb-ultimate-carousel .bb_pre_next-orange .slick-next {
border-color: orange !important; }
.bb-ultimate-carousel .bb_pre_next-seashell .slick-prev, .bb-ultimate-carousel .bb_pre_next-seashell .slick-next {
border-color: seaShell !important; }
.bb-ultimate-carousel .bb_pre_next-slateblue .slick-prev, .bb-ultimate-carousel .bb_pre_next-slateblue .slick-next {
border-color: slateblue !important; }
.bb-ultimate-carousel .bb_pre_next-aquamarine .slick-prev, .bb-ultimate-carousel .bb_pre_next-aquamarine .slick-next {
border-color: aquamarine !important; }
.bb-ultimate-carousel .bb_pre_next-chocolate .slick-prev, .bb-ultimate-carousel .bb_pre_next-chocolate .slick-next {
border-color: chocolate !important; }
.bb-ultimate-carousel .bb_pre_next-greenyellow .slick-prev, .bb-ultimate-carousel .bb_pre_next-greenyellow .slick-next {
border-color: greenyellow !important; }
.bb-ultimate-carousel .bb_pre_next-Ivory .slick-prev, .bb-ultimate-carousel .bb_pre_next-Ivory .slick-next {
border-color: Ivory !important; }
.bb-ultimate-carousel .bb_pre_next-Peru .slick-prev, .bb-ultimate-carousel .bb_pre_next-Peru .slick-next {
border-color: Peru !important; }
.bb-ultimate-carousel .bb_pre_next-LightGrey .slick-prev, .bb-ultimate-carousel .bb_pre_next-LightGrey .slick-next {
border-color: LightGrey !important; }
.bb-ultimate-carousel .bb_pre_next-ForestGreen .slick-prev, .bb-ultimate-carousel .bb_pre_next-ForestGreen .slick-next {
border-color: ForestGreen !important; }
.bb-ultimate-carousel .bb_pre_next-Azure .slick-prev, .bb-ultimate-carousel .bb_pre_next-Azure .slick-next {
border-color: Azure !important; }
.bb-ultimate-carousel .bb_pre_next-thistle .slick-prev, .bb-ultimate-carousel .bb_pre_next-thistle .slick-next {
border-color: greenyellow !important; }
.bb-ultimate-carousel .bb_pre_next-teal .slick-prev, .bb-ultimate-carousel .bb_pre_next-teal .slick-next {
border-color: teal !important; }
.bb-ultimate-carousel .bg_pre_next_hover-White .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-White .slick-next:hover {
background-color: White !important; }
.bb-ultimate-carousel .bg_pre_next_hover-black .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-black .slick-next:hover {
background-color: black !important; }
.bb-ultimate-carousel .bg_pre_next_hover-yellow .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-yellow .slick-next:hover {
background-color: yellow; }
.bb-ultimate-carousel .bg_pre_next_hover-blue .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-blue .slick-next:hover {
background-color: blue !important; }
.bb-ultimate-carousel .bg_pre_next_hover-brown .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-brown .slick-next:hover {
background-color: brown !important; }
.bb-ultimate-carousel .bg_pre_next_hover-orange .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-orange .slick-next:hover {
background-color: orange !important; }
.bb-ultimate-carousel .bg_pre_next_hover-seashell .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-seashell .slick-next:hover {
background-color: seaShell !important; }
.bb-ultimate-carousel .bg_pre_next_hover-slateblue .slick-prev, .bb-ultimate-carousel .bg_pre_next_hover-slateblue .slick-next {
background-color: slateblue !important; }
.bb-ultimate-carousel .bg_pre_next_hover-aquamarine .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-aquamarine .slick-next:hover {
background-color: aquamarine !important; }
.bb-ultimate-carousel .bg_pre_next_hover-chocolate .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-chocolate .slick-next:hover {
background-color: chocolate !important; }
.bb-ultimate-carousel .bg_pre_next_hover-greenyellow .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-greenyellow .slick-next:hover {
background-color: greenyellow !important; }
.bb-ultimate-carousel .bg_pre_next_hover-Ivory .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-Ivory .slick-next:hover {
background-color: Ivory !important; }
.bb-ultimate-carousel .bg_pre_next-Peru .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next-Peru .slick-next:hover {
background-color: Peru !important; }
.bb-ultimate-carousel .bg_pre_next_hover-LightGrey .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-LightGrey .slick-next:hover {
background-color: LightGrey !important; }
.bb-ultimate-carousel .bg_pre_next_hover-ForestGreen .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-ForestGreen .slick-next:hover {
background-color: ForestGreen !important; }
.bb-ultimate-carousel .bg_pre_next_hover-Azure .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-Azure .slick-next:hover {
background-color: Azure !important; }
.bb-ultimate-carousel .bg_pre_next_hover-thistle .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-thistle .slick-next:hover {
background-color: greenyellow !important; }
.bb-ultimate-carousel .bg_pre_next_hover-teal .slick-prev:hover, .bb-ultimate-carousel .bg_pre_next_hover-teal .slick-next:hover {
background-color: teal !important; }
.bb-ultimate-carousel .bg_dots-white ul li.slick-active {
background-color: white !important;
border-color: white; }
.bb-ultimate-carousel .bg_dots-black ul li.slick-active {
background-color: black !important;
border-color: black !important; }
.bb-ultimate-carousel .bg_dots-yellow ul li.slick-active {
background-color: yellow !important;
border-color: yellow !important; }
.bb-ultimate-carousel .bg_dots-blue ul li.slick-active {
background-color: blue !important;
border-color: blue !important; }
.bb-ultimate-carousel .bg_dots-brown ul li.slick-active {
background-color: brown !important;
border-color: brown !important; }
.bb-ultimate-carousel .bg_dots-orange ul li.slick-active {
background-color: orange !important;
border-color: orange !important; }
.bb-ultimate-carousel .bg_dots-seashell ul li.slick-active {
background-color: seashell !important;
border-color: seashell !important; }
.bb-ultimate-carousel .bg_dots-slateblue ul li.slick-active {
background-color: slateblue !important;
border-color: slateblue !important; }
.bb-ultimate-carousel .bg_dots-aquamarine ul li.slick-active {
background-color: aquamarine !important;
border-color: aquamarine !important; }
.bb-ultimate-carousel .bg_dots-chocolate ul li.slick-active {
background-color: chocolate !important;
border-color: chocolate !important; }
.bb-ultimate-carousel .bg_dots-greenyellow ul li.slick-active {
background-color: greenyellow !important;
border-color: greenyellow !important; }
.bb-ultimate-carousel .bg_dots-Ivory ul li.slick-active {
background-color: Ivory !important;
border-color: Ivory !important; }
.bb-ultimate-carousel .bg_dots-Peru ul li.slick-active {
background-color: Peru !important;
border-color: Peru !important; }
.bb-ultimate-carousel .bg_dots-LightGrey ul li.slick-active {
background-color: LightGrey !important;
border-color: LightGrey !important; }
.bb-ultimate-carousel .bg_dots-ForestGreen ul li.slick-active {
background-color: ForestGreen !important;
border-color: ForestGreen !important; }
.bb-ultimate-carousel .bg_dots-Azure ul li.slick-active {
background-color: Azure !important;
border-color: Azure !important; }
.bb-ultimate-carousel .bg_dots-thistle ul li.slick-active {
background-color: thistle !important;
border-color: thistle !important; }
.bb-ultimate-carousel .bg_dots-teal ul li.slick-active {
background-color: teal !important;
border-color: teal !important; }
.bb-ultimate-carousel .bb-ultimate-carousel-slider {
display: block; }
.bb-ultimate-carousel .slick-slide:focus {
outline: none; }
.bb-ultimate-carousel .slick-slide:nth-child(even) {
webkit-animation: fadeInDown .5s ease-in;
animation: fadeInDown .5s ease-in; }
.bb-ultimate-carousel .slick-slide:nth-child(odd) {
webkit-animation: fadeInUp .5s ease-in;
animation: fadeInUp .5s ease-in; }