@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}@font-face {
font-family: 'Nexa Light';
src: url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Light-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Light-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Light-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Light-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Light-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nexa Bold';
src: url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Bold-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Bold-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Bold-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Bold-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/Nexa_Free_Bold-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans Bold';
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Bold-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Bold-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Bold-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Bold-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Bold-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans SemiBold';
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Semibold-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Semibold-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Semibold-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Semibold-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans Italic';
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Italic-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Italic-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Italic-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Italic-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Italic-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans Regular';
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.eot);
src: url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.eot%3F) format('embedded-opentype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.woff) format('woff'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
url(../../../themes/firelite_v3-child/css/fonts/OpenSans-Regular-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
} .terms {
overflow: scroll !important;
padding: 30px;
height: 200px;
border: 1px solid lightgrey;
} .semibold {
font-family: "OpenSans SemiBold"; 
}
.bold {
font-family: "OpenSans Bold"; 
}
}
.opensans {
font-family: OpenSans, "Open Sans"; 
}
.left {
text-align: left;
}
.center {
text-align:center;
}
.right {
text-align: right;
}
.orange {
color:#f7951d;
}
.oranged {
color:#f7951d;
}
.heading {
color:#777;
font-family: 'Nexa Bold';
}
h3.heading {
font-size: 36px;
display: block;
margin:35px auto 25px;
}
h4.heading {
font-size: 42px;
line-height: 42px;
display: block;
}
h5.heading {
font-size:24px;
}
.heading.orange{
color:#f7951d;
background-color: inherit;
}
.heading.orange.inverted{
color:white;
background-color:#f7951d;
padding:1px 6px; 	
font-family: 'Nexa Bold';
}
.heading.small,
h3.heading.small {
font-size: 24px;
letter-spacing: 0.5px;
}
h3.heading.small {
margin-top:20px;
}
h4.heading.orange { font-family: 'Nexa Bold';
display: block;
}
h3 .orange.inverted{
padding:1px 8px; 	
}
blockquote.orange{
color:inherit;
border-left: 4px solid orange;
background: rgb(255,255,240);
padding: 1rem 1.5rem;
}
.gfield_description blockquote{
margin: 5px 0 10px 0;
}
.css-transition-preload * {
-webkit-transition: 	none !important;
-moz-transition: 		none !important;
-ms-transition: 		none !important;
-o-transition: 		none !important;
}
.css-transition-preload.home *{
opacity: 0;
}
.home *{ transition:				opacity 2s;
-webkit-transition:		opacity 2s;
}
.css-transition-preload h3{
line-height: 40px;
}
.css-transition-preload .anim { opacity: 	0; 
color: 		red;
}
.css-transition-preload .ellipse1-1{
color:		black;
}
.css-transition-preload .ellipse1-2,
.css-transition-preload .ellipse1-3,
.css-transition-preload .ellipse1-4{
color:		#f7951d;
font-size: 	100px;
}
.css-transition-preload .ellipse1-6 {
color:		#f7951d;
font-size:	5px;
}
.anim{
opacity: 1;
}
.anim.head{
display: inline-block;
top:40px;
}
.ellipse1-1,
.ellipse1-5 {
transition:				opacity 	2s,
color 		.5s,
font-size 	.5s;
-webkit-transition:		opacity 	2s,
color 		.5s,
font-size 	.5s;
}
.ellipse1-1{
margin-left: 450px; transition-delay:		2s;
-webkit-transition-delay:2s;
}
.ellipse1-2,
.ellipse1-3,
.ellipse1-4,
.ellipse1-6 {
line-height: 40px;
transition:				opacity 		.2s,
color 			.2s,
font-size 		.5s,
line-height 	0s;
-webkit-transition:		opacity 		.2s,
color 			.2s,
font-size 		.5s,
line-height 	0s;	
}
.ellipse1-2 {
transition-delay:			3.5s;
-webkit-transition-delay:	3.5s;
}
.ellipse1-3 {
transition-delay:			3.75s;
-webkit-transition-delay:	3.75s;
}
.ellipse1-4 {
transition-delay:			4s;
-webkit-transition-delay:	4s;
}
.ellipse1-5 {
transition-delay:			4.25s;
-webkit-transition-delay:	4.25s;
}
.ellipse1-6 {
padding-left: 				1px;
transition-delay:			4.5s;
-webkit-transition-delay:	4.5s;
-webkit-animation:ellipse1 	.6s; -webkit-animation-delay:	4.5s;
}
@-webkit-keyframes ellipse1 {
0%   {
color:				black;
}
80%  {
font-size:			30px;
}
100% {
font-size:			25px;
}
}
.css-transition-preload.home h1{ opacity: 0;
}
.trigger.spin1-1,
.trigger.spin1-3 { opacity: 0;
}
.spin1-1,
.spin1-3 {
transition:				all .2s, right 1.5s, left 1.5s, opacity 1.5s;
-webkit-transition:		all .2s, right 1.5s, left 1.5s, opacity 1.5s;
transition-delay:					0s;
-webkit-transition-delay:			0s; }
.spin1-1{
position: 		absolute;
right:			0px;
margin-right:	50px;
}
.spin1-1:not(.trigger) {
right: 50%;
}
.spin1-3:not(.trigger) {
left: 50%;
}
.spin1-2{
padding: 10px 15px 0;
animation:spin1 		3s;
animation-delay:		2s;
-webkit-animation:spin1 3s; -webkit-animation-delay:2s;
}
@keyframes spin1
{
0%   {
color:				#f7951d;
}
25%  {
transform: 			rotate(1080deg);
-ms-transform: 		rotate(1080deg);			
-webkit-transform:	rotate(1080deg);
}
75% {
}
}
@-webkit-keyframes spin1 {
0%   {
color:				#f7951d;
}
25%  {
transform: 			rotate(1080deg);
-ms-transform: 		rotate(1080deg);			
-webkit-transform:	rotate(1080deg);
}
75% {
}
}
.spin1-3{
position: 		absolute;
left:			0px;
margin-left:	50px;
}
.fade1-1,
.fade1-2,
.fade1-3,
.fade2-1,
.fade2-2,
.fade2-3 {
transition:				opacity 		.2s,
color 			.2s,
font-size 		.5s,
line-height 	0s;
-webkit-transition:		opacity 		.2s,
color 			.2s,
font-size 		.5s,
line-height 	0s;	
}
.fade1-1 {
transition-delay:			3s;
-webkit-transition-delay:	3s;
}
.fade1-2 {
transition-delay:			4s;
-webkit-transition-delay:	4s;
}
.fade1-3 {
transition-delay:			5s;
-webkit-transition-delay:	5s;
}
.fade2-1 {
transition-delay:			1s;
-webkit-transition-delay:	1s;
}
.fade2-2 {
transition-delay:			2s;
-webkit-transition-delay:	2s;
}
.fade2-3 {
transition-delay:			3s;
-webkit-transition-delay:	3s;
}
#main{
overflow: visible; }
a {
color: #696969;
}
a.btn {
text-decoration: none;
}
p a {
color: #f7951d !important;
}
p a:hover {
color: darkgrey !important;
}
h1,h2,h3,h4,h5,h6{
font-weight: normal;
}
h1,
h2
{
font-family:"Nexa Bold";
color: dimgrey;
}
h3, 
h4,
h5 {
font-family:"Nexa Light";	
}
h1{
font-size: 5.5em;
text-align: center;
padding-top: 10px;
font-style: inherit;
margin-bottom: 0px;
line-height: normal;
}
h3{
font-size: 1.8em;
text-align: center;
line-height: normal;
}
h4{
font-size:1.7em;
line-height:normal;
}
h5 {
font-size:24px;
}
h5.small {
font-size:16px;
}
h6{
font-size: 1rem;
font-family: "OpenSans SemiBold";
color:#696969;
}
.parent-services .span3 h6 {
margin-top:0;
}
.heading {
font-size: 42px;
font-family: "Nexa Bold";
padding-right: 10px;
display: inline;
}
section{
margin-bottom:50px;
}
ul.no-bullet{
list-style: none;
}
li {
font-size:16px;
line-height:32px;
}
ul ul {
margin-left: 50px;
list-style-type: disc;
}
.woocommerce div[itemprop="description"] > ul > li {
font-weight: bold;
color: black;
}
.woocommerce div[itemprop="description"] > ul > li > a {
color: black;
}
p{
font-family:"OpenSans Regular";
font-size: 16px;
line-height: 28px;
color:#696969;
}
pre{
background: none;
}
mark{
background: none;
color:#f7951d;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
background-color: rgba(240,240,240,1);
border:none;
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
input {
min-height: 40px;
}
select {
min-height: 40px !important;
height: 40px !important;
}
strong {
font-family: "OpenSans SemiBold";
color:#696969;
font-weight:normal;
}
.gfield_description{
padding:0;
margin:0 0 10px 0;
}
.logo{
position: absolute;
z-index: 1;
}
#alterna-header{
padding: 0;
height:60px;
}
#page-header .title{
margin-bottom: 0;
}
.alterna-nav-menu-container{
margin: auto;
width: 490px;
float:none;
}
.alterna-nav-form-container{ }
.alterna-nav-menu .sub-menu {
margin-top:38px;
padding-bottom:0;
border-top:1px solid white;
}
.alterna-nav-menu .sub-menu li{
background: white;
border-bottom:1px solid white;
}
.alterna-nav-menu .sub-menu li:hover{
background: #f7951d;
}
.alterna-nav-menu .sub-menu li a {
color:#999;
}
#alterna-nav-menu-select .nav a {
font-family: Arial;
}
.current-menu-parent a:link,
.current-menu-parent a:visited {
color:white;
}
#alterna-nav { border-bottom:none;
margin-top: -60px;
padding-bottom: 10px;
background: none;
}
.alterna-nav-menu {
margin:0;
}
.alterna-nav-menu li.current-menu-item > a {
color: lightgrey;
} 
.entry-left-side .date{
background-color: #999;
}
.alterna-nav-menu > li {
margin-top: 5px;
}
.alterna-nav-menu li a {
color: rgb(153, 153, 153); font-size: 16px;									
font-family:"Nexa Bold";
line-height: 30px;
padding: 4px 20px;
text-transform: lowercase;
}
.alterna-nav-menu li.menu-item-has-children:hover > a {
color:inherit;
}
.alterna-nav-menu > li.current-menu-item, .sub-menu > li.current-menu-item{
background-color: white;
}
.alterna-nav-menu > li.current-menu-ancestor{
background-color: inherit;
}
.alterna-nav-menu > li.current-menu-ancestor > a {
color:#999;
}
.alterna-nav-menu > li.current-menu-ancestor:hover > a {
color:white;
}
.alterna-nav-menu li a:hover{
color:white;
}
.alterna-nav-menu > li{
background:none;
}
.alterna-nav-form-container .alterna-nav-form {
padding-right:0;
}
.alterna-nav-menu i.icon-plus, .alterna-nav-menu i.icon-angle-down, .alterna-nav-menu i.icon-angle-right{
margin-left: 3px;
margin-right: -12px;
}
.alterna-nav-menu i{
margin-top:7px;
}
.alterna-title {
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.alterna-title h3 {
line-height: 40px;
border-bottom: 2px solid #f7951d;
text-align: left;
margin: 0 0 -1px 0;
display: inline-block;
color: #777;
font-family:  "Nexa Bold";
}
.searchform #sf-s {
color: #fff;
height: 27px;
background: #999;
border: #999;
margin-top: -1px;
}
.searchform #sf-searchsubmit {
height: 37px;
}
.header-top-content{
background-color: inherit;
}
.portfolio-element.portfolio-style-1:hover .portfolio-content{
background: none;
}
.portfolio-content .portfolio-categories {
font-size:1em;
}
.portfolio-categories a{
color:#777;
}
.row-fluid .columns-2 {
margin:0 0 20px;
}
.row-fluid .columns-2:nth-child(odd){
margin-right: 3.6%;
}
.footer-wrap {
border-top: none;
}
.footer.back-top{
display:inline; 
color:white;
}
.footer-bottom-content {
color:lightgrey;
background-color: transparent;
padding: 8px 30px 5px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
.footer-bottom-content:hover {
color:white;
background-color: #f7951d; }
.btn:not(.orange):not(.callout), 
a.btn:not(.orange):not(.callout) {
color:#999 !important;
}
.btn:not(.orange):not(.callout):hover,
a.btn:not(.orange):not(.callout):hover {
background: #aaa;
color: white !important;
}
.btn-large {
font-size:17.5px !important;
}
.btn.orange,
a.btn.orange,
#post-ajax-btn {
color:white !important;
}
.btn.orange:hover,
a.btn.orange:hover {
background: #cc8400;
}
.btn-form {
border: none;
padding: 0.5rem;
text-transform: lowercase;
font-family: "Nexa Bold";
font-size: 2rem !important;
background-color: #f7951d;
color: white;
-webkit-transition: all 200ms !important;
-moz-transition: 	all 200ms !important;
-ms-transition: 	all 200ms !important;
-o-transition: 		all 200ms !important;  
transition:			all 200ms !important;
}
.btn-form:hover {
background-color:white;
color:#f7951d;
}  
.btn.fa-send, .btn.fa-paper-plane {
padding-right:1.5rem;
}
.btn.fa-send:before, .btn.fa-paper-plane:before {
padding-right:0.7rem;  
} div.ptp-most-popular{
border-radius: 0 0 5px 0 !important;
background-image: linear-gradient(to bottom,rgb(239, 122, 38),rgba(255, 183, 90, 1));
width: 40px;
position: absolute;
line-height: 1.1em !important;
}
div.ptp-not-most-popular { 
display:none; }
div.ptp-plan {
font-size: 1.3em !important;
max-height: 30px !important;
} .accordion {margin-bottom:0;}
.accordion-inner {background: none;padding-left:17px;padding-bottom:20px;}
.accordion-heading {position: relative;}
.accordion-heading .icon-minus, 
.accordion-heading .icon-plus,
.accordion-heading .fa-toggle-up,
.accordion-heading .fa-toggle-down {color:inherit;right:0;left:inherit;top:50%;margin-top:-8px;position:absolute;}
.accordion-heading .icon-plus,
.accordion-heading .fa-toggle-down {display:none;}
.accordion-heading .icon-minus,
.accordion-heading .fa-toggle-up {display:block;color:#ccc;}
.accordion-heading .collapsed .icon-plus,
.accordion-heading .collapsed .fa-toggle-down {display:block;color:rgba(247, 149, 29, 0.6);}
.accordion-heading .collapsed .icon-minus,
.accordion-heading .collapsed .fa-toggle-up {display:none;}
.accordion-heading .accordion-toggle {padding-left:0;}
.accordion-group {border:none;margin-bottom:0;}
a.accordion-toggle {color:inherit;padding:10px;}
a:focus.accordion-toggle {color:inherit;text-decoration: none;}
a.accordion-toggle.collapsed {padding:0;}
.parent-services .span8 {
width:70%;
}
.parent-services .span3 {
width:25%;
}
.parent-services ul {margin:0 0 0 2px;}
.parent-services li {padding-bottom:10px;}
.accordion-inner ul {
margin-left: 20px;
}
.explanation {
color:#999;
}
h3 .explanation {
font-family: "Nexa Light";
}
a[data-toggle="tooltip"] {
border-bottom: 1px dotted;
}
.team {padding: 0;border: none;margin-bottom:0;}
.team:hover {background:none;}
.logo a {
width:150px;
height:75px;
background:transparent;
background-size: 150px 75px;
margin-top: 0px !important
}
object {
pointer-events: none;
} .services {
text-align: left;
} #back-top {
background-image: url(../../../themes/firelite_v3-child/imgs/icon_chevron_top.png);
opacity: 0.5; height: 0;
}
#page-header,
body.boxed-layout {
background-image:inherit;
}
.alterna-service-icon.orange {
color:#FDFDFD;
}
.alterna-service.default_bg, .alterna-service.alterna-service.content_bg {
background-color:#FaFaFa;
}
.alterna-service.left .alterna-service-icon {
font-size: 50px;
}
.alterna-service.alterna-service-icon-bg li {
color:#777;
}
.alterna-service.left .alterna-service-content {
margin-right:20px;
}
.alterna-service-title {
margin:0px 0 -10px;
}
h3.alterna-service-title {
font-family: "Nexa Bold";
color: #777;
font-size: 36px;
}
.skill:not(:first-child) {
margin-top:50px;
}
.skills .skill-bg {
left:0;
width:0%;
}
.skills-detail {
text-align: left;
margin-top:50px;
}
.call-to-action h3, .call-to-action-bar h3 {
color:#777;
font-family: "Nexa Light";
}
.call-to-action.bar h3, .call-to-action-bar h3 {
font-family: "Nexa Bold";
text-align: left;
} article.packages .alterna-service.left.default_bg,
article.parent-services .alterna-service.left.default_bg {
padding:20px;
}
article.packages .alterna-service-title,
article.parent-services .alterna-service-title {
margin:0;
}
article.packages .alterna-service.left .alterna-service-img-content,
article.parent-services .alterna-service.left .alterna-service-img-content {
padding:0;
}
article.packages .alterna-service.left .alterna-service-content,
article.parent-services .alterna-service.left .alterna-service-content {
margin:0 80px;
}
.portfolio-filters-cate li a {
color:#aaa;
border:none;
box-shadow: none;
-moz-box-shadow: none;
}
.portfolio-filters-cate li a:hover {
color:#000;
border:none;
}
.portfolio-filters-cate li a.active {
color:#000;
border:none;
}
table.stages tr td:first-child {
width:270px;
vertical-align: top;
} div#social {
float: right;
font-size: 26px;
line-height: 48px;
margin-right: 50px;
}
#social .fa {
color: lightgrey;
}
#social .fa:hover {
color: orange;
}  .gf_two_third {
width: 65%;
display: inline-block;
vertical-align: top;    
margin: 0 .5%;
}
.gf_one_third {
width: 33%;
display: inline-block;
vertical-align: top;
}  body:not(.home) .wpmchimpaf-tray {
display: none;
}
.wpmchimpas-overlay.showo {
margin-top:-30px;
}
.wpmchimpaf {
width: 450px !important;
padding: 20px !important;
}
.wpmchimpaf .wpmchimpaf-head {
height:85px !important;
}
.wpmchimpaf .wpmchimpaf-head h3 {
font-family: 'Nexa Light';
font-size:24px;
}
.wpmchimpaf .wpmchimpa-signalc {
height:0 !important;
}
.wpmchimpaf .wpmchimpaf-close-button {
background-color:transparent !important;
}
.wpmchimpaf .wpmchimpaf-close-button:hover {
background-color: orangered !important;
border: 1px solid white !important;
}
.wpmchimpaf .wpmchimpaf-close-button:hover::before,
.wpmchimpaf .wpmchimpaf-close-button:hover::after {
background-color: white !important;
}
#wpmchimpas-trig.wpmchimpas-trig.relative {
position: relative;
display: inline-block;
}
#wpmchimpas-trig.wpmchimpas-trig.relative .wpmchimpas-trigi {
height:28px;
width:28px;
}
#wpmchimpas-trig.wpmchimpas-trig.relative .wpmchimpas-trigi:before {
margin:0;
}	
#wpmchimpas-trig.wpmchimpas-trig.relative .wpmchimpas-trigi:hover {
box-shadow: none;
-webkit-box-shadow: none;
}
.wpmchimpas-trigc:hover .wpmchimpas-trigi:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmE1MDAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzg0LjIzIDM4NC4yMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzg0LjIzIDM4NC4yMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTM2OS4yMywzMjIuNTk0aC03MC4zNDhsNjUuODg1LTY1Ljg4NWM2LjI3OS02LjI3OSw2LjI3OS0xNi40NjEsMC0yMi43NEwxNjcuMTQ3LDM2LjM0OWMtNi4yOC02LjI4LTE2LjQ2MS02LjI4LTIyLjc0MSwwIEwxOS40NjMsMTYxLjI5MWMtNi4yOCw2LjI4LTYuMjgsMTYuNDYyLDAsMjIuNzQxbDEzOC41NiwxMzguNTYySDE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE0Ljk5OWMwLDguMjg0LDYuNzE2LDE1LDE1LDE1aDM1NC4yMyBjOC4yODMsMCwxNS02LjcxNiwxNS0xNUMzODQuMjMsMzI5LjMxLDM3Ny41MTUsMzIyLjU5NCwzNjkuMjMsMzIyLjU5NHogTTMwNC4yMDksMjE4Ljg5MWwtMTAwLjU3OC0yMS40MDdMMTgyLjIyNCw5Ni45MDUgTDMwNC4yMDksMjE4Ljg5MXogTTUzLjU3NCwxNzIuNjYxbDkxLjU5Mi05MS41OTJsMjguNDY0LDEzMy43MzJjMC42NzcsMy4xOCwyLjI1OCw2LjAxMyw0LjQ2NSw4LjIxOSBjMi4yMDcsMi4yMDcsNS4wMzksMy43ODgsOC4yMTksNC40NjVsMTMzLjczLDI4LjQ2NGwtNjYuNjQzLDY2LjY0NmgtNDkuODk2TDUzLjU3NCwxNzIuNjYxeiIvPjwvc3ZnPg==');
}
body.home footer#footer-content,
body.page-id-170 footer#footer-content {
}
.footer-top-content h1, .footer-top-content h2, .footer-top-content h3, .footer-top-content h4, .footer-top-content h5, .footer-top-content h6 {
text-align: center;
color:#333;
}
.footer-top-content h4 {
font-size:32px;
line-height:32px;
}
.footer-top-content .widget .line {
display: none;
}
.footer-top-content .wpmchimpselector .wpmchimpa_para {
text-align: center;
}
.footer-top-content .wpmchimpselector form {
width: 50%;
margin:auto;
} .down-arrow {
margin:auto;
display: block;
width: 80px;
height: 80px;
opacity: 0.5;
cursor: default;
z-index: 10; }
.down-arrow .arrow {
z-index: 20;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.down-arrow--bubble {
bottom: -16px; 
}
.down-arrow--bubble .arrow {
width: 16px;
height: 16px;
margin-left: 30px;
margin-top: 30px;
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5); 
}
.down-arrow--transparent {
bottom: 5%; }
.down-arrow--transparent .arrow {
width: 24px;
height: 24px;
margin-left: -12px;
margin-top: -12px;
border-right: 3px solid white;
border-bottom: 3px solid white; }
.down-arrow.down-arrow--inverse {
bottom: -30px;
width: 60px;
height: 60px;
margin-left: -30px;
background: white;
opacity: 1;
border-radius: 18px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.down-arrow.down-arrow--inverse .arrow {
top: 10px;
left: 10px;
width: 16px;
height: 16px;
margin: 0;
border-color: #262526;
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0); }
.single-portfolio-content.row-fluid {
margin-top: 30px;
float:none;
clear: both;
}
.home .original-logo {
margin-top: 50px; 
width: 200px;
} .portfolio-wrap {
position: relative;
overflow: hidden;
height: 250px;
}
.post-tip img {
margin-top:-15px;
}
.valign-bottom {
vertical-align: bottom;
}
table#platforms td {
padding: 20px;
}
#main .page-header-content {
margin-bottom: 50px;
} div#nslider_1.nslider img {
margin-left:50%;
}
div.nslider-preloader {
background: url(../../../plugins/numix-post-slider/public/assets/images/loader2.gif) center center no-repeat !important;
}
div.nslider ul li {
opacity: 1 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
} .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images {
width: 33%;
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {
width: 62%;
padding-left: 5%;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty {
margin-bottom: 0px;
width: 43px;
height:28px;
float:left;
padding:0;
text-align:center;
border:1px solid #c8bfc6 !important;
box-shadow:inset 0 0 2px 0 #f7f6f7;
-webkit-box-shadow:inset 0 0 2px 0 #f7f6f7;
-moz-box-shadow:inset 0 0 2px 0 #f7f6f7;
font-weight:bold;
-webkit-border-radius:2px !important;
-moz-border-radius:2px !important;
border-radius:2px !important;
}
.wc-header .wc-login,
.wc-header .wc-shop,
.wc-header .wc-cart {
border: 1px solid #ddd;
color: #777;
background: none;
}
.wc-header .wc-login {
margin-right:-1px;
}
.wc-login a,
.wc-shop a,
.wc-cart a {
color: #777;
}
.wc-shop {
height: 20px;
float: left;
background: #333;
padding: 3px 10px 3px 10px;
border-right: none !important;
}
.skill .row-fluid:nth-child(2) .span6:nth-child(2) img:nth-child(1) {
margin-top: -16px;
}
.widget ul li:before,
.widget ul li a::before {
content:'' !important;
}
.alterna-service-entry-content hr {
border-top:2px solid hsla(0,0%,90%,1);
}
article.pricing h6 {
margin-top:10px;
}
article.pricing .faqs-block {
margin-top: -40px;
}
article.pricing .faqs-block h6 {
margin-top:60px;
}
article.pricing .faqs-block h6 + p {
margin-top:25px;
}
article.pricing .faqs-block p + p {
margin-top:15px;
}
h5.heading.orange + h6,
h5.heading.orange + ul {
margin-top: 20px;
}
ul li > div:not(.accordion):not(.linkage) {
font-size: 14px;
margin: -10px 0 10px 22px;
}
.simple-box {
text-align: center;
border:1px solid #ddd;
border-radius: 10px;
padding:15px;
}
.image-set {
padding:15px 0px 10px;
}
.image-set object {
zoom: 50%;
-moz-transform: scale(.50,0.50);
margin:0 30px;
}
.home h2 {
text-align: center;
margin: 0px 0 20px 0;
} .header-wrap.container {
z-index: 10;
position: relative;
} .focus-message {
margin-top:100px; 
margin-bottom:50px;
}
.focus-message p {
font-size:18px; 
color:#777; 
text-align:center;	
margin-bottom: 20px;
}
a.tasty-pixel {
color:#fefefe;
}
div#jqueryui-tabs {
margin-top: 57px !important;
border:1px solid #ddd !important;	
}
.ui-tabs .ui-tabs-nav {
margin-top: -58px !important;
}
.ui-widget-header {
background: none !important;
border:none !important;
}
.ui-state-default:not(.ui-state-active), .ui-widget-content .ui-state-default:not(.ui-state-active), .ui-widget-header .ui-state-default:not(.ui-state-active) {
border:none !important;
background: rgba(221, 221, 221, 0.3) !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border:1px solid #ddd !important;
border-bottom:1px solid white !important;
}
.ui-widget-content {
}
body .pricing section {
margin-top: 25px;
}
article.team .alterna-title {
text-align: center;
}
.woocommerce div.product a.woocommerce-main-image img {
margin-top: 150px;
}
.woocommerce div.product .summary.entry-summary {
margin-top: 50px;
}
.woocommerce div.product .price {
text-align: left;
font-size: 30px !important;
font-family: "OpenSans Bold";	
margin: 30px 0;
}
.woocommerce div.product .price .woocommerce-Price-amount {
font-size: 42px !important;
}
.woocommerce div.product .price .subscription-details {
font-size: 30px !important;
} .woocommerce ul.products .price {
font-size: 30px !important;
font-family: "OpenSans Bold";	
margin: 30px 0 20px 0 !important;
}
.woocommerce ul.products .price .subscription-details {
font-size: 24px !important;
}
li.product h3 {
font-size: 18px !important;
}
li.product h3 span {
font-family: "Nexa Bold";	
}
.woocommerce .product button[type=submit] {
padding: 13px 50px;
text-shadow: none;
text-transform: uppercase;
font-weight: bold;
background: orange;
}
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
margin-left: 40px;
margin-top: 5px;
}
.woocommerce-page .product form .form-row-wide {
padding: 20px;
margin: 10px;
background: #F7F6F3;
border: 1px lightgrey solid;
border-radius: 8px;
}
input.addon.addon-radio {
margin: -2px 10px 0 0;
height: 1.5rem;
width: 1.5rem;
}
div.product-addon {
padding: 50px 0;
border-top: 1px #eee solid;
}
select#billing-cycle {
background: #eee;
padding: 10px !important;
height: 50px !important;
}
td.product-name .variation dt {
display: block !important;
float: none !important;
margin: 10px 0 0 20px !important;
line-height: 20px;
min-height: inherit;
}
td.product-name .variation dd {
display: inline-block !important;
float: none !important;
margin: 5px 0 0 10px !important;
padding: 5px 20px !important;
width:auto !important;
border-radius: 6px;
}
td.product-name .variation dd p {
font-size:12px;
width:auto !important;
display:inline-block !important;
}
.product-name a {
font-size: 18px;
}
td.product-name {
padding: 25px !important;
}
.product-thumbnail img {
width: 100px !important;
}
.woocommerce-breadcrumb {
display: none;
}
p.woocommerce-thankyou-order-received {
color: #56880a;
background: #daf521;
padding: 10px 50px;
text-align: center;
margin-bottom: 50px;
font-weight: bold;
}
.woocommerce-tabs {
display: none;
}
.from {
display: none;
}
.row-fluid.project-images {
margin: 100px 0;
} .mobile-viewport {
overflow: scroll;
}
.video-viewport {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
video {
opacity: 0;
}
#a,
#b,
.video-background-color-fade,
.bg-image {
width: 100%;
height: 810px;
position: absolute;
z-index: -1;
-webkit-clip-path: polygon(0 0, 0 85%, 47% 85%, 50% 90%, 53% 85%, 100% 85%, 100% 0);
clip-path: polygon(0 0, 0 85%, 47% 85%, 50% 90%, 53% 85%, 100% 85%, 100% 0);
} .video-background-color-fade {
opacity: 0;
background: #596573; }
#social {
margin-top:-37px;
}
#back-top {
z-index: 900000;
}
.content-wrap.container,
.home #page-header.white .alterna-nav-menu > li.current-menu-item {
background:transparent;
}
.home #page-header.white * {
color:white;
}
.home .header-wrap {
margin-top: 0px;
padding: 40px 0 0px 0;
}
.home .page-header-content {
position: absolute;
top: 50%;
transform: 			translateY(-50%);
-ms-transform: 		translateY(-50%);			
-webkit-transform:	translateY(-50%);
}
.home #logo-home-top {
position: absolute;
top:30px;
opacity: .8;
}
.home .page-header-content h1,
.home .page-header-content h2 {
text-align: left;
margin: 0;
padding: 0;
}
.home .page-header-content h1 {
font-size: 4rem;
line-height: 4.5rem;
}
h1 + h1 {
margin-bottom: 30px !important;
}
.home .page-header-content h2 {
font-family: OpenSans, "Open Sans";
margin-top: 20px;
font-size: 1.4rem;
margin: 0;
padding: 0;
line-height: 2.5rem;
}
.page-header-content .btn {
margin-top: 40px;
}
.btn.callout {
background: transparent;
font-size: 1rem;
border: 3px solid #777;
color: #777;
font-weight: bold;
}
.page-header-content .btn.callout:hover {
background: rgba(0,0,0,0.1);
color: #777;
}
#page-header.white .btn.callout {
border: 3px solid white;
color: white;
}
#page-header.white .btn.callout:hover {
background: rgba(255,255,255,0.2);
}
.alterna-nav-menu-container {
float: right;
}
#home-top-menu {
margin-top: 40px;
color: #777;
}
#home-top-menu .alterna-nav-menu li > a {
color: #777;
}
#home-top-menu .alterna-nav-menu .sub-menu li > a {
color: #777;
}
#home-top-menu .alterna-nav-menu .sub-menu {
background: transparent;
}
#home-top-menu .alterna-nav-menu .sub-menu li {
background: transparent;
}
#home-top-menu .alterna-nav-menu .sub-menu li:hover {
background: #f7951d;
}
#home-top-menu .alterna-nav-menu .sub-menu li:hover > a {
color: white;
}
#page-header.white #home-top-menu {
margin-top: 40px;
color: white;
}
#page-header.white #home-top-menu .alterna-nav-menu li > a {
color: white;
}
#page-header.white #home-top-menu .alterna-nav-menu .sub-menu li > a {
color: white;
}
#page-header.white #home-top-menu .alterna-nav-menu .sub-menu {
background: transparent;
}
#page-header.white #home-top-menu .alterna-nav-menu .sub-menu li {
background: rgba(255,255,255, .1);
}
#page-header.white #home-top-menu .alterna-nav-menu .sub-menu li:hover {
background: rgba(247, 149, 29, .7);
}
#page-header.white #home-top-menu .alterna-nav-menu .sub-menu li:hover > a {
color: white;
}
.orange-screen {
mix-blend-mode: screen; }
@-webkit-keyframes color {
0% { color: rgba(247, 149, 29,0.9); }
50% { color: rgba(245, 125, 29,1); }
70% { color: rgba(240, 150, 29,0.8); }
100% { color: rgba(240, 149, 29,1); }
}
@keyframes color {
0% { color: rgba(247, 149, 29,0.9); }
50% { color: rgba(245, 125, 29,1); }
70% { color: rgba(240, 150, 29,0.8); }
100% { color: rgba(240, 149, 29,1); }
}
div#jqueryui-tabs > ul:first-child {
display: none;
}
.volume-control,
.repeat-control {
bottom: 20%;
right: 20px;
position: absolute;
display: block;
z-index: 100;
}
.volume-control:hover,
.repeat-control:hover {
cursor: pointer;
}
.volume-control.fa-volume-off {
right: 30px;
}
.repeat-control {
display: none;
}
#sk-holder #sk-container .btn-sk-primary {
color: white !important;
}
div.bg-image{
background-size:cover;
background-position:bottom;
position: absolute;
top: 0;
height:100%;
width:100%;	
z-index: -10 !important; }
div.bg-image#a {
z-index: -10 !important;
}
div.bg-image#b {
z-index: -20  !important;
}
.video-viewport { }
#sk-holder #sk-messenger-button {
z-index: 999999 !important;
}
.woocommerce-variation.single_variation {
overflow: visible !important;
}  @media (min-width: 979px) { } @media (min-width: 768px) {
.home h2 {
}
} @media (max-width: 1200px) {
#single-portfolio [class*="span"] {
display:block;
float:none;
width:100%;
margin-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
h1 {
font-size: 5em; }
h3 {
font-size:1.5em;
}
.alterna-title h3 {
font-size:1.8em;
} } @media (min-width: 768px) and (max-width: 979px) { 
.alterna-title h3 {
font-size:1.8em;
} } @media (max-width: 979px) {
#page-header.white .home-top-nav {
background: transparent;
padding-top: 50px;
}
#page-header.white .home-top-nav li {
background: rgba(255,255,255, .1);
}
#page-header.white .home-top-nav li.active a {
background: orange;
}	
#page-header.white .home-top-nav li:hover {
background: rgba(247, 149, 29, .7);
}
#page-header.white .home-top-nav li:hover a {
background: rgba(247, 149, 29, .7);
}
#page-header.white .home-top-nav li:hover > a {
color: white;
}
}
@media (max-height: 640px) { 
.home-top-nav li a,
.second-nav li a {
padding: 0px 15px !important;
}
} @media (max-width: 767px) { 
.row-fluid .row [class*="span"] { }
.row-fluid .row .span6 {
float:left;
width:48.93617021276595%;
}
.gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
float: left; 
clear: left !important;
width: 99%;
} 
.gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
float: left; 
clear: left !important;
width: 99%;
}
header.container {
height: 120px;
margin-top:20px;
}
#alterna-header{
padding: 0;
width: 100%;
margin: 0;
display: block;
z-index: 300;
}
#alterna-header .logo{
width: 50%;
text-align: center;
margin: auto;
float: none;
position: relative;
z-index: 500;
}
.logo a {
width:120px;
height:120px;
background-image:url(../../../uploads/2013/10/outlined1.7.5-export-square-150x150.png);
background-size: 120px;
margin-top: -10px !important;
margin-left: -10% !important;
}
#alterna-header .header-social-container {
height:0;
}
#page-header .title {
margin: 0;
}
h1 {
font-size: 4rem;
line-height:4rem;
margin-top:-10px;
margin-bottom:20px;
}
h3 {
font-size:1.5em;
line-height: 1.5;
}
#alterna-drop-nav {
position: absolute;
z-index: 10;
top:0;
left:0;
opacity: 0.97;
}
#alterna-nav-menu-select {
background:none;
width: 90%;
margin-left: 5%;
}
#alterna-nav-menu-select .btn-navbar {
right: 10px; 
left: inherit;
top: 20px;
background: none !important;
opacity: 0.7;
}
#home-top-drop-nav {
position: absolute;
z-index: 10;
top:0;
left:0;
opacity: 0.97;
}
#home-top-nav-menu-select {
background:none;
width: 90%;
margin-left: 5%;
}
#home-top-nav-menu-select .btn-navbar {
right: 10px; 
left: inherit;
top: 20px;
background: none !important;
opacity: 0.7;
}
.nav-collapse.collapse {
margin-top: 100px;
}  .nav-collapse .nav>li>a:focus { background:#aaa !important}
.nav-collapse .nav>li>a {
margin-bottom: 0px;
border-bottom:2px white solid;
}
.alterna-nav-form-container .alterna-nav-form{
margin-top: 66px;
}
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled]{
background-color: orange;
}
.navbar-inverse .btn-navbar{
z-index:100;
background-image: linear-gradient(to bottom,#eee,#999);
}
.alterna-nav-form-container .searchform #sf-s{
margin-left:-7px;
width: 94%;
}
.nav li {
background: lightgrey;
}
.home h3{ }
.anim.head{
top:30px;
}	
.ellipse1-1{
position:relative;
}
.ellipse1-5{
position: relative;
}
article.about .span6:nth-child(2) {
margin-top: 75px;
}
article.services .span4:not(:first-child) {
margin-top: 80px;
}
article.pricing .image-set object {
margin: 0 30px 30px;
}	
.header-top-content{
margin-top: -60px;
}
.ui-tabs .ui-tabs-nav {
margin-top: -50px !important;	
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
font-size: 12px;
font-weight: bold;
}
#back-top {
right: 40px;
}
table.stages tr td {
width:100% !important;
display: block;
}
.valign-bottom img {
max-width: 120px;
}
td.valign-bottom {
float: left;
}
table#platforms {
margin-bottom: 40px;
}
h5 {
line-height: 36px;
}
.home .portfolio-filters {
display: none;
}
div#social {
float: none;
width: 100%;
text-align: center;
}	
}
@media (max-width: 670px) {
html {
font-size: 100%;
}
h1 {
font-size: 4rem;
line-height: 4rem;
}
.home .page-header-content h1 {
font-size: 2.7rem;
line-height: 3.4rem;
}
.home #logo-home-top a object{
width: 100px !important;
}
h1 + h1 {
margin-bottom: 20px !important;
}
h5 {
line-height: 36px;
}
.page-header-content .btn {
margin-top: 30px;
}
.volume-control,
.repeat-control {
bottom: 30%;
right: 20px;
}
} @media (max-width: 480px) {
html {
font-size: 80%;
}
h1 {
font-size: 4rem;
line-height: 4rem;
}
.home .page-header-content h1 {
font-size: 2.7rem;
line-height: 3.4rem;
}
.home #logo-home-top a object{
width: 100px !important;
}
h1 + h1 {
margin-bottom: 20px !important;
}
h5 {
line-height: 36px;
}
.page-header-content .btn {
margin-top: 30px;
}
.spin1-1{
margin-right:	25px;
}
.spin1-3{
margin-left:	25px;
}
body div#nslider_1.nslider img {
height:90px !important;
}
article.about img.original {
margin-top: 50px !important;
float:none !important;
}
article.about .nslider-wrapper + .row-fluid {
margin-top: 0 !important;
}
.footer-top-content .wpmchimpselector form {
width: 90%;
}
.ui-tabs .ui-tabs-nav {
margin-top: -48px !important;	
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
font-size: 7px;
font-weight: bold;
}
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary,
.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images {
width:100%;
}
.woocommerce div.product a.woocommerce-main-image img {
margin-top:0;
}
.footer-bottom-content {
padding: 0;
}
div#social {
float: none;
margin: auto;
width: 120px;
}
#back-top {
right: 20px;
bottom: 20px;
}
#alterna-nav-menu-select .btn-navbar {
right: -10px;
top: 5px;
}
.home #alterna-nav-menu-select .btn-navbar {
right: -20px;
top: 15px;
}
} @media (max-width: 321px) {
}