/**
    GERMINAL-RINASCE
========================================================================================== 
**/

#page_content{ overflow: hidden; margin-bottom: 30px; }
#page_content h1{
    width: 100%;
    max-width: 1200px;
    padding-top: 25px;
    margin: 0 auto 25px auto;
    border-top: 1px solid #97BF0D;
    text-align: center;
}
#page_content h1 img{ display: inline-block; }

.pc_text{
    width: 50%;
    height: auto;
    padding: 40px 50px;
    overflow: hidden;
    box-sizing: border-box;
    float: right;
    background: #97BF0D;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
}
    .pc_text h3{
        margin: 0;
        line-height: 36px;
        font-size: 30px;
        font-weight: 400;
    }

.pc_germoglio{
    width: 50%;
    height: auto;
    min-height: 620px;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
    .pcg_box{
        width: 600px;
        height: 100%;
        right: 0;
        position: absolute;
    }
        .pcg_box .text{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            font-size: 18px;
            font-weight: 600;
            color: #93C01F;
            z-index: 2;
        }
            .pcg_box .text ul{ padding: 0; margin: 0; list-style-type: none; }
            .pcg_box .text h5{
                margin: 20px 0 0 0;
                padding: 15px 30px;
                position: absolute;
                bottom: 0;
                right: 245px;
                font-size: 20px;
                background: url(../../img/content/special/germinal_rinasce/bg_germoglio_title.svg) no-repeat center center;
                background-size: contain;
            }
            .pcg_box .text ul li{ position: absolute; opacity: 0; transition-duration: 2s; }
            .pcg_box .text ul li.active{ opacity: 1; }
            .pcg_box .text ul li:nth-of-type(1){ bottom: 123px; right: 405px; }
            .pcg_box .text ul li:nth-of-type(2){ bottom: 258px; right: 196px; }
            .pcg_box .text ul li:nth-of-type(3){ bottom: 328px; right: 472px; }
            .pcg_box .text ul li:nth-of-type(4){ bottom: 382px; right: 165px; }
            .pcg_box .text ul li:nth-of-type(5){ bottom: 490px; right: 362px; }
            .pcg_box .text ul li:nth-of-type(6){ bottom: 584px; right: 281px; }
            .pcg_box .text ul li:nth-of-type(7){ bottom: 575px; right: 48px; }


        .pcg_box .foglie{
            width: 100%;
            height: 510px;
            top: 35px;
            right: 0;
            position: absolute;
            background: url(../../img/content/special/germinal_rinasce/stello.svg) no-repeat bottom right 235px;
            z-index: 1;
        }
            .pcg_box .foglie span{ position: absolute; }
            .pcg_box .foglie span img{ width: 0%; transition-duration: 2s; }
            .pcg_box .foglie span img.active{ width: 100%; }
            .pcg_box .foglie span img{ position: relative; display: block; margin: 0; }
            .pcg_box .foglie span:nth-of-type(1){ bottom: 106px; right: 305px; }
            .pcg_box .foglie span:nth-of-type(2){ bottom: 166px; right: 403px; } .pcg_box .foglie span:nth-of-type(2) img{ float: right; }
            .pcg_box .foglie span:nth-of-type(3){ bottom: 252px; right: 290px; }
            .pcg_box .foglie span:nth-of-type(4){ bottom: 321px; right: 365px; } .pcg_box .foglie span:nth-of-type(4) img{ float: right; }
            .pcg_box .foglie span:nth-of-type(5){ bottom: 416px; right: 260px; }
            .pcg_box .foglie span:nth-of-type(6){ bottom: 413px; right: 168px; } .pcg_box .foglie span:nth-of-type(5) img{ float: right; }

/* Smartphone
------------------------------------------------------------------------------------------ */
@media (max-width: 767px){

.pc_text{ width: 100%; padding: 30px; position: relative; }
    .pc_text h3{
        margin: 0;
        line-height: 36px;
        font-size: 30px;
        font-weight: 400;
    }
        .pc_text br{ display: none; }

.pc_germoglio{ width: 100%; min-height: auto; position: relative; }
    .pcg_box{ width: 100%; margin: 30px 0; right: initial; position: relative; }
        .pcg_box .text{
            width: 90%;
            height: 100%;
            padding: 0 30px;
            margin: 0 auto;
            position: relative;
            top: initial;
            right: initial;
            text-align: center;
        }
            .pcg_box .text h5{
                position: relative;
                bottom: initial;
                right: initial;
                font-size: 25px;
            }
            .pcg_box .text ul li{ position: relative; height: 40px; line-height: 40px; transition-duration: 0.5s; }
            .pcg_box .text ul li.active{ opacity: 1; }
            .pcg_box .text ul li:nth-of-type(1),
            .pcg_box .text ul li:nth-of-type(2),
            .pcg_box .text ul li:nth-of-type(3),
            .pcg_box .text ul li:nth-of-type(4),
            .pcg_box .text ul li:nth-of-type(5),
            .pcg_box .text ul li:nth-of-type(6),
            .pcg_box .text ul li:nth-of-type(7){ bottom: initial; right: initial; }

        .pcg_box .foglie{ display: none; }



} /* Smartphone */