#calculadora * {
    box-sizing: inherit !important;
}

.bluetitle{
    color: #1597d5; 
    position: relative;
    pointer-events: auto;
}

.bluetitle-tooltip{
    position: absolute;
    top: 0px;
    width: 80%;
    background-color: #219fd9;
    color: white;
    padding: 35px 25px 25px 25px;
    border-radius: 5px;
    font-size: 1.5em;
    display: none;
    text-align: justify;
}
.bluetitle-tooltip a{
    color: white!important;
    text-decoration: underline;
}
.bluetitle-tooltip .close{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 8px;
    right: 25px;
}

section.descuentos .block-wrap .content {
    width: initial !important;
    padding-bottom: 120px !important;
}

.clear { display: block; clear: both; }
.clearfix { display: block; clear: both; }
form > .clear{ padding-bottom: 45px; }

#calculadora h2,
#perfiles h2  {
    margin: 23px 0 18px;
    font-weight: bold;
    font-size: 52px;
    font-size: 5.2rem;
    color: #1597d5;
}
#calculadora h3,
#perfiles h3  {
    font-size: 22px !important;
    font-size: 3rem !important;
    color: #4e4e4e !important;
    margin: 0 23px 50px 0 !important;
}

#calculadora h2, #calculadora h3, #calculadora p, #calculadora a, #calculadora span, #calculadora strong, #calculadora label, 
#perfiles h2, #perfiles h3, #perfiles p, #perfiles a, #perfiles span, #perfiles strong, #perfiles label, 
#calculadora input[type="text"], #calculadora input[type="number"], #calculadora input[type="email"] {
    font-family: 'sofia', 'Arial' !important;
}


.showOnMobile{
    display: none;
}
/* CITAS */
.bloque__cita {
    padding: 30px 40px;
/*
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
*/
    /* width: 850px; */
    margin: 0 auto;
}
    .bloque__cita h2 {
        font-size: 2.2em !important;
        margin-top: 0;
        line-height: 1em !important;
        text-align: left !important;
        margin-bottom: 21px !important;
    }
        .bloque__cita p ul {}
            .bloque__cita p ul li {}
                .bloque__cita p ul li p {}
            
.bloque__cita--azul {
    background-color: #f1f1f1;
}
/* /CITAS */

/* VALIDATE */
label.error {
    position: relative !important;
    display: block;
    background-color: #f9e0df !important;
    color: #ea3724 !important;
    top: -8px !important;
    left: 0 !important;
    padding: 8px 10px 0px;
    font-size: 1.5em !important;
    line-height: 2.1em;
    text-align: center;
/*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
*/
    z-index: 0 !important;
/*
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
    border-top-right-radius: 0;
*/
}
input.error {
    border: 2px solid #a9422e !important;
}

    label#sexo-error,
    label#actividaddiaria-error,
    label#fumador-error,
    label#colesterol-error,
    label#tension-error,
    label#verduras-error,
    label#medicacion-error,
    label#glucosa-error,
    label#diabetes-error {
        float: none;
        padding: 0;
        border: none !important;
        top: -8px !important;
        height: 39px;
        line-height: 46px;
    }
    label#sexo-error,
    label#fumador-error,
    label#colesterol-error,
    label#tension-error,
    label#verduras-error,
    label#medicacion-error,
    label#glucosa-error,
    label#diabetes-error { width: 99.7%; }
    label#actividaddiaria-error { width: 100%; }

/* /VALIDATE *


/* TABS */
#tab-rcv #colesterol .control-group span{
    line-height: 26px;
    display: block;
    padding-top: 15px;
}

div#tabs-catalogo .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 45px;
    display: table;
    margin: 0 auto;
    min-height: 0px;
    height: auto!important;
    margin-top: 100px;
}
    div#tabs-catalogo .tabs li:first-child, 
    div#tabs-catalogo .tabs li.first {
        margin-left: 0;
        /* left: 5px; */
    }
    div#tabs-catalogo .tabs li {
        float: left;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
/*
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
*/
        margin-left: -5px;
        position: relative;
        top: 0px;
        margin-left: 10px;
        background-color: #ffffff;
        z-index: 0;
    }
    div#tabs-catalogo .tabs li.active {
        background: #219fd9;
        z-index: 2;
    }
        div#tabs-catalogo .tabs li.active a {
            color: #ffffff;
            height: 56px;
            border-bottom: 0;
        }
        div#tabs-catalogo .tabs li a {
            display: block;
            text-align: center;
            padding: 6px 20px;
            height: 56px;
            line-height: 44px;
            color: #333333;
            font-weight: bold;
            font-size: 20px;
            text-decoration: none !important;
        }
    .tab {
        float: left;
    }
    
    div#tabs-catalogo .tabs li a span.icono-success {
        top: -15px;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        color: #ffffff;
        display: none;
        background: #89d241;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
    }
        div#tabs-catalogo .tabs li a span.icono-success i {
            top: 3px;
            position: absolute;
            left: 2px;
            font-size: 20px;
        }
    div#tabs-catalogo .tabs li.success a span.icono-success {
        display: inline-block;
    }
    
    div#tab-total span.success {
        margin-left: 20px;
        top: 5px;
        position: relative;
        color: #89d241;
        display: none;
    }
   
    .inactive {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .hidden{ 
        visibility: hidden !important; 
        height: 0;
    }
    .hidden.contact-phone.menu-item {
        visibility: visible !important;
        height: auto;
    }
    
div#tabs-catalogo .tabs li.disabled {
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}
div#tabs-catalogo .tabs li.disabled a{
    color: #d4d4d4;
}
    
/*
        div#tab-total span.success {
            display: inline-block;
        }
*/
/* / FIN TABS */

/* IMAGEN CINTURA */

.bloque__cintura {
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 300px;
    border: 2px solid #9c9c9c;
    overflow: hidden;
    margin: 40px auto;
}
    .bloque__cintura img {
        width: 190%;
        position: absolute;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        margin: auto !important;        
    }






/* BARRA DE PROGRESO */
.bloque__progreso {
    position: absolute;
    width: 160px;
    /* height: 10px; */
    /* margin: 50px auto; */
    /* padding-top: 50px; */
    list-style: none;
    padding-left: 0;
    bottom: -60px;
    left: 50%;
    margin-left: -85px;
}

#tab-diabetes .bloque__progreso {
    width: 244px;
    margin-left: -127px;
}

    .bloque__progreso li.active {
        color: #ffffff;
        background-color: #219fd9;
        border: 0;
    }
    .bloque__progreso li.visited {
        color: #ffffff;
        background-color: #89ccea;
    }

    .bloque__progreso li {
        width: 15px;
        height: 15px;
        background-color: #f1f1f1;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        vertical-align: middle;
        display: inline-block;
        line-height: 30px;
        margin-right: 10px;
        border: 1px solid #dedede;
    }
    .bloque__progreso li a {
        display: block;
        width: 15px;
        height: 15px;
    }

.bloque__progreso li:last-child {margin-right: 0;}


/*
    .panel--slider .bloque__progreso {
        position: absolute;
        left: 10%;
        bottom: 0px;
    }



    .bloque__progreso p {
        margin-bottom: 9px !important;
        text-align: left;
        margin-top: 0;
    }
    .bloque__progreso .barra__progreso {
          width: 100%;
          height: 10px;
          position: relative;
    }
    
        .bloque__progreso .barra__progreso div {
            font-family: 'sofia', 'Arial' !important;
            font-size: 16px;
            font-weight: bold;
            background-image: url("../img/calc/tooltip.png");
            background-repeat: no-repeat;
            background-size: 52px;
            width: 52px;
            height: 49px;
            vertical-align: middle;
            display: inline-block;
            line-height: 40px;
            -webkit-transition: left linear 1.4s;
            transition: left linear 1.4s; 
        }
*/
/* / FIN BARRA DE PROGRESO */


    section .block-wrap {}
        section .block-wrap .content {
            overflow: hidden !important;
        }
        
        section .panel__content{
            margin-top: 13px;
        }
        
        section .panel.panel--slider {
            width: 100%;
            position: relative;
        }
        

            section .panel.panel--slider#tab-imc {/* min-height: 957px; */}
            section .panel.panel--slider#tab-cintura { min-height: 893px; }
            section .panel.panel--slider#tab-get {min-height: 561px;}
            section .panel.panel--slider#tab-rcv { min-height: 456px; }
            section .panel.panel--slider#tab-diabetes { min-height: 456px; }
            section .panel.panel--slider#tab-total { min-height: 957px; }
        
            section .panel__content .bloque__content{
                margin-top: 0px;
                padding-top: 40px;
                position: relative;    
            }
            
            
            section .panel__content .bloque__geaf#step_2 { display: block !important; }

            section .panel__content .bloque__content--slider#step_3,
            section .panel__content .bloque__content--slider#step_5,
            section .panel__content .bloque__content--slider#step_7,
            section .panel__content .bloque__content--slider#step_9,
            section .panel__content .bloque__content--slider#step_15 {
                left: 0;
            }
