.white {
    color: #fff;
}
.ubold {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}
.uregular {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}
.ulight {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}
body {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}
/* remove the original arrow */

select.input-custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
}
select + i.fa {
    float: right;
    margin-top: -25px;
    margin-right: 5px;
    /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
    
    pointer-events: none;
    /* everything after this is just to cover up the original arrow */
    /* (for browsers that don't support the syntax used above) */
    
    background-color: #fff;
    padding-right: 5px;
}
.topsection {
    background: #020202 url("../images/top-bg.jpg");
    background-size: cover;
}
/* -------------------------------------------------------------------------------------------------------------- */

.logo {
    padding: 80px;
    padding-top: 20px;
}
.toprow {
    background-color: #4CB5AC;
    height: 80px;
}
.slogan {
    color: #DDDDDD;
    font-size: 20px;
    font-weight: bold;
    font-family: 'ubuntulight';
    padding-top: 20px;
    z-index: 12;
}
.menu-icon span {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 20px;
    color: #C0C0C0;
}
.affix {
    top: 0;
    width: 100%;
    background-color: #4CB5AC;
    box-shadow: 0px -2px 10px #000;
    z-index: 1;
}
.affix h3 {
    margin-top: 10px;
    padding-top: 0px;
}
h3 {
    margin-top: 10px;
    padding-top: 0px;
}
.affix + .container {
    padding-top: 50px;
}
.main {
    background-image: url('../images/landingimage.jpg');
    background-position: center center;
    height: 750px;
}
.welcome {
    background-color: #1C252A;
    padding: 70px;
    color: #fff;
    font-size: 1.5em;
}
.function {
    color: #525D63;
    font-size: 1.1em;
    padding: 20px;
    padding-bottom: 40px;
}
.blog {
    padding: 40px;
    padding-left: 100px;
    padding-right: 100px;
    color: #525D63;
    font-size: 1.5em;
}
.blog h3 {
    padding: 20px;
    color: #525D63;
    margin-top: 0px;
}
.blog a {
    display: block;
}
.blog img {
    transition: padding 0.6s;
    padding-bottom: 20px;
    padding-right: 20px;
    background-color: #4CB5AC;
    transition-timing-function: ease;
}
.blog a:hover {
    text-decoration: none;
}
.blog a:hover img {
    transition: padding 0.2s;
    box-shadow: 0px 0px 10px #000;
    padding-top: 20px;
    padding-left: 20px;
}
.footer {
    background-color: #1C252A;
    padding: 40px;
    margin-top: 50px;
    color: #fff;
}
.footer .links a {
    display: block;
    transition: all 0.8s;
    padding: 5px;
    color: #fff;
    border-bottom: 1px solid #391466;
}
.footer .links a:hover {
    transition: all 0.2s;
    text-decoration: none;
    padding-left: 20px;
}
.copyright {
    padding: 20px;
    padding-left: 10px;
}
.copyright a {
    display: inline;
    color: #fff;
}
.copyright a:hover {
    color: #4CB5AC;
}
.circles {
    background-color: #4CB5AC;
    padding-top: 40px;
    padding-bottom: 50px;
    color: #fff;
}
.circles h4 {
    padding-bottom: 20px;
}
.logo {
    padding-top: 20px;
    padding-bottom: 20px;
}
.logo img {
    height: 60px;
}
.topmenuline {
    height: 20px;
    padding: 20px;
    color: #fff;
}
.topmenuline a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}
.menu a {
    transition: all 0.5s;
    display: inline-block;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
}
.menu a:hover,
.menu a.active {
    transition: all 1s;
    background-color: #F1E200;
    color: #615D5A;
    text-decoration: none;
}
.searchpanel {
    position: absolute;
    width: 100%;
    margin-top: 100px;
    top: 0;
    left: 0;
    z-index: 99;
}
.searchbox {
    margin-top: 50px;
    padding: 20px;
    background-image: url('../images/blackol.png');
}
.btn-xs {
    margin: 5px;
}
.suggestions {
    display: none;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: 2px;
}
.owl-carousel .item {
    padding: 10px;
}
.owl-carousel h4 {
    padding: 10px;
    margin: 0px;
    color: #fff;
    background-color: #421675;
}
.footer {
    background-color: #421675;
    ;
    padding: 20px;
    color: #fff;
}
.footer .social a {
    display: inline-block;
    transition: all 0.8s;
    margin: 0px;
    color: #666;
    background-image: none;
}
.footer .social a:hover {
    transition: all 0.2s;
    text-decoration: none;
    color: #999;
}
.well {
    background-color: #fff;
}
.form-control {
    border-radius: 0px;
}
.steps{
  padding-top: 30px;padding-bottom: 30px;
}
.searchbox h1 small{
  font-size: 0.5em;
}
.error{
  font-weight: 300;
  color: #d00;
  font-size: 12px;
}
.topcontact{
    margin:0px;padding:10px;text-align:right;font-weight:400;color:#615D5A;font-size:2.2em;
}
.padding100{
    padding-top:100px;padding-bottom:100px;
}
.padbt{
    padding-bottom:100px;
}
@media screen and (min-width: 992px) {
    .menu-icon {
        display: none;
    }
    .submenu {
        position: absolute;
        z-index: 5;
        opacity: 0;
        background-color: #fff;
        background-repeat: repeat-x;
        background-size: auto 100%;
        padding-bottom: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .submenu a {
        display: block;
        padding: 10px;
        margin: 0px;
        color: #525D63;
        font-size: 1em;
    }
    .submenu a:hover {
        background-color: #525D63;
        color: #fff;
    }
}
@media screen and (max-width: 720px) {
.topcontact{
    margin:0px;padding:5px;text-align:right;font-weight:400;color:#615D5A;font-size:1.1em;
}
.padding100{
    padding-top:50px;padding-bottom:50px;
}
.mmid{margin-top: 30px;
margin-bottom: 30px;}
}
.padbt{
    padding-bottom:30px;
}
@media screen and (max-width: 991px) {
    .menu {
        position: static;
        display: none;
        background-image: url('../images/purple.png');
        background-repeat: repeat-x;
        background-size: auto 100%;
        color: #fff;
        text-align: left !important;
    }
    .logo {
        padding: 10px;
        height: 40px;
    }
    .main {
        height: 800px;
    }
    .menu a {
      position: static;
        display: block;
        padding: 10px;
        margin: 0px;
    }
    .menu a:hover{
      background-color: #F1E200;
    }
    .welcome {
        padding: 20px;
    }
    .logo {
        padding-left: 10px;
        padding-right: 10px;
    }
    .submenu {
      position: static;
        display: block;
        padding-right: 20px;
    }
    .submenu a {
      position: static;
        display: block;
        padding: 10px;
        margin: 0px;
        padding-left: 20px;
        font-size: 1em;
        background-color: #421675;
    }
    .submenu a:hover{
      background-color: #601184;
    }
    .blog {
        padding: 30px;
    }
    .blog .img-responsive {
        margin-left: auto;
        margin-right: auto;
    }
    .footer * {
        text-align: center;
    }
    .searchpanel {
      background-color: #020202;
        position: static;
        margin-top: 0px;
    }
    .searchbox {
        margin-top: 0px;
        padding: 20px;
        background-image: url('../images/blackol.png');
    }
    h3.media-heading{
      font-size: 16px;
    }
    .fa-3x{
      font-size:2em;
    }
    .searchbox h1{
      font-size: 2em;
    }
    .searchbox h1 small{
       font-size: 0.4em;
     }
     .form-control{
      text-align: left;
     }
     .form-group .text-right{
      text-align: right;
     }
     .mobmenu{
      position: relative;
      z-index: 99999;
      background-color: #421675;
      text-align: left;
     }

    .toprow {
        background-color: #4CB5AC;
        height: auto;
    }
    .topmenuline{
        background-color: #421675;
        display: none;
    }
    .topmenuline a{
        display: block;
        background-color: #421675;
        padding:5px;
    }
    .modal{
        padding-top: 80px;
    }
}

.randomanchor{
    display: inline-block;

    transition: all 0.4s;
    padding: 5px;
    font-family: 'Pacifico', cursive;
    border-radius: 5px;
}
.randomanchor:hover{
    transition: all 0.4s;
    transform: scale(1.2);
    background-color: rgba(0,0,0,0.5);
    text-decoration: none;
}
.rcolor1{
    color: #421675;
}
.rcolor2{
    color: #CD0909;
}
.rcolor3{
    color: #2D2D2D;
}
.rcolor4{
    color: #ECB681;
}
.rcolor5{
    color: #438D9C;
}
.rcolor6{
    color: #A0664A;
}
.rsize1{
    font-size: 1em;
}
.rsize2{
    font-size: 1.4em;
}

.rsize3{
    font-size: 1.8em;
}

.rsize4{
    font-size: 2.2em;
}

.rsize5{
    font-size: 2.6em;
}

.rsize6{
    font-size: 3em;
}







































.cssload-preloader {
    position: absolute;
    left: 50%;
    font-size: 19px;
    display: block;
    width: 3.75em;
    height: 4.25em;
    margin-left: -1.875em;
    margin-top: -2.125em;
    transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
    transform: rotateY(180deg) rotateZ(-60deg);
        -o-transform: rotateY(180deg) rotateZ(-60deg);
        -ms-transform: rotateY(180deg) rotateZ(-60deg);
        -webkit-transform: rotateY(180deg) rotateZ(-60deg);
        -moz-transform: rotateY(180deg) rotateZ(-60deg);
}

.cssload-preloader .cssload-slice {
    border-top: 1.125em solid transparent;
    border-right: none;
    border-bottom: 1em solid transparent;
    border-left: 1.875em solid #f7484e;
    position: absolute;
    top: 0px;
    left: 50%;
    transform-origin: left bottom;
        -o-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
    border-radius: 3px 3px 0 0;
}

.cssload-preloader .cssload-slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.94s preload-hide-1 both 1;
        -o-animation: 0.17s linear 0.94s preload-hide-1 both 1;
        -ms-animation: 0.17s linear 0.94s preload-hide-1 both 1;
        -webkit-animation: 0.17s linear 0.94s preload-hide-1 both 1;
        -moz-animation: 0.17s linear 0.94s preload-hide-1 both 1;
}

