@keyframes cresci {
0% { transform: scale( 0 ); }
100% { transform: scale( 1 ); }
} @keyframes dondolashort {
0% { transform: rotate( -5deg ); }
100% { transform: rotate( 5deg ); }
}
@keyframes dondola {
0% { transform: rotate( -25deg ); }
100% { transform: rotate( 25deg ); }
}
@keyframes dondolalong {
0% { transform: rotate( -45deg ); }
100% { transform: rotate( 45deg ); }
} @keyframes pulsashort {
0% { transform: scale( 0.98 ); }
100% { transform: scale( 1.02 ); }
}
@keyframes pulsa {
0% { transform: scale( 0.93 ); }
100% { transform: scale( 1.07 ); }
}
@keyframes pulsalong {
0% { transform: scale( 0.85 ); }
100% { transform: scale( 1.15 ); }
} @keyframes dondolashort {
0% { transform: rotate( -5deg ); }
100% { transform: rotate( 5deg ); }
}
@keyframes dondola {
0% { transform: rotate( -25deg ); }
100% { transform: rotate( 25deg ); }
}
@keyframes dondolalong {
0% { transform: rotate( -45deg ); }
100% { transform: rotate( 45deg ); }
} @keyframes galleggiashort {
0% { transform: translateY( -5% ); }
100% { transform: translateY( 5% ); }
}
@keyframes galleggia {
0% { transform: translateY( -12% ); }
100% { transform: translateY( 12% ); }
}
@keyframes galleggialong {
0% { transform: translateY( -25% ); }
100% { transform: translateY( 25% ); }
} @keyframes attraversa {
0% { transform: translateX( calc( -50vw - 50% - 100px ) ); }
100% { transform: translateX( calc( +50vw + 50% + 100px ) ); }
} @keyframes risali-o-affondashort {
0% { transform: translateY( 70% ); }
100% { transform: translateY( 0 ); }
}
@keyframes risali-o-affonda {
0% { transform: translateY( 150% ); }
100% { transform: translateY( 0 ); }
}
@keyframes risali-o-affondalong {
0% { transform: translateY( 300% ); }
100% { transform: translateY( 0 ); }
} @keyframes saltellashort {
0% {transform: translateY(0%);}
20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-15px);}
60% {transform: translateY(-7px);}
}
@keyframes saltella {
0% {transform: translateY(0%);}
20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
@keyframes saltellalong {
0% {transform: translateY(0%);}
20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-60px);}
60% {transform: translateY(-30px);}
} @keyframes rotolashort {
0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -90deg ); }
100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 90deg ); }
}
@keyframes rotola {
0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -270deg ); }
100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 270deg ); }
}
@keyframes rotolalong {
0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -450deg ); }
100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 450deg ); }
} @keyframes girashort {
0% { transform: rotate( 0deg ); }
100% { transform: rotate( 360deg ); }
}
@keyframes gira {
0% { transform: rotate( 0deg ); }
100% { transform: rotate( 360deg ); }
}
@keyframes giralong {
0% { transform: rotate( 0deg ); }
100% { transform: rotate( 360deg ); }
} @keyframes brillashort {
0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
50% { box-shadow: 0 0 50px rgba(232,189,109,0.88); }
100% { box-shadow: 0 0 100px rgba(232,189,109,0); }
}
@keyframes brilla {
0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
50% { box-shadow: 0 0 200px rgba(232,189,109,0.88); }
100% { box-shadow: 0 0 300px rgba(232,189,109,0); }
}
@keyframes brillalong {
0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
50% { box-shadow: 0 0 300px rgba(232,189,109,0.88); }
100% { box-shadow: 0 0 700px rgba(232,189,109,0); }
}
@keyframes brilla1 {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}  @keyframes exitToRight {
0% { transform: translate(0,0); }
100% { transform: translateX(100%); }
} @keyframes enterFromRight {
0% { transform: translate(100%,0); }
100% { transform: translateX(0); }
} @keyframes exitToLeft {
0% { transform: translate(0,0); }
100% { transform: translateX(-100%); }
} @keyframes enterFromLeft {
0% { transform: translate(-100%,0); }
100% { transform: translateX(0); }
}  @keyframes exitToTop {
0% { transform: translate(0,0); }
100% { transform: translateY(-100%); }
} @keyframes enterFromTop {
0% { transform: translate(0,-100%); }
100% { transform: translateY(0); }
} @keyframes exitToBottom {
0% { transform: translate(0,0); }
100% { transform: translateY(100%); }
} @keyframes enterFromBottom {
0% { transform: translate(0,100%); }
100% { transform: translateY(0); }
} @keyframes exitToScaleBack {
0% { transform: scale(1);}
30% { opacity: 1; }
99% { visibility: visible; }
100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes exitToScaleFront {
0% { transform: scale(1);}
30% { opacity: 1; }
99% { visibility: visible; }
100% { transform: scale(1.3); opacity: 0; visibility: hidden;}
}
@keyframes enterFormScaleBack {
0% { transform: perspective(1500px) translateZ(-500px); visibility: visible; opacity: 0;}
100% { transform: perspective(1500px) translateZ(0); opacity: 1;}
}
@keyframes enterFormScaleFront {
0% { transform: perspective(1500px) translateZ(500px); visibility: visible; opacity: 0;}
100% { transform: perspective(1500px) translateZ(0); opacity: 1;}
} @keyframes exitToFade {
0% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes enterFromFade {
0% { opacity: 0;}
100% { opacity: 1;}
}
@keyframes exitQuit {
0% { transform: scale(1); opacity: 1; visibility: visible;}
100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes enterQuit {
0% { transform: scale(0.5); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes loadAnim {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @-webkit-keyframes flipOutRight {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInLeft {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
to { -webkit-transform: perspective(1500px) translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInLeft {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
to { -webkit-transform: perspective(1500px) translateZ(0px) rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes flipOutLeft {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeft {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); transform: perspective(1500px) translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInRight {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
to { -webkit-transform: perspective(1500px) translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInRight {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); transform: perspective(1500px) translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
to { -webkit-transform: perspective(1500px) translateZ(0px) rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes flipOutTop {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTop {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInBottom {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottom {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipOutBottom {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
from { }
to { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); transform: perspective(1500px) translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInTop {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
from { -webkit-transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); transform: perspective(1500px) translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}  @keyframes noneOut {
0% { display: block; }
100% { display: none; }
}
@keyframes noneIn {
0% { display: none; }
100% { display: block; }
}
@keyframes noneOutPopup {
0% { display: block; }
100% { display: none; }
}
@keyframes noneInPopup {
0% { display: none; }
100% { display: block; }
}
@keyframes exitToRightPopup {
0% { transform: translate(0,0); }
100% { transform: translateX(100vw); }
} @keyframes enterFromRightPopup {
0% { transform: translate(100vw,0); }
100% { transform: translateX(0); }
} @keyframes exitToLeftPopup {
0% { transform: translate(0,0); }
100% { transform: translateX(-100vw); }
} @keyframes enterFromLeftPopup {
0% { transform: translate(-100vw,0); }
100% { transform: translateX(0); }
}  @keyframes exitToTopPopup {
0% { transform: translate(0,0); }
100% { transform: translateY(-100vh); }
} @keyframes enterFromTopPopup {
0% { transform: translate(0,-100vh); }
100% { transform: translateY(0); }
} @keyframes exitToBottomPopup {
0% { transform: translate(0,0); }
100% { transform: translateY(100vh); }
} @keyframes enterFromBottomPopup {
0% { transform: translate(0,100vh); }
100% { transform: translateY(0); }
} @keyframes exitToScaleBackPopup {
0% { transform: scale(1);}
30% { opacity: 1; }
99% { visibility: visible; }
100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes exitToScaleFrontPopup {
0% { transform: scale(1);}
30% { opacity: 1; }
99% { visibility: visible; }
100% { transform: scale(1.3); opacity: 0; visibility: hidden;}
}
@keyframes enterFormScaleBackPopup {
0% { transform: translateZ(-500px); visibility: visible; opacity: 0;}
100% { transform: translateZ(0); opacity: 1;}
}
@keyframes enterFormScaleFrontPopup {
0% { transform: translateZ(500px); visibility: visible; opacity: 0;}
100% { transform: translateZ(0); opacity: 1;}
} @keyframes exitToFadePopup {
0% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes enterFromFadePopup {
0% { opacity: 0;}
100% { opacity: 1;}
}
@keyframes exitQuitPopup {
0% { transform: scale(1); opacity: 1; visibility: visible;}
100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes enterQuitPopup {
0% { transform: scale(0.5); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes loadAnimPopup {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @-webkit-keyframes flipOutRightPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRightPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInLeftPopup {
from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInLeftPopup {
from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes flipOutLeftPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeftPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInRightPopup {
from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInRightPopup {
from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes flipOutTopPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTopPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInBottomPopup {
from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottomPopup {
from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipOutBottomPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottomPopup {
from { }
to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-webkit-keyframes flipInTopPopup {
from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTopPopup {
from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}.thegem-heading {
position: relative;
}
.thegem-heading.thegem-heading-animate:not(.thegem-heading-animated ) {
opacity: 0 !important;
}
.thegem-heading .thegem-heading-line-wrap {
display: block;
overflow: hidden;
}
.thegem-heading .thegem-heading-word-wrap,
.thegem-heading .thegem-heading-letter-wrap {
display: inline-flex;
overflow: hidden;
}
.thegem-heading .thegem-heading-word {
display: inline-flex;
white-space: nowrap;
} .thegem-heading.lines-slide-up.thegem-heading-animated .thegem-heading-line {
animation-name: thegemHeadingLinesSlideUp;
transform: translateY(100%);
display: inline-block;
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0,1,0.3,1);
}
@keyframes thegemHeadingLinesSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.lines-slide-up-random.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingLinesSlideUpRandom;
transform: translateY(100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
@keyframes thegemHeadingLinesSlideUpRandom {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-up.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideUp;
transform: translateY(100%);
animation-fill-mode: forwards;
animation-duration: 1000ms;
animation-timing-function: cubic-bezier(0.3, 1.7, 0.4, 1);
}
@keyframes thegemHeadingWordsSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-left.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideLeft;
transform: translateX(100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes thegemHeadingWordsSlideLeft {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.words-slide-right.thegem-heading-animated .thegem-heading-word {
animation-name: thegemHeadingWordsSlideRight;
transform: translateX(-100%);
animation-fill-mode: forwards;
animation-duration: 1200ms;
animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
@keyframes thegemHeadingWordsSlideRight {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
} .thegem-heading.letters-slide-up.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingLettersSlideUp;
position: relative;
transform: translateY(100%);
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 350ms;
animation-timing-function: cubic-bezier(0.3, 1.7, 0.4, 1);
}
@keyframes thegemHeadingLettersSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
} .thegem-heading.typewriter.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingTypewriter;
position: relative;
opacity: 0;
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 0ms;
animation-timing-function: inherit;
}
@keyframes thegemHeadingTypewriter {
from { opacity: 1; }
to { opacity: 1; }
} .thegem-heading.letters-scale-out.thegem-heading-animated .thegem-heading-letter {
animation-name: thegemHeadingLettersScaleOut;
position: relative;
transform: scale(1.5);
opacity: 0;
display: inline-flex;
animation-fill-mode: forwards;
animation-duration: 500ms;
animation-timing-function: cubic-bezier(0.3, 4, 0.4, 1);
}
@keyframes thegemHeadingLettersScaleOut {
from {
opacity: 0;
transform: scale(1.5);
}
to {
opacity: 1;
transform: scale(1);
}
} .thegem-heading-wrap {
position: relative;
display: inline-flex;
}
.thegem-heading.background-sliding {
display: inline-flex;
overflow: hidden;
position: relative;
z-index: 1;
}
.thegem-heading.background-sliding:before {
content: '';
transform-origin: left;
transform: scale(0, 1);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thegem-heading.background-sliding.thegem-heading-animated:before {
animation-name: thegemHeadingBackgroundSliding;
animation-duration: 700ms;
animation-fill-mode: forwards;
}
@keyframes thegemHeadingBackgroundSliding{
from {
transform: scale(0, 1);
}
to {
transform: scale(1, 1);
}
}
.thegem-heading.background-sliding .thegem-heading-text-wrap {
overflow: hidden;
transform: translateX(-105%);
position: relative;
z-index: 2;
}
.thegem-heading.thegem-heading-animated .thegem-heading-text-wrap {
transform: translateX(0%);
transition-property: transform;
transition-duration: 700ms;
}
.thegem-heading.background-sliding .thegem-heading-text {
transform: translateX(105%);
display: block;
position: relative;
z-index: 2;
}
.thegem-heading.thegem-heading-animated .thegem-heading-text {
transform: translateX(0%);
transition-property: transform;
transition-duration: inherit;
transition-delay: inherit;
transition-timing-function: inherit;
} .thegem-heading-rotating {
position: relative;
display: inline-flex;
overflow: hidden;
transition-property: width, color;
transition-timing-function: ease;
transition-duration: 500ms, 300ms;
}
.thegem-heading-rotating:before {
content: '\200b';
}
.thegem-heading-rotating-text {
position: relative;
top: 0;
left: 0;
opacity: 1;
overflow: hidden;
display: inline-flex;
white-space: nowrap;
transition-property: width, opacity;
transition-timing-function: ease;
transition-duration: 500ms;
}
.thegem-heading-rotating[data-animation="fade"] .thegem-heading-rotating-text {
display: inline-block;
} .thegem-heading.thegem-heading-animated.fade-tb {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeTB;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeTB {
from {
transform: translate(0, -10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-bt {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeBT;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeBT {
from {
transform: translate(0, 10%);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-lr {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeLR;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@keyframes thegemHeadingFadeLR {
from {
transform: translate(-10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-rl {
animation-duration: .7s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeRL;
animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
@keyframes thegemHeadingFadeRL {
from {
transform: translate(10%, 0);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
} .thegem-heading.thegem-heading-animated.fade-simple {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: thegemHeadingFadeSimple;
}
@keyframes thegemHeadingFadeSimple {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
.thegem-heading.thegem-heading-animate-disable-desktop,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-desktop:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.thegem-heading.thegem-heading-animate-disable-tablet,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-tablet:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
@media screen and (max-width: 767px) {
.thegem-heading.thegem-heading-animate-disable-mobile,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-line,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-word,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-letter,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text-wrap,
.thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text,
.thegem-heading.thegem-heading-animate-disable-mobile:before {
animation: none !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}#page-preloader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
opacity: 0.98;
background: #2c2e3d;
}
.block-preloader.preloader,
.block-preloader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
height: auto;
}
.block-preloader + * {
overflow: visible !important;
}
.block-preloader.preloader + *:not(iframe) {
height: auto !important;
}
.block-preloader:after {
display: none;
}
#page-preloader.preloader-loaded .page-preloader-spin,
.block-preloader.preloader-loaded .page-preloader-spin {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#page-preloader.preloader-loaded,
.block-preloader.preloader-loaded {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.no-js #page-preloader,
.no-js .block-preloader {
display: none;
}
#page-preloader .page-preloader-spin,
.block-preloader .page-preloader-spin,
.preloader-spin {
position: absolute;
left: 50%;
top: 50%;
z-index: 1001;
width: 80px;
height: 80px;
margin: -40px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid transparent;
border-top-color: #b9b7ff;
-webkit-animation: PreloaderSpin 2s linear infinite;
animation: PreloaderSpin 2s linear infinite;
}
.preloader-spin {
border-top-color: #b9b7ff;
}
.block-preloader .page-preloader-spin {
top: 100px;
margin-top: 0;
}
#page-preloader .page-preloader-spin:before,
.block-preloader .page-preloader-spin:before,
.preloader-spin:before {
content: "";
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid transparent;
border-top-color: #00bcd4;
-webkit-animation: PreloaderSpin 3s linear infinite;
animation: PreloaderSpin 3s linear infinite;
}
.preloader-spin:before {
border-top-color: #00bcd4;
}
#page-preloader .page-preloader-spin:after,
.block-preloader .page-preloader-spin:after,
.preloader-spin:after {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid transparent;
border-top-color: #a3e7f0;
-webkit-animation: PreloaderSpin 1.5s linear infinite;
animation: PreloaderSpin 1.5s linear infinite;
}
.gem-fancybox-preloader .preloader-spin:after {
border-top-color: #a3e7f0;
}
.preloader-spin:after {
border-top-color: #7b97ab;
}
.fancybox-slide .gem-fancybox-preloader {
width: 150px;
height: 150px;
background: transparent;
margin: 0;
margin-top: -75px;
margin-left: -75px;
padding: 0;
}
@-webkit-keyframes PreloaderSpin {
0%   {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes PreloaderSpin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.portfolio-scroll-pagination .preloader-spin {
margin-top: -10px;
}
.blog-load-more-style-timeline-new .preloader-spin {
margin-top: -10px;
}
.gem-product-scroll-pagination .preloader-spin {
margin-top: -10px;
}
.preloader-spin-new {
position: absolute;
left: 50%;
top: 50%;
z-index: 1001;
width: 50px;
height: 50px;
margin: -25px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 2px solid #00bcd4;
border-top-color: transparent !important;
-webkit-animation: PreloaderSpin 1.3s linear infinite;
animation: PreloaderSpin 1.3s linear infinite;
}
.preloader.fullwidth-preloader:before {
content: '';
position: absolute;
width: 200%;
height: 100%;
left: 50%;
transform: translateX(-50%);
background-color: inherit;
}
.gem-blog-slider-preloader {
padding-bottom: 165%;
}
@media (min-width: 768px) {
.gem-blog-slider-preloader {
padding-bottom: 90%;
}
}
@media (min-width: 992px) {
.gem-blog-slider-preloader {
padding-bottom: 44.87%;
}
}