/*
            section .panel__content .bloque__content--slider#step_10,
            section .panel__content .bloque__content--slider#step_11,
            section .panel__content .bloque__content--slider#step_12 {
                display: none;
            }
*/

        section .panel__content .bloque#tab-geaf {
            height: auto !important;
            border: none!important;
        }

            section .bloque#tab-geaf .bloque__content#step_3 {
                position: relative !important;
            }
            
            
            
            section .panel__content .bloque__content--slider {
                position: absolute;
                width: 100%;
                left: 1200px;
            }
            
            section .panel__content .panel {
                border-top: 3px solid #219fd9 !important;
                border: 1px solid #dedede;
                z-index: 5;
                position: relative;
                overflow: visible !important;
            }
            
                section .panel__content .panel#tab-home {
                    border-top: 0 !important;
                    border: 0;
                }
                section .panel__content .panel.tab_enabled#tab-home {
                    border-top: 3px solid #219fd9 !important;
                    border: 1px solid #dedede;
                }
            
                section .panel__content .panel .bloque__overflow__hidden {
                    overflow: hidden;
                }
                
                .geaf section .bloque.panel.content_tab#tab-geaf {
                    border: none;
                    border-top: none!important;
                }
            
        
            section .bloque__content {
                /* margin-bottom: 60px; */
                margin-top: 60px;
                /* width: 1052px; */
                margin-left: auto;
                margin-right: auto;
                /* padding-bottom: 10px; */
                /* border-bottom: 1px solid #e6e6e6; */
                display: none;
            }
            section .bloque__content#step_1 {
                display: block;
            }
                section .bloque__content .bloque__uno {
                    /* min-height: 548px; */
                    position: relative;
                    width: 100%;
                    margin: 0 auto;
                }
                    section .bloque__content .bloque__uno h3 {
                        color: #000000!important;
                        text-align: center;
                        font-size: 22px !important;
                        letter-spacing: -0.5px;
                        padding: 0 70px;
                    }

                    /* BLOQUE TEXTO */
                    section .bloque__content .bloque__uno .bloque__texto {
                        text-align: left;
                        margin-bottom: 40px;
                    }
                        section .bloque__content .bloque__uno .bloque__texto h2 {
                            text-align: center;
                            margin-top: 0px;
                            margin-bottom: 15px;
                            /* letter-spacing: 1px; */
                            font-size: 3.6em;
                            line-height: 1.2em;
                        }
                        section .bloque__content .bloque__uno .bloque__texto h3 {
                            margin-bottom: 25px !important;
                            text-align: center;
                            color: #1597d5 !important;
                            font-weight: bold;
                            letter-spacing: -0.4px;
                            font-size: 2.8em !important;
                        }
                        section .bloque__content .bloque__uno .bloque__texto p,
                        section .bloque__content .bloque__uno .bloque__botones p,
                        section .bloque__content .bloque__uno .bloque__perfiles p {
                            color: #000000;
                            font-size: 1.8em;
                            line-height: 30px;
                            text-align: center;
                            width: 80%;
                            margin: 0 auto;
                            margin-bottom: 40px;
                        }
                        section .bloque__content .bloque__uno table#imc__table {
                            width: 200px;
                            margin: 0 auto;
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                        }
                            table#imc__table tr {}
                                table#imc__table th {
                                    text-align: right;
                                    font-size: 18px;
                                    padding: 4px;
                                    -webkit-backface-visibility: hidden;
                                    backface-visibility: hidden;
                                }
                                table#imc__table td {
                                    text-align: left;
                                    font-size: 18px;
                                    padding: 4px 0 0 35px;
                                    -webkit-backface-visibility: hidden;
                                    backface-visibility: hidden;
                                }
                            
                            
                        section .bloque__content .bloque__uno .bloque__texto img {
                            width: 50%;
                            display: block;
                        }
                        section .bloque__content .bloque__uno .bloque__texto hr {
                            margin: 60px 0;
                        }
                        section .bloque__content .bloque__uno .bloque__texto ul {
                            padding-left: 13px;
                        }
                            section .bloque__content .bloque__uno .bloque__texto ul li {}
                                section .bloque__content .bloque__uno .bloque__texto ul li p {
                                    margin-bottom: 0 !important;
                                    text-align: left;
                                    width: 100%;
                                }
                    /* BLOQUE TEXTO */
                        

                    // .bloque__perfiles { margin-top: 60px; }
                    #perfiles .bloque__perfiles { margin-top: 10px; }
                    #perfiles .bloque__texto{ margin-bottom: 0px; }
                    #perfiles .bloque__texto .less-btmargin{ margin-bottom: 0px!important; }
                        .bloque__perfiles .bloque__perfil__estatico,
                        .bloque__perfiles .bloque__perfil {
                            position: relative;
                            width: 100%;
                            height: 215px;
                            float: left;
                            display: inline-block;
                            vertical-align: middle;
                            border: 1px solid #dedede;
                            margin-right: 33px;
                            margin-bottom: 60px;
                            cursor: pointer;
                            /* background-color: #f1f1f1; */
                        }
                        .bloque__perfiles .bloque__perfil__estatico {
                            max-width: 180px;
                        }
                        .bloque__perfiles .bloque__perfil__estatico.active,
                        .bloque__perfiles .bloque__perfil.active{
                            border: 2px solid #219FD9;
                        }
                        .bloque__perfiles #perfiles div.bloque__perfil__estatico.last,
                        .bloque__perfiles #perfiles div.bloque__perfil.last {
                            margin-right: 0;
                        }
                        
                        .bloque__perfiles .bloque__perfil__estatico a.btn__perfil,
                        .bloque__perfiles .bloque__perfil a.btn__perfil {
                            font-size: 20px;
                            font-weight: bold;
                            text-decoration: none !important;
                            color: #333333 !important;
                        }
                                
                        .bloque__perfiles .bloque__perfil.bloque__perfil--add {
                            float: none;
                            margin-top: 50px;
                            width: 100%;
                            height: initial;
                        }
                        
                            .bloque__perfiles .bloque__perfil__estatico a.btn__perfil img,
                            .bloque__perfiles .bloque__perfil a.btn__perfil img {
                                width: 120px;
                                margin: 10px;
                            }
                            .bloque__perfiles .bloque__perfil__estatico a.btn__perfil img,
                            .bloque__perfiles .bloque__perfil a.btn__perfil img {
                                width: 120px;
                                margin: 10px;
                            }
                            .bloque__perfiles .bloque__perfil__estatico a.btn__perfil span,
                            .bloque__perfiles .bloque__perfil a.btn__perfil span {
                                font-size: 16px;
                                font-weight: 100;
                            }

                    /* Zorraquino perfil importado */
                    .bloque__perfiles .bloque__perfil.importado {
                        border: 1px solid #87b656;
                    }
                        .bloque__perfiles .bloque__perfil.importado:after {
                            content:'';
                            display:block;
                            width:30px;
                            height:30px;
                            background:url('/wp-content/themes/eroski/styles/img/icons/icon-child.png') no-repeat center center #FFF;
                            
                            position: absolute;
                            bottom:-15px;
                            left:0;
                            right:0;
                            margin:0 auto;                          
                        }
                        .bloque__perfiles .bloque__perfil.importado .message{
                            display:none;
                            width:90%;
                            position: absolute;
                            bottom:-43px;
                            left:0;
                            right:0;
                            margin:0 auto;
                            color: #87b656;
                            
                        }
                        .bloque__perfiles .bloque__perfil.importado:hover .message{
                            display:block;
                        }
                        
                    section .bloque__content .bloque__uno .comeback:active,
                    section .bloque__content .bloque__uno .comeback {
                        font-size: 20px;
                        text-decoration: none !important;
                        display: inline-block !important;
                        color: #219fd9;
                    }
                    
                    section .bloque__content .bloque__uno .comeback:hover {
                        color: #47adde !important;
                        text-decoration: underline !important;
                    }
                    
                    section .bloque__content .bloque__uno .btn { /*final*/
                        background-color: #219fd9;
                        padding: 5px 80px 9px;
                        position: relative;
                        /*                         font-family: 'sofia', 'Arial'; */
                        font-size: 1.8em;
                        font-weight: bold;
                        text-decoration: none !important;
                        color: #ffffff !important;
                        /*
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        -o-border-radius: 10px;
                        border-radius: 10px;
*/
                        border: none;
                        outline: none;
                        line-height: inherit;
                        display: inline-block !important;
                        cursor: pointer;
/*                         max-width: 390px; */
                    }
                        section .bloque__content .bloque__uno .btn:hover { /*final*/
                            color: #ffffff;
                            background: #47adde;
                        }
                        section .bloque__content .bloque__uno .btn:active { /*final*/
                            color: #ffffff;
                            background: #47adde;
                            -webkit-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                            -moz-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                            -o-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                            box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
/*                             top: 3px; */
                        }
                        
                    .btn__download,
                    .btn__downloaded {
                        line-height: 50px !important;
                        float: left;
                        display: block;
                        width: 100%;
                        text-align: right;
                        line-height: 50px !important;
                        font-size: 1.6em;
                    }

                    section .bloque__content .bloque__uno .btn.disabled,
                    section .bloque__content .bloque__uno .btn.cancel__btn {
                        color: #ffffff;
                        background: #47adde;
/*
                        -webkit-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        -moz-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        -o-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        top: 3px;
*/
                        cursor: default;
                    }
                    section .bloque__content .bloque__uno .btn.novalid {
                        color: #ffffff;
                        background: #cbd5da;
                        -webkit-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        -moz-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        -o-box-shadow: inset 0px 0px 0px #0d6586, inset 0px 0px 0px #0d6586;
                        box-shadow: 0px 0px 0px #bbcad2;
                        cursor: default;
                    }
                    