.cssload-preloader .cssload-slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.85s preload-hide-2 both 1;
        -o-animation: 0.17s linear 0.85s preload-hide-2 both 1;
        -ms-animation: 0.17s linear 0.85s preload-hide-2 both 1;
        -webkit-animation: 0.17s linear 0.85s preload-hide-2 both 1;
        -moz-animation: 0.17s linear 0.85s preload-hide-2 both 1;
}

.cssload-preloader .cssload-slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.76s preload-hide-3 both 1;
        -o-animation: 0.17s linear 0.76s preload-hide-3 both 1;
        -ms-animation: 0.17s linear 0.76s preload-hide-3 both 1;
        -webkit-animation: 0.17s linear 0.76s preload-hide-3 both 1;
        -moz-animation: 0.17s linear 0.76s preload-hide-3 both 1;
}

.cssload-preloader .cssload-slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.67s preload-hide-4 both 1;
        -o-animation: 0.17s linear 0.67s preload-hide-4 both 1;
        -ms-animation: 0.17s linear 0.67s preload-hide-4 both 1;
        -webkit-animation: 0.17s linear 0.67s preload-hide-4 both 1;
        -moz-animation: 0.17s linear 0.67s preload-hide-4 both 1;
}

.cssload-preloader .cssload-slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.58s preload-hide-5 both 1;
        -o-animation: 0.17s linear 0.58s preload-hide-5 both 1;
        -ms-animation: 0.17s linear 0.58s preload-hide-5 both 1;
        -webkit-animation: 0.17s linear 0.58s preload-hide-5 both 1;
        -moz-animation: 0.17s linear 0.58s preload-hide-5 both 1;
}

