@charset "UTF-8";
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base {
zoom: 1;
}
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base:before {
content: '';
display: block;
}
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base:after {
content: '';
display: table;
clear: both;
}
@media (max-width: 780px) {
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base.ow-button-align-center {
text-align: center;
}
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button {
display: inline-block;
}
}
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base .sowb-button {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
-moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
border-radius: 0.25em 0.25em 0.25em 0.25em;
background: #41a9d5;
border-width: 1px 0;
border: 1px solid #41a9d5;
color: #ffffff !important;
font-size: 1em;
padding: 1em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
padding-inline: 2em;
}
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base .sowb-button.ow-button-hover:active,
.so-widget-sow-button-flat-66466acb9e12 .ow-button-base .sowb-button.ow-button-hover:hover {
background: #52b1d9;
border-color: #52b1d9;
color: #ffffff !important;
}
 .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.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
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(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .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(.9, .9, .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.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
}
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.610, 0.355, 1.000);
}
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.610, 0.355, 1.000);
}
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.610, 0.355, 1.000);
}
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(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .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(.95, .95, .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(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;
}.hero_audio_control span {
cursor: pointer;
display: block;
width: 20px;
font-size: 18px;
}
.hero_audio_control {
padding: 12px 10px;
position: absolute;
text-align: center;
width: auto;
z-index: 9999999;
}
.hero_audio_control img{
width: 20px;
}
.slider_hero_walkingbackground{
overflow: hidden;
}
.hero_gslider_control{margin-left: 10px;cursor: pointer;}
.hero_restart_button{
position: absolute;
bottom: 20px; z-index: 99999;
width: 100%;
height: 30px; padding: 5px;
text-align: center;
}
#hero_restart_button, #hero_pause_button, #hero_play_button{
width: 20px;
height: 20px;
color:#fff;
font-size:15px;
display: inline-block;
cursor: pointer;
}
.hero_bottom_save_button{
position: fixed;
bottom: 36px;
right: 9px;
} .qc-sliderX-bottomCon{position: absolute;bottom: 25px;text-align: center;z-index: 999;}
.qc-sliderX-direction{position: absolute;top: 45%;}
.qc-sliderX-prev{
float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrow.light.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 70px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;
}
.qc-sliderX-prev:hover{
background-position: 0px -35px;
color: rgba(221, 221, 221, 0);
}
.qc-sliderX-next{
float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrow.light.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 70px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;
}
.qc-sliderX-next:hover{
background-position: -35px -35px;
color: rgba(221, 221, 221, 0);
}
.slider-hero-prev{
float: left;
margin-left: 10px;
z-index: 11;
position: relative;
display: block;
font-size: 40px;
color: #fff;
line-height: 20px;
box-shadow: none !important;
cursor:pointer;
}
.slider-hero-next{
float: right;
margin-right: 10px;
z-index: 11;
position: relative;
display: block;
font-size: 40px;
color: #fff;
line-height: 20px;
box-shadow: none !important;
cursor:pointer;
} .arrow_style_1-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow1.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_1-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow1.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_2-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow2.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_2-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow2.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_3-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow3.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_3-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow3.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_4-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow4.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_4-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow4.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_5-prev{float: left;
float: left;
width: 28px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow5.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 54px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_5-next{float: right;
width: 28px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow5.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 60px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_6-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow6.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_6-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow6.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_7-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow7.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_7-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow7.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_8-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow8.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_8-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/images/arrows/arrow8.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.qc-sliderX-bottom-slide{
cursor: pointer;
margin: 0px;
padding: 0px;
margin-left: 10px;
display: inline-block;
box-shadow: none !important;
font-size: 13px;
}
.qc-sliderX-bottom-slide:hover{
color:#3f4851;
}
.qc-sliderx-bottom-current{
color:#3f4851;
}  .hero_float{width: 100%;height: 100%;position: absolute;top: 0;}
.hero_float_left{width: 50%;height: 100%;margin: 0px;cursor:url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/css/arrow-left.png),pointer !important;z-index:1 !important;}
.hero_float_right{width: 50%;height: 100%;margin: 0px;cursor:url(//www.qiraatcompetition.com/wp-content/plugins/slider-hero/css/arrow-right.png),pointer !important;z-index:1 !important;} @media only screen and (min-width: 768px) and (max-width: 991px){
.qcld_hero_content_area h2{font-size:40px !important;line-height:45px !important;}
.qcld_hero_content_area > .slider-x-item-title > p{font-size: 18px !important;line-height:normal;}	
} @media only screen and (min-width: 320px) and (max-width: 767px){
.slider_hero_btn_cls_one{padding: 2px;
min-width: 85px;
}
.hero_btn_cls_one2{padding: 2px;
min-width: 85px;
}
} .pentahedron {
position: absolute;
width: 100%;
height: 100%;
fill: #3E82F7;
}
.point {
fill: #8491A3;
}
.rhombus {
fill: #2DA94F;
stroke: #2DA94F;
}
.x {
fill: #FDBD00;
}
.circle {
fill: #ED412D;
} #threeD {
position: absolute;
z-index: 2;
} #slider_hero_mySVG{
position:absolute;
bottom: 0;
} .hero-random-shape:after {
font-family: FontAwesome;
content: "\f005";
}
@keyframes shape-1 {
0% {
transform: translate3d(0, 0, 0) rotate(301deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(661deg);
}
}
.hero-shape-container--1 {
animation: shape-1 44s linear infinite;
}
.hero-shape-container--1 .hero-random-shape:after {
margin: 7rem;
color: #DB7093;
font-size: 1.4rem;
content: "";
}
@keyframes shape-2 {
0% {
transform: translate3d(0, 0, 0) rotate(353deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(713deg);
}
}
.hero-shape-container--2 {
animation: shape-2 50s linear infinite;
}
.hero-shape-container--2 .hero-random-shape:after {
margin: 9rem;
color: #C2B7FE;
font-size: 1.8rem;
content: "";
}
@keyframes shape-3 {
0% {
transform: translate3d(0, 0, 0) rotate(6deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(366deg);
}
}
.hero-shape-container--3 {
animation: shape-3 50s linear infinite;
}
.hero-shape-container--3 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-4 {
0% {
transform: translate3d(0, 0, 0) rotate(198deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(558deg);
}
}
.hero-shape-container--4 {
animation: shape-4 45s linear infinite;
}
.hero-shape-container--4 .hero-random-shape:after {
margin: 7rem;
color: #95A9FF;
font-size: 1.4rem;
content: "";
}
@keyframes shape-5 {
0% {
transform: translate3d(0, 0, 0) rotate(351deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(711deg);
}
}
.hero-shape-container--5 {
animation: shape-5 41s linear infinite;
}
.hero-shape-container--5 .hero-random-shape:after {
margin: 7rem;
color: #95A9FF;
font-size: 1.4rem;
content: "";
}
@keyframes shape-6 {
0% {
transform: translate3d(0, 0, 0) rotate(186deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(546deg);
}
}
.hero-shape-container--6 {
animation: shape-6 41s linear infinite;
}
.hero-shape-container--6 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-7 {
0% {
transform: translate3d(0, 0, 0) rotate(27deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(387deg);
}
}
.hero-shape-container--7 {
animation: shape-7 41s linear infinite;
}
.hero-shape-container--7 .hero-random-shape:after {
margin: 2rem;
color: #FFD700;
font-size: 0.4rem;
content: "";
}
@keyframes shape-8 {
0% {
transform: translate3d(0, 0, 0) rotate(193deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(553deg);
}
}
.hero-shape-container--8 {
animation: shape-8 48s linear infinite;
}
.hero-shape-container--8 .hero-random-shape:after {
margin: 7rem;
color: #FFD700;
font-size: 1.4rem;
content: "";
}
@keyframes shape-9 {
0% {
transform: translate3d(0, 0, 0) rotate(273deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(633deg);
}
}
.hero-shape-container--9 {
animation: shape-9 50s linear infinite;
}
.hero-shape-container--9 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-10 {
0% {
transform: translate3d(0, 0, 0) rotate(89deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(449deg);
}
}
.hero-shape-container--10 {
animation: shape-10 44s linear infinite;
}
.hero-shape-container--10 .hero-random-shape:after {
margin: 4rem;
color: #95A9FF;
font-size: 0.8rem;
content: "";
}
@keyframes shape-11 {
0% {
transform: translate3d(0, 0, 0) rotate(173deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(533deg);
}
}
.hero-shape-container--11 {
animation: shape-11 46s linear infinite;
}
.hero-shape-container--11 .hero-random-shape:after {
margin: 5rem;
color: #FFD700;
font-size: 1rem;
content: "";
}
@keyframes shape-12 {
0% {
transform: translate3d(0, 0, 0) rotate(184deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(544deg);
}
}
.hero-shape-container--12 {
animation: shape-12 47s linear infinite;
}
.hero-shape-container--12 .hero-random-shape:after {
margin: 4rem;
color: #C2B7FE;
font-size: 0.8rem;
content: "";
}
@keyframes shape-13 {
0% {
transform: translate3d(0, 0, 0) rotate(246deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(606deg);
}
}
.hero-shape-container--13 {
animation: shape-13 44s linear infinite;
}
.hero-shape-container--13 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-14 {
0% {
transform: translate3d(0, 0, 0) rotate(20deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(380deg);
}
}
.hero-shape-container--14 {
animation: shape-14 48s linear infinite;
}
.hero-shape-container--14 .hero-random-shape:after {
margin: 3rem;
color: #FFD700;
font-size: 0.6rem;
content: "";
}
@keyframes shape-15 {
0% {
transform: translate3d(0, 0, 0) rotate(163deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(523deg);
}
}
.hero-shape-container--15 {
animation: shape-15 44s linear infinite;
}
.hero-shape-container--15 .hero-random-shape:after {
margin: 5rem;
color: #DB7093;
font-size: 1rem;
content: "";
}
@keyframes shape-16 {
0% {
transform: translate3d(0, 0, 0) rotate(166deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(526deg);
}
}
.hero-shape-container--16 {
animation: shape-16 50s linear infinite;
}
.hero-shape-container--16 .hero-random-shape:after {
margin: 3rem;
color: #95A9FF;
font-size: 0.6rem;
content: "";
}
@keyframes shape-17 {
0% {
transform: translate3d(0, 0, 0) rotate(43deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(403deg);
}
}
.hero-shape-container--17 {
animation: shape-17 43s linear infinite;
}
.hero-shape-container--17 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-18 {
0% {
transform: translate3d(0, 0, 0) rotate(49deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(409deg);
}
}
.hero-shape-container--18 {
animation: shape-18 44s linear infinite;
}
.hero-shape-container--18 .hero-random-shape:after {
margin: 10rem;
color: #DB7093;
font-size: 2rem;
content: "";
}
@keyframes shape-19 {
0% {
transform: translate3d(0, 0, 0) rotate(281deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(641deg);
}
}
.hero-shape-container--19 {
animation: shape-19 41s linear infinite;
}
.hero-shape-container--19 .hero-random-shape:after {
margin: 8rem;
color: #95A9FF;
font-size: 1.6rem;
content: "";
}
@keyframes shape-20 {
0% {
transform: translate3d(0, 0, 0) rotate(147deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(507deg);
}
}
.hero-shape-container--20 {
animation: shape-20 41s linear infinite;
}
.hero-shape-container--20 .hero-random-shape:after {
margin: 6rem;
color: #C2B7FE;
font-size: 1.2rem;
content: "";
}
@keyframes shape-21 {
0% {
transform: translate3d(0, 0, 0) rotate(326deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(686deg);
}
}
.hero-shape-container--21 {
animation: shape-21 44s linear infinite;
}
.hero-shape-container--21 .hero-random-shape:after {
margin: 2rem;
color: #FFF8DC;
font-size: 0.4rem;
content: "";
}
@keyframes shape-22 {
0% {
transform: translate3d(0, 0, 0) rotate(85deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(445deg);
}
}
.hero-shape-container--22 {
animation: shape-22 47s linear infinite;
}
.hero-shape-container--22 .hero-random-shape:after {
margin: 10rem;
color: #C2B7FE;
font-size: 2rem;
content: "";
}
@keyframes shape-23 {
0% {
transform: translate3d(0, 0, 0) rotate(350deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(710deg);
}
}
.hero-shape-container--23 {
animation: shape-23 49s linear infinite;
}
.hero-shape-container--23 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-24 {
0% {
transform: translate3d(0, 0, 0) rotate(338deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(698deg);
}
}
.hero-shape-container--24 {
animation: shape-24 49s linear infinite;
}
.hero-shape-container--24 .hero-random-shape:after {
margin: 6rem;
color: #FFD700;
font-size: 1.2rem;
content: "";
}
@keyframes shape-25 {
0% {
transform: translate3d(0, 0, 0) rotate(82deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(442deg);
}
}
.hero-shape-container--25 {
animation: shape-25 41s linear infinite;
}
.hero-shape-container--25 .hero-random-shape:after {
margin: 6rem;
color: #95A9FF;
font-size: 1.2rem;
content: "";
}
@keyframes shape-26 {
0% {
transform: translate3d(0, 0, 0) rotate(201deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(561deg);
}
}
.hero-shape-container--26 {
animation: shape-26 42s linear infinite;
}
.hero-shape-container--26 .hero-random-shape:after {
margin: 4rem;
color: #FFF8DC;
font-size: 0.8rem;
content: "";
}
@keyframes shape-27 {
0% {
transform: translate3d(0, 0, 0) rotate(239deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(599deg);
}
}
.hero-shape-container--27 {
animation: shape-27 50s linear infinite;
}
.hero-shape-container--27 .hero-random-shape:after {
margin: 9rem;
color: #95A9FF;
font-size: 1.8rem;
content: "";
}
@keyframes shape-28 {
0% {
transform: translate3d(0, 0, 0) rotate(313deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(673deg);
}
}
.hero-shape-container--28 {
animation: shape-28 42s linear infinite;
}
.hero-shape-container--28 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-29 {
0% {
transform: translate3d(0, 0, 0) rotate(325deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(685deg);
}
}
.hero-shape-container--29 {
animation: shape-29 45s linear infinite;
}
.hero-shape-container--29 .hero-random-shape:after {
margin: 1rem;
color: #FFD700;
font-size: 0.2rem;
content: "";
}
@keyframes shape-30 {
0% {
transform: translate3d(0, 0, 0) rotate(153deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(513deg);
}
}
.hero-shape-container--30 {
animation: shape-30 44s linear infinite;
}
.hero-shape-container--30 .hero-random-shape:after {
margin: 1rem;
color: #FFD700;
font-size: 0.2rem;
content: "";
}
@keyframes shape-31 {
0% {
transform: translate3d(0, 0, 0) rotate(343deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(703deg);
}
}
.hero-shape-container--31 {
animation: shape-31 43s linear infinite;
}
.hero-shape-container--31 .hero-random-shape:after {
margin: 8rem;
color: #C2B7FE;
font-size: 1.6rem;
content: "";
}
@keyframes shape-32 {
0% {
transform: translate3d(0, 0, 0) rotate(283deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(643deg);
}
}
.hero-shape-container--32 {
animation: shape-32 47s linear infinite;
}
.hero-shape-container--32 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-33 {
0% {
transform: translate3d(0, 0, 0) rotate(71deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(431deg);
}
}
.hero-shape-container--33 {
animation: shape-33 41s linear infinite;
}
.hero-shape-container--33 .hero-random-shape:after {
margin: 6rem;
color: #C2B7FE;
font-size: 1.2rem;
content: "";
}
@keyframes shape-34 {
0% {
transform: translate3d(0, 0, 0) rotate(331deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(691deg);
}
}
.hero-shape-container--34 {
animation: shape-34 50s linear infinite;
}
.hero-shape-container--34 .hero-random-shape:after {
margin: 10rem;
color: #95A9FF;
font-size: 2rem;
content: "";
}
@keyframes shape-35 {
0% {
transform: translate3d(0, 0, 0) rotate(309deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(669deg);
}
}
.hero-shape-container--35 {
animation: shape-35 47s linear infinite;
}
.hero-shape-container--35 .hero-random-shape:after {
margin: 9rem;
color: #FFF8DC;
font-size: 1.8rem;
content: "";
}
@keyframes shape-36 {
0% {
transform: translate3d(0, 0, 0) rotate(103deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(463deg);
}
}
.hero-shape-container--36 {
animation: shape-36 50s linear infinite;
}
.hero-shape-container--36 .hero-random-shape:after {
margin: 7rem;
color: #DB7093;
font-size: 1.4rem;
content: "";
}
@keyframes shape-37 {
0% {
transform: translate3d(0, 0, 0) rotate(186deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(546deg);
}
}
.hero-shape-container--37 {
animation: shape-37 45s linear infinite;
}
.hero-shape-container--37 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-38 {
0% {
transform: translate3d(0, 0, 0) rotate(57deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(417deg);
}
}
.hero-shape-container--38 {
animation: shape-38 47s linear infinite;
}
.hero-shape-container--38 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-39 {
0% {
transform: translate3d(0, 0, 0) rotate(274deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(634deg);
}
}
.hero-shape-container--39 {
animation: shape-39 49s linear infinite;
}
.hero-shape-container--39 .hero-random-shape:after {
margin: 4rem;
color: #DB7093;
font-size: 0.8rem;
content: "";
}
@keyframes shape-40 {
0% {
transform: translate3d(0, 0, 0) rotate(197deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(557deg);
}
}
.hero-shape-container--40 {
animation: shape-40 42s linear infinite;
}
.hero-shape-container--40 .hero-random-shape:after {
margin: 8rem;
color: #95A9FF;
font-size: 1.6rem;
content: "";
}
@keyframes shape-41 {
0% {
transform: translate3d(0, 0, 0) rotate(182deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(542deg);
}
}
.hero-shape-container--41 {
animation: shape-41 48s linear infinite;
}
.hero-shape-container--41 .hero-random-shape:after {
margin: 9rem;
color: #FFD700;
font-size: 1.8rem;
content: "";
}
@keyframes shape-42 {
0% {
transform: translate3d(0, 0, 0) rotate(248deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(608deg);
}
}
.hero-shape-container--42 {
animation: shape-42 42s linear infinite;
}
.hero-shape-container--42 .hero-random-shape:after {
margin: 3rem;
color: #FFD700;
font-size: 0.6rem;
content: "";
}
@keyframes shape-43 {
0% {
transform: translate3d(0, 0, 0) rotate(59deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(419deg);
}
}
.hero-shape-container--43 {
animation: shape-43 43s linear infinite;
}
.hero-shape-container--43 .hero-random-shape:after {
margin: 6rem;
color: #DB7093;
font-size: 1.2rem;
content: "";
}
@keyframes shape-44 {
0% {
transform: translate3d(0, 0, 0) rotate(56deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(416deg);
}
}
.hero-shape-container--44 {
animation: shape-44 44s linear infinite;
}
.hero-shape-container--44 .hero-random-shape:after {
margin: 5rem;
color: #FFF8DC;
font-size: 1rem;
content: "";
}
@keyframes shape-45 {
0% {
transform: translate3d(0, 0, 0) rotate(136deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(496deg);
}
}
.hero-shape-container--45 {
animation: shape-45 41s linear infinite;
}
.hero-shape-container--45 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-46 {
0% {
transform: translate3d(0, 0, 0) rotate(212deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(572deg);
}
}
.hero-shape-container--46 {
animation: shape-46 49s linear infinite;
}
.hero-shape-container--46 .hero-random-shape:after {
margin: 1rem;
color: #FFF8DC;
font-size: 0.2rem;
content: "";
}
@keyframes shape-47 {
0% {
transform: translate3d(0, 0, 0) rotate(288deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(648deg);
}
}
.hero-shape-container--47 {
animation: shape-47 45s linear infinite;
}
.hero-shape-container--47 .hero-random-shape:after {
margin: 7rem;
color: #FFD700;
font-size: 1.4rem;
content: "";
}
@keyframes shape-48 {
0% {
transform: translate3d(0, 0, 0) rotate(52deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(412deg);
}
}
.hero-shape-container--48 {
animation: shape-48 48s linear infinite;
}
.hero-shape-container--48 .hero-random-shape:after {
margin: 4rem;
color: #FFF8DC;
font-size: 0.8rem;
content: "";
}
@keyframes shape-49 {
0% {
transform: translate3d(0, 0, 0) rotate(109deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(469deg);
}
}
.hero-shape-container--49 {
animation: shape-49 44s linear infinite;
}
.hero-shape-container--49 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-50 {
0% {
transform: translate3d(0, 0, 0) rotate(242deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(602deg);
}
}
.hero-shape-container--50 {
animation: shape-50 48s linear infinite;
}
.hero-shape-container--50 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
.stop-shape {
-webkit-animation-play-state: paused;
animation-play-state: paused;
} .hero_glitch_title { overflow: hidden;
color: transparent;
text-shadow: 0px 0px 3px #eee, 5px 5px 2px teal, -5px -2px 2px maroon;
font-weight: 400;
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
-moz-animation: shift 4s ease-in-out infinite alternate;
-webkit-animation: shift 4s ease-in-out infinite alternate;
animation: shift 4s ease-in-out infinite alternate;
}
@-moz-keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-moz-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-moz-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-moz-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-moz-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-moz-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-moz-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-moz-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-moz-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
}
@-webkit-keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-webkit-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-webkit-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-webkit-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-webkit-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-webkit-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
}
@keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-moz-transform: skewX(10deg);
-ms-transform: skewX(10deg);
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-moz-transform: skewX(40deg) skewY(10deg);
-ms-transform: skewX(40deg) skewY(10deg);
-webkit-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-moz-transform: skewX(-40deg) skewY(-10deg);
-ms-transform: skewX(-40deg) skewY(-10deg);
-webkit-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-moz-transform: skewX(10deg) skewY(-5deg);
-ms-transform: skewX(10deg) skewY(-5deg);
-webkit-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-moz-transform: skewX(-50deg) skewY(-20deg);
-ms-transform: skewX(-50deg) skewY(-20deg);
-webkit-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-moz-transform: skewX(10deg) skewY(-10deg);
-ms-transform: skewX(10deg) skewY(-10deg);
-webkit-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
} .hero_peeled_effect {
color: #fff;
font-family: Avenir Next, Helvetica Neue, Helvetica, Tahoma, sans-serif;
font-size: 30px;
font-weight: 700;
margin: 9px 0px;
}
.hero_peeled_effect span {
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 500;
perspective: 500;
-webkit-font-smoothing: antialiased;
}
.hero_peeled_effect span::before,
.hero_peeled_effect span::after {
display: none;
position: absolute;
top: 0;
left: -1px;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
content: attr(data-text);
}
.hero_peeled_effect span::before {
z-index: 1;
color: rgba(0,0,0,0.2);
-webkit-transform: scale(1.1, 1) skew(0deg, 20deg);
transform: scale(1.1, 1) skew(0deg, 20deg);
}
.hero_peeled_effect span::after {
z-index: 2;
-webkit-transform: rotateY(-40deg);
transform: rotateY(-40deg);
}
.hero_peeled_effect span:hover::before {
-webkit-transform: scale(1.1, 1) skew(0deg, 5deg);
transform: scale(1.1, 1) skew(0deg, 5deg);
}
.hero_peeled_effect span:hover::after {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
.hero_peeled_effect span + span {
margin-left: 0.3em;
}
.hero_peeled_effect {
font-size: 30px;
}
.hero_peeled_effect span::before,
.hero_peeled_effect span::after {
display: block;
} .hero_pretty_shadow {
width: 100%;
margin: 0px auto;
color: #2196f3;
font-size: 80px;
letter-spacing: 5px;
text-shadow: -1px -1px 0px #fff, 3px 3px 0px #fff, 6px 6px 0px #fff;
font-weight:bold;
} .anim-text-flow span,
.anim-text-flow-hover:hover span {
-webkit-animation-name: anim-text-flow-keys;
animation-name: anim-text-flow-keys;
-webkit-animation-duration: 50s;
animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes anim-text-flow-keys {
0% {
color: #d65cba;
}
5% {
color: #5cd6c6;
}
10% {
color: #afd65c;
}
15% {
color: #d6935c;
}
20% {
color: #d65cad;
}
25% {
color: #5cccd6;
}
30% {
color: #6c5cd6;
}
35% {
color: #d65cbe;
}
40% {
color: #ca5cd6;
}
45% {
color: #d65cd6;
}
50% {
color: #d65c68;
}
55% {
color: #5c9bd6;
}
60% {
color: #ccd65c;
}
65% {
color: #745cd6;
}
70% {
color: #5cd66a;
}
75% {
color: #d65c95;
}
80% {
color: #5cd66c;
}
85% {
color: #5c64d6;
}
90% {
color: #5ed65c;
}
95% {
color: #d6705c;
}
100% {
color: #5c5cd6;
}
}
@keyframes anim-text-flow-keys {
0% {
color: #d65cba;
}
5% {
color: #5cd6c6;
}
10% {
color: #afd65c;
}
15% {
color: #d6935c;
}
20% {
color: #d65cad;
}
25% {
color: #5cccd6;
}
30% {
color: #6c5cd6;
}
35% {
color: #d65cbe;
}
40% {
color: #ca5cd6;
}
45% {
color: #d65cd6;
}
50% {
color: #d65c68;
}
55% {
color: #5c9bd6;
}
60% {
color: #ccd65c;
}
65% {
color: #745cd6;
}
70% {
color: #5cd66a;
}
75% {
color: #d65c95;
}
80% {
color: #5cd66c;
}
85% {
color: #5c64d6;
}
90% {
color: #5ed65c;
}
95% {
color: #d6705c;
}
100% {
color: #5c5cd6;
}
}
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
-webkit-animation-delay: -19.8s;
animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
-webkit-animation-delay: -19.6s;
animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
-webkit-animation-delay: -19.4s;
animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
-webkit-animation-delay: -19.2s;
animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
-webkit-animation-delay: -19s;
animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
-webkit-animation-delay: -18.8s;
animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
-webkit-animation-delay: -18.6s;
animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
-webkit-animation-delay: -18.4s;
animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
-webkit-animation-delay: -18.2s;
animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
-webkit-animation-delay: -18s;
animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
-webkit-animation-delay: -17.8s;
animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
-webkit-animation-delay: -17.6s;
animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
-webkit-animation-delay: -17.4s;
animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
-webkit-animation-delay: -17.2s;
animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
-webkit-animation-delay: -17s;
animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
-webkit-animation-delay: -16.8s;
animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
-webkit-animation-delay: -16.6s;
animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
-webkit-animation-delay: -16.4s;
animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
-webkit-animation-delay: -16.2s;
animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
-webkit-animation-delay: -16s;
animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
-webkit-animation-delay: -15.8s;
animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
-webkit-animation-delay: -15.6s;
animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
-webkit-animation-delay: -15.4s;
animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
-webkit-animation-delay: -15.2s;
animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
-webkit-animation-delay: -15s;
animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
-webkit-animation-delay: -14.8s;
animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
-webkit-animation-delay: -14.6s;
animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
-webkit-animation-delay: -14.4s;
animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
-webkit-animation-delay: -14.2s;
animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
-webkit-animation-delay: -14s;
animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
-webkit-animation-delay: -13.8s;
animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
-webkit-animation-delay: -13.6s;
animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
-webkit-animation-delay: -13.4s;
animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
-webkit-animation-delay: -13.2s;
animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
-webkit-animation-delay: -13s;
animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
-webkit-animation-delay: -12.8s;
animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
-webkit-animation-delay: -12.6s;
animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
-webkit-animation-delay: -12.4s;
animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
-webkit-animation-delay: -12.2s;
animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
-webkit-animation-delay: -12s;
animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
-webkit-animation-delay: -11.8s;
animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
-webkit-animation-delay: -11.6s;
animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
-webkit-animation-delay: -11.4s;
animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
-webkit-animation-delay: -11.2s;
animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
-webkit-animation-delay: -11s;
animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
-webkit-animation-delay: -10.8s;
animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
-webkit-animation-delay: -10.6s;
animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
-webkit-animation-delay: -10.4s;
animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
-webkit-animation-delay: -10.2s;
animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
-webkit-animation-delay: -10s;
animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
-webkit-animation-delay: -9.8s;
animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
-webkit-animation-delay: -9.6s;
animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
-webkit-animation-delay: -9.4s;
animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
-webkit-animation-delay: -9.2s;
animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
-webkit-animation-delay: -9s;
animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
-webkit-animation-delay: -8.8s;
animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
-webkit-animation-delay: -8.6s;
animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
-webkit-animation-delay: -8.4s;
animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
-webkit-animation-delay: -8.2s;
animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
-webkit-animation-delay: -8s;
animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
-webkit-animation-delay: -7.8s;
animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
-webkit-animation-delay: -7.6s;
animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
-webkit-animation-delay: -7.4s;
animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
-webkit-animation-delay: -7.2s;
animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
-webkit-animation-delay: -7s;
animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
-webkit-animation-delay: -6.8s;
animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
-webkit-animation-delay: -6.6s;
animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
-webkit-animation-delay: -6.4s;
animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
-webkit-animation-delay: -6.2s;
animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
-webkit-animation-delay: -6s;
animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
-webkit-animation-delay: -5.8s;
animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
-webkit-animation-delay: -5.6s;
animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
-webkit-animation-delay: -5.4s;
animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
-webkit-animation-delay: -5.2s;
animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
-webkit-animation-delay: -4.8s;
animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
-webkit-animation-delay: -4.6s;
animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
-webkit-animation-delay: -4.4s;
animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
-webkit-animation-delay: -4.2s;
animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
-webkit-animation-delay: -3.8s;
animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
-webkit-animation-delay: -3.6s;
animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
-webkit-animation-delay: -3.4s;
animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
-webkit-animation-delay: -3.2s;
animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
-webkit-animation-delay: -3s;
animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
-webkit-animation-delay: -2.8s;
animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
-webkit-animation-delay: -2.6s;
animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
-webkit-animation-delay: -2.2s;
animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
-webkit-animation-delay: -1.8s;
animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
-webkit-animation-delay: -1.6s;
animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
-webkit-animation-delay: -1.4s;
animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.anim-text-flow {
display: block;
} @-moz-keyframes heroglitchtext {
0% {
-moz-transform: skew(5deg);
transform: skew(5deg);
}
5% {
-moz-transform: skew(68deg);
transform: skew(68deg);
}
10% {
-moz-transform: skew(13deg);
transform: skew(13deg);
}
15% {
-moz-transform: skew(45deg);
transform: skew(45deg);
}
20% {
-moz-transform: skew(65deg);
transform: skew(65deg);
}
25% {
-moz-transform: skew(14deg);
transform: skew(14deg);
}
30% {
-moz-transform: skew(-6deg);
transform: skew(-6deg);
}
35% {
-moz-transform: skew(-14deg);
transform: skew(-14deg);
}
40% {
-moz-transform: skew(29deg);
transform: skew(29deg);
}
45% {
-moz-transform: skew(33deg);
transform: skew(33deg);
}
50% {
-moz-transform: skew(-71deg);
transform: skew(-71deg);
}
55% {
-moz-transform: skew(47deg);
transform: skew(47deg);
}
60% {
-moz-transform: skew(-2deg);
transform: skew(-2deg);
}
65% {
-moz-transform: skew(36deg);
transform: skew(36deg);
}
70% {
-moz-transform: skew(2deg);
transform: skew(2deg);
}
75% {
-moz-transform: skew(49deg);
transform: skew(49deg);
}
80% {
-moz-transform: skew(-31deg);
transform: skew(-31deg);
}
85% {
-moz-transform: skew(20deg);
transform: skew(20deg);
}
90% {
-moz-transform: skew(-69deg);
transform: skew(-69deg);
}
95% {
-moz-transform: skew(5deg);
transform: skew(5deg);
}
}
@-webkit-keyframes heroglitchtext {
0% {
-webkit-transform: skew(-36deg);
transform: skew(-36deg);
}
5% {
-webkit-transform: skew(-61deg);
transform: skew(-61deg);
}
10% {
-webkit-transform: skew(90deg);
transform: skew(90deg);
}
15% {
-webkit-transform: skew(-73deg);
transform: skew(-73deg);
}
20% {
-webkit-transform: skew(47deg);
transform: skew(47deg);
}
25% {
-webkit-transform: skew(13deg);
transform: skew(13deg);
}
30% {
-webkit-transform: skew(-85deg);
transform: skew(-85deg);
}
35% {
-webkit-transform: skew(74deg);
transform: skew(74deg);
}
40% {
-webkit-transform: skew(2deg);
transform: skew(2deg);
}
45% {
-webkit-transform: skew(82deg);
transform: skew(82deg);
}
50% {
-webkit-transform: skew(-47deg);
transform: skew(-47deg);
}
55% {
-webkit-transform: skew(21deg);
transform: skew(21deg);
}
60% {
-webkit-transform: skew(0deg);
transform: skew(0deg);
}
65% {
-webkit-transform: skew(7deg);
transform: skew(7deg);
}
70% {
-webkit-transform: skew(-80deg);
transform: skew(-80deg);
}
75% {
-webkit-transform: skew(-77deg);
transform: skew(-77deg);
}
80% {
-webkit-transform: skew(-33deg);
transform: skew(-33deg);
}
85% {
-webkit-transform: skew(-52deg);
transform: skew(-52deg);
}
90% {
-webkit-transform: skew(-22deg);
transform: skew(-22deg);
}
95% {
-webkit-transform: skew(-72deg);
transform: skew(-72deg);
}
}
@keyframes heroglitchtext {
0% {
-moz-transform: skew(-5deg);
-ms-transform: skew(-5deg);
-webkit-transform: skew(-5deg);
transform: skew(-5deg);
}
5% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
10% {
-moz-transform: skew(80deg);
-ms-transform: skew(80deg);
-webkit-transform: skew(80deg);
transform: skew(80deg);
}
15% {
-moz-transform: skew(90deg);
-ms-transform: skew(90deg);
-webkit-transform: skew(90deg);
transform: skew(90deg);
}
20% {
-moz-transform: skew(79deg);
-ms-transform: skew(79deg);
-webkit-transform: skew(79deg);
transform: skew(79deg);
}
25% {
-moz-transform: skew(-26deg);
-ms-transform: skew(-26deg);
-webkit-transform: skew(-26deg);
transform: skew(-26deg);
}
30% {
-moz-transform: skew(5deg);
-ms-transform: skew(5deg);
-webkit-transform: skew(5deg);
transform: skew(5deg);
}
35% {
-moz-transform: skew(-35deg);
-ms-transform: skew(-35deg);
-webkit-transform: skew(-35deg);
transform: skew(-35deg);
}
40% {
-moz-transform: skew(13deg);
-ms-transform: skew(13deg);
-webkit-transform: skew(13deg);
transform: skew(13deg);
}
45% {
-moz-transform: skew(-56deg);
-ms-transform: skew(-56deg);
-webkit-transform: skew(-56deg);
transform: skew(-56deg);
}
50% {
-moz-transform: skew(82deg);
-ms-transform: skew(82deg);
-webkit-transform: skew(82deg);
transform: skew(82deg);
}
55% {
-moz-transform: skew(33deg);
-ms-transform: skew(33deg);
-webkit-transform: skew(33deg);
transform: skew(33deg);
}
60% {
-moz-transform: skew(68deg);
-ms-transform: skew(68deg);
-webkit-transform: skew(68deg);
transform: skew(68deg);
}
65% {
-moz-transform: skew(-44deg);
-ms-transform: skew(-44deg);
-webkit-transform: skew(-44deg);
transform: skew(-44deg);
}
70% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
75% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
80% {
-moz-transform: skew(-59deg);
-ms-transform: skew(-59deg);
-webkit-transform: skew(-59deg);
transform: skew(-59deg);
}
85% {
-moz-transform: skew(73deg);
-ms-transform: skew(73deg);
-webkit-transform: skew(73deg);
transform: skew(73deg);
}
90% {
-moz-transform: skew(38deg);
-ms-transform: skew(38deg);
-webkit-transform: skew(38deg);
transform: skew(38deg);
}
95% {
-moz-transform: skew(-18deg);
-ms-transform: skew(-18deg);
-webkit-transform: skew(-18deg);
transform: skew(-18deg);
}
}
.hero_glitch_text {
text-transform: uppercase;
font: 15px "Michroma", helvetica, sans-serif;
letter-spacing: 0.6em;
text-shadow: 2px 0 1px rgba(223, 150, 151, 0.96), -2px 0 1px #73cece;
-moz-animation: noise 0.3s infinite;
-webkit-animation: noise 0.3s infinite;
animation: noise 0.3s infinite;
font-weight:bold;
}
.hero_glitch_text{
display: inline-block;
vertical-align: middle; z-index: 1;
-moz-animation: heroglitchtext 4s infinite alternate;
-webkit-animation: heroglitchtext 4s infinite alternate;
animation: heroglitchtext 4s infinite alternate;
} .hero_svg_style{
height: 50px;
width: auto;
}
.hero-text-copy {
fill: none;
stroke: white;
stroke-dasharray: 6% 29%;
stroke-width: 1px;
stroke-dashoffset: 0%;
animation: stroke-offset 5.5s infinite linear;
}
.hero-text-copy:nth-child(1){
stroke: #4D163D;
animation-delay: -1;
}
.hero-text-copy:nth-child(2){
stroke: #840037;
animation-delay: -2s;
}
.hero-text-copy:nth-child(3){
stroke: #BD0034;
animation-delay: -3s;
}
.hero-text-copy:nth-child(4){
stroke: #BD0034;
animation-delay: -4s;
}
.hero-text-copy:nth-child(5){
stroke: #FDB731;
animation-delay: -5s;
}
@keyframes stroke-offset{
100% {stroke-dashoffset: -35%;}
} .hero_happy_text {
font-size: 50px;
font-weight: normal;
}
.hero_happy_text span { display:inline-block; animation:float .2s ease-in-out infinite; }
@keyframes float {
0%,100%{ transform:none; }
33%{ transform:translateY(-1px) rotate(-2deg); }
66%{ transform:translateY(1px) rotate(2deg); }
}
.hero_happy_text:hover span { animation:bounce .6s; }
@keyframes bounce {
0%,100%{ transform:translate(0); }
25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}
.hero_happy_text span:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
.hero_happy_text span:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
.hero_happy_text span:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
.hero_happy_text span:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }
.hero_happy_text span:nth-child(2){ animation-delay:.05s; }
.hero_happy_text span:nth-child(3){ animation-delay:.1s; }
.hero_happy_text span:nth-child(4){ animation-delay:.15s; }
.hero_happy_text span:nth-child(5){ animation-delay:.2s; }
.hero_happy_text span:nth-child(6){ animation-delay:.25s; }
.hero_happy_text span:nth-child(7){ animation-delay:.3s; }
.hero_happy_text span:nth-child(8){ animation-delay:.35s; }
.hero_happy_text span:nth-child(9){ animation-delay:.4s; }
.hero_happy_text span:nth-child(10){ animation-delay:.45s; }
.hero_happy_text span:nth-child(11){ animation-delay:.5s; }
.hero_happy_text span:nth-child(12){ animation-delay:.55s; }
.hero_happy_text span:nth-child(13){ animation-delay:.6s; }
.hero_happy_text span:nth-child(14){ animation-delay:.65s; }
.hero_happy_text span:nth-child(15){ animation-delay:.7s; }
.hero_happy_text span:nth-child(16){ animation-delay:.75s; }
.hero_happy_text span:nth-child(17){ animation-delay:.8s; }
.hero_happy_text span:nth-child(18){ animation-delay:.85s; }
.hero_happy_text span:nth-child(19){ animation-delay:.9s; }
.hero_happy_text span:nth-child(20){ animation-delay:.95s; }
.hero_happy_text span:nth-child(21){ animation-delay:1s; }
.hero_happy_text span:nth-child(22){ animation-delay:1.5s; }
.hero_happy_text span:nth-child(23){ animation-delay:1.6s; }
.hero_happy_text span:nth-child(24){ animation-delay:1.8s; } .hero_animated_fill{
font-size:50px;
letter-spacing: 0;
padding: .25em 0 .325em;
display: block;
margin: 0 auto;
text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite; -webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
} @-webkit-keyframes aitf {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
} .slider_hero_walkingbackground:before {
position: absolute;
z-index: -10;
width: 140%;
height: 140%;
bottom: 0;
left: -20%;
right: 0;
content: '';
background-position: center center;
background-size: 50%;
-moz-transform: perspective(45em) rotateX(45deg);
-o-transform: perspective(45em) rotateX(45deg);
-webkit-transform: perspective(45em) rotateX(45deg);
-ms-transform: perspective(45em) rotateX(45deg);
transform: perspective(45em) rotateX(45deg);
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-name: splash;
-moz-animation-name: splash;
-o-animation-name: splash;
-ms-animation-name: splash;
animation-name: splash;
-ms-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-webkit-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-moz-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-o-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
transition: opacity 30s ease-in-out, transform 5s ease-in-out;  
-webkit-animation-duration: 60s;
-moz-animation-duration: 60s;
-ms-animation-duration: 60s;
-o-animation-duration: 60s;
animation-duration: 60s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1;
}  @-webkit-keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: -1920px 1152px;
}
}
@keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: -1920px 1152px;
}
}
@keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-moz-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-webkit-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-ms-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -475px;
}
}
@-o-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -475px;
}
} .confetti {
-webkit-animation: move 6s linear infinite, color 1s linear infinite, opacity 6s linear infinite;
animation: move 6s linear infinite, color 1s linear infinite, opacity 6s linear infinite;
}
.confetti:nth-child(1) {
fill: #b83014;
-webkit-animation-delay: -3.72s;
animation-delay: -3.72s;
--dark: #5c180a;
--tilt: 0.35;
}
.confetti:nth-child(2) {
fill: #b84b14;
-webkit-animation-delay: -1.68s;
animation-delay: -1.68s;
--dark: #5c250a;
--tilt: 0.41;
}
.confetti:nth-child(3) {
fill: #b86614;
-webkit-animation-delay: -5.76s;
animation-delay: -5.76s;
--dark: #5c330a;
--tilt: 0.42;
}
.confetti:nth-child(4) {
fill: #b88114;
-webkit-animation-delay: -12.24s;
animation-delay: -12.24s;
--dark: #5c410a;
--tilt: 0.59;
}
.confetti:nth-child(5) {
fill: #b89c14;
-webkit-animation-delay: -24s;
animation-delay: -24s;
--dark: #5c4e0a;
--tilt: 0.81;
}
.confetti:nth-child(6) {
fill: #b8b814;
-webkit-animation-delay: -33.84s;
animation-delay: -33.84s;
--dark: #5c5c0a;
--tilt: 0.06;
}
.confetti:nth-child(7) {
fill: #9cb814;
-webkit-animation-delay: -15.54s;
animation-delay: -15.54s;
--dark: #4e5c0a;
--tilt: 0.93;
}
.confetti:nth-child(8) {
fill: #81b814;
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
--dark: #415c0a;
--tilt: 0.12;
}
.confetti:nth-child(9) {
fill: #66b814;
-webkit-animation-delay: -9.72s;
animation-delay: -9.72s;
--dark: #335c0a;
--tilt: 0.84;
}
.confetti:nth-child(10) {
fill: #4bb814;
-webkit-animation-delay: -19.8s;
animation-delay: -19.8s;
--dark: #255c0a;
--tilt: 0.16;
}
@-webkit-keyframes move {
100% {
-webkit-transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
}
}
@keyframes move {
100% {
-webkit-transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
}
}
@-webkit-keyframes color {
50% {
fill: var(--dark);
}
}
@keyframes color {
50% {
fill: var(--dark);
}
}
@-webkit-keyframes opacity {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes opacity {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes bp {
0% {
background-color: ivory;
background-position:  200px 0;
}
25% {
background-color: white;
background-position:  150px 50px;
}
50% {
background-color: ivory;
background-position:  100px 100px;
}
75% {
background-color: white;
background-position:  50px 150px;
}
100% {
background-color: ivory;
background-position:  0 200px;
}
}   @-webkit-keyframes hero_background_image_opacity {
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 1 }
100% { opacity: 1 }
} @keyframes hero_background_image_opacity {
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 1 }
100% { opacity: 1 }
} @-webkit-keyframes hero_background_image_opacity_out {
0% { opacity: 1;
animation-timing-function: ease-in; }
8% { opacity: 0.8;
animation-timing-function: ease-out; }
17% { opacity: 0.5 }
25% { opacity: 0.2 }
100% { opacity: 0 }
} @keyframes hero_background_image_opacity_out {
0% { opacity: 1;
animation-timing-function: ease-in; }
8% { opacity: 0.8;
animation-timing-function: ease-out; }
17% { opacity: 0.5 }
25% { opacity: 0.2 }
100% { opacity: 0 }
}  @-webkit-keyframes hero_background_image_zoom {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 0.5;
-webkit-transform: scale(1.01);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1.04);
}
25% {
opacity: 1;
-webkit-transform: scale(1.05);
}
100% { opacity: 1 }
} @keyframes hero_background_image_zoom {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 0.5;
transform: scale(1.01);
animation-timing-function: ease-out;
}
17% {
opacity: 1;
transform: scale(1.04);
}
25% {
opacity: 1;
transform: scale(1.05);
}
100% { opacity: 1 }
} @-webkit-keyframes hero_background_image_zoom_out {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(0.9);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 0.8;
-webkit-transform: scale(0.8);
}
25% {
opacity: 0.4;
-webkit-transform: scale(0.8);
}
100% { opacity: 0 }
} @keyframes hero_background_image_zoom_out {
0% {
opacity: 1;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
transform: scale(0.9);
animation-timing-function: ease-out;
}
17% {
opacity: 0.8;
transform: scale(0.8);
}
25% {
opacity: 0.4;
transform: scale(0.8);
}
100% { opacity: 0 }
} .hero_loader,
.hero_loader {
height: 50px;
width: 50px;
position: relative;
}
.hero_loader::after, .hero_loader::before,
.hero_loader::after,
.hero_loader::before {
content: "";
width: 50px;
height: 50px;
position: absolute;
border: solid 8px transparent;
border-radius: 50%;
-webkit-animation: wiggle 1.4s ease infinite;
animation: wiggle 1.4s ease infinite;
}
.hero_loader::before,
.hero_loader::before {
border-top-color: #4285f4;
border-bottom-color: #34a853;
}
.hero_loader::after,
.hero_loader::after {
border-left-color: #fbbc05;
border-right-color: #ea4335;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.5);
transform: rotate(180deg) scale(0.5);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@keyframes wiggle {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.5);
transform: rotate(180deg) scale(0.5);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.qcld_hero_content_area{
position: absolute;
top: 50%;
z-index: 9;
bottom:unset !important;
}
.hg_ctaStartGame{
margin-right:3px !important;
margin-bottom: 8px;
}
.button--moema{
display:block;
}
.button--nanuk span{padding:0px !important;}
.button--nanuk{
display:block;
}
.button--nina{
display:block;
}
.button--moema{display: block;}
.slider-x-lead-title{position:unset !important;left:unset !important;top:unset !important;margin-top: 5px;margin-bottom: 5px;}
.slider-x-item-title{position:unset !important;left:unset !important;top:unset !important;margin-top: 20px;
margin-bottom: 20px;}
.hero_slider_button{position:unset !important;left:unset !important;top:unset !important;margin-top: 5px;margin-bottom: 5px;}
}
.fluid-width-video-wrapper{
position:unset !important;
padding-top: unset !important;
}
@media only screen and (max-width: 1024px) and (min-width: 320px){
.sh_bg_video_fluid{
position:unset !important;
}
.fluid-width-video-wrapper{
position:unset !important;
}
}
.sh_bg_video iframe {
width: 100%;
height: 100%;
}
.sh_bg_video {
position: absolute;
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
z-index:-1;
}
.sh_video_overlay{
position: absolute;
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
z-index:0;
}
.hero_bg_image{
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.hero_bg_image1{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.hero_skip_button{text-align:center;position:absolute;width:100px;z-index:999999;font-size:20px;background:#000;opacity:0.4;color:#fff;padding:5px 0px;bottom:7px;right:7px;cursor:pointer;}
.hero_skip_button:hover{opacity:1}
.hero_play_video_button{
width: 60px;
height: 60px;
background-color: #fff;
padding: 15px;
box-sizing: border-box;
line-height: 32px;
font-size:18px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
z-index: 999999;
transform: translate(-50%, -50%);
border-radius: 100%;
cursor: pointer;
transition: 0.5s;
}
.hero_play_video_button:hover{
box-shadow:0 0 10px #646464;
background-color: red;
color:#fff;
}
.hero_play_video_button:after {
content: "";
position: absolute;
left: -15px;
right: -15px;
top: -15px;
bottom: -15px;
background-color: rgba(255,255,255,0.50);
z-index: -1;
border-radius: 100%;
animation: videoControler 2s infinite alternate;
}
@keyframes videoControler {
to {
background-color: rgba(255,255,255,0.40);
}
from {
background-color: rgba(255,255,255,0.10);
}
}
.hero_play_button:hover{opacity:1}
.sh_bg_video_fluid iframe{position: absolute;
left: 0;
top: 0;width: 100%;
height: 100%;}
.sh_vimeo_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.sh_vimeo_wrapper iframe {
width: 100vw;
height: 56.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hero_mute_div{position:absolute;bottom:25px;right:50px;z-index: 999999;}
.hero_mute_div span{font-size:50px;color:#ddd;cursor:pointer;}
.hero_pro_feature_export:before {
background: red;
margin-bottom: 10px;
content: '';
position: absolute;
width: 98%;
height: 82%;
z-index: 9999;
opacity: 0.1;
left: 7px;
}
.hero_pro_feature-wrap:before {
background: red;
margin-bottom: 10px;
content: '';
position: absolute;
width: 101%;
height: 94%;
z-index: 9999;
opacity: 0.1;
left: -10px;
}
.hero_section_video{float: left;
margin-right: 32px;}
.hero_video_container{margin-top: 30px;}.shero_glitch_button:after, .button:before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}    
.shero_glitch_button {
background-size: 100%;
-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
border-radius: 1.5em;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
letter-spacing: 0.05em;
outline: none;
overflow: hidden;
position: relative;
cursor: pointer;
z-index: 99;
display: inline-table;
}
.shero_glitch_button:after {
-moz-box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
-webkit-box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
background: #FAF15D;
content: "";
height: 2px;
opacity: 0;
}
.shero_glitch_button:before {
content: "";
opacity: 0;
}
.shero_glitch_button:hover {
-webkit-animation: glitch 750ms infinite;
}
.shero_glitch_button:hover:before {
opacity: 1;
}
.shero_glitch_button:hover:after {
-webkit-animation: scan 2s infinite;
opacity: 1;
}
@-webkit-keyframes glitch {
0% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
5% {
-moz-transform: skewX(2deg);
-ms-transform: skewX(2deg);
-webkit-transform: skewX(2deg);
transform: skewX(2deg);
opacity: 0.75;
}
10% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
15% {
-moz-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 0.75;
}
20% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
45% {
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-webkit-transform: skewX(3deg);
transform: skewX(3deg);
opacity: 0.75;
}
50% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
55% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 0.75;
}
60% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
75% {
-moz-transform: skewX(2deg);
-ms-transform: skewX(2deg);
-webkit-transform: skewX(2deg);
transform: skewX(2deg);
}
80% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
85% {
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg);
opacity: 0.75;
}
90% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
100% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-webkit-keyframes scan {
0% {
top: 0%;
}
50% {
top: 97%;
}
100% {
top: 0%;
}
}
.shero_glitch_button > a:link, .shero_glitch_button > a:visited
{
text-decoration: none;
} .hero_btn {
position: relative;
letter-spacing: 1.2px;
padding: 12px 20px;
text-align: center;
overflow: hidden;
z-index: 1;
cursor: pointer;
display: -webkit-inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-webkit-box-pack: center;
-webkit-flex-pack: center;
-webkit-justify-content: center;
-webkit-flex-align: center;
-webkit-align-items: center;
vertical-align: middle;
}
.hero_btn:focus {
outline: none;
}
.hero_btn--animated {
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hero_btn--animated:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: -1;
}
.hero_btn--animated:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
} .hero_spinner_tag {
position: relative;
text-align: center;
box-sizing: border-box;
text-decoration: none;
letter-spacing: 2px;
}
.hero_spinner_tag:before {
content: attr(data-content-default);
}
.hero_spinner_tag:hover {
-webkit-animation: spinner 750ms infinite linear;
animation: spinner 750ms infinite linear;
}
.hero_spinner_tag:hover:before {
content: attr(data-content-spinning);
}
@-webkit-keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(0) rotateY(-360deg);
transform: rotateX(0) rotateY(-360deg);
}
to {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(360deg) rotateY(-360deg);
transform: rotateX(360deg) rotateY(-360deg);
}
}
@keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(0) rotateY(-360deg);
transform: rotateX(0) rotateY(-360deg);
}
to {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(360deg) rotateY(-360deg);
transform: rotateX(360deg) rotateY(-360deg);
}
} @keyframes sheen {
0% {
transform: skewY(-45deg) translateX(0);
}
100% {
transform: skewY(-45deg) translateX(12.5em);
}
}
.hero_shiney_effect {
text-align: center;
text-decoration: none;
display: inline-grid;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
.hero_shiney_effect:before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 2em;
display: block;
position: absolute;
top: 0;
left: -3.5em;
transform: skewX(-45deg) translateX(0);
transition: none;
}
.hero_shiney_effect:hover:before {
transform: skewX(-45deg) translateX(50em);
transition: all 0.5s ease-in-out;
} .hero_3d_button {
position: relative;
font-weight: bold;
text-align: center;
z-index: 2;
-moz-transition: all 0.15s ease-out 0.15s;
-o-transition: all 0.15s ease-out 0.15s;
-webkit-transition: all 0.15s ease-out;
-webkit-transition-delay: 0.15s;
-webkit-transition: all 0.15s ease-out 0.15s;
transition: all 0.15s ease-out 0.15s;
}
.hero_3d_button:after, .hero_3d_button:before {
position: absolute;
width: 100%;
max-width: 100%;
top: 100%;
left: 0;
bottom: -10px;
content: '';
z-index: 1;
-moz-transition: all 0.15s ease-out 0.15s;
-o-transition: all 0.15s ease-out 0.15s;
-webkit-transition: all 0.15s ease-out;
-webkit-transition-delay: 0.15s;
-webkit-transition: all 0.15s ease-out 0.15s;
transition: all 0.15s ease-out 0.15s;
}
.hero_3d_button:before {
top: 10px;
left: -15px;
height: 100%;
width: 15px;
}
.hero_3d_button:after {
width: 100%;
right: 0px;
left: -15px;
height: 15px;
}
.hero_3d_button:hover {
color: #fff;
margin-left: -7.5px;
margin-bottom: -7.5px;
}
.hero_3d_button:hover:after, .hero_3d_button:hover:before {
top: 100%;
left: 0;
bottom: 0px;
}
.hero_3d_button:hover:before {
top: 0px;
left: 0px;
width: 0px;
}
.hero_3d_button:hover:after {
right: 0px;
left: 0px;
height: 0px;
} .hero_exborder {
border: none;
cursor: pointer;
display: inline-block;
outline: none;
position: relative;
}
.hero_exborder:before,
.hero_exborder:after {
border-color: transparent;
-webkit-transition: all 0.25s;
transition: all 0.25s;
border-style: solid;
border-width: 0;
content: "";
height: 24px;
position: absolute;
width: 24px;
}
.hero_exborder:before {
border-right-width: 2px;
border-top-width: 2px;
right: -10px;
top: -10px;
}
.hero_exborder:after {
border-bottom-width: 2px;
border-left-width: 2px;
bottom: -10px;
left: -10px;
}
.hero_exborder:hover:before,
.hero_exborder.hover:before,
.hero_exborder:hover:after,
.hero_exborder.hover:after {
height: 100%;
width: 100%;
}
@media screen and (max-width: 392px) {
.slider_hero_btn_cls_one, .hero_btn1_exborder, .hero_btn1_fill,.hero_btn1_3d,.hero_btn1_exborder,.hero_btn_cls_one2,.hero_btn2_fill,.hero_btn2_3d,.hero_btn2_exborder{
letter-spacing: 0.5px !important;
font-size: 14px !important;
margin-top:8px;
margin-bottom:8px;
}
}
@media screen and (max-width: 660px) {
.slider_hero_btn_cls_one, .hero_btn1_exborder, .hero_btn1_fill,.hero_btn1_3d,.hero_btn1_exborder,.hero_btn_cls_one2,.hero_btn2_fill,.hero_btn2_3d,.hero_btn2_exborder{
letter-spacing: 0.5px !important;
font-size: 15px !important;
margin-top:8px;
margin-bottom:8px;
}
} .button--nanuk {
overflow: hidden;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.button--nanuk > span {
display: inline-block;
padding: 1em 0;
}
.button--nanuk:hover > span:nth-child(odd) {
-webkit-animation: anim-nanuk-1 0.5s forwards;
animation: anim-nanuk-1 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(even) {
-webkit-animation: anim-nanuk-2 0.5s forwards;
animation: anim-nanuk-2 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
}
}
@keyframes anim-nanuk-1 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
}
}
@-webkit-keyframes anim-nanuk-2 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
}
}
@keyframes anim-nanuk-2 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
}
}
.button--nanuk:hover > span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.button--nanuk:hover > span:nth-child(2) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.button--nanuk:hover > span:nth-child(3) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.button--nanuk:hover > span:nth-child(4) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.button--nanuk:hover > span:nth-child(5) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.button--nanuk:hover > span:nth-child(6) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.button--nanuk:hover > span:nth-child(7) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.button--nanuk:hover > span:nth-child(8) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.button--nanuk:hover > span:nth-child(9) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.button--nanuk:hover > span:nth-child(10) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.button--nanuk:hover > span:nth-child(11) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
} .button--nina {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.button--nina:hover > span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
-webkit-transition-delay: 0.045s;
transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
-webkit-transition-delay: 0.135s;
transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
-webkit-transition-delay: 0.225s;
transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
-webkit-transition-delay: 0.27s;
transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
-webkit-transition-delay: 0.315s;
transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
-webkit-transition-delay: 0.36s;
transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
-webkit-transition-delay: 0.405s;
transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
} .button--moema {
position:relative;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.button--moema::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
background: inherit;
border-radius: 50px;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
-webkit-animation: anim-moema-1 0.3s forwards;
animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover::before {
-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .mast__text span {
-webkit-animation: letter-glow 0.7s 0s ease both;
animation: letter-glow 0.7s 0s ease both;
}
.mast__text span:nth-child(1) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.mast__text span:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.mast__text span:nth-child(3) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.mast__text span:nth-child(4) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mast__text span:nth-child(5) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.mast__text span:nth-child(6) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mast__text span:nth-child(7) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.mast__text span:nth-child(8) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mast__text span:nth-child(9) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.mast__text span:nth-child(10) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.mast__text span:nth-child(11) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.mast__text span:nth-child(12) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.mast__text span:nth-child(13) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
.mast__text span:nth-child(14) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.mast__text span:nth-child(15) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.mast__text span:nth-child(16) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.mast__text span:nth-child(17) {
-webkit-animation-delay: 0.85s;
animation-delay: 0.85s;
}
.mast__text span:nth-child(18) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.mast__text span:nth-child(19) {
-webkit-animation-delay: 0.95s;
animation-delay: 0.95s;
}
.mast__text span:nth-child(20) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.mast__text span:nth-child(21) {
-webkit-animation-delay: 1.05s;
animation-delay: 1.05s;
}
.mast__text span:nth-child(22) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.mast__text span:nth-child(23) {
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
.mast__text span:nth-child(24) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.mast__text span:nth-child(25) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.mast__text span:nth-child(26) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.mast__text span:nth-child(27) {
-webkit-animation-delay: 1.35s;
animation-delay: 1.35s;
}
.mast__text span:nth-child(28) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.mast__text span:nth-child(29) {
-webkit-animation-delay: 1.45s;
animation-delay: 1.45s;
}
.mast__text span:nth-child(30) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.mast__text span:nth-child(31) {
-webkit-animation-delay: 1.55s;
animation-delay: 1.55s;
}
.mast__text span:nth-child(32) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.mast__text span:nth-child(33) {
-webkit-animation-delay: 1.65s;
animation-delay: 1.65s;
}
.mast__text span:nth-child(34) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.mast__text span:nth-child(35) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.mast__text span:nth-child(36) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.mast__text span:nth-child(37) {
-webkit-animation-delay: 1.85s;
animation-delay: 1.85s;
}
.mast__text span:nth-child(38) {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.mast__text span:nth-child(39) {
-webkit-animation-delay: 1.95s;
animation-delay: 1.95s;
}
.mast__text span:nth-child(40) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.mast__text span:nth-child(41) {
-webkit-animation-delay: 2.05s;
animation-delay: 2.05s;
}
.mast__text span:nth-child(42) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.mast__text span:nth-child(43) {
-webkit-animation-delay: 2.15s;
animation-delay: 2.15s;
}
.mast__text span:nth-child(44) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.mast__text span:nth-child(45) {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
}
.mast__text span:nth-child(46) {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.mast__text span:nth-child(47) {
-webkit-animation-delay: 2.35s;
animation-delay: 2.35s;
}
.mast__text span:nth-child(48) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.mast__text span:nth-child(49) {
-webkit-animation-delay: 2.45s;
animation-delay: 2.45s;
}
.mast__text span:nth-child(50) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.mast__text span:nth-child(51) {
-webkit-animation-delay: 2.55s;
animation-delay: 2.55s;
}
.mast__text span:nth-child(52) {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.mast__text span:nth-child(53) {
-webkit-animation-delay: 2.65s;
animation-delay: 2.65s;
}
.mast__text span:nth-child(54) {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.mast__text span:nth-child(55) {
-webkit-animation-delay: 2.75s;
animation-delay: 2.75s;
}
.mast__text span:nth-child(56) {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.mast__text span:nth-child(57) {
-webkit-animation-delay: 2.85s;
animation-delay: 2.85s;
}
.mast__text span:nth-child(58) {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.mast__text span:nth-child(59) {
-webkit-animation-delay: 2.95s;
animation-delay: 2.95s;
}
.mast__text span:nth-child(60) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.mast__text span:nth-child(61) {
-webkit-animation-delay: 3.05s;
animation-delay: 3.05s;
}
.mast__text span:nth-child(62) {
-webkit-animation-delay: 3.1s;
animation-delay: 3.1s;
}
.mast__text span:nth-child(63) {
-webkit-animation-delay: 3.15s;
animation-delay: 3.15s;
}
.mast__text span:nth-child(64) {
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.mast__text span:nth-child(65) {
-webkit-animation-delay: 3.25s;
animation-delay: 3.25s;
}
.mast__text span:nth-child(66) {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.mast__text span:nth-child(67) {
-webkit-animation-delay: 3.35s;
animation-delay: 3.35s;
}
.mast__text span:nth-child(68) {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.mast__text span:nth-child(69) {
-webkit-animation-delay: 3.45s;
animation-delay: 3.45s;
}
.mast__text span:nth-child(70) {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.mast__text span:nth-child(71) {
-webkit-animation-delay: 3.55s;
animation-delay: 3.55s;
}
.mast__text span:nth-child(72) {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.mast__text span:nth-child(73) {
-webkit-animation-delay: 3.65s;
animation-delay: 3.65s;
}
.mast__text span:nth-child(74) {
-webkit-animation-delay: 3.7s;
animation-delay: 3.7s;
}
.mast__text span:nth-child(75) {
-webkit-animation-delay: 3.75s;
animation-delay: 3.75s;
}
.mast__text span:nth-child(76) {
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.mast__text span:nth-child(77) {
-webkit-animation-delay: 3.85s;
animation-delay: 3.85s;
}
.mast__text span:nth-child(78) {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.mast__text span:nth-child(79) {
-webkit-animation-delay: 3.95s;
animation-delay: 3.95s;
}
.mast__text span:nth-child(80) {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.mast__text span:nth-child(81) {
-webkit-animation-delay: 4.05s;
animation-delay: 4.05s;
}
.mast__text span:nth-child(82) {
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s;
}
.mast__text span:nth-child(83) {
-webkit-animation-delay: 4.15s;
animation-delay: 4.15s;
}
.mast__text span:nth-child(84) {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}
.mast__text span:nth-child(85) {
-webkit-animation-delay: 4.25s;
animation-delay: 4.25s;
}
.mast__text span:nth-child(86) {
-webkit-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.mast__text span:nth-child(87) {
-webkit-animation-delay: 4.35s;
animation-delay: 4.35s;
}
.mast__text span:nth-child(88) {
-webkit-animation-delay: 4.4s;
animation-delay: 4.4s;
}
.mast__text span:nth-child(89) {
-webkit-animation-delay: 4.45s;
animation-delay: 4.45s;
}
.mast__text span:nth-child(90) {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.mast__text span:nth-child(91) {
-webkit-animation-delay: 4.55s;
animation-delay: 4.55s;
}
.mast__text span:nth-child(92) {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
}
.mast__text span:nth-child(93) {
-webkit-animation-delay: 4.65s;
animation-delay: 4.65s;
}
.mast__text span:nth-child(94) {
-webkit-animation-delay: 4.7s;
animation-delay: 4.7s;
}
.mast__text span:nth-child(95) {
-webkit-animation-delay: 4.75s;
animation-delay: 4.75s;
}
.mast__text span:nth-child(96) {
-webkit-animation-delay: 4.8s;
animation-delay: 4.8s;
}
.mast__text span:nth-child(97) {
-webkit-animation-delay: 4.85s;
animation-delay: 4.85s;
}
.mast__text span:nth-child(98) {
-webkit-animation-delay: 4.9s;
animation-delay: 4.9s;
}
.mast__text span:nth-child(99) {
-webkit-animation-delay: 4.95s;
animation-delay: 4.95s;
}
.mast__text span:nth-child(100) {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.mast__text span:nth-child(101) {
-webkit-animation-delay: 5.05s;
animation-delay: 5.05s;
}
.mast__text span:nth-child(102) {
-webkit-animation-delay: 5.1s;
animation-delay: 5.1s;
}
.mast__text span:nth-child(103) {
-webkit-animation-delay: 5.15s;
animation-delay: 5.15s;
}
.mast__text span:nth-child(104) {
-webkit-animation-delay: 5.2s;
animation-delay: 5.2s;
}
.mast__text span:nth-child(105) {
-webkit-animation-delay: 5.25s;
animation-delay: 5.25s;
}
.mast__text span:nth-child(106) {
-webkit-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.mast__text span:nth-child(107) {
-webkit-animation-delay: 5.35s;
animation-delay: 5.35s;
}
.mast__text span:nth-child(108) {
-webkit-animation-delay: 5.4s;
animation-delay: 5.4s;
}
.mast__text span:nth-child(109) {
-webkit-animation-delay: 5.45s;
animation-delay: 5.45s;
}
.mast__text span:nth-child(110) {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.mast__text span:nth-child(111) {
-webkit-animation-delay: 5.55s;
animation-delay: 5.55s;
}
.mast__text span:nth-child(112) {
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
}
.mast__text span:nth-child(113) {
-webkit-animation-delay: 5.65s;
animation-delay: 5.65s;
}
.mast__text span:nth-child(114) {
-webkit-animation-delay: 5.7s;
animation-delay: 5.7s;
}
.mast__text span:nth-child(115) {
-webkit-animation-delay: 5.75s;
animation-delay: 5.75s;
}
.mast__text span:nth-child(116) {
-webkit-animation-delay: 5.8s;
animation-delay: 5.8s;
}
.mast__text span:nth-child(117) {
-webkit-animation-delay: 5.85s;
animation-delay: 5.85s;
}
.mast__text span:nth-child(118) {
-webkit-animation-delay: 5.9s;
animation-delay: 5.9s;
}
.mast__text span:nth-child(119) {
-webkit-animation-delay: 5.95s;
animation-delay: 5.95s;
}
.mast__text span:nth-child(120) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.mast__text span:nth-child(121) {
-webkit-animation-delay: 6.05s;
animation-delay: 6.05s;
}
.mast__text span:nth-child(122) {
-webkit-animation-delay: 6.1s;
animation-delay: 6.1s;
}
.mast__text span:nth-child(123) {
-webkit-animation-delay: 6.15s;
animation-delay: 6.15s;
}
.mast__text span:nth-child(124) {
-webkit-animation-delay: 6.2s;
animation-delay: 6.2s;
}
.mast__text span:nth-child(125) {
-webkit-animation-delay: 6.25s;
animation-delay: 6.25s;
}
.mast__text span:nth-child(126) {
-webkit-animation-delay: 6.3s;
animation-delay: 6.3s;
}
.mast__text span:nth-child(127) {
-webkit-animation-delay: 6.35s;
animation-delay: 6.35s;
}
.mast__text span:nth-child(128) {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.mast__text span:nth-child(129) {
-webkit-animation-delay: 6.45s;
animation-delay: 6.45s;
}
.mast__text span:nth-child(130) {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.mast__text span:nth-child(131) {
-webkit-animation-delay: 6.55s;
animation-delay: 6.55s;
}
.mast__text span:nth-child(132) {
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
.mast__text span:nth-child(133) {
-webkit-animation-delay: 6.65s;
animation-delay: 6.65s;
}
.mast__text span:nth-child(134) {
-webkit-animation-delay: 6.7s;
animation-delay: 6.7s;
}
.mast__text span:nth-child(135) {
-webkit-animation-delay: 6.75s;
animation-delay: 6.75s;
}
.mast__text span:nth-child(136) {
-webkit-animation-delay: 6.8s;
animation-delay: 6.8s;
}
.mast__text span:nth-child(137) {
-webkit-animation-delay: 6.85s;
animation-delay: 6.85s;
}
.mast__text span:nth-child(138) {
-webkit-animation-delay: 6.9s;
animation-delay: 6.9s;
}
.mast__text span:nth-child(139) {
-webkit-animation-delay: 6.95s;
animation-delay: 6.95s;
}
.mast__text span:nth-child(140) {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.mast__text span:nth-child(141) {
-webkit-animation-delay: 7.05s;
animation-delay: 7.05s;
}
.mast__text span:nth-child(142) {
-webkit-animation-delay: 7.1s;
animation-delay: 7.1s;
}
.mast__text span:nth-child(143) {
-webkit-animation-delay: 7.15s;
animation-delay: 7.15s;
}
.mast__text span:nth-child(144) {
-webkit-animation-delay: 7.2s;
animation-delay: 7.2s;
}
.mast__text span:nth-child(145) {
-webkit-animation-delay: 7.25s;
animation-delay: 7.25s;
}
.mast__text span:nth-child(146) {
-webkit-animation-delay: 7.3s;
animation-delay: 7.3s;
}
.mast__text span:nth-child(147) {
-webkit-animation-delay: 7.35s;
animation-delay: 7.35s;
}
.mast__text span:nth-child(148) {
-webkit-animation-delay: 7.4s;
animation-delay: 7.4s;
}
.mast__text span:nth-child(149) {
-webkit-animation-delay: 7.45s;
animation-delay: 7.45s;
}
.mast__text span:nth-child(150) {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.mast__text span:nth-child(151) {
-webkit-animation-delay: 7.55s;
animation-delay: 7.55s;
}
.mast__text span:nth-child(152) {
-webkit-animation-delay: 7.6s;
animation-delay: 7.6s;
}
.mast__text span:nth-child(153) {
-webkit-animation-delay: 7.65s;
animation-delay: 7.65s;
}
.mast__text span:nth-child(154) {
-webkit-animation-delay: 7.7s;
animation-delay: 7.7s;
}
.mast__text span:nth-child(155) {
-webkit-animation-delay: 7.75s;
animation-delay: 7.75s;
}
.mast__text span:nth-child(156) {
-webkit-animation-delay: 7.8s;
animation-delay: 7.8s;
}
.mast__text span:nth-child(157) {
-webkit-animation-delay: 7.85s;
animation-delay: 7.85s;
}
.mast__text span:nth-child(158) {
-webkit-animation-delay: 7.9s;
animation-delay: 7.9s;
}
.mast__text span:nth-child(159) {
-webkit-animation-delay: 7.95s;
animation-delay: 7.95s;
}
.mast__text span:nth-child(160) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.mast__text span:nth-child(161) {
-webkit-animation-delay: 8.05s;
animation-delay: 8.05s;
}
.mast__text span:nth-child(162) {
-webkit-animation-delay: 8.1s;
animation-delay: 8.1s;
}
.mast__text span:nth-child(163) {
-webkit-animation-delay: 8.15s;
animation-delay: 8.15s;
}
.mast__text span:nth-child(164) {
-webkit-animation-delay: 8.2s;
animation-delay: 8.2s;
}
.mast__text span:nth-child(165) {
-webkit-animation-delay: 8.25s;
animation-delay: 8.25s;
}
.mast__text span:nth-child(166) {
-webkit-animation-delay: 8.3s;
animation-delay: 8.3s;
}
.mast__text span:nth-child(167) {
-webkit-animation-delay: 8.35s;
animation-delay: 8.35s;
}
.mast__text span:nth-child(168) {
-webkit-animation-delay: 8.4s;
animation-delay: 8.4s;
}
.mast__text span:nth-child(169) {
-webkit-animation-delay: 8.45s;
animation-delay: 8.45s;
}
.mast__text span:nth-child(170) {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.mast__text span:nth-child(171) {
-webkit-animation-delay: 8.55s;
animation-delay: 8.55s;
}
.mast__text span:nth-child(172) {
-webkit-animation-delay: 8.6s;
animation-delay: 8.6s;
}
.mast__text span:nth-child(173) {
-webkit-animation-delay: 8.65s;
animation-delay: 8.65s;
}
.mast__text span:nth-child(174) {
-webkit-animation-delay: 8.7s;
animation-delay: 8.7s;
}
.mast__text span:nth-child(175) {
-webkit-animation-delay: 8.75s;
animation-delay: 8.75s;
}
.mast__text span:nth-child(176) {
-webkit-animation-delay: 8.8s;
animation-delay: 8.8s;
}
.mast__text span:nth-child(177) {
-webkit-animation-delay: 8.85s;
animation-delay: 8.85s;
}
.mast__text span:nth-child(178) {
-webkit-animation-delay: 8.9s;
animation-delay: 8.9s;
}
.mast__text span:nth-child(179) {
-webkit-animation-delay: 8.95s;
animation-delay: 8.95s;
}
.mast__text span:nth-child(180) {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
@-webkit-keyframes letter-glow {
0% {
opacity: 0;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
}
66% {
opacity: 1;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
}
77% {
opacity: 1;
}
100% {
opacity: 0.7;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
}
}
@keyframes letter-glow {
0% {
opacity: 0;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
}
66% {
opacity: 1;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
}
77% {
opacity: 1;
}
100% {
opacity: 0.7;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
}
}  .clip-text {
font-weight: bold;
line-height: 1; display: inline-block; color: #000;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} #hero_multicolor span {
display: inline-block;
font-size: 50px;
line-height: 100px;
font-family: "Oswald", sans-serif;
position: relative;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
animation: slide 10s linear infinite;
background-position: left 0px;
background-image: linear-gradient(to bottom, #662345 0px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, #662345 50px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, black 50px);
}
#hero_multicolor span:nth-child(odd) {
background-image: linear-gradient(to bottom, #662345 0px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, #662345 50px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px);
}
@keyframes slide {
100% {
background-position: left -200px;
}
} .spintext ul {
margin: 0;
list-style: none;
font-size: 50px;
transform-style: preserve-3d;
animation: three-dimensions-circle 30s linear infinite;
position:relative;
}
.spintext ul li {
position: absolute;
top: 50%;
left: 50%;
}
.spintext ul li:nth-child(1) {
transform: translate(-50%, -50%) rotate(0deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(2) {
transform: translate(-50%, -50%) rotate(30deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(3) {
transform: translate(-50%, -50%) rotate(60deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(4) {
transform: translate(-50%, -50%) rotate(90deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(5) {
transform: translate(-50%, -50%) rotate(120deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(6) {
transform: translate(-50%, -50%) rotate(150deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(7) {
transform: translate(-50%, -50%) rotate(180deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(8) {
transform: translate(-50%, -50%) rotate(210deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(9) {
transform: translate(-50%, -50%) rotate(240deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(10) {
transform: translate(-50%, -50%) rotate(270deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(11) {
transform: translate(-50%, -50%) rotate(300deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(12) {
transform: translate(-50%, -50%) rotate(330deg) translateY(-260px) rotateX(90deg);
}
@keyframes three-dimensions-circle {
0% {
transform: rotateX(-100deg) rotate(0);
}
100% {
transform: rotateX(-100deg) rotate(-360deg);
}
} h1.flag {
white-space: nowrap;
font-size: 2vw; cursor: default;
}
h1.flag::before {
content: '';
position: absolute;
bottom: 0;
width: 89%;
left: 4%;
height: 40%;
-webkit-filter: blur(2vw);
filter: blur(2vw);
-webkit-transition: all 200ms cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 200ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
h1.flag span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 80px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
position: relative;
z-index: 1;
-webkit-transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);    }
h1.flag span::before {
content: '';
background-color: #F9F8EF;
-webkit-transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
h1.flag span:nth-child(odd) {
-webkit-transform: skewY(-8deg);
transform: skewY(-8deg);
color: rgb(217, 213, 200);
background: -webkit-linear-gradient(120deg, rgb(255, 255, 255), rgb(237, 236, 227));
background: linear-gradient(-30deg, rgb(255, 255, 255), rgb(237, 236, 227));
box-shadow: inset -1px 0 0px rgba(255, 255, 255, .3);
prospective: 1000px;
}
h1.flag span:nth-child(even) {
-webkit-transform: skewY(8deg);
transform: skewY(8deg);
color: #C5BEAA;
background: -webkit-linear-gradient(3deg, rgb(199, 198, 191), rgb(237, 236, 227));
background: linear-gradient(87deg, rgb(199, 198, 191), rgb(237, 236, 227));
box-shadow: inset -1px 0 0px rgba(0, 0, 0, .05);
prospective: 1000px;
}
h1.flag span:first-of-type,
h1.flag span:first-of-type:before {
border-radius: 4px 0 0 4px;
}
h1.flag span:last-of-type,
h1.flag span:last-of-type:before {
border-radius: 0 4px 4px 0;
}
h1.flag:hover {}
h1.flag:hover:before {
opacity: 0.5;
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
left: 1%;
width: 98%;
}
h1.flag:hover span {
-webkit-transform: none;
transform: none;
color: #C5BEAA;
box-shadow: none;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
width: 100px;
}
h1.flag:hover span::before {
opacity: 1;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
} .slidingtext {
color: #fff;
font-size: 50px;
letter-spacing: 2px;
font-weight: normal;
position: relative;
display: inline-block;
}
.slidingtext span {
opacity: 0;
}
.slidingtext.active span {
animation: opacity 1s linear forwards;
}
@keyframes opacity { 51%,100%{
opacity: 1;
}
}
.slidingtext:before {
content: "";
height: 100%;
width: 100%;
background: #fff;
position: absolute;
top: 0;left: 0;
transform: scaleX(0);
transform-origin: left;
}
.slidingtext.active:before {
animation: animTitle 1s cubic-bezier(1.000, 0.610, 0.165, 1.000) forwards;
}
@keyframes animTitle {
0% {
transform: scaleX(0);
transform-origin: left;
}
50% {
transform-origin: left;
transform: scaleX(1);
}
51%, 100% {
transform-origin: right;
}
100% {
transform: scaleX(0);
}
} .hero_title_list {
display: block; 
top: 50%;
left: 15%;
right: 15%;
transform: translateY(-50%);
line-height: 60px;
}
.hero_title_list span { 
margin: 10px;
opacity: 0;
filter: blur(20px); 
text-transform: uppercase;
font-weight: 900;
}
.hero_title_list.active span {
opacity: 1;
filter: blur(0px);
transition: 1s; 
}
.active { 
z-index: 10;
} .hero_output {
display:none;
}
.hero_active:after {
content: '_';
} .hero_glitch_header h1 {
font-size: 50px;
color: #222222;
margin-top: 0;
text-transform: uppercase;
font-weight: 900;
}
.hero-glitch-window {
position: absolute;
top: 0;
left: -2px;
width: 100%;
color: #222222;
text-shadow: 2px 0 #F9F8F8, -1px 0 yellow, -2px 0 green;
overflow: hidden;
-webkit-animation: crt-me 4500ms infinite linear alternate-reverse;
animation: crt-me 4500ms infinite linear alternate-reverse;
}
@-webkit-keyframes crt-me {
0% {
clip: rect(31px, 9999px, 94px, 0);
}
10% {
clip: rect(112px, 9999px, 76px, 0);
}
20% {
clip: rect(85px, 9999px, 77px, 0);
}
30% {
clip: rect(27px, 9999px, 97px, 0);
}
40% {
clip: rect(64px, 9999px, 98px, 0);
}
50% {
clip: rect(61px, 9999px, 85px, 0);
}
60% {
clip: rect(99px, 9999px, 114px, 0);
}
70% {
clip: rect(34px, 9999px, 115px, 0);
}
80% {
clip: rect(98px, 9999px, 129px, 0);
}
90% {
clip: rect(43px, 9999px, 96px, 0);
}
100% {
clip: rect(82px, 9999px, 64px, 0);
}
}
@keyframes crt-me {
0% {
clip: rect(31px, 9999px, 94px, 0);
}
10% {
clip: rect(112px, 9999px, 76px, 0);
}
20% {
clip: rect(85px, 9999px, 77px, 0);
}
30% {
clip: rect(27px, 9999px, 97px, 0);
}
40% {
clip: rect(64px, 9999px, 98px, 0);
}
50% {
clip: rect(61px, 9999px, 85px, 0);
}
60% {
clip: rect(99px, 9999px, 114px, 0);
}
70% {
clip: rect(34px, 9999px, 115px, 0);
}
80% {
clip: rect(98px, 9999px, 129px, 0);
}
90% {
clip: rect(43px, 9999px, 96px, 0);
}
100% {
clip: rect(82px, 9999px, 64px, 0);
}
}.letterfx-container{}
.letterfx{
display:inline-block;
margin:0;
padding:0;
transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;
} .letterfx-spin-before{
transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);
}
.letterfx-spin-after{
transform:none;
} .letterfx-fade-before{
opacity: 0;
} .letterfx-grow-before{
transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);
}
.letterfx-grow-after{
transform:none;
} .letterfx-smear-before{
color: transparent;
text-shadow:-1px -1px 25px transparent;
}
.letterfx-smear-after{
color:inherit;
text-shadow:0 0 #333;
} .letterfx-fall-before
{
visibility: hidden;
transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);
}
.letterfx-fall-after{
transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
text-shadow:0;
} .letterfx-swirl-before
{
visibility: hidden;
transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);
}
.letterfx-swirl-after{
transform:none;
text-shadow:0;
} .letterfx-wave-container .letterfx
{
position:relative;
}
.letterfx-wave-before
{
bottom:0;
}
.letterfx-wave-after{
bottom:15px;
} .letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx
{
position:relative;
}
.letterfx-fly-left-before{ left:-50em; }
.letterfx-fly-left-after{ left:0; }
.letterfx-fly-right-before{ right:-50em; }
.letterfx-fly-right-after{ right:0; }
.letterfx-fly-top-before{ top:-20em; }
.letterfx-fly-top-after{ top:0; }
.letterfx-fly-bottom-before{ bottom:-20em; }
.letterfx-fly-bottom-after{ bottom:0; }.cl-btn {
display: inline-block;
vertical-align: top;
line-height: 1.5;
padding: 8px 20px;
margin: 4px 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.1);
}
[class^="cl-"][class*=" ratio_"]:before {
content: '';
display: block;
}
[class^="cl-"].ratio_2x1:before {
padding-top: 50%;
}
[class^="cl-"].ratio_3x2:before {
padding-top: 66.6666%;
}
[class^="cl-"].ratio_4x3:before {
padding-top: 75%;
}
[class^="cl-"].ratio_1x1:before {
padding-top: 100%;
}
[class^="cl-"].ratio_3x4:before {
padding-top: 125%;
}
[class^="cl-"].ratio_2x3:before {
padding-top: 150%;
}
[class^="cl-"].ratio_1x2:before {
padding-top: 200%;
}
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class$="-h"],
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class*="-h "] {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.easing_easeInOutExpo .cl-flipbox-hh,
.easing_easeInOutExpo .cl-flipbox-hhh,
.easing_easeInOutExpo .cl-flipbox-front,
.easing_easeInOutExpo .cl-flipbox-back,
.easing_easeInOutExpo .cl-flipbox-xflank,
.easing_easeInOutExpo .cl-flipbox-yflank,
.easing_easeInOutExpo .cl-ib-image,
.easing_easeInOutExpo .cl-ib-content,
.easing_easeInOutExpo .cl-ib-content:before,
.easing_easeInOutExpo .cl-ib-content-h,
.easing_easeInOutExpo .cl-ib-title,
.easing_easeInOutExpo .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easing_easeInOutCirc .cl-flipbox-hh,
.easing_easeInOutCirc .cl-flipbox-hhh,
.easing_easeInOutCirc .cl-flipbox-front,
.easing_easeInOutCirc .cl-flipbox-back,
.easing_easeInOutCirc .cl-flipbox-xflank,
.easing_easeInOutCirc .cl-flipbox-yflank,
.easing_easeInOutCirc .cl-ib-image,
.easing_easeInOutCirc .cl-ib-content,
.easing_easeInOutCirc .cl-ib-content:before,
.easing_easeInOutCirc .cl-ib-content-h,
.easing_easeInOutCirc .cl-ib-title,
.easing_easeInOutCirc .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easing_easeOutBack .cl-flipbox-hh,
.easing_easeOutBack .cl-flipbox-hhh,
.easing_easeOutBack .cl-flipbox-front,
.easing_easeOutBack .cl-flipbox-back,
.easing_easeOutBack .cl-flipbox-xflank,
.easing_easeOutBack .cl-flipbox-yflank,
.easing_easeOutBack .cl-ib-image,
.easing_easeOutBack .cl-ib-content,
.easing_easeOutBack .cl-ib-content:before,
.easing_easeOutBack .cl-ib-content-h,
.easing_easeOutBack .cl-ib-title,
.easing_easeOutBack .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animated_bounceIn,
.animated_fadeIn,
.animated_fadeOut,
.animated_flipInX,
.animated_flipOutX,
.animated_zoomIn {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated_bounceIn,
.animated_flipInX,
.animated_flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.animated_bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animated_fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animated_fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
}
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.animated_flipInX {
transform-origin: 50% 0%;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
}
.animated_flipOutX {
transform-origin: 50% 100%;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animated_zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}.cl-popup.align_left {
text-align: left;
}
.cl-popup.align_center {
text-align: center;
}
.cl-popup.align_right {
text-align: right;
}
.cl-popup-trigger img {
vertical-align: top;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cl-popup-trigger:hover img {
opacity: 0.75;
}
.cl-popup-overlay,
.cl-popup-wrap {
display: none;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
}
.cl-popup-overlay.pos_absolute,
.cl-popup-wrap.pos_absolute {
position: absolute;
}
.cl-popup-overlay.pos_fixed,
.cl-popup-wrap.pos_fixed {
position: fixed;
}
.cl-popup-overlay {
z-index: 10001;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
.cl-popup-overlay.active {
opacity: 1;
}
.cl-popup-wrap {
cursor: pointer;
z-index: 10002;
}
.cl-popup-wrap.pos_fixed {
overflow-x: hidden;
overflow-y: auto;
}
.cl-popup-closer {
position: fixed;
top: 0;
right: 0;
text-align: center;
font-weight: normal;
line-height: 76px;
height: 80px;
width: 80px;
cursor: pointer;
color: #fff;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
.cl-popup-closer:before {
content: '\00D7';
font-size: 60px;
}
@media (max-width: 600px) {
.cl-popup-closer {
line-height: 48px;
height: 50px;
width: 50px;
background-color: rgba(0, 0, 0, 0.8);
}
.cl-popup-closer:before {
font-size: 40px;
}
}
.cl-popup-box.active + .cl-popup-closer {
opacity: 0.33;
}
.cl-popup-box.active + .cl-popup-closer:hover {
opacity: 1;
}
.cl-popup-box {
position: absolute;
top: 0;
left: 50%;
cursor: default;
}
.cl-popup-box-h {
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.cl-popup-box-closer {
display: none;
position: absolute;
top: 0;
right: 0;
text-align: center;
font-weight: normal;
line-height: 76px;
height: 80px;
width: 80px;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0.33;
}
.cl-popup-box-closer:before {
content: '\00D7';
font-size: 60px;
}
.cl-popup-box-closer:hover {
opacity: 1;
}
.cl-popup-box-title {
font-size: 1.15em;
line-height: 1.5;
font-weight: bold;
padding: 15px 25px;
}
.cl-popup-box-content {
overflow: hidden;
height: 100%;
padding: 40px;
}
.cl-popup-box-content img {
vertical-align: top;
}
.cl-popup-box-content iframe {
vertical-align: top;
}
.cl-popup-box-content h1,
.cl-popup-box-content h2,
.cl-popup-box-content h3,
.cl-popup-box-content h4,
.cl-popup-box-content h5,
.cl-popup-box-content h6 {
color: inherit;
}
.cl-popup-box.paddings_none .cl-popup-box-content {
padding: 0 !important;
}
.cl-popup-box.size_s {
width: 400px;
margin-left: -200px;
padding: 25px 0;
}
.cl-popup-box.size_m {
width: 600px;
margin-left: -300px;
padding: 25px 0;
}
@media (max-width: 700px) {
.cl-popup-box.size_m {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_m + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_l {
width: 800px;
margin-left: -400px;
padding: 25px 0;
}
.cl-popup-box.size_l .cl-popup-box-content {
padding: 50px;
}
@media (max-width: 900px) {
.cl-popup-box.size_l {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_l + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_xl {
width: 1000px;
margin-left: -500px;
padding: 25px 0;
}
.cl-popup-box.size_xl .cl-popup-box-content {
padding: 50px;
}
@media (max-width: 1100px) {
.cl-popup-box.size_xl {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_xl + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_f {
left: 0;
right: 0;
}
.cl-popup-box.size_f .cl-popup-box-content {
min-height: 100vh;
}
.cl-popup-box.size_f.paddings_none + .cl-popup-closer {
background-color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 601px) {
.cl-popup-box.size_f .cl-popup-box-title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 25px 80px 25px 40px;
font-size: 20px;
line-height: 30px;
}
.cl-popup-box.size_f.paddings_none .cl-popup-box-title {
position: static;
}
.cl-popup-box.size_f .cl-popup-box-content {
padding: 100px 5% 5%;
}
.cl-popup-box.size_f .cl-popup-box-title + .cl-popup-box-content {
padding-top: calc(5% + 80px);
}
.cl-popup-box.size_f:not(.paddings_none) .cl-popup-box-closer {
display: block;
}
.cl-popup-box.size_f:not(.paddings_none) + .cl-popup-closer {
display: none;
}
}
@media (max-width: 600px) {
.cl-popup-box.size_s,
.cl-popup-box.size_m,
.cl-popup-box.size_l,
.cl-popup-box.size_xl {
left: 0;
right: 0;
width: auto;
padding: 0;
margin: 0;
}
.cl-popup-box-title {
line-height: 20px;
padding-right: 55px;
}
.cl-popup-box-content {
padding: 25px !important;
}
}
.cl-popup-box.animation_fadeIn .cl-popup-box-h {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cl-popup-box.animation_fadeIn.active .cl-popup-box-h {
opacity: 1;
}
.cl-popup-box.animation_scaleUp .cl-popup-box-h {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_scaleUp.active .cl-popup-box-h {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cl-popup-box.animation_scaleDown .cl-popup-box-h {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_scaleDown.active .cl-popup-box-h {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cl-popup-box.animation_slideTop .cl-popup-box-h {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.cl-popup-box.animation_slideTop.active .cl-popup-box-h {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cl-popup-box.animation_slideBottom .cl-popup-box-h {
-webkit-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_slideBottom.active .cl-popup-box-h {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.cl-popup-box.animation_flipHor {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.cl-popup-box.animation_flipHor .cl-popup-box-h {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.cl-popup-box.animation_flipHor.active .cl-popup-box-h {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
.cl-popup-box.animation_flipVer {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.cl-popup-box.animation_flipVer .cl-popup-box-h {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
transform: rotateX(-70deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.cl-popup-box.animation_flipVer.active .cl-popup-box-h {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
html.cloverlay_fixed {
overflow: hidden;
}.so-widget-sow-image-default-c67d20f9f743-5890 .sow-image-container {
display: flex;
align-items: flex-start;
justify-content: center;
}
.so-widget-sow-image-default-c67d20f9f743-5890 .sow-image-container > a {
display: inline-block;
max-width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.so-widget-sow-image-default-c67d20f9f743-5890 .sow-image-container > a {
display: flex;
}
}
.so-widget-sow-image-default-c67d20f9f743-5890 .sow-image-container .so-widget-image {
display: block;
height: auto;
max-width: 100%;
}.rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0px !important; } .wp-block-themepunch-revslider { position: relative }   rs-modal { position: fixed !important; z-index: 9999999 !important; pointer-events: none !important;}
rs-modal.rs-modal-auto { top: auto;bottom: auto;left: auto; right:auto; }
rs-modal.rs-modal-fullwidth,
rs-modal.rs-modal-fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; }
rs-modal rs-fullwidth-wrap { position: absolute; top: 0px; left: 0px; height: 100%;}
rs-module-wrap.rs-modal { display:none; max-height: 100% !important; overflow: auto !important;  pointer-events: auto !important;}
rs-module-wrap.hideallscrollbars.rs-modal { overflow: hidden !important; max-width: 100% !important}
rs-modal-cover { width: 100%; height: 100%; z-index: 0; background: transparent; position: absolute;top: 0px;left: 0px; cursor: pointer; pointer-events: auto}
body>rs-modal-cover { position: fixed; z-index: 9999995 !important; }
rs-sbg-px { pointer-events: none }
.rs-forceuntouchable,
.rs-forceuntouchable * { pointer-events: none !important; }
.rs-forcehidden * { visibility: hidden !important; } .rs_splitted_lines { display: block; white-space: nowrap !important}
.rs-go-fullscreen {
position:fixed !important;
width:100% !important;
height:100% !important;
top:0px !important;
left:0px !important;
z-index:9999999 !important;
background:#ffffff;
}
.rtl {	direction: rtl;}
@font-face {
font-family: 'revicons';
src: url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888);
src: url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),
url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888) format('woff'),
url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.ttf?5510888) format('truetype'),
url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: never;
speak-as: spell-out;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
rs-module i[class^="fa-"],
rs-module i[class*=" fa-"],
.rb-modal-wrapper i[class^="fa-"],
.rb-modal-wrapper i[class*=" fa-"],
#waitaminute i[class^="fa-"],
#waitaminute i[class*=" fa-"],
#objectlibrary i[class^="fa-"],
#objectlibrary i[class*=" fa-"],
#rs_overview i[class^="fa-"],
#rs_overview i[class*=" fa-"],
#rs_overview_menu i[class^="fa-"],
#rs_overview_menu i[class*=" fa-"],
#builderView i[class^="fa-"],
#builderView i[class*=" fa-"]
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
rs-module [class^="fa-"]:before,
rs-module [class*=" fa-"]:before,
.rb-modal-wrapper [class^="fa-"]:before,
.rb-modal-wrapper [class*=" fa-"]:before,
#rs_overview [class^="fa-"]:before,
#rs_overview [class*=" fa-"]:before,
#objectlibrary [class^="fa-"]:before,
#objectlibrary [class*=" fa-"]:before,
#waitaminute [class^="fa-"]:before,
#waitaminute [class*=" fa-"]:before,
#rs_overview_menu [class^="fa-"]:before,
#rs_overview_menu [class*=" fa-"]:before,
#builderView [class^="fa-"]:before,
#builderView [class*=" fa-"]:before
{
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
speak: never;
speak-as: spell-out;
display: inline-block;
text-decoration: inherit;
width: auto;
margin-right: 0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: inherit;
margin-left: 0;
}
rs-module .sr-only,
#objectlibrary .sr-only,
#waitaminute .sr-only,
#rs_overview .sr-only,
#rs_overview_menu .sr-only,
.rb-modal-wrapper .sr-only,
#builderView .sr-only
{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
rs-module .sr-only-focusable:active,
rs-module .sr-only-focusable:focus,
#waitaminute .sr-only-focusable:active,
#waitaminute .sr-only-focusable:focus,
#objectlibrary .sr-only-focusable:active,
#objectlibrary .sr-only-focusable:focus,
#rs_overview .sr-only-focusable:active,
#rs_overview .sr-only-focusable:focus,
#rs_overview_menu .sr-only-focusable:active,
#rs_overview_menu .sr-only-focusable:focus,
.rb-modal-wrapper .sr-only-focusable:active,
.rb-modal-wrapper .sr-only-focusable:focus,
#builderView .sr-only-focusable:active,
#builderView .sr-only-focusable:focus
{
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.revicon-search-1:before { content: '\e802'; } .revicon-pencil-1:before { content: '\e831'; } .revicon-picture-1:before { content: '\e803'; } .revicon-cancel:before { content: '\e80a'; } .revicon-info-circled:before { content: '\e80f'; } .revicon-trash:before { content: '\e801'; } .revicon-left-dir:before { content: '\e817'; } .revicon-right-dir:before { content: '\e818'; } .revicon-down-open:before { content: '\e83b'; } .revicon-left-open:before { content: '\e819'; } .revicon-right-open:before { content: '\e81a'; } .revicon-angle-left:before { content: '\e820'; } .revicon-angle-right:before { content: '\e81d'; } .revicon-left-big:before { content: '\e81f'; } .revicon-right-big:before { content: '\e81e'; } .revicon-magic:before { content: '\e807'; } .revicon-picture:before { content: '\e800'; } .revicon-export:before { content: '\e80b'; } .revicon-cog:before { content: '\e832'; } .revicon-login:before { content: '\e833'; } .revicon-logout:before { content: '\e834'; } .revicon-video:before { content: '\e805'; } .revicon-arrow-combo:before { content: '\e827'; } .revicon-left-open-1:before { content: '\e82a'; } .revicon-right-open-1:before { content: '\e82b'; } .revicon-left-open-mini:before { content: '\e822'; } .revicon-right-open-mini:before { content: '\e823'; } .revicon-left-open-big:before { content: '\e824'; } .revicon-right-open-big:before { content: '\e825'; } .revicon-left:before { content: '\e836'; } .revicon-right:before { content: '\e826'; } .revicon-ccw:before { content: '\e808'; } .revicon-arrows-ccw:before { content: '\e806'; } .revicon-palette:before { content: '\e829'; } .revicon-list-add:before { content: '\e80c'; } .revicon-doc:before { content: '\e809'; } .revicon-left-open-outline:before { content: '\e82e'; } .revicon-left-open-2:before { content: '\e82c'; } .revicon-right-open-outline:before { content: '\e82f'; } .revicon-right-open-2:before { content: '\e82d'; } .revicon-equalizer:before { content: '\e83a'; } .revicon-layers-alt:before { content: '\e804'; } .revicon-popup:before { content: '\e828'; }  .tp-fullwidth-forcer { z-index: 0; pointer-events: none}
rs-module-wrap { visibility: hidden }
rs-module-wrap,
rs-module-wrap * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
rs-module-wrap {position:relative;z-index: 1;width:100%; display: block;}
.rs-fixedscrollon rs-module-wrap { position: fixed !important; top: 0px !important; z-index: 1000; left: 0 !important;}
.rs-stickyscrollon rs-module-wrap {  position: sticky !important; top:0px; z-index: 1000; }
.rs-stickyscrollon { overflow: visible !important; }
rs-fw-forcer { display:block;width:100%;pointer-events: none;}
rs-module { position:relative;overflow:hidden;display: block; }
rs-module.disableVerticalScroll { -ms-touch-action: pan-x; touch-action: pan-x; }
rs-pzimg-wrap,
rs-sbg-effectwrap,
rs-sbg { display: block; pointer-events: none  }
rs-sbg-effectwrap {
position:absolute;top:0px;left:0px;width:100%;height:100%
}
rs-carousel-wrap rs-column rs-layer img { width: 0px; height: 0px; }
rs-sbg-px,
rs-sbg-wrap {position:absolute; top:0px; left:0px; z-index:0;width:100%;height:100%;display: block;}
a.rs-layer,
a.rs-layer:-webkit-any-link { text-decoration: none }
a[x-apple-data-detectors] { color: inherit !important;   text-decoration: none !important;   font-size: inherit !important;   font-family: inherit !important;   font-weight: inherit !important;   line-height: inherit !important; }
.entry-content rs-module a, rs-module a { box-shadow: none; }
.rs-ov-hidden 		{ 	overflow:hidden !important;}
.rs-forceoverflow,
.rs-forceoverflow rs-module-wrap,
.rs-forceoverflow rs-module,
.rs-forceoverflow rs-slides,
.rs-forceoverflow rs-slide { overflow:visible !important}
.rs-parallax-hidden-of rs-slide { overflow:hidden !important}
.tp-simpleresponsive img,
rs-module img{
max-width:none !important;
transition: none;
margin:0px;
padding:0px;
border:none;
}
rs-module .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;}
rs-slides, rs-slide, rs-slide:before {	 position:absolute;text-indent: 0em;top:0px;left:0px;}
rs-slide,rs-slide:before {  display:block; visibility:hidden; }
.rs-layer .rs-untoggled-content { display:block;}
.rs-layer .rs-toggled-content { display:none;}
.rs-tc-active.rs-layer > .rs-toggled-content { display:block;}
.rs-tc-active.rs-layer > .rs-untoggled-content { display:none;}
.rs-layer-video { overflow: hidden }
.rs_html5vidbasicstyles { position:relative;top:0px;left:0px;width:100%;height:100%; overflow:hidden; }
rs-module rs-layer,
rs-module .rs-layer {
opacity: 0;
position:relative;
visibility: hidden; display: block;
-webkit-font-smoothing: antialiased !important;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-moz-osx-font-smoothing: grayscale;
z-index:1;
font-display: swap;
}
rs-layer-wrap,
rs-mask,
rs-module-wrap,
rs-module .rs-layer,
rs-module img {
user-select: none;	
}
rs-module rs-mask-wrap .rs-layer,
rs-module rs-mask-wrap *:last-child,
.wpb_text_column rs-module rs-mask-wrap .rs-layer,
.wpb_text_column rs-module rs-mask-wrap *:last-child{
margin-bottom:0;
}
.rs-svg svg {	width:100%; height:100%;position: relative;vertical-align: top}
rs-layer:not(.rs-wtbindex),
.rs-layer:not(.rs-wtbindex),
rs-alyer *:not(.rs-wtbindex),
.rs-layer *:not(.rs-wtbindex) { outline: none !important; } rs-carousel-wrap {
cursor:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/css/openhand.cur), move;
}
rs-carousel-wrap.dragged {
cursor:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move;
}
rs-carousel-wrap.noswipe {
cursor: default;
}
rs-carousel-wrap { position: absolute; overflow: hidden;  width:100%;height:100%;top:0px;left:0px;}
rs-carousel-space { clear:both;display:block;width:100%;height:0px;position:relative;} .tp_inner_padding {
box-sizing:border-box;
max-height:none !important;
}
.rs-layer.rs-selectable {
user-select: text;	
}
rs-px-mask {
overflow: hidden;
display: block;
width: 100%;
height: 100%;
position: relative;
}
rs-module embed,
rs-module iframe,
rs-module object,
rs-module audio,
rs-module video {
max-width: none !important;
border: none;
}
rs-bg-elem 	{	position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0; display: block; pointer-events: none; }
.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);} rs-zone			{	position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;pointer-events: none}
rs-row-wrap,
rs-column,
rs-cbg-mask-wrap {	display:block; visibility: hidden}
rs-layer-wrap,
rs-parallax-wrap,
rs-loop-wrap,
rs-mask-wrap { display: block; }
rs-column-wrap>rs-mask-wrap,
rs-column-wrap>rs-loop-wrap { z-index: 1 }
rs-layer-wrap,
rs-mask-wrap,
rs-cbg-mask-wrap
{ transform-style:flat;} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ 
rs-carousel-wrap rs-layer-wrap, rs-carousel-wrap rs-loop-wrap {backface-visibility: hidden;transform-style: preserve-3d;}
}
.safarifix rs-layer-wrap {
perspective: 1000000;
}
@-moz-document url-prefix() {
rs-layer-wrap,
rs-mask-wrap,
rs-cbg-mask-wrap { perspective: none; }
}
rs-mask-wrap { overflow: hidden }
rs-fullwidth-wrap { position:relative;width:100%;height:auto;display: block; overflow:visible;max-width:none !important;}
.rev_row_zone_top 				{	top:0px;}
.rev_row_zone_bottom 			{	bottom:0px;}
.rev_row_zone_middle			{ top: 0px;}
rs-column-wrap .rs-parallax-wrap  { vertical-align: top }
.rs-layer img,
rs-layer img { vertical-align: top }
rs-row,
rs-row.rs-layer 	{
display:table;
position:relative;
width:100% !important;
table-layout: fixed;
box-sizing: border-box;
vertical-align: top;
height:auto;
font-size:0px;
}
.rs-layer.rs-waction.iospermaccwait.permanenthidden { display:none !important; visibility:hidden !important; pointer-events: none !important;}
rs-column-wrap {
display: table-cell;
position: relative;
vertical-align: top;
height: auto;
box-sizing: border-box;
font-size:0px;
}
rs-column {
box-sizing: border-box;
display: block;
position: relative;
width:100% !important;
height:auto !important;
white-space: normal !important;
}
rs-cbg-mask-wrap {
position: absolute;
z-index: 0;
box-sizing: border-box;
}
rs-column-wrap rs-cbg-mask-wrap { top: 0px; left: 0px; bottom: 0px; right: 0px; }
rs-column-bg {
position: absolute;
z-index: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.rs-pelock * { pointer-events: none !important;}
rs-column .rs-parallax-wrap,
rs-column rs-loop-wrap,
rs-column rs-mask-wrap 			{	text-align: inherit; }
rs-column rs-mask-wrap 			{	display: inline-block;}
rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap { position: relative; left:auto; top:auto; line-height: 0px;}
rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap,
rs-column .rev_layer_in_column { vertical-align: top; }
.rev_break_columns { display: block !important }
.rev_break_columns rs-column-wrap.rs-parallax-wrap  { display:block !important; width:100% !important; }
.rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden,
.tp-forcenotvisible,
.tp-hide-revslider,
rs-row-wrap.rs-layer-hidden,
rs-column-wrap.rs-layer-hidden,
.rs-layer.rs-layer-hidden,
.rs-layer-audio.rs-layer-hidden,
.rs-parallax-wrap.rs-layer-hidden {
visibility:hidden !important;
display:none !important
}  a.rs-layer.rs-nointeraction >.div,
rs-layer.rs-nointeraction:not(a),
.rs-layer.rs-nointeraction:not(a) {
pointer-events: none !important
}
rs-static-layers	{position:absolute; z-index:101; top:0px;left:0px; display: block; width: 100%;height: 100%; pointer-events: none; overflow: hidden} rs-static-layers.rs-stl-back {
z-index:0;
}
.rs-stl-visible{
overflow: visible !important;
}
.rs-layer rs-fcr 	{ width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom-width: 0 !important; border-top: 40px solid #00A8FF; position: absolute; right: 100%; top: 0px; }
.rs-layer rs-fcrt 	{ width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top-width: 0 !important; border-bottom: 40px solid #00A8FF; position: absolute; right: 100%; top: 0px; }
.rs-layer rs-bcr 	{ width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; border-top-width: 0 !important; position: absolute; left: 100%; top: 0px; }
.rs-layer rs-bcrt 	{ width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; border-bottom-width: 0 !important; position: absolute; left: 100%; top: 0px; }
.tp-layer-inner-rotation {
position: relative !important;
} img.tp-slider-alternative-image	{
width:100%; height:auto;
} .noFilterClass {
filter:none !important;
} rs-bgvideo 			{	position: absolute;top:0px;left:0px; width:100%;height:100%;z-index: 0; display: block}
.rs-layer.rs-fsv	{	top:0px;left:0px;  position:absolute;width:100%;height:100%}
.rs-layer.rs-fsv audio,
.rs-layer.rs-fsv video,
.rs-layer.rs-fsv iframe,
.rs-layer.rs-fsv iframe audio,
.rs-layer.rs-fsv iframe video	{ width:100%; height:100% ; }
.rs-fsv video				{	background: #000}
.fullcoveredvideo rs-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.videoisplaying .html5vid rs-poster	{	display: none}
.tp-video-play-button					{
background:#000;
background:rgba(0,0,0,0.3);
border-radius:5px;
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
z-index: 3;
margin-top: -25px;
margin-left: -25px;
line-height: 50px !important;
text-align: center;
cursor: pointer;
width: 50px;
height:50px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
z-index: 4;
opacity: 0;
transition:opacity 300ms ease-out !important;
}
.rs-ISM .tp-video-play-button{
opacity: 1;
transition: none !important;
z-index: 6;
}
.rs-audio .tp-video-play-button { display:none !important;}
.rs-layer .html5vid					{	width:100% !important; height:100% !important;}
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center !important; vertical-align: top; line-height: 50px !important; font-size: 30px !important;}
.rs-layer:hover .tp-video-play-button	{	opacity: 1; display:block; z-index: 6;}
.rs-layer .tp-revstop					{	display:none;width: 15px; border-right: 5px solid #fff !important; border-left:5px solid #fff !important; transform: translateX(50%) translateY(50%);height: 20px;margin-left: 11px !important;margin-top: 5px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:block}
.videoisplaying  .tp-video-play-button			{	display:none}
.fullcoveredvideo .tp-video-play-button			{	display:none !important}
.rs-fsv .rs-fsv audio 		{	object-fit:contain !important;}
.rs-fsv .rs-fsv video 		{	object-fit:contain !important;}
.rs-layer-video .html5vid.hidefullscreen video::-webkit-media-controls-fullscreen-button  { display: none; }
@supports not (-ms-high-contrast:none) { .rs-fsv .fullcoveredvideo audio 		{	object-fit:cover !important;}
.rs-fsv .fullcoveredvideo video 		{	object-fit:cover !important;}
}
.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}
.rs-nolc .tp-video-play-button,
rs-bgvideo video::-webkit-media-controls-start-playback-button,
rs-bgvideo video::-webkit-media-controls,
rs-bgvideo audio::-webkit-media-controls { display:none !important;}
.rs-audio .tp-video-controls {	opacity: 1 !important; visibility: visible !important}
rs-module h1.rs-layer,
rs-module h2.rs-layer,
rs-module h3.rs-layer,
rs-module h4.rs-layer,
rs-module h5.rs-layer,
rs-module h6.rs-layer,
rs-module div.rs-layer,
rs-module span.rs-layer,
rs-module p.rs-layer 	{	margin:0; padding:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;}
rs-module h1.rs-layer:before,
rs-module h2.rs-layer:before,
rs-module h3.rs-layer:before,
rs-module h4.rs-layer:before,
rs-module h5.rs-layer:before,
rs-module h6.rs-layer:before { content: none; } rs-dotted						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3;display:block;pointer-events: none}
rs-sbg-wrap rs-dotted 			{ z-index: 31 }
rs-dotted.twoxtwo				{	background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/gridtile.png)}
rs-dotted.twoxtwowhite			{	background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png)}
rs-dotted.threexthree			{	background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png)}
rs-dotted.threexthreewhite		{	background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png)} .tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 	{	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}
.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
z-index: -2;
position: absolute;
content: "";
bottom: 10px;
left: 10px;
width: 50%;
top: 85%;
max-width:300px;
background: transparent;
box-shadow: 0 15px 10px rgba(0,0,0,0.8);
transform: rotate(-3deg);
}
.tp-shadow2:after,
.tp-shadow4:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}
.tp-shadow5
{
position:relative;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
content:"";
position:absolute;
z-index:-2;
box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
top:30%;
bottom:0;
left:20px;
right:20px;
border-radius:100px / 20px;
} .rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none; text-decoration: none !important;  box-sizing:border-box;  cursor: pointer;}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase;  }
.rev-btn  i								{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out;  margin-left:0px; line-height: inherit}
.rev-btn.rev-hiddenicon i				{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;} .rev-burger {
position: relative;
box-sizing: border-box;
padding: 22px 14px 22px 14px;
border-radius: 50%;
border: 1px solid rgba(51,51,51,0.25);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.rev-burger span {
display: block;
width: 30px;
height: 3px;
background: #333;
transition: .7s;
pointer-events: none;
transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
margin: 3px 0;
}
.quick_style_example_wrap .rev-burger:hover :first-child,
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
transform: translateY(6px) rotate(-45deg);
}
.quick_style_example_wrap .rev-burger:hover :nth-child(2),
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
transform: rotate(-45deg);
opacity: 0;
}
.quick_style_example_wrap .rev-burger:hover :last-child,
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
transform: translateY(-6px) rotate(-135deg);
}
.rev-burger.revb-white {
border: 2px solid rgba(255,255,255,0.2);
}
.rev-b-span-light span,
.rev-burger.revb-white span {
background: #fff;
}
.rev-burger.revb-whitenoborder {
border: 0;
}
.rev-burger.revb-whitenoborder span {
background: #fff;
}
.rev-burger.revb-darknoborder {
border: 0;
}
.rev-b-span-dark span,
.rev-burger.revb-darknoborder span {
background: #333;
}
.rev-burger.revb-whitefull {
background: #fff;
border:none;
}
.rev-burger.revb-whitefull span {
background:#333;
}
.rev-burger.revb-darkfull {
background: #333;
border:none;
}
.rev-burger.revb-darkfull span {
background:#fff;
} @keyframes rev-ani-mouse {
0% {opacity: 1;top: 29%;}
15% {opacity: 1;top: 70%;}
50% {opacity: 0;top: 70%;}
100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
display: inline-block;
position: relative;
left: 0;
right: 0;
text-align: center;
cursor: pointer;
width:35px;
height:55px;
box-sizing: border-box;
border: 3px solid white;
border-radius: 23px;
}
.rev-scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
opacity: 0.8;
}
.rev-scroll-btn.revs-fullwhite  {
background:#fff;
}
.rev-scroll-btn.revs-fullwhite span {
background: #333;
}
.rev-scroll-btn.revs-fulldark  {
background:#333;
border:none;
}
.rev-scroll-btn.revs-fulldark  span {
background: #fff;
}
.rev-scroll-btn span {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
border-radius: 50%;
animation: rev-ani-mouse 2.5s linear infinite;
background: #fff;
}
.rev-scroll-btn.rev-b-span-dark {
border-color:#333;
}
.rev-scroll-btn.rev-b-span-dark span,
.rev-scroll-btn.revs-dark span {
background: #333;
}
.rev-control-btn {
position: relative;
display: inline-block;
z-index: 5;
color: #FFF;
font-size: 20px;
line-height: 60px;
font-weight: 400;
font-style: normal;
font-family: Raleway;
text-decoration: none;
text-align: center;
background-color: #000;
border-radius: 50px;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.50);
width:60px;
height:60px;
box-sizing: border-box;
cursor: pointer;
}
.rev-cbutton-dark-sr	{
border-radius: 3px;
}
.rev-cbutton-light	{
color: #333;
background-color: rgba(255,255,255, 0.75);
}
.rev-cbutton-light-sr	{
color: #333;
border-radius: 3px;
background-color: rgba(255,255,255, 0.75);
}
.rev-sbutton {
line-height: 37px;
width:37px;
height:37px;
}
.rev-sbutton-blue	{
background-color: #3B5998
}
.rev-sbutton-lightblue	{
background-color: #00A0D1;
}
.rev-sbutton-red	{
background-color: #DD4B39;
} rs-progress						{	visibility: hidden; position:absolute; z-index:200;width:100%;height:100%;}
rs-progress-bar,
.rs-progress-bar				{ 	display:block;z-index: 20;box-sizing: border-box;background-clip: content-box;position: absolute;line-height:0px;width:100%;height:100%;}
rs-progress-bgs 				{ 	display:block;z-index: 15;box-sizing: border-box; width: 100%; position: absolute; height: 100%; top: 0px; left: 0px; }
rs-progress-bg					{	display:block;background-clip: content-box; position: absolute;width:100%;height:100%;}
rs-progress-gap					{	display:block;background-clip: content-box; position: absolute;width:100%;height:100%;}
rs-progress-vis 				{ 	display:block;width: 100%;height: 100%; position: absolute;top: 0px;left: 0px } .rs-layer img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .rs-layer.slidelink { cursor:pointer;width:100%;height:100%; }
.rs-layer.slidelink a {	width:100%;height:100%;display:block}
.rs-layer.slidelink a div {	width:3000px; height:1500px;  background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.rs-layer.slidelink a span{	background:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat; width:100%;height:100%;display:block}  .rs-layer .rs-starring				{	display: inline-block}
.rs-layer .rs-starring .star-rating {
float: none;
display: inline-block;
vertical-align: top;
color: #FFC321 !important;
}
.rs-layer .rs-starring .star-rating,
.rs-layer .rs-starring-page .star-rating {
position: relative;
height: 1em;
width: 5.4em;
font-family: star;
font-size: 1em !important;
}
.rs-layer  .rs-starring .star-rating:before,
.rs-layer  .rs-starring-page .star-rating:before {
content: "\73\73\73\73\73";
color: #E0DADF;
float: left;
top: 0;
left: 0;
position: absolute;
}
.rs-layer .rs-starring .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
font-size: 1em !important;
}
.rs-layer .rs-starring .star-rating span:before,
.rs-layer .rs-starring .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
} rs-loader 	{
top:50%; left:50%;
z-index:10000;
position:absolute;
}
rs-loader.off {
display: none !important;
}
rs-loader.spinner0 {
width: 40px;
height: 40px;
background-color: #fff;
background-image:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/loader.gif);
background-repeat:no-repeat;
background-position: center center;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
}
rs-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
}
rs-loader.spinner5 	{
background-image:url(//www.qiraatcompetition.com/wp-content/plugins/revslider/public/assets/assets/loader.gif);
background-repeat:no-repeat;
background-position:10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
}
@keyframes tp-rotateplane {
0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
rs-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@keyframes tp-scaleout {
0% {transform: scale(0.0);}
100% {transform: scale(1.0);opacity: 0;}
}
rs-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
rs-loader.spinner3 .bounce1,
rs-loader.spinner3 .bounce2,
rs-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
animation: tp-bouncedelay 1.4s infinite ease-in-out; animation-fill-mode: both;
}
rs-loader.spinner3 .bounce1 {
animation-delay: -0.32s;
}
rs-loader.spinner3 .bounce2 {
animation-delay: -0.16s;
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {transform: scale(0.0);}
40% {transform: scale(1.0);}
}
rs-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
animation: tp-rotate 2.0s infinite linear;
}
rs-loader.spinner4 .dot1,
rs-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
rs-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
animation-delay: -1.0s;
}
@keyframes tp-rotate { 100% { transform: rotate(360deg);}}
@keyframes tp-bounce {
0%, 100% {transform: scale(0.0);}
50% { transform: scale(1.0);}
}
rs-layer iframe { visibility:hidden;}
rs-layer.rs-ii-o iframe { visibility: visible; }
rs-layer input[type="text"],
rs-layer input[type="email"],
rs-layer input[type="url"],
rs-layer input[type="password"],
rs-layer input[type="search"],
rs-layer input[type="number"],
rs-layer input[type="tel"],
rs-layer input[type="range"],
rs-layer input[type="date"],
rs-layer input[type="month"],
rs-layer input[type="week"],
rs-layer input[type="time"],
rs-layer input[type="datetime"],
rs-layer input[type="datetime-local"] { display: inline-block }
rs-layer input::placeholder { vertical-align: middle; line-height: inherit !important}
a.rs-layer { transition: none } rs-thumbs-wrap,
rs-tabs-wrap,
rs-thumbs,
rs-thumb,
rs-tab,
rs-bullet,
rs-bullets,
rs-navmask,
rs-tabs,
rs-arrow 					{	display:block; pointer-events: all;} .tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; }
.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}
.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;}
.tp-arr-imgholder,
rs-poster,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}
rs-poster 						 { cursor:pointer; z-index:3; }
.tp-tab.rs-touchhover,
.tp-tab.selected,
.tp-thumb.rs-touchhover,
.tp-thumb.selected				{	opacity:1;}
.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; }
.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; }
.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet.rs-touchhover				{	background:#fff;}
.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows.rs-touchhover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; }  .rs-layer [class^="pe-7s-"]:before,
.rs-layer [class*=" pe-7s-"]:before,
.rs-layer [class^="pe-7s-"],
.rs-layer [class*=" pe-7s-"] {
width: auto;
margin: 0;
line-height: inherit;
box-sizing: inherit;
} rs-pzimg-wrap { display: block; }
body.rtl .rs-pzimg {left: 0 !important} .rs_fake_cube {transform-style:preserve-3d}
.rs_fake_cube,
.rs_fake_cube_wall { position:absolute; -webkit-backface-visibility:hidden; backface-visibility:hidden; left:0px; top:0px; z-index: 0 }
.rs-builder-mode rs-sbg-wrap canvas,
rs-sbg canvas { overflow: hidden; z-index: 5; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}
.dddwrapper { transform-style: flat;perspective: 10000px; } .rs_error_message_box { background: #111;width:800px;margin: 40px auto;padding: 40px 20px;text-align: center;font-family: "Open Sans",sans-serif}
.rs_error_message_oops {margin: 0px 0px 20px;line-height: 60px;font-size: 34px;color: #FFF;}
.rs_error_message_content {margin: 0px 0px 20px;line-height: 25px;font-size: 17px;color: #FFF;}
.rs_error_message_button {color: #fff !important;background: #333;display: inline-block;padding: 10px 15px;text-align: right;border-radius: 5px;cursor: pointer;text-decoration: none !important}
.rs_error_message_button:hover {  background:#5e35b1}
.hglayerinfo				   {position: fixed;bottom: 0px;left: 0px;color: #FFF;font-size: 12px;line-height: 20px;font-weight: 600;background: rgba(0, 0, 0, 0.75);padding: 5px 10px;z-index: 2000;white-space: normal;}
.hginfo 					   {position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .rs-layer:hover {border:1px dashed #c0392b !important;}
.helpgrid 					   {border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
#revsliderlogloglog				{padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;} .aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-image:radial-gradient(circle,40%, #d4a9af 55%,#000 150%);mix-blend-mode:overlay}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,rs-pzimg-wrap.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:absolute;}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:30}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:40}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
.willow::after{background-color:#d8cdcb;mix-blend-mode: color}
.rs-safari .willow:after{background-color: rgba(100, 0, 0, 0.2);} @media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
.willow{filter:grayscale(1) contrast(.95) brightness(.9)}
.willow::after{background-color:transparent;}
}}
rs-pzimg-wrap.perpetua:before,rs-pzimg-wrap.perpetua:after,rs-pzimg-wrap.nashville:before,rs-pzimg-wrap.nashville:after,rs-pzimg-wrap.xpro2:before,rs-pzimg-wrap.xpro2:after,rs-pzimg-wrap._1977:after,rs-pzimg-wrap._1977:before,rs-pzimg-wrap.aden:after,rs-pzimg-wrap.aden:before,rs-pzimg-wrap.brooklyn:after,rs-pzimg-wrap.brooklyn:before,rs-pzimg-wrap.clarendon:after,rs-pzimg-wrap.clarendon:before,rs-pzimg-wrap.earlybird:after,rs-pzimg-wrap.earlybird:before,rs-pzimg-wrap.gingham:after,rs-pzimg-wrap.gingham:before,rs-pzimg-wrap.hudson:after,rs-pzimg-wrap.hudson:before,rs-pzimg-wrap.inkwell:after,rs-pzimg-wrap.inkwell:before,rs-pzimg-wrap.lark:after,rs-pzimg-wrap.lark:before,rs-pzimg-wrap.lofi:after,rs-pzimg-wrap.lofi:before,rs-pzimg-wrap.mayfair:after,rs-pzimg-wrap.mayfair:before,rs-pzimg-wrap.moon:after,rs-pzimg-wrap.moon:before,rs-pzimg-wrap.reyes:after,rs-pzimg-wrap.reyes:before,rs-pzimg-wrap.rise:after,rs-pzimg-wrap.rise:before,rs-pzimg-wrap.slumber:after,rs-pzimg-wrap.slumber:before,rs-pzimg-wrap.toaster:after,rs-pzimg-wrap.toaster:before,rs-pzimg-wrap.walden:after,rs-pzimg-wrap.walden:before,rs-pzimg-wrap.willow:after,rs-pzimg-wrap.willow:before,rs-pzimg-wrap:before,rs-pzimg-wrap:after {height:500%;width:500%} rs-loader.spinner6{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner6 .rs-spinner-inner{width:100%;height:100%;display:inline-block;-webkit-animation:rs-revealer-6 1.4s linear infinite;animation:rs-revealer-6 1.4s linear infinite}rs-loader.spinner6 .rs-spinner-inner span{position:absolute;vertical-align:top;border-radius:100%;display:inline-block;width:8px;height:8px;margin-left:16px;transform-origin:center 20px;-webkit-transform-origin:center 20px}rs-loader.spinner6 .rs-spinner-inner span:nth-child(2){transform:rotate(36deg);-webkit-transform:rotate(36deg);opacity:.1}rs-loader.spinner6 .rs-spinner-inner span:nth-child(3){transform:rotate(72deg);-webkit-transform:rotate(72deg);opacity:.2}rs-loader.spinner6 .rs-spinner-inner span:nth-child(4){transform:rotate(108deg);-webkit-transform:rotate(108deg);opacity:.3}rs-loader.spinner6 .rs-spinner-inner span:nth-child(5){transform:rotate(144deg);-webkit-transform:rotate(144deg);opacity:.4}rs-loader.spinner6 .rs-spinner-inner span:nth-child(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:.5}rs-loader.spinner6 .rs-spinner-inner span:nth-child(7){transform:rotate(216deg);-webkit-transform:rotate(216deg);opacity:.6}rs-loader.spinner6 .rs-spinner-inner span:nth-child(8){transform:rotate(252deg);-webkit-transform:rotate(252deg);opacity:.7}rs-loader.spinner6 .rs-spinner-inner span:nth-child(9){transform:rotate(288deg);-webkit-transform:rotate(288deg);opacity:.8}rs-loader.spinner6 .rs-spinner-inner span:nth-child(10){transform:rotate(324deg);-webkit-transform:rotate(324deg);opacity:.9}@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner7{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner7 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;border-radius:100%;border:2px solid;-webkit-animation:rs-revealer-7 .8s linear infinite;animation:rs-revealer-7 .8s linear infinite}@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner8{width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner8 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;text-align:left}rs-loader.spinner8 .rs-spinner-inner span{position:absolute;display:inline-block;width:100%;height:100%;border-radius:100%;-webkit-animation:rs-revealer-8 1.6s linear infinite;animation:rs-revealer-8 1.6s linear infinite}rs-loader.spinner8 .rs-spinner-inner span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}rs-loader.spinner9{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner9 .rs-spinner-inner span{display:block;width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-9 2s infinite ease-in-out;animation:rs-revealer-9 2s infinite ease-in-out}rs-loader.spinner9 .rs-spinner-inner span:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}rs-loader.spinner10{width:54px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner10 .rs-spinner-inner{width:100%;height:100%;text-align:center;font-size:10px}rs-loader.spinner10 .rs-spinner-inner span{display:block;height:100%;width:6px;display:inline-block;-webkit-animation:rs-revealer-10 1.2s infinite ease-in-out;animation:rs-revealer-10 1.2s infinite ease-in-out}rs-loader.spinner10 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}rs-loader.spinner11{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner11 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner11 .rs-spinner-inner span{display:block;width:33%;height:33%;background-color:#333;float:left;-webkit-animation:rs-revealer-11 1.3s infinite ease-in-out;animation:rs-revealer-11 1.3s infinite ease-in-out}rs-loader.spinner11 .rs-spinner-inner span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}rs-loader.spinner12{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner12 .rs-spinner-inner{width:100%;height:100%;-webkit-animation:rs-revealer-12 1s infinite linear;animation:rs-revealer-12 1s infinite linear}@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}rs-loader.spinner13{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner13 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner13 .rs-spinner-inner span{display:block;width:40%;height:40%;position:absolute;border-radius:50%;-webkit-animation:rs-revealer-13 2s ease infinite;animation:rs-revealer-13 2s ease infinite}rs-loader.spinner13 .rs-spinner-inner span:nth-child(1){animation-delay:-1.5s;-webkit-animation-delay:-1.5s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(2){animation-delay:-1s;-webkit-animation-delay:-1s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(3){animation-delay:-.5s;-webkit-animation-delay:-.5s}@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}rs-loader.spinner14{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner14 .rs-spinner-inner{width:100%;height:100%;animation:rs-revealer-14 1s infinite linear}rs-loader.spinner14 .rs-spinner-inner span{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;margin:-8px}rs-loader.spinner14 .rs-spinner-inner span:nth-child(1){-webkit-animation:rs-revealer-14-1 2s infinite;animation:rs-revealer-14-1 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(2){-webkit-animation:rs-revealer-14-2 2s infinite;animation:rs-revealer-14-2 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(3){-webkit-animation:rs-revealer-14-3 2s infinite;animation:rs-revealer-14-3 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(4){-webkit-animation:rs-revealer-14-4 2s infinite;animation:rs-revealer-14-4 2s infinite}@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}rs-loader.spinner15{width:40px;height:40px;margin-top:-4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner15 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner15 .rs-spinner-inner span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-15 1.8s infinite ease-in-out;animation:rs-revealer-15 1.8s infinite ease-in-out}rs-loader.spinner15 .rs-spinner-inner:last-child{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}} .bgcanvas { display: none; position: absolute; overflow: hidden; } .RSscrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
} .avada-has-rev-slider-styles .rev_slider_wrapper {
transform:none;
}