.bloque#tab-home .bloque__form {
    min-height: 340px !important;
}
#perfilForm .form-group {
    margin-bottom: 0 !important;
}
#perfilForm .bloque__botones {
    margin-top: 0 !important;
}
                    
/* BARRRA RESULTADO */
.bloque__rango {
    width: 100%;
    margin-top: 30px;
    position: relative;
    /*     margin-bottom: 80px; */
}

.bloque__rango.rango__dos,
.bloque__rango.rango__uno {
    left: 5%;
}

    .bloque__rango .bloque__rango__textos {
        position: absolute;
        top: -40px;
        width: 100%;
    }
        .bloque__rango .bloque__rango__textos ul {
            padding-left: 0;
            list-style: none;
            width: 100%;
        }
            .bloque__rango .bloque__rango__textos li {
                float: left;
            }
            
            .bloque__rango.rango__uno .bloque__rango__textos li { width: 25.7%; }
            .bloque__rango.rango__uno .bloque__rango__textos li span { margin-bottom: 5px; text-align: center }
            .bloque__rango.rango__dos .bloque__rango__textos li { width: 36%; }
            .bloque__rango.rango__tres .bloque__rango__textos li { width: 5%; }

            .bloque__rango.rango__uno .bloque__rango__textos li + li { width: 19.3%; }
            .bloque__rango.rango__uno .bloque__rango__textos li + li + li { width: 15%; }
            .bloque__rango.rango__uno .bloque__rango__textos li + li + li + li { width: 30%; }

            .bloque__rango.rango__dos .bloque__rango__textos li + li { width: 15%; }
            .bloque__rango.rango__dos .bloque__rango__textos li + li + li { width: 9%; }
            .bloque__rango.rango__dos .bloque__rango__textos li + li + li + li { width: 30%; }
            
            .bloque__rango.rango__tres .bloque__rango__textos li + li { width: 80%; }
            .bloque__rango.rango__tres .bloque__rango__textos li + li + li { width: 10%; }
            .bloque__rango.rango__tres .bloque__rango__textos li + li + li + li { width: 5%; }

    .barra__rango {
        position: relative;
        /* height: 32px; */
        z-index: 2;
        /* margin: 0 auto; */
        /* background-color: aqua; */
    }
    
        .barra__rango ul {
            list-style: none;
            padding: 0;
            margin-top: 25px;
            /* width: 86%; */
            /* height: 40px; */
            /* background-color: antiquewhite; */
        }
            
            .barra__rango ul li {
                height: 32px;
                float: left;
                /* margin-left: -2px; */
                border-top: 2px solid #9c9c9c;
                border-bottom: 2px solid #9c9c9c;
                /* border: 2px solid #9c9c9c; */
            }
            .barra__rango ul li:first-child {
                margin-left: 0;
/*
                border-bottom-left-radius: 10px;
                border-top-left-radius: 10px;
*/
                border-left: 2px solid #9c9c9c;
            }
            .barra__rango ul li:last-child {
/*
                border-bottom-right-radius: 10px;
                border-top-right-radius: 10px;
*/
                border-right: 2px solid #9c9c9c;
            }

                .rango__uno .barra__rango ul li.va {
                    background-color: #e4f616;
                    width: 25.7%;
                }
                .rango__uno .barra__rango ul li.vb {
                    background-color: #7fdf39;
                    width: 19.4%;
                }
                .rango__uno .barra__rango ul li.vc {
                    background-color: #e4f616;
                    width: 14.8%;
                }
                .rango__uno .barra__rango ul li.vd {
                    background-color: #ff9600;
                    width: 30%;
                }
                

                .rango__dos .barra__rango ul li.va {
                    background-color: #e4f616;
                    width: 35.97%;
                }
                .rango__dos .barra__rango ul li.vb {
                    background-color: #7fdf39;
                    width: 14.97%;
                }
                .rango__dos .barra__rango ul li.vc {
                    background-color: #e4f616;
                    width: 8.97%;
                }
                .rango__dos .barra__rango ul li.vd {
                    background-color: #ff9600;
                    width: 30%;
                }
                
     
                .rango__tres .barra__rango ul li.va {
                    background-color: #e4f616;
                    width: 5%;
                }
                .rango__tres .barra__rango ul li.vb {
                    background-color: #7fdf39;
                    width: 80%;
                }
                .rango__tres .barra__rango ul li.vc {
                    background-color: #e4f616;
                    width: 10%;
                }
                .rango__tres .barra__rango ul li.vd {
                    background-color: #ff9600;
                    width: 5%;
                }

    
    .rango {
        height: 70px;
        position: relative;
        width: 100%;
        display: block;
        clear: both;
        z-index: 1;
    }
        .rango ul {
            padding-left: 0;
            list-style: none;
            height: 100px;
        }
        
            .rango ul li:before {
                content: "";
                display: block;
                height: 60px;
                width: 1px;
                background-color: #bdbdbd;
                margin-top: -10px;
                margin-left: 50%;
            }         

            .rango ul li {
                position: absolute;
                font-size: 15px;
                color: #bdbdbd;
                text-align: center;
                width: 30px;
                left: 0%;
                margin-left: -15px;
            }
            .rango__dos .rango ul li + li {left: 30%;}
            .rango__dos .rango ul li + li + li {left: 60%;}
            .rango__dos .rango ul li + li + li + li {left: 89.8%;}
            
            .rango__uno .rango ul li + li {left: 30%;}
            .rango__uno .rango ul li + li + li {left: 60%;}
            .rango__uno .rango ul li + li + li + li {left: 89.8%;}            
            

            .rango__tres .rango ul li + li {left: 10%;}
            .rango__tres .rango ul li + li + li {left: 20%;}
            .rango__tres .rango ul li + li + li + li {left: 30%;}                        
            .rango__tres .rango ul li + li + li + li + li  { left: 40%; }
            .rango__tres .rango ul li + li + li + li + li + li { left: 50%; }
            .rango__tres .rango ul li + li + li + li + li + li + li { left: 60%; }
            .rango__tres .rango ul li + li + li + li + li + li + li + li {left: 70%;}
            .rango__tres .rango ul li + li + li + li + li + li + li + li + li {left: 80%;}
            .rango__tres .rango ul li + li + li + li + li + li + li + li + li + li {left: 90%;}
            .rango__tres .rango ul li + li + li + li + li + li + li + li + li + li + li { left: 99.9%; }
      
            
            .rango ul li:last-child {
                margin-right: 0px;
            }

            .rango ul:after {
                content: "";
                display: block;
                width: 92%;
                height: 1px;
                background-color: #bdbdbd;
                top: 33px;
                position: absolute;
                left: -1%;
            }        
            
            .rango__tres .rango ul:after {
                width: 102%;
            }
                    
    .pointer {
        position: absolute;
        width: 9px;
        height: 50px;
        background-color: #219fd9;
        top: -10px;
        z-index: 9;
/*         border-radius: 5px; */
        border: 1px solid #bdbdbd;
    }
    

/* FORMS */


section .bloque__content .bloque__uno form {
    /* margin-top: 65px; */
    /* padding-bottom: 70px; */
}
section .bloque__content .bloque__uno .bloque__form {
    background-color: #f1f1f1;
    padding: 50px 100px;
/*     min-height: 421px; */
    /*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
*/
}

/*
    section .bloque__content#step_19 .bloque__uno .bloque__form {
        background-color: #ffffff;
    }
*/
    section .bloque__content#step_19 .bloque__uno .bloque__form .bloque__botones .btn__download{
        width: auto;
    }
    section .bloque__content#step_18 .bloque__uno .bloque__form .textazo {
        
    }
        section .bloque__content#step_18 .bloque__uno .bloque__form .textazo p {
            margin-bottom: 30px;
        }
        section .bloque__content#step_14 .bloque__uno .bloque__form .textazo ol,
        section .bloque__content#step_18 .bloque__uno .bloque__form .textazo ol {
            text-align: left;
        }
            section .bloque__content#step_18 .bloque__uno .bloque__form .textazo li {
        
            }

    section .bloque__content .bloque__uno .bloque__form .calc-result {
        text-align: center;
        margin-bottom: 30px;
        letter-spacing: 1px;
        line-height: 50px;
        font-weight: bold;
        font-size: 5em;
        color: #1597d5;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #dedede;
        padding-bottom: 30px;
    }
        #geafForm .calc-result {
            display: none;
            margin-bottom: 70px;
            border: 0;
            padding-bottom: 0;
        }
        #geafForm .form-group.last{
            padding-bottom: 0px;
        }

section .bloque__content .bloque__uno .bloque__form p.texto-result {
    margin-top: 15px;
}

