/* Loading */
#page-loader  {
    position:  fixed;
    top:  0;
    left:  0;
    width:  100%;
    height:  100%;
    z-index:  1200;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to right top, #30b6c6, #47c6d3, #5bd6e0, #6ee6ee, #81f7fb);
}
#page-loader .preloader-interior  {
    display:  block;
    position:  relative;
    width:  120px;
    height:  120px;
    margin:  0 auto;
    background-image:  url(../img/iso.png);
    background-size:  contain;
    background-repeat:  no-repeat;
    -webkit-animation:  pulse 2s linear infinite;
    -moz-animation:  pulse 2s linear infinite;
    animation:  pulse 2s linear infinite;
}
.background-brush {
    background-image: url(../img/section/brush-login.png);
    background-size: 300px 120px;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 60px;
}
.jump {
    height: 100px;
}
#page-loader .title {
    font-family:  'Gotham';
    font-weight:  bold;
    font-style:  normal;
}
#page-loader p.linea  {
    position:  relative;
    color:  rgba(0, 0, 0, .1);
    font-family:  'Gotham';
    font-weight:  bold;
    font-style:  normal;
    font-size:  16px;
    text-align:  center;
    margin-top:  20px;
    margin-bottom: 0;
    letter-spacing:  1.3px;
}

#page-loader p.linea:before  {
    content:  attr(data-text);
    position:  absolute;
    overflow:  hidden;
    max-width:  10em;
    white-space:  nowrap;
    color:  #3fbec3;
    animation:  loading 2s linear;
}
@keyframes loading  {
    0%  {
        max-width:  0;
        visibility: visible;
    }
    80% {
        display: block;
        visibility: visible;
    }
    100% {
        display: none;
        visibility: hidden;
    }
}