*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif
}

img {
    max-width: 100%;
    height: auto
}
.grupo2 {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    
}
.grupo2.total {
    max-width: 100% !important
}
.grupo2:before,
.grupo2:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}
.grupo2 .caja {
    float: left;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.grupo2 .caja:last-child {
    float: right
}

.grupo2 .caja.total {
    float: none;
    display: table
}

.grupo2 .caja.total:before,
.grupo2 .caja.total:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.grupo {
    display: block;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.grupo.total {
    max-width: 100% !important
}

.grupo:before,
.grupo:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.grupo .caja {
    float: left;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.grupo .caja:last-child {
    float: right
}

.grupo .caja.total {
    float: none;
    display: table
}

.grupo .caja.total:before,
.grupo .caja.total:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

@media all and (min-width: 320px) {
    .base-5,
    .grupo2 .caja.base-5 {
        width: 5%
    }
    .base-10,
    .grupo2 .caja.base-10 {
        width: 10%
    }
    .base-15,
    .grupo2 .caja.base-15 {
        width: 15%
    }
    .base-20,
    .grupo2 .caja.base-20 {
        width: 20%
    }
    .base-25,
    .grupo2 .caja.base-25 {
        width: 25%
    }
    .base-30,
    .grupo2 .caja.base-30 {
        width: 30%
    }
    .base-35,
    .grupo2 .caja.base-35 {
        width: 35%
    }
    .base-40,
    .grupo2 .caja.base-40 {
        width: 40%
    }
    .base-45,
    .grupo2 .caja.base-45 {
        width: 45%
    }
    .base-50,
    .grupo2 .caja.base-50 {
        width: 50%
    }
    .base-55,
    .grupo2 .caja.base-55 {
        width: 55%
    }
    .base-60,
    .grupo2 .caja.base-60 {
        width: 60%
    }
    .base-65,
    .grupo2 .caja.base-65 {
        width: 65%
    }
    .base-70,
    .grupo2 .caja.base-70 {
        width: 70%
    }
    .base-75,
    .grupo2 .caja.base-75 {
        width: 75%
    }
    .base-80,
    .grupo2 .caja.base-80 {
        width: 80%
    }
    .base-85,
    .grupo2 .caja.base-85 {
        width: 85%
    }
    .base-90,
    .grupo2 .caja.base-90 {
        width: 90%
    }
    .base-95,
    .grupo2 .caja.base-95 {
        width: 95%
    }
    .base-100,
    .grupo2 .caja.base-100 {
        width: 100%
    }
    .base-1-3,
    .grupo2 .caja.base-1-3 {
        width: 33.333333333%
    }
    .base-2-3,
    .grupo2 .caja.base-2-3 {
        width: 66.666666667%
    }
    .base-3-3,
    .grupo2 .caja.base-3-3 {
        width: 100%
    }
    .base-1-6,
    .grupo2 .caja.base-1-6 {
        width: 16.666666667%
    }
    .base-2-6,
    .grupo2 .caja.base-2-6 {
        width: 33.333333333%
    }
    .base-3-6,
    .grupo2 .caja.base-3-6 {
        width: 50%
    }
    .base-4-6,
    .grupo2 .caja.base-4-6 {
        width: 66.666666667%
    }
    .base-5-6,
    .grupo2 .caja.base-5-6 {
        width: 83.333333333%
    }
    .base-6-6,
    .grupo2 .caja.base-6-6 {
        width: 100%
    }
    .base-1-8,
    .grupo2 .caja.base-1-8 {
        width: 12.5%
    }
    .base-2-8,
    .grupo2 .caja.base-2-8 {
        width: 25%
    }
    .base-3-8,
    .grupo2 .caja.base-3-8 {
        width: 37.5%
    }
    .base-4-8,
    .grupo2 .caja.base-4-8 {
        width: 50%
    }
    .base-5-8,
    .grupo2 .caja.base-5-8 {
        width: 62.5%
    }
    .base-6-8,
    .grupo2 .caja.base-6-8 {
        width: 75%
    }
    .base-7-8,
    .grupo2 .caja.base-7-8 {
        width: 87.5%
    }
    .base-8-8,
    .grupo2 .caja.base-8-8 {
        width: 100%
    }
    /*****/
    .base-5,
    .grupo2 .caja.base-5 {
        width: 5%
    }
    .base-10,
    .grupo2 .caja.base-10 {
        width: 10%
    }
    .base-15,
    .grupo2 .caja.base-15 {
        width: 15%
    }
    .base-20,
    .grupo2 .caja.base-20 {
        width: 20%
    }
    .base-25,
    .grupo2 .caja.base-25 {
        width: 25%
    }
    .base-30,
    .grupo2 .caja.base-30 {
        width: 30%
    }
    .base-35,
    .grupo2 .caja.base-35 {
        width: 35%
    }
    .base-40,
    .grupo2 .caja.base-40 {
        width: 40%
    }
    .base-45,
    .grupo2 .caja.base-45 {
        width: 45%
    }
    .base-50,
    .grupo2 .caja.base-50 {
        width: 50%
    }
    .base-55,
    .grupo2 .caja.base-55 {
        width: 55%
    }
    .base-60,
    .grupo2 .caja.base-60 {
        width: 60%
    }
    .base-65,
    .grupo2 .caja.base-65 {
        width: 65%
    }
    .base-70,
    .grupo2 .caja.base-70 {
        width: 70%
    }
    .base-75,
    .grupo2 .caja.base-75 {
        width: 75%
    }
    .base-80,
    .grupo2 .caja.base-80 {
        width: 80%
    }
    .base-85,
    .grupo2 .caja.base-85 {
        width: 85%
    }
    .base-90,
    .grupo2 .caja.base-90 {
        width: 90%
    }
    .base-95,
    .grupo2 .caja.base-95 {
        width: 95%
    }
    .base-100,
    .grupo2 .caja.base-100 {
        width: 100%
    }
    .base-1-3,
    .grupo2 .caja.base-1-3 {
        width: 33.333333333%
    }
    .base-2-3,
    .grupo2 .caja.base-2-3 {
        width: 66.666666667%
    }
    .base-3-3,
    .grupo2 .caja.base-3-3 {
        width: 100%
    }
    .base-1-6,
    .grupo2 .caja.base-1-6 {
        width: 16.666666667%
    }
    .base-2-6,
    .grupo2 .caja.base-2-6 {
        width: 33.333333333%
    }
    .base-3-6,
    .grupo2 .caja.base-3-6 {
        width: 50%
    }
    .base-4-6,
    .grupo2 .caja.base-4-6 {
        width: 66.666666667%
    }
    .base-5-6,
    .grupo2 .caja.base-5-6 {
        width: 83.333333333%
    }
    .base-6-6,
    .grupo2 .caja.base-6-6 {
        width: 100%
    }
    .base-1-8,
    .grupo2 .caja.base-1-8 {
        width: 12.5%
    }
    .base-2-8,
    .grupo2 .caja.base-2-8 {
        width: 25%
    }
    .base-3-8,
    .grupo2 .caja.base-3-8 {
        width: 37.5%
    }
    .base-4-8,
    .grupo2 .caja.base-4-8 {
        width: 50%
    }
    .base-5-8,
    .grupo2 .caja.base-5-8 {
        width: 62.5%
    }
    .base-6-8,
    .grupo2 .caja.base-6-8 {
        width: 75%
    }
    .base-7-8,
    .grupo2 .caja.base-7-8 {
        width: 87.5%
    }
    .base-8-8,
    .grupo2 .caja.base-8-8 {
        width: 100%
    }
}

@media all and (min-width: 480px) {
    .movil-5,
    .grupo .caja.movil-5 {
        width: 5%
    }
    .movil-10,
    .grupo .caja.movil-10 {
        width: 10%
    }
    .movil-15,
    .grupo .caja.movil-15 {
        width: 15%
    }
    .movil-20,
    .grupo .caja.movil-20 {
        width: 20%
    }
    .movil-25,
    .grupo .caja.movil-25 {
        width: 25%
    }
    .movil-30,
    .grupo .caja.movil-30 {
        width: 30%
    }
    .movil-35,
    .grupo .caja.movil-35 {
        width: 35%
    }
    .movil-40,
    .grupo .caja.movil-40 {
        width: 40%
    }
    .movil-45,
    .grupo .caja.movil-45 {
        width: 45%
    }
    .movil-50,
    .grupo .caja.movil-50 {
        width: 50%
    }
    .movil-55,
    .grupo .caja.movil-55 {
        width: 55%
    }
    .movil-60,
    .grupo .caja.movil-60 {
        width: 60%
    }
    .movil-65,
    .grupo .caja.movil-65 {
        width: 65%
    }
    .movil-70,
    .grupo .caja.movil-70 {
        width: 70%
    }
    .movil-75,
    .grupo .caja.movil-75 {
        width: 75%
    }
    .movil-80,
    .grupo .caja.movil-80 {
        width: 80%
    }
    .movil-85,
    .grupo .caja.movil-85 {
        width: 85%
    }
    .movil-90,
    .grupo .caja.movil-90 {
        width: 90%
    }
    .movil-95,
    .grupo .caja.movil-95 {
        width: 95%
    }
    .movil-100,
    .grupo .caja.movil-100 {
        width: 100%
    }
    .movil-1-3,
    .grupo .caja.movil-1-3 {
        width: 33.333333333%
    }
    .movil-2-3,
    .grupo .caja.movil-2-3 {
        width: 66.666666667%
    }
    .movil-3-3,
    .grupo .caja.movil-3-3 {
        width: 100%
    }
    .movil-1-6,
    .grupo .caja.movil-1-6 {
        width: 16.666666667%
    }
    .movil-2-6,
    .grupo .caja.movil-2-6 {
        width: 33.333333333%
    }
    .movil-3-6,
    .grupo .caja.movil-3-6 {
        width: 50%
    }
    .movil-4-6,
    .grupo .caja.movil-4-6 {
        width: 66.666666667%
    }
    .movil-5-6,
    .grupo .caja.movil-5-6 {
        width: 83.333333333%
    }
    .movil-6-6,
    .grupo .caja.movil-6-6 {
        width: 100%
    }
    .movil-1-8,
    .grupo .caja.movil-1-8 {
        width: 12.5%
    }
    .movil-2-8,
    .grupo .caja.movil-2-8 {
        width: 25%
    }
    .movil-3-8,
    .grupo .caja.movil-3-8 {
        width: 37.5%
    }
    .movil-4-8,
    .grupo .caja.movil-4-8 {
        width: 50%
    }
    .movil-5-8,
    .grupo .caja.movil-5-8 {
        width: 62.5%
    }
    .movil-6-8,
    .grupo .caja.movil-6-8 {
        width: 75%
    }
    .movil-7-8,
    .grupo .caja.movil-7-8 {
        width: 87.5%
    }
    .movil-8-8,
    .grupo .caja.movil-8-8 {
        width: 100%
    }
    /******/
    .movil-5,
    .grupo2 .caja.movil-5 {
        width: 5%
    }
    .movil-10,
    .grupo2 .caja.movil-10 {
        width: 10%
    }
    .movil-15,
    .grupo2 .caja.movil-15 {
        width: 15%
    }
    .movil-20,
    .grupo2 .caja.movil-20 {
        width: 20%
    }
    .movil-25,
    .grupo2 .caja.movil-25 {
        width: 25%
    }
    .movil-30,
    .grupo2 .caja.movil-30 {
        width: 30%
    }
    .movil-35,
    .grupo2 .caja.movil-35 {
        width: 35%
    }
    .movil-40,
    .grupo2 .caja.movil-40 {
        width: 40%
    }
    .movil-45,
    .grupo2 .caja.movil-45 {
        width: 45%
    }
    .movil-50,
    .grupo2 .caja.movil-50 {
        width: 50%
    }
    .movil-55,
    .grupo2 .caja.movil-55 {
        width: 55%
    }
    .movil-60,
    .grupo2 .caja.movil-60 {
        width: 60%
    }
    .movil-65,
    .grupo2 .caja.movil-65 {
        width: 65%
    }
    .movil-70,
    .grupo2 .caja.movil-70 {
        width: 70%
    }
    .movil-75,
    .grupo2 .caja.movil-75 {
        width: 75%
    }
    .movil-80,
    .grupo2 .caja.movil-80 {
        width: 80%
    }
    .movil-85,
    .grupo2 .caja.movil-85 {
        width: 85%
    }
    .movil-90,
    .grupo2 .caja.movil-90 {
        width: 90%
    }
    .movil-95,
    .grupo2 .caja.movil-95 {
        width: 95%
    }
    .movil-100,
    .grupo2 .caja.movil-100 {
        width: 100%
    }
    .movil-1-3,
    .grupo2 .caja.movil-1-3 {
        width: 33.333333333%
    }
    .movil-2-3,
    .grupo2 .caja.movil-2-3 {
        width: 66.666666667%
    }
    .movil-3-3,
    .grupo2 .caja.movil-3-3 {
        width: 100%
    }
    .movil-1-6,
    .grupo2 .caja.movil-1-6 {
        width: 16.666666667%
    }
    .movil-2-6,
    .grupo2 .caja.movil-2-6 {
        width: 33.333333333%
    }
    .movil-3-6,
    .grupo2 .caja.movil-3-6 {
        width: 50%
    }
    .movil-4-6,
    .grupo2 .caja.movil-4-6 {
        width: 66.666666667%
    }
    .movil-5-6,
    .grupo2 .caja.movil-5-6 {
        width: 83.333333333%
    }
    .movil-6-6,
    .grupo2 .caja.movil-6-6 {
        width: 100%
    }
    .movil-1-8,
    .grupo2 .caja.movil-1-8 {
        width: 12.5%
    }
    .movil-2-8,
    .grupo2 .caja.movil-2-8 {
        width: 25%
    }
    .movil-3-8,
    .grupo2 .caja.movil-3-8 {
        width: 37.5%
    }
    .movil-4-8,
    .grupo2 .caja.movil-4-8 {
        width: 50%
    }
    .movil-5-8,
    .grupo2 .caja.movil-5-8 {
        width: 62.5%
    }
    .movil-6-8,
    .grupo2 .caja.movil-6-8 {
        width: 75%
    }
    .movil-7-8,
    .grupo2 .caja.movil-7-8 {
        width: 87.5%
    }
    .movil-8-8,
    .grupo2 .caja.movil-8-8 {
        width: 100%
    }
}

@media all and (min-width: 768px) {
    .tablet-5,
    .grupo .caja.tablet-5 {
        width: 5%
    }
    .tablet-10,
    .grupo .caja.tablet-10 {
        width: 10%
    }
    .tablet-15,
    .grupo .caja.tablet-15 {
        width: 15%
    }
    .tablet-20,
    .grupo .caja.tablet-20 {
        width: 20%
    }
    .tablet-25,
    .grupo .caja.tablet-25 {
        width: 25%
    }
    .tablet-30,
    .grupo .caja.tablet-30 {
        width: 30%
    }
    .tablet-35,
    .grupo .caja.tablet-35 {
        width: 35%
    }
    .tablet-40,
    .grupo .caja.tablet-40 {
        width: 40%
    }
    .tablet-45,
    .grupo .caja.tablet-45 {
        width: 45%
    }
    .tablet-50,
    .grupo .caja.tablet-50 {
        width: 50%
    }
    .tablet-55,
    .grupo .caja.tablet-55 {
        width: 55%
    }
    .tablet-60,
    .grupo .caja.tablet-60 {
        width: 60%
    }
    .tablet-65,
    .grupo .caja.tablet-65 {
        width: 65%
    }
    .tablet-70,
    .grupo .caja.tablet-70 {
        width: 70%
    }
    .tablet-75,
    .grupo .caja.tablet-75 {
        width: 75%
    }
    .tablet-80,
    .grupo .caja.tablet-80 {
        width: 80%
    }
    .tablet-85,
    .grupo .caja.tablet-85 {
        width: 85%
    }
    .tablet-90,
    .grupo .caja.tablet-90 {
        width: 90%
    }
    .tablet-95,
    .grupo .caja.tablet-95 {
        width: 95%
    }
    .tablet-100,
    .grupo .caja.tablet-100 {
        width: 100%
    }
    .tablet-1-3,
    .grupo .caja.tablet-1-3 {
        width: 33.333333333%
    }
    .tablet-2-3,
    .grupo .caja.tablet-2-3 {
        width: 66.666666667%
    }
    .tablet-3-3,
    .grupo .caja.tablet-3-3 {
        width: 100%
    }
    .tablet-1-6,
    .grupo .caja.tablet-1-6 {
        width: 16.666666667%
    }
    .tablet-2-6,
    .grupo .caja.tablet-2-6 {
        width: 33.333333333%
    }
    .tablet-3-6,
    .grupo .caja.tablet-3-6 {
        width: 50%
    }
    .tablet-4-6,
    .grupo .caja.tablet-4-6 {
        width: 66.666666667%
    }
    .tablet-5-6,
    .grupo .caja.tablet-5-6 {
        width: 83.333333333%
    }
    .tablet-6-6,
    .grupo .caja.tablet-6-6 {
        width: 100%
    }
    .tablet-1-8,
    .grupo .caja.tablet-1-8 {
        width: 12.5%
    }
    .tablet-2-8,
    .grupo .caja.tablet-2-8 {
        width: 25%
    }
    .tablet-3-8,
    .grupo .caja.tablet-3-8 {
        width: 37.5%
    }
    .tablet-4-8,
    .grupo .caja.tablet-4-8 {
        width: 50%
    }
    .tablet-5-8,
    .grupo .caja.tablet-5-8 {
        width: 62.5%
    }
    .tablet-6-8,
    .grupo .caja.tablet-6-8 {
        width: 75%
    }
    .tablet-7-8,
    .grupo .caja.tablet-7-8 {
        width: 87.5%
    }
    .tablet-8-8,
    .grupo .caja.tablet-8-8 {
        width: 100%
    }
    /*******/
    .tablet-5,
    .grupo2 .caja.tablet-5 {
        width: 5%
    }
    .tablet-10,
    .grupo2 .caja.tablet-10 {
        width: 10%
    }
    .tablet-15,
    .grupo2 .caja.tablet-15 {
        width: 15%
    }
    .tablet-20,
    .grupo2 .caja.tablet-20 {
        width: 20%
    }
    .tablet-25,
    .grupo2 .caja.tablet-25 {
        width: 25%
    }
    .tablet-30,
    .grupo2 .caja.tablet-30 {
        width: 30%
    }
    .tablet-35,
    .grupo2 .caja.tablet-35 {
        width: 35%
    }
    .tablet-40,
    .grupo2 .caja.tablet-40 {
        width: 40%
    }
    .tablet-45,
    .grupo2 .caja.tablet-45 {
        width: 45%
    }
    .tablet-50,
    .grupo2 .caja.tablet-50 {
        width: 50%
    }
    .tablet-55,
    .grupo2 .caja.tablet-55 {
        width: 55%
    }
    .tablet-60,
    .grupo2 .caja.tablet-60 {
        width: 60%
    }
    .tablet-65,
    .grupo2 .caja.tablet-65 {
        width: 65%
    }
    .tablet-70,
    .grupo2 .caja.tablet-70 {
        width: 70%
    }
    .tablet-75,
    .grupo2 .caja.tablet-75 {
        width: 75%
    }
    .tablet-80,
    .grupo2 .caja.tablet-80 {
        width: 80%
    }
    .tablet-85,
    .grupo2 .caja.tablet-85 {
        width: 85%
    }
    .tablet-90,
    .grupo2 .caja.tablet-90 {
        width: 90%
    }
    .tablet-95,
    .grupo2 .caja.tablet-95 {
        width: 95%
    }
    .tablet-100,
    .grupo2 .caja.tablet-100 {
        width: 100%
    }
    .tablet-1-3,
    .grupo2 .caja.tablet-1-3 {
        width: 33.333333333%
    }
    .tablet-2-3,
    .grupo2 .caja.tablet-2-3 {
        width: 66.666666667%
    }
    .tablet-3-3,
    .grupo2 .caja.tablet-3-3 {
        width: 100%
    }
    .tablet-1-6,
    .grupo2 .caja.tablet-1-6 {
        width: 16.666666667%
    }
    .tablet-2-6,
    .grupo2 .caja.tablet-2-6 {
        width: 33.333333333%
    }
    .tablet-3-6,
    .grupo2 .caja.tablet-3-6 {
        width: 50%
    }
    .tablet-4-6,
    .grupo2 .caja.tablet-4-6 {
        width: 66.666666667%
    }
    .tablet-5-6,
    .grupo2 .caja.tablet-5-6 {
        width: 83.333333333%
    }
    .tablet-6-6,
    .grupo2 .caja.tablet-6-6 {
        width: 100%
    }
    .tablet-1-8,
    .grupo2 .caja.tablet-1-8 {
        width: 12.5%
    }
    .tablet-2-8,
    .grupo2 .caja.tablet-2-8 {
        width: 25%
    }
    .tablet-3-8,
    .grupo2 .caja.tablet-3-8 {
        width: 37.5%
    }
    .tablet-4-8,
    .grupo2 .caja.tablet-4-8 {
        width: 50%
    }
    .tablet-5-8,
    .grupo2 .caja.tablet-5-8 {
        width: 62.5%
    }
    .tablet-6-8,
    .grupo2 .caja.tablet-6-8 {
        width: 75%
    }
    .tablet-7-8,
    .grupo2 .caja.tablet-7-8 {
        width: 87.5%
    }
    .tablet-8-8,
    .grupo2 .caja.tablet-8-8 {
        width: 100%
    }
}

@media all and (min-width: 1024px) {
    .web-5,
    .grupo .caja.web-5 {
        width: 5%
    }
    .web-10,
    .grupo .caja.web-10 {
        width: 10%
    }
    .web-15,
    .grupo .caja.web-15 {
        width: 15%
    }
    .web-20,
    .grupo .caja.web-20 {
        width: 20%
    }
    .web-25,
    .grupo .caja.web-25 {
        width: 25%
    }
    .web-30,
    .grupo .caja.web-30 {
        width: 30%
    }
    .web-35,
    .grupo .caja.web-35 {
        width: 35%
    }
    .web-40,
    .grupo .caja.web-40 {
        width: 40%
    }
    .web-45,
    .grupo .caja.web-45 {
        width: 45%
    }
    .web-50,
    .grupo .caja.web-50 {
        width: 50%
    }
    .web-55,
    .grupo .caja.web-55 {
        width: 55%
    }
    .web-60,
    .grupo .caja.web-60 {
        width: 60%
    }
    .web-65,
    .grupo .caja.web-65 {
        width: 65%
    }
    .web-70,
    .grupo .caja.web-70 {
        width: 70%
    }
    .web-75,
    .grupo .caja.web-75 {
        width: 75%
    }
    .web-80,
    .grupo .caja.web-80 {
        width: 80%
    }
    .web-85,
    .grupo .caja.web-85 {
        width: 85%
    }
    .web-90,
    .grupo .caja.web-90 {
        width: 90%
    }
    .web-95,
    .grupo .caja.web-95 {
        width: 95%
    }
    .web-100,
    .grupo .caja.web-100 {
        width: 100%
    }
    .web-1-3,
    .grupo .caja.web-1-3 {
        width: 33.333333333%
    }
    .web-2-3,
    .grupo .caja.web-2-3 {
        width: 66.666666667%
    }
    .web-3-3,
    .grupo .caja.web-3-3 {
        width: 100%
    }
    .web-1-6,
    .grupo .caja.web-1-6 {
        width: 16.666666667%
    }
    .web-2-6,
    .grupo .caja.web-2-6 {
        width: 33.333333333%
    }
    .web-3-6,
    .grupo .caja.web-3-6 {
        width: 50%
    }
    .web-4-6,
    .grupo .caja.web-4-6 {
        width: 66.666666667%
    }
    .web-5-6,
    .grupo .caja.web-5-6 {
        width: 83.333333333%
    }
    .web-6-6,
    .grupo .caja.web-6-6 {
        width: 100%
    }
    .web-1-8,
    .grupo .caja.web-1-8 {
        width: 12.5%
    }
    .web-2-8,
    .grupo .caja.web-2-8 {
        width: 25%
    }
    .web-3-8,
    .grupo .caja.web-3-8 {
        width: 37.5%
    }
    .web-4-8,
    .grupo .caja.web-4-8 {
        width: 50%
    }
    .web-5-8,
    .grupo .caja.web-5-8 {
        width: 62.5%
    }
    .web-6-8,
    .grupo .caja.web-6-8 {
        width: 75%
    }
    .web-7-8,
    .grupo .caja.web-7-8 {
        width: 87.5%
    }
    .web-8-8,
    .grupo .caja.web-8-8 {
        width: 100%
    }
    /***--------------------------------****/
    .web-5,
    .grupo2 .caja.web-5 {
        width: 5%
    }
    .web-10,
    .grupo2 .caja.web-10 {
        width: 10%
    }
    .web-15,
    .grupo2 .caja.web-15 {
        width: 15%
    }
    .web-20,
    .grupo2 .caja.web-20 {
        width: 20%
    }
    .web-25,
    .grupo2 .caja.web-25 {
        width: 25%
    }
    .web-30,
    .grupo2 .caja.web-30 {
        width: 30%
    }
    .web-35,
    .grupo2 .caja.web-35 {
        width: 35%
    }
    .web-40,
    .grupo2 .caja.web-40 {
        width: 40%
    }
    .web-45,
    .grupo2 .caja.web-45 {
        width: 45%
    }
    .web-50,
    .grupo2 .caja.web-50 {
        width: 50%
    }
    .web-55,
    .grupo2 .caja.web-55 {
        width: 55%
    }
    .web-60,
    .grupo2 .caja.web-60 {
        width: 60%
    }
    .web-65,
    .grupo2 .caja.web-65 {
        width: 65%
    }
    .web-70,
    .grupo2 .caja.web-70 {
        width: 70%
    }
    .web-75,
    .grupo2 .caja.web-75 {
        width: 75%
    }
    .web-80,
    .grupo2 .caja.web-80 {
        width: 80%
    }
    .web-85,
    .grupo2 .caja.web-85 {
        width: 85%
    }
    .web-90,
    .grupo2 .caja.web-90 {
        width: 90%
    }
    .web-95,
    .grupo2 .caja.web-95 {
        width: 95%
    }
    .web-100,
    .grupo2 .caja.web-100 {
        width: 100%
    }
    .web-1-3,
    .grupo2 .caja.web-1-3 {
        width: 33.333333333%
    }
    .web-2-3,
    .grupo2 .caja.web-2-3 {
        width: 66.666666667%
    }
    .web-3-3,
    .grupo2 .caja.web-3-3 {
        width: 100%
    }
    .web-1-6,
    .grupo2 .caja.web-1-6 {
        width: 16.666666667%
    }
    .web-2-6,
    .grupo2 .caja.web-2-6 {
        width: 33.333333333%
    }
    .web-3-6,
    .grupo2 .caja.web-3-6 {
        width: 50%
    }
    .web-4-6,
    .grupo2 .caja.web-4-6 {
        width: 66.666666667%
    }
    .web-5-6,
    .grupo2 .caja.web-5-6 {
        width: 83.333333333%
    }
    .web-6-6,
    .grupo2 .caja.web-6-6 {
        width: 100%
    }
    .web-1-8,
    .grupo2 .caja.web-1-8 {
        width: 12.5%
    }
    .web-2-8,
    .grupo2 .caja.web-2-8 {
        width: 25%
    }
    .web-3-8,
    .grupo2 .caja.web-3-8 {
        width: 37.5%
    }
    .web-4-8,
    .grupo2 .caja.web-4-8 {
        width: 50%
    }
    .web-5-8,
    .grupo2 .caja.web-5-8 {
        width: 62.5%
    }
    .web-6-8,
    .grupo2 .caja.web-6-8 {
        width: 75%
    }
    .web-7-8,
    .grupo2 .caja.web-7-8 {
        width: 87.5%
    }
    .web-8-8,
    .grupo2 .caja.web-8-8 {
        width: 100%
    }
}

@media all and (min-width: 1400px) {
    .hd-5,
    .grupo .caja.hd-5 {
        width: 5%
    }
    .hd-10,
    .grupo .caja.hd-10 {
        width: 10%
    }
    .hd-15,
    .grupo .caja.hd-15 {
        width: 15%
    }
    .hd-20,
    .grupo .caja.hd-20 {
        width: 20%
    }
    .hd-25,
    .grupo .caja.hd-25 {
        width: 25%
    }
    .hd-30,
    .grupo .caja.hd-30 {
        width: 30%
    }
    .hd-35,
    .grupo .caja.hd-35 {
        width: 35%
    }
    .hd-40,
    .grupo .caja.hd-40 {
        width: 40%
    }
    .hd-45,
    .grupo .caja.hd-45 {
        width: 45%
    }
    .hd-50,
    .grupo .caja.hd-50 {
        width: 50%
    }
    .hd-55,
    .grupo .caja.hd-55 {
        width: 55%
    }
    .hd-60,
    .grupo .caja.hd-60 {
        width: 60%
    }
    .hd-65,
    .grupo .caja.hd-65 {
        width: 65%
    }
    .hd-70,
    .grupo .caja.hd-70 {
        width: 70%
    }
    .hd-75,
    .grupo .caja.hd-75 {
        width: 75%
    }
    .hd-80,
    .grupo .caja.hd-80 {
        width: 80%
    }
    .hd-85,
    .grupo .caja.hd-85 {
        width: 85%
    }
    .hd-90,
    .grupo .caja.hd-90 {
        width: 90%
    }
    .hd-95,
    .grupo .caja.hd-95 {
        width: 95%
    }
    .hd-100,
    .grupo .caja.hd-100 {
        width: 100%
    }
    .hd-1-3,
    .grupo .caja.hd-1-3 {
        width: 33.333333333%
    }
    .hd-2-3,
    .grupo .caja.hd-2-3 {
        width: 66.666666667%
    }
    .hd-3-3,
    .grupo .caja.hd-3-3 {
        width: 100%
    }
    .hd-1-6,
    .grupo .caja.hd-1-6 {
        width: 16.666666667%
    }
    .hd-2-6,
    .grupo .caja.hd-2-6 {
        width: 33.333333333%
    }
    .hd-3-6,
    .grupo .caja.hd-3-6 {
        width: 50%
    }
    .hd-4-6,
    .grupo .caja.hd-4-6 {
        width: 66.666666667%
    }
    .hd-5-6,
    .grupo .caja.hd-5-6 {
        width: 83.333333333%
    }
    .hd-6-6,
    .grupo .caja.hd-6-6 {
        width: 100%
    }
    .hd-1-8,
    .grupo .caja.hd-1-8 {
        width: 12.5%
    }
    .hd-2-8,
    .grupo .caja.hd-2-8 {
        width: 25%
    }
    .hd-3-8,
    .grupo .caja.hd-3-8 {
        width: 37.5%
    }
    .hd-4-8,
    .grupo .caja.hd-4-8 {
        width: 50%
    }
    .hd-5-8,
    .grupo .caja.hd-5-8 {
        width: 62.5%
    }
    .hd-6-8,
    .grupo .caja.hd-6-8 {
        width: 75%
    }
    .hd-7-8,
    .grupo .caja.hd-7-8 {
        width: 87.5%
    }
    .hd-8-8,
    .grupo .caja.hd-8-8 {
        width: 100%
    }
    /**_____________________________**/
    .hd-5,
    .grupo2 .caja.hd-5 {
        width: 5%
    }
    .hd-10,
    .grupo2 .caja.hd-10 {
        width: 10%
    }
    .hd-15,
    .grupo2 .caja.hd-15 {
        width: 15%
    }
    .hd-20,
    .grupo2 .caja.hd-20 {
        width: 20%
    }
    .hd-25,
    .grupo2 .caja.hd-25 {
        width: 25%
    }
    .hd-30,
    .grupo2 .caja.hd-30 {
        width: 30%
    }
    .hd-35,
    .grupo2 .caja.hd-35 {
        width: 35%
    }
    .hd-40,
    .grupo2 .caja.hd-40 {
        width: 40%
    }
    .hd-45,
    .grupo2 .caja.hd-45 {
        width: 45%
    }
    .hd-50,
    .grupo2 .caja.hd-50 {
        width: 50%
    }
    .hd-55,
    .grupo2 .caja.hd-55 {
        width: 55%
    }
    .hd-60,
    .grupo2 .caja.hd-60 {
        width: 60%
    }
    .hd-65,
    .grupo2 .caja.hd-65 {
        width: 65%
    }
    .hd-70,
    .grupo2 .caja.hd-70 {
        width: 70%
    }
    .hd-75,
    .grupo2 .caja.hd-75 {
        width: 75%
    }
    .hd-80,
    .grupo2 .caja.hd-80 {
        width: 80%
    }
    .hd-85,
    .grupo2 .caja.hd-85 {
        width: 85%
    }
    .hd-90,
    .grupo2 .caja.hd-90 {
        width: 90%
    }
    .hd-95,
    .grupo2 .caja.hd-95 {
        width: 95%
    }
    .hd-100,
    .grupo2 .caja.hd-100 {
        width: 100%
    }
    .hd-1-3,
    .grupo2 .caja.hd-1-3 {
        width: 33.333333333%
    }
    .hd-2-3,
    .grupo2 .caja.hd-2-3 {
        width: 66.666666667%
    }
    .hd-3-3,
    .grupo2 .caja.hd-3-3 {
        width: 100%
    }
    .hd-1-6,
    .grupo2 .caja.hd-1-6 {
        width: 16.666666667%
    }
    .hd-2-6,
    .grupo2 .caja.hd-2-6 {
        width: 33.333333333%
    }
    .hd-3-6,
    .grupo2 .caja.hd-3-6 {
        width: 50%
    }
    .hd-4-6,
    .grupo2 .caja.hd-4-6 {
        width: 66.666666667%
    }
    .hd-5-6,
    .grupo2 .caja.hd-5-6 {
        width: 83.333333333%
    }
    .hd-6-6,
    .grupo2 .caja.hd-6-6 {
        width: 100%
    }
    .hd-1-8,
    .grupo2 .caja.hd-1-8 {
        width: 12.5%
    }
    .hd-2-8,
    .grupo2 .caja.hd-2-8 {
        width: 25%
    }
    .hd-3-8,
    .grupo2 .caja.hd-3-8 {
        width: 37.5%
    }
    .hd-4-8,
    .grupo2 .caja.hd-4-8 {
        width: 50%
    }
    .hd-5-8,
    .grupo2 .caja.hd-5-8 {
        width: 62.5%
    }
    .hd-6-8,
    .grupo2 .caja.hd-6-8 {
        width: 75%
    }
    .hd-7-8,
    .grupo2 .caja.hd-7-8 {
        width: 87.5%
    }
    .hd-8-8,
    .grupo2 .caja.hd-8-8 {
        width: 100%
    }
}

@media all and (min-width: 320px) {
    .grupo.base-tabla {
        display: table
    }
    .grupo.base-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo.base-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo.base-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo.base-tabla.abajo>.caja {
        vertical-align: bottom
    }
    .grupo2.base-tabla {
        display: table
    }
    .grupo2.base-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo2.base-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo2.base-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo2.base-tabla.abajo>.caja {
        vertical-align: bottom
    }
}

@media all and (min-width: 480px) {
    .grupo.movil-tabla {
        display: table
    }
    .grupo.movil-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo.movil-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo.movil-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo.movil-tabla.abajo>.caja {
        vertical-align: bottom
    }
    .grupo2.movil-tabla {
        display: table
    }
    .grupo2.movil-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo2.movil-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo2.movil-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo2.movil-tabla.abajo>.caja {
        vertical-align: bottom
    }
}

@media all and (min-width: 768px) {
    .grupo.tablet-tabla {
        display: table
    }
    .grupo.tablet-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo.tablet-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo.tablet-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo.tablet-tabla.abajo>.caja {
        vertical-align: bottom
    }
    .grupo2.tablet-tabla {
        display: table
    }
    .grupo2.tablet-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo2.tablet-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo2.tablet-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo2.tablet-tabla.abajo>.caja {
        vertical-align: bottom
    }
}

@media all and (min-width: 1024px) {
    .grupo.web-tabla {
        display: table
    }
    .grupo.web-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo.web-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo.web-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo.web-tabla.abajo>.caja {
        vertical-align: bottom
    }
    .grupo2.web-tabla {
        display: table
    }
    .grupo2.web-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo2.web-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo2.web-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo2.web-tabla.abajo>.caja {
        vertical-align: bottom
    }
}

@media all and (min-width: 1400px) {
    .grupo.hd-tabla {
        display: table
    }
    .grupo.hd-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo.hd-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo.hd-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo.hd-tabla.abajo>.caja {
        vertical-align: bottom
    }
    .grupo2.hd-tabla {
        display: table
    }
    .grupo2.hd-tabla>.caja {
        float: none;
        display: table-cell
    }
    .grupo2.hd-tabla.medio>.caja {
        vertical-align: middle
    }
    .grupo2.hd-tabla.arriba>.caja {
        vertical-align: top
    }
    .grupo2.hd-tabla.abajo>.caja {
        vertical-align: bottom
    }
}

.caja.medio {
    vertical-align: middle
}

.caja.arriba {
    vertical-align: top
}

.caja.abajo {
    vertical-align: bottom
}

body.desarrollo {
    padding: 0 !important;
    margin: 0 !important
}

body.desarrollo:before {
    background: steelblue;
    color: #fff;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    display: block;
    height: 36px;
    margin-bottom: 30px;
    position: relative;
    z-index: 900
}

body.desarrollo .grupo {
    padding-top: 22px;
    margin-bottom: 10px;
    outline: 1px solid tomato
}

body.desarrollo .grupo .caja {
    position: relative;
    padding-bottom: 22px
}

body.desarrollo .grupo .caja:nth-child(even) {
    background: rgba(70, 130, 180, 0.2)
}

body.desarrollo .grupo .grupo {
    margin-bottom: 0
}

.desarrollo .grupo .caja:after,
.desarrollo .grupo:before {
    content: attr(class);
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    z-index: 1;
    bottom: 0;
    right: 0;
    position: absolute;
    display: table;
    width: 100%;
    height: 22px;
    line-height: 22px
}

.desarrollo .grupo:before {
    background: rgba(255, 99, 71, 0.3);
    color: tomato;
    top: 0;
    left: 0;
    width: 100%
}

.desarrollo .caja:after {
    background: rgba(70, 130, 180, 0.2);
    color: steelblue
}

.desarrollo .caja.total:after {
    background: rgba(27, 50, 70, 0.3)
}

body.desarrollo:before {
    content: "ED-GRID: Tamaño base"
}

@media screen and (min-width: 320px) {
    body.desarrollo:before {
        content: "ED-GRID: Tamaño base, desde 320px"
    }
}

@media screen and (min-width: 480px) {
    body.desarrollo:before {
        content: "ED-GRID: Tamaño movil, desde 480px"
    }
}

@media screen and (min-width: 768px) {
    body.desarrollo:before {
        content: "ED-GRID: Tamaño tablet, desde 768px"
    }
}

@media screen and (min-width: 1024px) {
    body.desarrollo:before {
        content: "ED-GRID: Tamaño web, desde 1024px"
    }
}

@media screen and (min-width: 1400px) {
    body.desarrollo:before {
        content: "ED-GRID: Tamaño hd, desde 1400px"
    }
}

.grupo.demostrar {
    outline: 1px solid tomato;
    margin: 1em auto
}

.grupo.demostrar>.caja {
    background: #eee;
    box-shadow: 0 0 0 1px steelblue;
    padding-top: 1em;
    padding-bottom: 1em
}

.grupo.demostrar>.caja p {
    margin-bottom: 0
}

.grupo.demostrar>.caja:nth-child(odd) {
    background: #ddd
}

.grupo.demostrar>.caja.total {
    background: #fff
}

@media screen and (max-width: 319px) {
    .desde-base {
        display: none !important
    }
}

@media screen and (max-width: 479px) {
    .desde-movil {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .desde-tablet {
        display: none !important
    }
}

@media screen and (max-width: 1023px) {
    .desde-web {
        display: none !important
    }
}

@media screen and (max-width: 1399px) {
    .desde-hd {
        display: none !important
    }
}

@media screen and (min-width: 320px) {
    .hasta-base {
        display: none !important
    }
}

@media screen and (min-width: 480px) {
    .hasta-movil {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .hasta-tablet {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    .hasta-web {
        display: none !important
    }
}

@media screen and (min-width: 1400px) {
    .hasta-hd {
        display: none !important
    }
}

.centro,
.centrar {
    display: block;
    clear: both;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important
}

.left,
.izquierda {
    float: left
}

.right,
.derecha {
    float: right
}

.total {
    width: 100%;
    clear: both
}

.centrar-texto,
.centrar-contenido,
.centro-contenido {
    text-align: center
}

.izquierda-texto,
.izquierda-contenido {
    text-align: left
}

.derecha-texto,
.derecha-contenido {
    text-align: right
}

.circulo {
    border-radius: 50%
}

.limpiar:before,
.limpiar:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.no-padding.grupo>.caja,
.caja.no-padding {
    padding: 0 !important
}

.padding {
    padding-left: 15px;
    padding-right: 15px
}

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

.padding-3 {
    padding-left: 45px;
    padding-right: 45px
}

.ed-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.ed-video>iframe,
.ed-video>object,
.ed-video>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@font-face {
    font-family: "ed-grid";
    src: url("../fonts/ed-grid.eot");
    src: url("../fonts/ed-grid.eot?#iefix") format("embedded-opentype"), url("../fonts/ed-grid.woff") format("woff"), url("../fonts/ed-grid.ttf") format("truetype"), url("../fonts/ed-grid.svg#ed-grid") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "ed-grid" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ed-grid" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 0.15em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.espacio:before {
    margin-right: 0.3em
}

.icon-youtube:before {
    content: "a"
}

.icon-twitter:before {
    content: "b"
}

.icon-facebook:before {
    content: "c"
}

.icon-linkedin:before {
    content: "d"
}

.icon-pinterest:before {
    content: "e"
}

.icon-instagram:before {
    content: "f"
}

.icon-rss:before {
    content: "g"
}

.icon-github:before {
    content: "h"
}

.icon-izquierda:before {
    content: "i"
}

.icon-derecha:before {
    content: "j"
}

.icon-arriba:before {
    content: "k"
}

.icon-abajo:before {
    content: "l"
}

.icon-triangulo-izquierda:before {
    content: "m"
}

.icon-triangulo-derecha:before {
    content: "n"
}

.icon-triangulo-arriba:before {
    content: "p"
}

.icon-aceptar:before {
    content: "q"
}

.icon-triangulo-abajo:before {
    content: "o"
}

.icon-telefono:before {
    content: "r"
}

.icon-android:before {
    content: "s"
}

.icon-apple:before {
    content: "t"
}

.icon-bitcoin:before {
    content: "u"
}

.icon-fecha:before {
    content: "v"
}

.icon-camara:before {
    content: "w"
}

.icon-tarjeta:before {
    content: "x"
}

.icon-pin:before {
    content: "y"
}

.icon-cerrar:before {
    content: "z"
}

.icon-whatsapp:before {
    content: "A"
}

.icon-vimeo:before {
    content: "B"
}

.icon-menu:before {
    content: "C"
}

.icon-menu-secundario:before {
    content: "D"
}

.icon-correo:before {
    content: "E"
}

.icon-ed:before {
    content: "F"
}

.icon-google-plus:before {
    content: "G"
}

.icon-carrito:before {
    content: "H"
}

.icon-usuario:before {
    content: "I"
}

.icon-enlace:before {
    content: "J"
}

.icon-portafolio:before {
    content: "K"
}

.icon-mastercard:before {
    content: "L"
}

.icon-paypal:before {
    content: "M"
}

.icon-visa:before {
    content: "N"
}