section .bloque__content .bloque__uno .bloque__form p {
    color: #000000;
    font-size: 2rem;
    margin: 0 0 70px 0;
}
    section .bloque__content.no-calc .bloque__uno .bloque__form p {
        margin-bottom: 31px;
    }
    section .bloque__content.no-calc .bloque__uno .bloque__form p.last {
        margin-bottom: 70px;
    }
section .bloque__content .bloque__uno .bloque__form .form-group {
    float: left;
    margin-right: 60px;
}
    section .bloque__content .bloque__uno .bloque__form .form-group.last {
        margin-right: 0px;    
/*         padding-bottom: 45px; */
    }
    section .bloque__content .bloque__uno .bloque__form .form-group.initial label{
        position: initial;;
    }

    section .panel__content .panel#tab-cintura .bloque__form h3,
    section .panel__content .panel#tab-cintura .bloque__form .input-group {
        text-align: center;
    }
    
    section #calculadora .bloque__content .bloque__uno .bloque__form h3,
    section #perfiles .bloque__content .bloque__uno .bloque__form h3 {
        color: #219fd9 !important;
        text-align: left;
        font-size: 2em !important;
        padding: 0;
        font-weight: bold;
        margin-bottom: 23px !important;
    }


/*
    section .bloque__content .bloque__uno .input-group,
    section .bloque__content .bloque__uno .radio-group,
    section .bloque__content .bloque__uno .form-group {
        margin-bottom: 45px;
        text-align: left;
    }    
*/
    
    section .bloque__content .bloque__uno .form-group {
        margin-bottom: 45px;
        text-align: left;
    }
    
        section .bloque__content .bloque__uno .input-group#edad {
            margin-bottom: 0;
        }
        
            section .bloque__content .bloque__uno .input-group#edad .control-group {
                background-color: #ffffff;
                border: 2px solid #9c9c9c;
/*                 border-radius: 10px; */
                -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
                -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
                transition: border linear 0.2s, box-shadow linear 0.2s;
                z-index: 2;
            }
                section .bloque__content .bloque__uno .input-group#edad .control-group.error {
                    border: 2px solid #a9422e !important;
                }
                section .bloque__content .bloque__uno .input-group#edad .control-group.focus {
                    border-color: rgba(82, 168, 236, 0.8);
                    outline: 0;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
                    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
                    border: 2px solid rgba(82, 168, 236, 0.6) !important;
                }
    
    
    section .bloque__content .bloque__uno .checkbox-group{
        z-index: 2;
        position: relative;
        margin-bottom: 0 !important;
        display: block;
        text-align: left;
    }
        section .bloque__content .bloque__uno .checkbox-group .control-group input {
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 26px;
            height: 26px;
            background-color: white;
            border: 2px solid #9c9c9c;
        }
        section .bloque__content .bloque__uno .checkbox-group .control-group input:checked::after{
            color: rgb(103, 169, 48);
            content: "✔";
            font-size: 35px;
            height: 40px;
            position: absolute;
            top: -10px;
            left: 2px;
        }
        section .bloque__content .bloque__uno .checkbox-group .control-group label {
            position: relative;
            text-align: left;
            float: none;
            width: auto;
            color: #969696;
            font-size: 20px;
            cursor: pointer;
            font-weight: bold;
            vertical-align: middle;
            display: inline-block;
        }          
        section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group label {
            width: auto;
            float: none;
            display: inline-block;
            margin-left: 5px;
            top: -12px;
        }
        section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group #condiciones-error{
            display: inline-block;
            position: absolute!important;
            top: 30px!important;
            padding-top: 0px;
            margin-left: 0px;
            width: 100%;
        }
        
        section .bloque__content .bloque__uno .checkbox-group input[type="radio"]:active + label,
        section .bloque__content .bloque__uno .checkbox-group input[type="radio"]:checked + label {
            color: #000000;
            background-color: #dfe6ea !important;
        }            
      
        
    section .bloque__content .bloque__uno .radio-group {
        z-index: 2;
        position: relative;
        margin-bottom: 0 !important;
    }
#colesterol .control-group label.center {
  display: table;
  vertical-align: middle;
}          
        section .bloque__content .bloque__uno .radio-group label {
            position: relative;
            text-align: center;
            float: left;
            width: 49.55%;
            border: 2px solid #9c9c9c;
            height: 94px;
            font-size: 20px;
            line-height: 86px;
            cursor: pointer;
            /*             font-family: 'sofia', 'Arial'; */
            font-weight: bold;
            vertical-align: middle;
        }


        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-size: 20px;
            color: #969696;
            font-weight: 300;
        }
        ::-moz-placeholder { /* Firefox 19+ */
            font-size: 20px;
            color: #969696;
            font-weight: 300;
        }
        :-ms-input-placeholder { /* IE 10+ */
            font-size: 20px;
            color: #969696;
            font-weight: 300;
        }
        :-moz-placeholder { /* Firefox 18- */
            font-size: 20px;
            color: #969696;
            font-weight: 300;
        }


        section .bloque__content .bloque__uno .input-group input[type="number"]:hover,
        section .bloque__content .bloque__uno .input-group .add-on:hover + input[type="number"],
        section .bloque__content .bloque__uno .input-group label:hover ~ input[type="number"],
        section .bloque__content .bloque__uno .radio-group label:hover {
            background-color: #fbfbfb !important;
            /* border-color: #d6d6d6 !important; */
        }

        section .bloque__content .bloque__uno .input-group input[type="number"]:focus {
            background-color: #ffffff !important;
        }
        
        section .bloque__content .bloque__uno .input-group .separata {
            font-size: 2.4em;
            top: 8px;
            display: inline-block;
            position: relative;
        }

        section .bloque__content .bloque__uno .radio-group label.first {
/*
            -webkit-border-top-left-radius: 10px;
            -moz-border-top-left-radius: 10px;
            -o-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-bottom-left-radius: 10px;
            -o-border-bottom-left-radius: 10px;
            border-bottom-left-radius: 10px;
*/
            /* border-right: 1px solid #dddddd !important; */
            background-color: white;
        }        
        section .bloque__content .bloque__uno .radio-group label.last{
            margin-left: -2px;
/*
            -webkit-border-top-right-radius: 10px;
            -moz-border-top-right-radius: 10px;
            -o-border-top-right-radius: 10px;
            border-top-right-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-bottom-right-radius: 10px;
            -o-border-bottom-right-radius: 10px;
            border-bottom-right-radius: 10px;
*/
            /* border-left: 1px solid #dddddd; */
            background-color: white;
        }

        section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label,
        section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label {
            color: #000000;
            background-color: #dfe6ea !important;
        }            
        
/*
        section .bloque__content .bloque__uno .radio-group.radio-group--four label {
            width: 100%;
            border: 2px solid #9c9c9c !important;
            float: none;
            display: inline-block;
            background-color: #ffffff;
            height: 100px;
        }
*/
        section .bloque__content .bloque__uno .radio-group.radio-group--four label:first-child {
            margin-left: 0;
        }
        section .bloque__content .bloque__uno .radio-group.radio-group--four label {
            width: 100%;
            border: 2px solid #9c9c9c !important;
            float: none;
            display: inline-block;
            margin-left: -2px;
            background-color: #ffffff;
            height: 100px;
        }
        
section .radio-group.radio-group--four {}

    section .radio-group.radio-group--four .control-group {}
    