.cssload-preloader .cssload-slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        -o-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        -ms-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        -webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
        -moz-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.48s preload-hide-6 both 1;
        -o-animation: 0.17s linear 0.48s preload-hide-6 both 1;
        -ms-animation: 0.17s linear 0.48s preload-hide-6 both 1;
        -webkit-animation: 0.17s linear 0.48s preload-hide-6 both 1;
        -moz-animation: 0.17s linear 0.48s preload-hide-6 both 1;
}

.cssload-preloader.cssload-loading {
    animation: 2.3s preload-flip steps(2) infinite both;
        -o-animation: 2.3s preload-flip steps(2) infinite both;
        -ms-animation: 2.3s preload-flip steps(2) infinite both;
        -webkit-animation: 2.3s preload-flip steps(2) infinite both;
        -moz-animation: 2.3s preload-flip steps(2) infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-1 linear infinite both;
        -o-animation: 2.3s preload-cycle-1 linear infinite both;
        -ms-animation: 2.3s preload-cycle-1 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-1 linear infinite both;
        -moz-animation: 2.3s preload-cycle-1 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-2 linear infinite both;
        -o-animation: 2.3s preload-cycle-2 linear infinite both;
        -ms-animation: 2.3s preload-cycle-2 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-2 linear infinite both;
        -moz-animation: 2.3s preload-cycle-2 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-3 linear infinite both;
        -o-animation: 2.3s preload-cycle-3 linear infinite both;
        -ms-animation: 2.3s preload-cycle-3 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-3 linear infinite both;
        -moz-animation: 2.3s preload-cycle-3 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-4 linear infinite both;
        -o-animation: 2.3s preload-cycle-4 linear infinite both;
        -ms-animation: 2.3s preload-cycle-4 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-4 linear infinite both;
        -moz-animation: 2.3s preload-cycle-4 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-5 linear infinite both;
        -o-animation: 2.3s preload-cycle-5 linear infinite both;
        -ms-animation: 2.3s preload-cycle-5 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-5 linear infinite both;
        -moz-animation: 2.3s preload-cycle-5 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
        -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-6 linear infinite both;
        -o-animation: 2.3s preload-cycle-6 linear infinite both;
        -ms-animation: 2.3s preload-cycle-6 linear infinite both;
        -webkit-animation: 2.3s preload-cycle-6 linear infinite both;
        -moz-animation: 2.3s preload-cycle-6 linear infinite both;
}


