/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.caja-cuenta-atras {
    background-color: #009DE0;
    padding-top: 50px;
    padding-bottom: 71px;
    border-top: 3px solid #fff;
}

    .caja-cuenta-atras .cuenta_atras{
    }

        .caja-cuenta-atras .cuenta_atras .titulo_cuenta_atras{
            
            font-size: 1.3rem;
            color: white;
            font-family: 'Sohne Breit';
        }

            .caja-cuenta-atras .cuenta_atras .titulo_cuenta_atras img{
                vertical-align: sub;
            }


        .caja-cuenta-atras .cuenta_atras .reloj_cuenta_atras{

            border-top:1px solid #ffffff;
            border-bottom:1px solid #ffffff;
        }

            .caja-cuenta-atras .reloj_cuenta_atras div{
                display: inline-block;
                line-height: 1;
                padding:20px 0px 20px 0px;
                color: white;
                font-family: 'Sohne Breit';
                font-size: 7.3rem;
                line-height: 0.8

            }

            .caja-cuenta-atras .reloj_cuenta_atras div.punticos{
                padding:20px 20px 20px 20px;
            }            

                .caja-cuenta-atras .reloj_cuenta_atras div span {
                    display: block;
                    font-size: 1.3rem;
                    color: white;
                    text-transform: capitalize;
                    font-family: 'Sohne Breit';
                    padding-top:15px;
                }

    .caja-cuenta-atras .boton_cuenta_atras {
        padding-top:20px;
    }

        .caja-cuenta-atras .boton_cuenta_atras .button-arrow{

            background-color: white;
            color: #009DE0;
            display: inline-block;
            padding: 20px 30px;
            text-transform: uppercase;
            line-height: 0.5;
        }


@media only screen and (min-device-width:961px) and (max-device-width:1024px){

    .caja-cuenta-atras .reloj_cuenta_atras div{
        font-size:10rem;
    }
}


@media only screen and (max-device-width:960px){

    .caja-cuenta-atras{
        padding-top:16px;
        border-top:1px solid #fff;
    }
    .caja-cuenta-atras .cuenta_atras .titulo_cuenta_atras {
        font-size: 1rem;
        padding:0px 0px 20px 0px;
        text-align: center;
        border-bottom:1px solid #fff;
    }

    .caja-cuenta-atras .reloj_cuenta_atras div {
        padding: 20px 15px 20px 15px;
        font-size: 6.3rem;
        width: calc(50% - 3px);
        text-align: center;
        position: relative;
    }

         .caja-cuenta-atras .reloj_cuenta_atras div:after {
            content: ' ';
            width: 2rem;
            background-color: #009DE0;
            position: absolute;
            top: 0px;
            left: -2px;
            height: 2.3rem;
        }


            .caja-cuenta-atras .reloj_cuenta_atras div.punticos{
            display:none;
        }  

        .caja-cuenta-atras .reloj_cuenta_atras div span{
            text-align: center;
            padding-bottom: 23px;
            padding-top:18px;
            font-size:1rem;
        }   

    .primera_fila span{
        border-bottom: 1px solid #fff;
    }
       
    .primera_columna{
        border-right:  1px solid #fff;
    }
    .segunda_columna{
        padding-top:20px;
    }

    
    .caja-cuenta-atras .reloj_cuenta_atras .primera_fila.primera_columna:after { 
        left:auto;
        right: -2px;
        z-index: 1;
    } 

    .caja-cuenta-atras .reloj_cuenta_atras .primera_fila.segunda_columna:after {
        top: auto !important;
        width: 1.5rem;
        height: 3rem;
        left: -15px;
        z-index: 1;
        bottom: -0.5rem;
    }

    .caja-cuenta-atras .reloj_cuenta_atras .segunda_fila.primera_columna:after {
        left: auto;
        right: -15px;
        top: auto !important;
        bottom: 0px;
        z-index: 1;
        height: 2.8rem;
    }

    .caja-cuenta-atras .cuenta_atras .reloj_cuenta_atras{
        border-top:none;
        border-bottom:none;
    }

    .caja-cuenta-atras .boton_cuenta_atras {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #fff;
    }


    .caja-cuenta-atras .boton_cuenta_atras .button-arrow{
        color:#009DE0;
        text-transform: uppercase;
    }
    

}