/*         section .radio-group.radio-group--four .control-group .bloque__row {} */

            section .radio-group.radio-group--four .control-group .tooltip-group:first-child {
                margin-left: 0px;
            }
            
            section .radio-group.radio-group--four .control-group .tooltip-group {
                position: relative;
                float: left;
                width: 20.1%;
                margin-left: -2px;
            }
            
            section .radio-group.radio-group--four .control-group .bloque__tooltip {
                display: block;
                position: absolute;
                bottom: 110px;
                left: 50%;
                margin-left: -110px;
                width: 220px;
                background: #ffffff;
                z-index: 1000;
                border: 1px solid #9c9c9c;
                padding: 20px;
                visibility: hidden;
                opacity: 0;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
            }
            
            section .radio-group.radio-group--four .control-group .tooltip-group:hover .bloque__tooltip {
                opacity: 1;
                visibility: visible;
                -webkit-animation-name: bounce;
                animation-name: bounce;
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
            }
            
                section .radio-group.radio-group--four .control-group .bloque__tooltip p {
                    text-align: center;
                    font-size: 1.5em;
                    margin-bottom: 0;
                }
                
                section .radio-group.radio-group--four .control-group .bloque__tooltip span {
                    width: 30px;
                    height: 30px;
                    background: white;
                    display: block;
                    position: absolute;
                    bottom: -16px;
                    left: 50%;
                    margin-left: -15px;
                    transform: rotate(45deg);
                    border-bottom: 1px solid #9c9c9c;
                    border-right: 1px solid #9c9c9c;
                }

            section .bloque__content .bloque__uno .radio-group.radio-group--four .control-group label {
                /* border-bottom: 1px solid #dddddd !important; */
                /* border-top: 1px solid #dddddd !important; */
            }
            
            section .bloque__content .bloque__uno .radio-group.radio-group--four .control-group label.first {
                /* border-bottom: 1px solid #dddddd !important; */
                /* border-top: 2px solid #dddddd !important; */
            }
            section .bloque__content .bloque__uno .radio-group.radio-group--four .control-group label.last {
                /* border-top: 1px solid #dddddd !important; */
                /* border-bottom: 3px solid #dddddd !important; */
            }


    section .bloque__content .bloque__uno .input-group .control-group { /*final*/
        position: relative;
        display: inline-block;
    }
        .control-group .add-on {
            position: absolute;
            color: #000;
            top: 2px;
            right: 2px;
            margin-left: -1px;
            display: inline-block;
            width: 100px;
            /* height: 45px; */
            min-width: 16px;
            padding: 16px 0 19px;
            text-align: center;
            text-shadow: 0 1px 0 #ffffff;
            background-color: #f1f1f1;
            border-left: 2px solid #9c9c9c;
            font-size: 20px;
            font-weight: bold;
            z-index: 99;
            line-height: 27px;
/*
            -webkit-border-top-right-radius: 8px;
            -moz-border-top-right-radius: 8px;
            -o-border-top-right-radius: 8px;
            border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            -moz-border-bottom-right-radius: 8px;
            -o-border-bottom-right-radius: 8px;
            border-bottom-right-radius: 8px;
*/
        }  
    
    section .bloque__content .bloque__uno .control-group.control-group--inline {
        margin-right: 32px;
        float: left;
    }
    section .bloque__content .bloque__uno div.control-group.control-group--inline.last { margin-right: 0px; }

        section .bloque__content .bloque__uno .input-group label { /*final*/
            position: absolute;
            top: 22px;
            left: 21px;
            z-index: 9;
            font-size: 20px;
            /* font-weight: bold; */
            /*             font-family: 'sofia', 'Arial'; */
            color: #969696;
        }

        section .bloque__content .bloque__uno .input-group input[type="text"],
        section .bloque__content .bloque__uno .input-group input[type="email"] { /*final*/
            width: 400px;
            /* height: 53px; */
            position: relative;
            padding: 15px 0px 15px 140px;
            vertical-align: middle;
/*
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
*/
            border: 2px solid #9c9c9c;
            -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
            -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
            font-size: 24px;
            font-weight: bold;
            outline: none;
            z-index: 2;
        }
        
        section .bloque__content .bloque__uno .input-group input[type="number"] {
            width: 300px;
            /* height: 53px; */
            position: relative;
            padding: 15px 120px 15px 0px;
            vertical-align: middle;
/*
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;
*/
            border: 2px solid #9c9c9c;
            -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
            -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
            font-size: 24px;
            font-weight: bold;
            /*             font-family: 'sofia', 'Arial'; */
            text-align: right;
            outline: none;
            z-index: 2;
        }
        
            section .bloque__content .bloque__uno .input-group input[type="number"]#day,
            section .bloque__content .bloque__uno .input-group input[type="number"]#month {
                padding: 15px;
                text-align: center;
                width: 75px;
                border: 0 !important;
            }
            section .bloque__content .bloque__uno .input-group input[type="number"]#year {
                padding: 15px;
                text-align: center;
                width: 123px;
                border: 0 !important;
            }
            
                section .bloque__content .bloque__uno .input-group input[type="number"]#day:focus,
                section .bloque__content .bloque__uno .input-group input[type="number"]#month:focus,
                section .bloque__content .bloque__uno .input-group input[type="number"]#year:focus {
                    box-shadow: none !important;
                    border: 0 !important;
                }
        
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                /* display: none; <- Crashes Chrome on hover */
                -webkit-appearance: none;
                margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
            }
            
            
        section .bloque__content .bloque__uno .radio-group .control-group {
            position: relative;
            /* z-index: 2; */
        }
            
        section .bloque__content .bloque__uno .radio-group input[type="radio"] {
            /* width: auto; */
            /* height: auto; */
            opacity: 0;
            filter: alpha(opacity = 0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -moz-opacity: 0;
            -khtml-opacity: 0;
            /* z-index: 50; */
            cursor: pointer;
            position: fixed;
            margin-left: -20000em;
        }  
        
        #calculadora textarea:focus, 
        #calculadora input[type="text"]:focus, 
        #calculadora input[type="password"]:focus, 
        #calculadora input[type="datetime"]:focus, 
        #calculadora input[type="datetime-local"]:focus, 
        #calculadora input[type="date"]:focus, 
        #calculadora input[type="month"]:focus, 
        #calculadora input[type="time"]:focus, 
        #calculadora input[type="week"]:focus, 
        #calculadora input[type="number"]:focus, 
        #calculadora input[type="email"]:focus, 
        #calculadora input[type="url"]:focus, 
        #calculadora input[type="search"]:focus, 
        #calculadora input[type="tel"]:focus, 
        #calculadora input[type="color"]:focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px 3px rgba(82, 168, 236, 0.6);
            border: 2px solid rgba(82, 168, 236, 0.6) !important;
        }
        
.select-group#met {
    /* width: 50%; */
    text-align: left;
    /* float: left; */
    /* margin-right: 78px; */
}

    .select-group#met .control-group {
        width: 100%;
        display: block;
        background-color: #FFFFFF;
        position: relative;
        border: 2px solid #9c9c9c;
        outline: none;
        z-index: 9;
    }

    .select-group#met .control-group.error {
        border: 2px solid #a9422e !important;
    }
        .select2-selection.select2-selection--single .select2-selection__rendered,
        .select2-selection.select2-selection--single .select2-selection__arrow{
            top: 15px!important;
            position: relative;
        }
        .select2-selection.select2-selection--single{
            height: 62px!important;
        }
        .select2-selection.select2-selection--single,
        .select-group#met .control-group select[name="met"] {
            width: 100%;
            height: 62px;
            background: #ffffff;
            border-radius: 0;
            font-size: 2em;
            font-weight: bold;
            font-family: 'sofia', 'Arial' !important;
            border: none;
            outline: none;
        }
        .select2-container .select2-search__field{
            background-image: url("../img/calc/search_icon.png");
            background-repeat: no-repeat;
            background-position: 97% center;
        }
        
        span.select2-dropdown{
            font-size: 2em;
        }
        /*
        .select2-dropdown.select2-dropdown--above{
            max-height: 395px!important;
        }
        .select2-dropdown.select2-dropdown--above .select2-search.select2-search--dropdown{
            position: absolute;
            width: 100%;
            bottom: 0px;
        }
        */
        .select2-container--default .select2-results>.select2-results__options{
            max-height: 350px!important;
        }
        .select2-container--default .select2-results__option[role='group'],
        .select2-container--default .select2-results__option[role='treeitem'],
        .select2-container--default .select2-results__option .select2-results__option {
            padding-left: 1em;
            padding: 10px 0px 10px 1em;
            font-weight: bold;
            font-family: 'sofia', 'Arial' !important;
        }
        
        .select2-container--default .select2-results__option .select2-results__option{
            padding-left: 2em;
        }
        
        .select2-container--default .select2-results__option[role='treeitem']{
            padding: 10px 6px 10px 6px;
        }
        
        .select2-container--default .select2-results__option[role='treeitem'],
        .select2-container--default .select2-results__option[role='group']{
            font-size: 1em;
        }
        .select2-container--default .select2-results__option .select2-results__option{
            font-size: 1em;
        }

        .select2-container--default .select2-results__group{
            background-color: #ddd;
            padding: 15px 6px!important;
        }
        
.bloque__botones {
    width: 100%;
    vertical-align: middle;
    line-height: 50px;
    margin-top: 51px;
}
div#step_1 .bloque__botones {
    margin-bottom: 60px;
}
div#step_9 .bloque__botones,
div#step_15 .bloque__botones {
    height: 0;
    margin: 0;
} 

div.no-calc#step_15 .bloque__botones {
    height: initial;
}
        
.bloque__botones .btn__left { float: left;padding-bottom: 5px !important; }
.bloque__botones .btn__right {
    float: right !important;
    padding-bottom: 5px !important;
}

    .submit span{
        width: 18px;
        padding-left: 20px;
        top: 3px;
        position: relative;
    }
        .submit span img {
            width: 18px;
        }
        
/* Actividad fisica */
.radio-group.radio-group--four {  }
    .radio-group.radio-group--four .control-group {
        margin-top: -2px;
    }
        .radio-group.radio-group--four .control-group .bloque__row {
            display: inline-table;
            width: 100%;
        }
            .radio-group.radio-group--four .control-group label {
                /* display: table-cell !important; */
                /* line-height: inherit !important; */
            }
                .radio-group.radio-group--four .control-group label span {
                    width: 70%;
                    display: inline-block;
                    line-height: 27px;
                    padding-top: 17px;
                    font-size: 24px;
                }
                .radio-group.radio-group--four .control-group label span small {
                    font-size: 20px;
                }
                
                .radio-group.radio-group--four .control-group label table {
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-overflow-scrolling: touch;
                }

                
                .radio-group.radio-group--four .control-group label table th.key {
                    width: 300px;
                    text-align: left;
                    vertical-align: top;
                    padding-left: 40px;   
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-overflow-scrolling: touch;
                }
                .radio-group.radio-group--four .control-group label table td.value {
                    text-align: left;
                    vertical-align: top;
                    padding-right: 40px;
                    font-size: 20px;
                    font-weight: normal;
                    line-height: 27px;
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-overflow-scrolling: touch;
                }
                