@keyframes preload-show-1 {
    from {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-show-1 {
    from {
        -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-show-1 {
    from {
        -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-show-1 {
    from {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-show-1 {
    from {
        -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-hide-1 {
    to {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-hide-1 {
    to {
        -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-hide-1 {
    to {
        -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-hide-1 {
    to {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-hide-1 {
    to {
        -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-cycle-1 {
    5% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    10%,
        75% {
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    80%,
        100% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-cycle-1 {
    5% {
        -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    10%,
        75% {
        -o-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    80%,
        100% {
        -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-cycle-1 {
    5% {
        -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    10%,
        75% {
        -ms-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    80%,
        100% {
        -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    10%,
        75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    80%,
        100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-cycle-1 {
    5% {
        -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    10%,
        75% {
        -moz-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    80%,
        100% {
        -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-show-2 {
    from {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-show-2 {
    from {
        -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-show-2 {
    from {
        -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-show-2 {
    from {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-show-2 {
    from {
        -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-hide-2 {
    to {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-hide-2 {
    to {
        -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-hide-2 {
    to {
        -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-hide-2 {
    to {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-hide-2 {
    to {
        -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-cycle-2 {
    10% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    15%,
        70% {
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    75%,
        100% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-cycle-2 {
    10% {
        -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    15%,
        70% {
        -o-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    75%,
        100% {
        -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-cycle-2 {
    10% {
        -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    15%,
        70% {
        -ms-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    75%,
        100% {
        -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    15%,
        70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    75%,
        100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-cycle-2 {
    10% {
        -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    15%,
        70% {
        -moz-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    75%,
        100% {
        -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-show-3 {
    from {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-show-3 {
    from {
        -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-show-3 {
    from {
        -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-show-3 {
    from {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-show-3 {
    from {
        -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-hide-3 {
    to {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-hide-3 {
    to {
        -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-hide-3 {
    to {
        -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-hide-3 {
    to {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-hide-3 {
    to {
        -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-cycle-3 {
    15% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    20%,
        65% {
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    70%,
        100% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-cycle-3 {
    15% {
        -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    20%,
        65% {
        -o-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    70%,
        100% {
        -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-cycle-3 {
    15% {
        -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    20%,
        65% {
        -ms-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    70%,
        100% {
        -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    20%,
        65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    70%,
        100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-cycle-3 {
    15% {
        -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
    20%,
        65% {
        -moz-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: rgb(247,72,78);
    }
    70%,
        100% {
        -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-show-4 {
    from {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-o-keyframes preload-show-4 {
    from {
        -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-ms-keyframes preload-show-4 {
    from {
        -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-webkit-keyframes preload-show-4 {
    from {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@-moz-keyframes preload-show-4 {
    from {
        -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: rgb(156,47,47);
    }
}

@keyframes preload-hide-4 {
    to {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-hide-4 {
    to {
        -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-hide-4 {
    to {
        -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-hide-4 {
    to {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-hide-4 {
    to {
        -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-cycle-4 {
    20% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
        60% {
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    65%,
        100% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-cycle-4 {
    20% {
        -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
        60% {
        -o-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    65%,
        100% {
        -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-cycle-4 {
    20% {
        -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
        60% {
        -ms-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    65%,
        100% {
        -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
        60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    65%,
        100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-cycle-4 {
    20% {
        -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    25%,
        60% {
        -moz-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    65%,
        100% {
        -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-show-5 {
    from {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-show-5 {
    from {
        -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-show-5 {
    from {
        -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-show-5 {
    from {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-show-5 {
    from {
        -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-hide-5 {
    to {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-hide-5 {
    to {
        -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-hide-5 {
    to {
        -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-hide-5 {
    to {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-hide-5 {
    to {
        -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-cycle-5 {
    25% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
        55% {
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    60%,
        100% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-cycle-5 {
    25% {
        -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
        55% {
        -o-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    60%,
        100% {
        -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-cycle-5 {
    25% {
        -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
        55% {
        -ms-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    60%,
        100% {
        -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
        55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    60%,
        100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-cycle-5 {
    25% {
        -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    30%,
        55% {
        -moz-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    60%,
        100% {
        -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-show-6 {
    from {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-show-6 {
    from {
        -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-show-6 {
    from {
        -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-show-6 {
    from {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-show-6 {
    from {
        -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-hide-6 {
    to {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-hide-6 {
    to {
        -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-hide-6 {
    to {
        -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-hide-6 {
    to {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-hide-6 {
    to {
        -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-cycle-6 {
    30% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
        50% {
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    55%,
        100% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-o-keyframes preload-cycle-6 {
    30% {
        -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
        50% {
        -o-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    55%,
        100% {
        -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-ms-keyframes preload-cycle-6 {
    30% {
        -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
        50% {
        -ms-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    55%,
        100% {
        -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-webkit-keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
        50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    55%,
        100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@-moz-keyframes preload-cycle-6 {
    30% {
        -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
    35%,
        50% {
        -moz-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #f7484e;
    }
    55%,
        100% {
        -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #9c2f2f;
    }
}

@keyframes preload-flip {
    0% {
        transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        transform: rotateY(360deg) rotateZ(-60deg);
    }
}

@-o-keyframes preload-flip {
    0% {
        -o-transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -o-transform: rotateY(360deg) rotateZ(-60deg);
    }
}

@-ms-keyframes preload-flip {
    0% {
        -ms-transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -ms-transform: rotateY(360deg) rotateZ(-60deg);
    }
}

@-webkit-keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(-60deg);
    }
}

@-moz-keyframes preload-flip {
    0% {
        -moz-transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -moz-transform: rotateY(360deg) rotateZ(-60deg);
    }
}


/*--------------------------------- */