/*
==========================================================

PremiumZone

Version :
1.0.0

File :
assets/css/logo-rails.css

Description :
PremiumZone Rail Typography

==========================================================
*/

/* ==========================================================
   ROOT
========================================================== */

.pz-logo-rails{

    position:absolute;

    left:60%;

    top:26%;

    transform:

        translate(

            -50%,

            -50%

        );

    width:560px;

    height:180px;

    pointer-events:none;

    user-select:none;

    opacity:0;

    z-index:60;

}

/* ==========================================================
   SVG
========================================================== */

.pz-logo-rails-svg{

    width:100%;

    height:100%;

    overflow:visible;

}

/* ==========================================================
   RAIL
========================================================== */

.pz-logo-rail{

    stroke:

        rgba(

            255,

            255,

            255,

            .88

        );

    stroke-linecap:

        square;

    vector-effect:

        non-scaling-stroke;

    transition:

        stroke .12s linear,

        opacity .12s linear;

}

/* ==========================================================
   CYAN
========================================================== */

.pz-logo-rail-cyan{

    stroke:

        #00F3FF;

}

/* ==========================================================
   RED
========================================================== */

.pz-logo-rail-red{

    stroke:

        #FF2D55;

}

/* ==========================================================
   READY
========================================================== */

.pz-logo-rails-ready{

    opacity:1;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

    max-width:768px

){

    .pz-logo-rails{

        width:320px;

        height:120px;

    }

}