/*

        .radio-group.radio-group--four .control-group input[type="radio"] {}
        .radio-group.radio-group--four .control-group label.first {
            border-bottom-left-radius: 0 !important;
            border-top-right-radius: 6px !important;
        }
        .radio-group.radio-group--four .control-group label.last {
            margin-left: 0 !important;
            border-bottom-left-radius: 6px !important;
            border-bottom-right-radius: 6px !important;
            border-top-right-radius: 0 !important;
        }

*/
/* /Actividad fisica */

/* Card¡diovascular */
.radio-group.radio-group--five {}
    .radio-group.radio-group--five .control-group {
        margin-top: -3px;
    }
    .radio-group.radio-group--five .control-group .bloque__row {
        width: 100%;
        display: inline-table;    
    }
        .radio-group.radio-group--five .control-group input[type="radio"] {}
        .radio-group.radio-group--five .control-group label {
            width: 20.15% !important;
            padding: 0 !important;
            display: table-cell;
        }
        .radio-group.radio-group--five .control-group label.center {
            /* border-left: 1px solid #dddddd; */
            /* border-right: 1px solid #dddddd; */
            background-color: #ffffff;
            margin-left: -2px;
        }

/* /Card¡diovascular */

#actividaddiaria .control-group label {
  display: table;
  vertical-align: middle;
}
#actividaddiaria .control-group label span {
  display: table-cell;
  padding-top: 0;
  vertical-align: middle;
  width: 100%;
}

/* Diabetes */
.radio-group.radio-group--three {}
    .radio-group.radio-group--three .control-group {
        margin-top: -3px;
    }
    .radio-group.radio-group--three .control-group .bloque__row {
        width: 100%;
        display: inline-table;    
    }
        .radio-group.radio-group--three .control-group input[type="radio"] {}
        .radio-group.radio-group--three .control-group label {
            width: 32.9% !important;
            padding: 0 !important;
            display: table-cell;
        }
        
        
        .radio-group.radio-group--four .control-group label.first {
/*
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
*/
        }
        .radio-group.radio-group--four .control-group label.label-vertical {
/*             border-radius: 0 !important; */
        }
        .radio-group.radio-group--four .control-group label.last {
/*
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
*/
        }
        
        .radio-group.radio-group--three .control-group label.center {
            /* border-left: 1px solid #dddddd; */
            /* border-right: 1px solid #dddddd; */
            background-color: #ffffff;
            margin-left: -2px;
        }
            .radio-group.radio-group--four .control-group label span {
                width: 70%;
                display: inline-block;
                line-height: 27px;
                font-size: 1.1em;
            }
            .radio-group.radio-group--four .control-group label span small {
                font-size: 20px;
                font-weight: 400;
                color: #333333;
                line-height: 30px;
            }
/* /Diabetes */


    section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label:before,
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label:before{
        content: "";
        top: -2px;
        position: absolute;
        height: 100%;
        z-index: 999;
        border: 2px solid #219fd9 !important;
        color: #219fd9;
        box-shadow: 0px 0px 0px 4px #c0def4;
        box-sizing: initial;
    }            
    
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.first:before,
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.first:before {
/*
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -o-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        -o-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
*/
        left: -2px;
        width: 99.2%;
    }
    
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.center:before,
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.center:before {
        left: 0px;
        width: 96%;
    }
    
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.last:before,
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.last:before {
        /*
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        -o-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        -o-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
*/
        right: -2px;
        top: -2px;
        width: 99%;
        }
        
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label:before {
        content: "";
        width: 98.6%;
        left: -2px;
        height: 100% !important;
        /* top: 2px; */
    }


    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.first:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.first:before {
        width: 98.5%;
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.center:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.center:before {
        width: 97.7%;
    }

    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.last:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.last:before {
    }


    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label.first:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label.first:before {
        height: 100% !important;
        /*
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 10px;
*/
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label.center:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label.center:before {
        height: 95% !important;
    }

    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label.last:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label.last:before {
        height: 100% !important;
        /*
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
*/
    }


    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.first:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.first:before {
        width: 97.4%;
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.center:before {
        width: 96%;
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.last:before {
        width: 98.7%;
    }

    input:disabled,
    .control-group.disabled {
        background: #f8f8f8 !important;
        color: #969696 !important;
    }

.boque__legal {
    margin-top: 110px;
    text-align: left;
}
    .boque__legal p {
        font-size: 1.3em !important;
        margin: 5px 0 0 !important;
        color: #9a9a9a !important;
    }

/* PERFILES */
/************/
    #perfiles .bloque__perfil__estatico .delete-profile,
    #perfiles .bloque__perfil .delete-profile{
        background: transparent url("../../img/ekilibria/calc/close-icon.png") no-repeat center center; 
        display: none;
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0px;
    }
    #perfiles .bloque__perfil__estatico:hover .delete-profile,
    #perfiles .bloque__perfil:hover .delete-profile{
        display: block; 
    }

/* END PERFILES */
/****************/

/* CHART FIXES */
/***************/
    
/* END CHART FIXES */
/*******************/

/* OTHER FIXES */
/***************/
label span, 
label table,
label table th, 
label table td,
label > * {
    pointer-events: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

    div#tabs-catalogo .tabs{
        margin-top: 50px;
    }
    p.less-tpmargin{
        margin-top: 3px!important;
    }
    p.less-btmargin{
        margin-bottom: 30px!important;
    }
    div.togglehidden{
        display: none;
    }
    section .panel.panel--slider{
        height: auto!important;
    }
    .textazo ul,    
    .textazo ol{
        color: #000000;
        font-size: 2rem;
        margin: 0 0 70px 0;
        font-family: 'sofia', 'Arial' !important;
        text-align: left;
        list-style: inherit;
        padding-left: 40px;        
    }
    .textazo ul { list-style-type: circle; }
    .textazo ol { list-style-type: decimal; }
        
    .textazo ul ul{
        margin-bottom: 0px;
    }
    .fase2_hidden{
        display: none!important;
    }
    
    #tab-total .total-informe p{
        width: 100%!important;
        text-align: left!important;
    }
    #tab-total .total-informe a{
        text-align: center;
        display: block;
        margin: 40px auto 60px auto;
    }
    #tab-total ul li p span{
        font-weight: bolder;
        font-size: 1.1em;
    }
    #tab-total .clear{
        margin-bottom: 30px;
    }
    #tab-total .bloque__uno .bloque__texto img{
        width: 100%;
        margin-top: 40px;
    }
    #tab-total .informe-title{
        font-size: 2rem;
        font-weight: bolder;
        color: #219fd9;
        margin-bottom: -10px;
    }
    #tab-total .informe-title > span{
        font-size: 1em;
    }
    
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }   
    input[type=number] {
        -moz-appearance:textfield;
    }
    .float.fl{
        float: left;
        width: 50%;
    }
    .float.fr{
        float: right;
        width: 50%;
    }
    section .bloque__content .bloque__uno .bloque__form .form-group{
        margin-right: 50px;
    }
    .textazo{
        text-align: left;
    }
    div#tab-total span.success{
        margin-left: 5px;
    }
    
    .lt-ie9 .control-group label[for].checked{
        background-color: #dfe6ea!important;
    }
    .lt-ie9 .control-group label[for].checked:hover{
        background-color: #dfe6ea!important;
    }
    .shownMobile {
        display: none !important;
    }
    .evolutivos .content_tab{
        padding: 30px;
    }
/* END OTHER FIXES */
/*******************/

/**************/
/* MPDF FIXES */
    .bloque__rango .bloque__rango__textos{
        position: relative;
        top: 0px;
        padding-bottom: 20px;
    }
    .bloque__rango__textos ul{
        font-size: 16px!important;
    }
    .pointer{
        top: 20px; 
/*      top: -10px; */
    }
    @media screen and (-webkit-min-device-pixel-ratio:0)
    { 
        .pointer{ top: 35px; }
    }
    @-moz-document url-prefix() { 
        .pointer {
            top: 35px;
        }
    }
    .rango ul{
        height: 55px;
        width: 100%;
        margin-left: 0%;
        position: relative;
    }
    .rango ul li:before{
        display: none;
    }
    .rango ul li{
        width: 1px;
        height: 40px;
        background: #bdbdbd;
        margin-left: 0%;
        text-indent: -5px;
        padding-top: 40px;
    }

    #tocanvas{
        padding-left: 1%;
    }
    .mobile__scrool_x.forced {
        overflow-x: scroll;
        z-index: 2;
        position: relative;
        top: 1px;
    }
    .mobile__scrool_x.forced > ul.tabs > li{
        position: relative!important;
        margin: 0 0 0 -1px!important;
        margin-left: -1px!important;
        top: 0px;
    }
/* END MPDF FIXES */
/******************/

@media only screen and (min-width: 2260px) {

}

@media only screen and (min-width: 1820px) {

}

