body.royal_preloader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    font-family: Arial;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Number Mode */

#royal_preloader.royal_preloader_number .royal_preloader_percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
}

/* Line Mode */

#royal_preloader.royal_preloader_line .royal_preloader_loader {
    position: absolute;
    height: 100%;
    left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
}

/* Text Mode */

#royal_preloader.royal_preloader_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    letter-spacing: 3px;
    font-size: 16px;
    white-space: nowrap;
	font-family: "FFDINWebPro", sans-serif;
	-webkit-animation-name: color-transition;
	animation-name: color-transition;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-direction: linear;
	animation-direction: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Scale Text Mode */

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    letter-spacing: 3px;
    font-size: 16px;
    white-space: nowrap;
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span.loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
}

/* Logo Mode */

#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

/* Progress Mode */

#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #ef432a;
    color: rgba(239, 67, 42, 1);
    font-family: "FFDINWebProBold", sans-serif;
	letter-spacing: 5px;
    font-size: 20px;
    text-align: center;
	-webkit-animation: text-color 2s linear infinite;
       -moz-animation: text-color 2s linear infinite;
        -ms-animation: text-color 2s linear infinite;
         -o-animation: text-color 2s linear infinite;
            animation: text-color 2s linear infinite;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 2px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.1);
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #ef432a;
	-webkit-animation: glow-flicker 2s linear infinite;
       -moz-animation: glow-flicker 2s linear infinite;
        -ms-animation: glow-flicker 2s linear infinite;
         -o-animation: glow-flicker 2s linear infinite;
            animation: glow-flicker 2s linear infinite;
}


@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0.5}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}
@-webkit-keyframes text-color {
  0% { opacity:0.1; color: #000000; }
  10% { opacity:0.1; color: #0f0403; }
  20% { opacity:0.2; color: #240a06; }
  30% { opacity:0.3; color: #3d110a; }
  40% { opacity:0.4; color: #5a1910; }
  50% { opacity:0.5; color: #772115; }
  60% { opacity:0.6; color: #95291b; }
  70% { opacity:0.7; color: #b1321f; }
  80% { opacity:0.8; color: #cb3924; }  
  90% { opacity:0.9; color: #e03f27; }
  100% { opacity:1; color: #ef432a; }
}
@-moz-keyframes text-color {
  0% { opacity:0.1; color: #000000; }
  10% { opacity:0.1; color: #0f0403; }
  20% { opacity:0.2; color: #240a06; }
  30% { opacity:0.3; color: #3d110a; }
  40% { opacity:0.4; color: #5a1910; }
  50% { opacity:0.5; color: #772115; }
  60% { opacity:0.6; color: #95291b; }
  70% { opacity:0.7; color: #b1321f; }
  80% { opacity:0.8; color: #cb3924; }  
  90% { opacity:0.9; color: #e03f27; }
  100% { opacity:1; color: #ef432a; }
}
@-ms-keyframes text-color {
  0% { opacity:0.1; color: #000000; }
  10% { opacity:0.1; color: #0f0403; }
  20% { opacity:0.2; color: #240a06; }
  30% { opacity:0.3; color: #3d110a; }
  40% { opacity:0.4; color: #5a1910; }
  50% { opacity:0.5; color: #772115; }
  60% { opacity:0.6; color: #95291b; }
  70% { opacity:0.7; color: #b1321f; }
  80% { opacity:0.8; color: #cb3924; }  
  90% { opacity:0.9; color: #e03f27; }
  100% { opacity:1; color: #ef432a; }
}
@-o-keyframes text-color {
  0% { opacity:0.1; color: #000000; }
  10% { opacity:0.1; color: #0f0403; }
  20% { opacity:0.2; color: #240a06; }
  30% { opacity:0.3; color: #3d110a; }
  40% { opacity:0.4; color: #5a1910; }
  50% { opacity:0.5; color: #772115; }
  60% { opacity:0.6; color: #95291b; }
  70% { opacity:0.7; color: #b1321f; }
  80% { opacity:0.8; color: #cb3924; }  
  90% { opacity:0.9; color: #e03f27; }
  100% { opacity:1; color: #ef432a; }
}
@keyframes text-color {
  0% { opacity:0.1; color: #000000; }
  10% { opacity:0.1; color: #0f0403; }
  20% { opacity:0.2; color: #240a06; }
  30% { opacity:0.3; color: #3d110a; }
  40% { opacity:0.4; color: #5a1910; }
  50% { opacity:0.5; color: #772115; }
  60% { opacity:0.6; color: #95291b; }
  70% { opacity:0.7; color: #b1321f; }
  80% { opacity:0.8; color: #cb3924; }  
  90% { opacity:0.9; color: #e03f27; }
  100% { opacity:1; color: #ef432a; }
}
@-webkit-keyframes color-transition {
	0% { color: #000000; text-shadow: 0px 0px 3px rgb(239, 67, 42); }
	33% { color: #3d110a; text-shadow: 0px 0px 6px rgb(239, 67, 42); }
	66% { color: #95291b; text-shadow: 0px 0px 9px rgb(239, 67, 42); }
	100% { color: #ef432a; text-shadow: 0px 0px 12px rgb(239, 67, 42); }
}
@keyframes color-transition {
	0% { color: #000000; text-shadow: 0px 0px 3px rgb(239, 67, 42); }
	33% { color: #3d110a; text-shadow: 0px 0px 6px rgb(239, 67, 42); }
	66% { color: #95291b; text-shadow: 0px 0px 9px rgb(239, 67, 42); }
	100% { color: #ef432a; text-shadow: 0px 0px 12px rgb(239, 67, 42); }
}
@keyframes glow-flicker {
  0% { opacity:0.1; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
  20% {opacity:0.5; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
  40% {opacity:1; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
  60% {opacity:0.5; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
  80% {opacity:0.1; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
  100% {opacity:1; text-shadow: 0px 0px 10px rgba(239, 67, 42, 1); }
}