@media only screen and (min-width: 1280px) {
    

    section .bloque__content .bloque__uno .input-group input[type="text"], 
    section .bloque__content .bloque__uno .input-group input[type="email"] {
        width: 445px;
    }
    section .bloque__content .bloque__uno .input-group input[type="number"] {
        width: 295px;
    }
    section .bloque__content .bloque__uno .radio-group label {
        width: 50%;
    }
    section .bloque__content .bloque__uno .btn {
        padding: 5px 80px 9px;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--four label {
        /* width: 100%; */
    }
    .radio-group.radio-group--three .control-group label {
        width: 33% !important;
    }

    section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.last:before {
        width: 99.4%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.center:before {
        width: 98%;
    }

    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.last:before {
        width: 99.2%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label.last:before {
        width: 100%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.center:before {
        width: 96.8% !important;
    }


}

@media only screen and (max-width: 1020px) and (min-width: 768px) { 
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}
     
    
label span, 
label table,
label table th, 
label table td,
label > * {
    pointer-events: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

    .mobile__scrool_x {
        overflow-x: scroll;
        z-index: 2;
        position: relative;
        top: 1px;
    }

    div#tabs-catalogo .tabs {
        /* margin-top: 100px; */
        /* width: 948px; */
        /* margin-bottom: 20px; */
    }
        
        div#tabs-catalogo .tabs li {
            position: relative;
/*             border-radius: 0; */
            margin: 0 0 0 -1px;
            top: 0px;
        }

            div#tabs-catalogo .tabs li.disabled {
                border: 1px solid #dedede;
            }

            div#tabs-catalogo .tabs li a {
                display: block;
                text-align: left;
                padding: 10px 25px;
                height: 64px;
                line-height: 44px;
                color: #333333;
                font-weight: bold;
                font-size: 20px;
                text-decoration: none !important;
                width: 100%;
                position: relative;
            }

            div#tabs-catalogo .tabs li.active a {
                height: 65px;
            }

                div#tabs-catalogo .tabs li a span.icono-success {
                    /* display: none !important; */
                }
        div#tabs-catalogo .tabs li.disabled {
            /* border: 1px solid #dedede; */
        }
        
        div#tabs-catalogo .tabs li.success a {
            /* color: #89d241; */
        }

    section .bloque__content .bloque__uno .bloque__form .form-group {
        float: none;
        margin-right: 0;
        text-align: center;
        
    }
    section .bloque__content .bloque__uno .bloque__form h3 {
        text-align: center;
    }
    
        section .bloque__content .bloque__uno .input-group .control-group {
            display: block;
        }
        
        .bloque__botones .btn__left,
        .bloque__botones .btn__right {
            display: block !important;
            float: none !important;
            margin-bottom: 30px;
        } 
        .bloque__botones .btn__left.fase2_hidden,
        .bloque__botones .btn__right.fase2_hidden{
            display: none!important;
        }

    
    section .bloque__content .bloque__uno .input-group, 
    section .bloque__content .bloque__uno .radio-group, 
    section .bloque__content .bloque__uno .form-group {
        text-align: center;
    }
    
    section .bloque__content .bloque__uno .control-group.control-group--inline {
        float: none;
        margin-bottom: 30px;
        display: block;
        width: 100%;
        margin: 0 auto 30px !important;
    }
    
    
        section .bloque__content .bloque__uno .input-group input[type="text"], 
        section .bloque__content .bloque__uno .input-group input[type="email"] {
            width: 100%;
        }
        section .bloque__content .bloque__uno .input-group input[type="number"] {
            width: 100%;
        }    
    
    section .bloque__content .bloque__uno .radio-group label {
        width: 50%;
    }
    label#sexo-error, 
    label#fumador-error, 
    label#colesterol-error, 
    label#tension-error, 
    label#verduras-error, 
    label#medicacion-error, 
    label#glucosa-error, 
    label#diabetes-error {
        width: 100%;
    }
    .radio-group.radio-group--four .control-group label table th.key {
        width: 190px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }
    .radio-group.radio-group--four .control-group label table td.value {
        padding-right: 30px;
        font-size: 13px;
        line-height: 20px;
        padding-top: 5px;
    }
    
    .radio-group.radio-group--three .control-group label.first {
/*
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 10px;
*/
    }
    .radio-group.radio-group--three .control-group label {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: -2px !important;
    }
    .radio-group.radio-group--three .control-group label.last {
/*
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 10px;
*/
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.first:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.first:before {
        width: 100%;
        height: 95.5%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.center:before {
        width: 100%;
        left: -2px;
        height: 94%;
        top: 0;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.last:before {
        width: 100%;
        height: 97%;
        top: 0;
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.first:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.first:before {
        width: 98%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.center:before {
        width: 94.5%;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.last:before {
        width: 97.7%;
    }

    section .radio-group.radio-group--four .control-group .tooltip-group {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: -2px;
    }


    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label:before {
        width: 100%;
        left: -2px;
    }  
    
    
    .rango__uno .barra__rango ul li.vd { width: 30.2%; }

    .fase2_hidden{
        display: none!important;
    }

}

@media only screen and (max-width: 767px) {
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}
section .bloque__content .bloque__uno .checkbox-group .control-group input:checked::after{
    top: -7px!important;    
}
section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group label[for='aceptar_condiciones']{
    top:0px!important;
    width: 80%!important;
}
section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group #condiciones-error{
    top: 60px!important;
}
#perfiles .bloque__perfil__estatico .delete-profile,
#perfiles .bloque__perfil .delete-profile{
    display: block; 
}

.bloque__perfiles .bloque__perfil__estatico, 
.bloque__perfiles .bloque__perfil{
    float: none;
    margin-left: 10px;
    margin-right: 10px;
}

section .panel__content {
    margin-top: 13px;
    padding: 0 20px;
}
.pointer{
    top: -8px;
}
.float.fl,
.float.fr{
    float: none;
    width: 100%;
}
label span, 
label table,
label table th, 
label table td,
label > * {
    pointer-events: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

    .mobile__scrool_x {
        overflow-x: scroll;
    }

    div#tabs-catalogo .tabs {
        margin-top: 100px;
        min-width: 500px;
    }
        
        div#tabs-catalogo .tabs li {
            position: relative;
            /*             border-radius: 0; */
            margin: 0 0 0 -1px;
            /* border-bottom: 1px solid #dedede; */
        }
        div#tabs-catalogo .tabs li.active {
            border-bottom: 0;
        }

            div#tabs-catalogo .tabs li a {
                display: block;
                text-align: left;
                padding: 10px 25px;
                height: 64px;
                line-height: 44px;
                color: #333333;
                font-weight: bold;
                font-size: 20px;
                text-decoration: none !important;
                width: 100%;
                position: relative;
            }

                div#tabs-catalogo .tabs li a span.icono-success {
                    /* display: none !important; */
                }
                
        div#tabs-catalogo .tabs li.disabled {
            /* border: 1px solid #dedede; */
        }

        div#tabs-catalogo .tabs li.success a {
            /* color: #89d241; */
        }

        section .panel__content .bloque__content{
            padding-top: 0;
        }
        
        section .panel__content .panel {
            border:none;
            border:0;
        }

    .bloque__perfiles #perfiles{
        width: 100% !important;
    }
        .bloque__perfiles #perfiles .bloque__perfil {
            margin-right: auto !important;
            margin-left: auto;
            float: none;
            display: block;
        }
        
    section .bloque__content .bloque__uno .bloque__texto h2 {
        font-size: 3.2em;
        line-height: 42px;
        margin-bottom: 30px;
            margin-top: 40px;
    }
    
    .bloque__cita h2 {
        font-size: 2.3em !important;
        margin-top: 0 !important;
    }
    
    section .bloque__content .bloque__uno .bloque__form {
        padding: 50px 20px;
    }
    
        section .bloque__content .bloque__uno .bloque__form p.texto-result {
            margin-left: 0;
            margin-right: 0;
        }
        section .bloque__content .bloque__uno .bloque__form .calc-result.get-result,
        section .bloque__content .bloque__uno .bloque__form .calc-result.get-result + .calc-result{
            font-size: 4.2em;
        }
    
        section .bloque__content .bloque__uno .bloque__form .form-group {
            float: none;
            margin-right: 0;
        }
        section .bloque__content .bloque__uno .input-group .control-group {
            display: block;
        }
  
                section .bloque__content .bloque__uno .bloque__texto h3 {
                    padding-left: 0;
                    padding-right: 0;
                }
                section .bloque__content .bloque__uno .bloque__form h3 {
                    text-align: center;
                    margin-right: 0 !important;
                    font-size: 1.9em !important;
                }

                section .bloque__content .bloque__uno .bloque__form .calc-result {
                    font-size: 3.4rem;
                }

                section .bloque__content .bloque__uno .input-group input[type="text"], 
                section .bloque__content .bloque__uno .input-group input[type="email"] {
                    width: 100%;
                    padding: 15px 0px 15px 120px;
                }
                section .bloque__content .bloque__uno .input-group input[type="number"] {
                    width: 100%;
                }
                label.error {
                    font-size: 1.4em !important;
                }

                section .bloque__content .bloque__uno .input-group input[type="number"]#day, 
                section .bloque__content .bloque__uno .input-group input[type="number"]#month {
                    padding: 15px 0;
                    width: 17.7%;
                }
                section .bloque__content .bloque__uno .input-group input[type="number"]#year {
                    width: 33%;
                    padding: 15px 0;
                }
            
        .bloque__botones .btn__left {
            float: none;
            margin-top: 37px;
            width: 100%;
        }
            section .bloque__content .bloque__uno .btn {
                width: 100%;
                padding: 5px 20px 9px;
                font-size: 1.8em;
            }
            
        .hidden + .prev {
            margin-top: 0;
        }

    section .bloque__content .bloque__uno .control-group.control-group--inline {
        margin-right: 0;
        float: none;
        display: block;
        margin-bottom: 30px;
    }

        section .bloque__content .bloque__uno .radio-group label {
            float: none;
            width: 100%;
            display: block;
        }
        
        div#tabs-catalogo .tabs li.active a { height: 65px; }
        
        section .bloque__content .bloque__uno .radio-group label.first {
/*
            -webkit-border-top-left-radius: 10px;
            -moz-border-top-left-radius: 10px;
            -o-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-bottom-left-radius: 10px;
            -o-border-bottom-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 0;
*/
        }
        section .bloque__content .bloque__uno .radio-group label.last {
            margin-top: -2px;
/*
            -webkit-border-top-right-radius: 10px;
            -moz-border-top-right-radius: 10px;
            -o-border-top-right-radius: 10px;
            border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-bottom-right-radius: 10px;
            -o-border-bottom-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 0;
*/
            margin-left: 0;
        }
        
        section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.first:before, 
        section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.first:before {
/*
            -webkit-border-top-left-radius: 10px;
            -moz-border-top-left-radius: 10px;
            -o-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-bottom-left-radius: 10px;
            -o-border-bottom-left-radius: 10px;
            border-bottom-left-radius: 0;
            border-top-right-radius: 10px;
*/
            left: -2px;
            width: 100%;
            height: 96%;
        }
        section .bloque__content .bloque__uno .radio-group input[type="radio"]:active + label.last:before, 
        section .bloque__content .bloque__uno .radio-group input[type="radio"]:checked + label.last:before {
/*
            -webkit-border-top-right-radius: 10px;
            -moz-border-top-right-radius: 10px;
            -o-border-top-right-radius: 10px;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-bottom-right-radius: 10px;
            -o-border-bottom-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
*/
            right: -2px;
            top: 0;
            width: 100%;
            height: 95%;
        }
        
    section .radio-group.radio-group--four .control-group .tooltip-group:first-child {
        margin-top: 0px;
    }
    
    section .radio-group.radio-group--four .control-group .tooltip-group {
        position: relative;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: -2px;
    }
        
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label:before {
        height: 97% !important;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--four input[type="radio"]:checked + label.last:before {
        height: 99% !important;
    }
        

    .radio-group.radio-group--four .control-group label table th.key {
        width: 100%;
        text-align: center;
        padding: 20px 20px 0 20px;   
        display: block;
    }
    .radio-group.radio-group--four .control-group label table td.value {
        text-align: center;
        padding: 20px;
        font-size: 16px;
        line-height: 27px;
        display: block;
        width: 100%;
    }


    .radio-group.radio-group--three .control-group label,
    .radio-group.radio-group--five .control-group label {
        width: 100% !important;
    }
    .radio-group.radio-group--three .control-group label.center,
    .radio-group.radio-group--five .control-group label.center {
        margin-left: 0px;
        margin-top: -2px;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.first:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.first:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.first:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.first:before {
        width: 100%;
    }
    
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:active + label.center:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--three input[type="radio"]:checked + label.center:before,
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.center:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.center:before {
        width: 100%;
        left: -2px;
    }
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:active + label.last:before, 
    section .bloque__content .bloque__uno .radio-group.radio-group--five input[type="radio"]:checked + label.last:before {
        width: 100%;
    }

    .bloque__rango {
        margin-top: 90px;
    }

/*
        .rango ul li {
            margin-right: 12.64%;
        }
*/

        .rango ul li.impar {
            display: none;
        }

    .pointer {
        width: 6px;
    }


    #tab-total .success {
        display: none !important;
    }
    .hideOnMobile {
        display: none !important;
    }
    .showOnMobile {
        display: inline !important;
    }
    .boque__legal {
        padding: 0 20px;
    }
    .btn__download,
    .btn__downloaded {
        font-size: 1.5em;
    }
     
    .fase2_hidden{
        display: none!important;
    }
   
}




@media only screen and (max-width: 500px) and (min-width: 401px) {
    
    section .bloque__content .bloque__uno .bloque__texto p,
    section .bloque__content .bloque__uno .bloque__botones p, 
    section .bloque__content .bloque__uno .bloque__perfiles p {
        width: 100%;
            
    }    

    .bloque__cita {
        padding-left: 30px;
        padding-right: 30px;
    }

}




@media only screen and (max-width: 400px) {
    
    section.descuentos .block-wrap .content {
        padding: 0;
    }
    
    section .bloque__content .bloque__uno h3 { 
        padding: 0; 
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section .bloque__content .bloque__uno .bloque__texto p, 
    section .bloque__content .bloque__uno .bloque__botones p, 
    section .bloque__content .bloque__uno .bloque__perfiles p {
        width: 100%;
        font-size: 1.9em;
    }

    .bloque__cita {
        padding: 30px 15px;
    }

    section .bloque__content .bloque__uno .input-group input[type="number"] {
        padding: 15px 100px 15px 0px;
    }

    .control-group .add-on {
        width: 80px;
    }

    .bloque__cintura {
        width: 250px;
        min-height: 250px;
        height: auto;
    }

}

@media only screen and (max-width: 321px) {
    section .bloque__content .bloque__uno .checkbox-group .control-group input:checked::after{
        top: 7px!important; 
    }
    section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group label[for='aceptar_condiciones']{
        top:0px!important;
        width: 80%!important;
    }
    section .bloque__content .bloque__uno .checkbox-group.checkbox-group .control-group #condiciones-error{
        top: 80px!important;
    }
}

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

*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

label span, 
label table,
label table th, 
label table td,
label > * {
    pointer-events: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

    .mobile__scrool_x {
        overflow-x: scroll;
        z-index: 2;
        position: relative;
        top: 1px;
    }

    div#tabs-catalogo .tabs {
        /* margin-top: 100px; */
        /* width: 948px; */
        /* margin-bottom: 20px; */
    }
        
        div#tabs-catalogo .tabs li {
            position: relative;
/*             border-radius: 0; */
            margin: 0 0 0 -1px;
            top: 0px;
        }

            div#tabs-catalogo .tabs li.disabled {
                border: 1px solid #dedede;
            }

            div#tabs-catalogo .tabs li a {
                display: block;
                text-align: left;
                padding: 10px 25px;
                height: 64px;
                line-height: 44px;
                color: #333333;
                font-weight: bold;
                font-size: 20px;
                text-decoration: none !important;
                width: 100%;
                position: relative;
            }

/*
                div#tabs-catalogo .tabs li a span.icono-success {
                    display: none !important;
                }

        
        div#tabs-catalogo .tabs li.success a {
            color: #89d241;
        }
*/

}
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (min-device-height: 1366px) 
and (max-device-height: 1366px) 
and (min-width: 1366px) 
and (max-width: 1366px) {
 
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}
 
label span, 
label table,
label table th, 
label table td,
label > * {
    pointer-events: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}
 
     .mobile__scrool_x {
        overflow-x: scroll;
        z-index: 2;
        position: relative;
        top: 1px;
    }

    div#tabs-catalogo .tabs {
        /* margin-top: 100px; */
        /* width: 948px; */
        /* margin-bottom: 20px; */
    }
        
        div#tabs-catalogo .tabs li {
            position: relative;
/*             border-radius: 0; */
            margin: 0 0 0 -1px;
            top: 0px;
        }

            div#tabs-catalogo .tabs li.disabled {
                border: 1px solid #dedede;
            }

            div#tabs-catalogo .tabs li a {
                display: block;
                text-align: left;
                padding: 10px 25px;
                height: 64px;
                line-height: 44px;
                color: #333333;
                font-weight: bold;
                font-size: 20px;
                text-decoration: none !important;
                width: 100%;
                position: relative;
            }

/*
                div#tabs-catalogo .tabs li a span.icono-success {
                    display: none !important;
                }
*/
        div#tabs-catalogo .tabs li.disabled {
            /* border: 1px solid #dedede; */
        }
        
/*
        div#tabs-catalogo .tabs li.success a {
            color: #89d241;
        }
*/
    
}


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

    ANIMACIONES    
    
=============================================== */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -2.5px, 0);
    transform: translate3d(0, -2.5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -2.5px, 0);
    transform: translate3d(0, -2.5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


/* IPAD PRO FIXES */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    div#tabs-catalogo .tabs li.active a {
        height: 64px;
    }
    section .bloque__content .bloque__uno .checkbox-group .control-group input:checked::after{
        top: -15px;
        left: 0px;
    }
}