.maquillaje.verano  .card.hmi{
    height: 320px;
}
.maquillaje.verano .card.color {
    background-color: #973161;
    color: #ffffff;
}
.maquillaje.verano .card.hmi h1 {
    text-align: center;
}
.maquillaje.verano .card.hmi p {
    font-size: 12px;
    margin-top: 13px;
}
.maquillaje.verano .card.gradient::before {
    content: '';
    background: #f4b600;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #efd4d0 0%, #973161  100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #efd4d0 0%, #973161  100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #efd4d0 0%, #973161  100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    clear: both;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
}

.maquillaje .desc a.dscierre, .maquillaje .desc a.dsrepot {
    background: url(../images/maquillaje/boton-redondo-de-descarga.png) 260px center #bd7a73 no-repeat;
    background-size: 24px;
    width: 300px;
    padding: 15px 26px 10px 0px;
    height: 50px;
    font-weight: 500;
    display: inline;
    zoom: 1;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.maquillaje .circles .gia {
    padding-top: 55px !important;
    width: 201px;
}

.maquillaje .circles div img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    width: 201px;
    height: 201px;
    z-index: 1;
}

.maquillaje .conten-txt .subtitle-conten {
    font-size: 44px;
    text-align: center;
    display: block;
    line-height: 20px;
}

.maquillaje .circles .gia .conten-txt, .maquillaje .conten-txt .txtactv {
    z-index: 5;
    position: relative;
    padding: 0px 10px;
    font-size: 17px;
    color: #ffffff;
    margin: 16px 0px 70px 0px;
    display: block;
}

.maquillaje .card6 .inf2 .color {
    display: inline-block;
    color: #973161;
    font-weight: 600;
}

.maquillaje .suplist .btn-ing {
    padding: 8px 13px;
    background: #bd7a73;
    border-radius: 6px;
    color: #fff;
    width: 95px;
    display: block;
    text-align: center;
    margin: 0px auto;
}

.maquillaje .card1 .h1 {
    font-family: 'natura_scriptregular';
    font-size: 55px;
    color: #973161;
    margin-top: 10px;
    display: block;
    margin-bottom: 3px;
    text-align: left;
}

.maquillaje .card1 .conten {
    font-size: 25px;
    text-align: left;
    display: block;
}

.maquillaje .card1 {
    background: url(../images/maquillaje/barra.png) -11px -29px no-repeat;
}

.maquillaje .card1 img {
    max-width: 330px;
    margin: 10px auto 7px;
    width: 100%;
}
.maquillaje .card1 .vmaincontent {
    margin-top: 178px;
}

.maquillaje .card h1 {
    color: #973161;
}
.maquillaje .tab-content .row .card.campana {
    /* background: url(../images/maquillaje/barra2.png) left 8px no-repeat !important; */
    background: none !important;
}
.maquillaje .c_text span {
    width: 100%;
    max-width: 650px;
    padding: 0px 15px;
    font-size: 20px;
    display: block;
    margin: 0px auto;
    text-align: center;
}
.maquillaje.verano  .card.hmi{
    height: 320px;
}
.maquillaje.verano .card.color {
    background-color: #973161;
    color: #ffffff;
}
.maquillaje.verano .card.hmi h1 {
    text-align: center;
}
.maquillaje.verano .card.hmi p {
    font-size: 12px;
    margin-top: 13px;
}
.maquillaje.verano .card.gradient::before {
    content: '';
    background: #f4b600;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #efd4d0 0%, #973161  100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #efd4d0 0%, #973161  100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #efd4d0 0%, #973161  100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    clear: both;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
}

.maquillaje .desc a.dscierre, .maquillaje .desc a.dsrepot {
    background: url(../images/maquillaje/boton-redondo-de-descarga.png) 260px center #bd7a73 no-repeat;
    background-size: 24px;
    width: 300px;
    padding: 15px 26px 10px 0px;
    height: 50px;
    font-weight: 500;
    display: inline;
    zoom: 1;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.maquillaje .circles .gia {
    padding-top: 55px !important;
    width: 201px;
}

.maquillaje .circles div img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    width: 201px;
    height: 201px;
    z-index: 1;
}

.maquillaje .conten-txt .subtitle-conten {
    font-size: 44px;
    text-align: center;
    display: block;
    line-height: 20px;
}

.maquillaje .circles .gia .conten-txt, .maquillaje .conten-txt .txtactv {
    z-index: 5;
    position: relative;
    padding: 0px 10px;
    font-size: 17px;
    color: #ffffff;
    margin: 16px 0px 70px 0px;
    display: block;
}
.maquillaje .suplist .btn-ing {
    padding: 8px 13px;
    background: #bd7a73;
    border-radius: 6px;
    color: #fff;
    width: 95px;
    display: block;
    text-align: center;
    margin: 0px auto;
}

.maquillaje .card1 .h1 {
    font-family: 'natura_scriptregular';
    font-size: 55px;
    color: #973161;
    margin-top: 10px;
    display: block;
    margin-bottom: 3px;
    text-align: left;
}

.maquillaje .card1 .conten {
    font-size: 25px;
    text-align: left;
    display: block;
}

.maquillaje .card1 {
    background: url(../images/maquillaje/barra.png) -11px -29px no-repeat;
}

.maquillaje .card1 img {
    max-width: 330px;
    margin: 10px auto 7px;
    width: 100%;
}
.maquillaje .card1 .vmaincontent {
    margin-top: 178px;
}

.maquillaje .card h1 {
    color: #973161;
}

.maquillaje .c_text span {
    width: 100%;
    max-width: 650px;
    padding: 0px 15px;
    font-size: 20px;
    display: block;
    margin: 0px auto;
    text-align: center;
}
.maquillaje .cindicador .arrowindicador .arrow {
    background: url(../images/maquillaje/flecha.png) center bottom no-repeat;
}

.maquillaje .cindicador .arrowindicador {
    background: #EFD4D0;
}

.maquillaje .inf {
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
}

.maquillaje .cslick {
    /* max-width: 900px; */
    width: 100%;
    margin: 0 auto;
}

.maquillaje .row-ctable {
    /* max-width: 900px; */
    background: #d74514;
    height: 40px;
    position: relative;
    width: 100%;

}

.maquillaje.verano .card.hmi p {
    font-size: 14px;
}

.maquillaje.verano .card.hmi {
    height: 287px;
}

.maquillaje .row-table {
    /* max-width: 900px; */
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 9px 0px 10px 9px;
}

.maquillaje .cslick button.slick-prev.slick-arrow,
.maquillaje .cslick button.slick-next.slick-arrow {
    position: absolute;
    top: 132px;
    z-index: 999;
    border: none;
}

.maquillaje .cslick button.slick-prev.slick-arrow {
    background: url('../images/covencion/flecha-izq.png');
    color: transparent;
    font-size: 0px;
    display: block;
    left: 10px;
    width: 52px;
    height: 51px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.maquillaje .cslick button.slick-next.slick-arrow {
    right: 0;
    background: url('../images/covencion/flecha-der.png');
    color: transparent;
    font-size: 0px;
    right: 10px;
    display: block;
    width: 52px;
    height: 51px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.maquillaje .cslick .conv-table {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 99999;
}

.maquillaje .row-grey {
    /* max-width: 900px; */
    background: #BD7A73;
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.maquillaje .table>tbody>tr>td,
.maquillaje .table>thead>tr>th {
    border: none;
}



.maquillaje .table-ciclos {
    padding: 0px 0px 30px 0px;
}

.maquillaje .table>tbody .line-top {
    border-top: 1px solid #eeeeee;
}
thead tr th {
    color: #fff;
}

.convencion .table>tbody>tr .line-right {
    border: none;
}

.ibarra2 {
    width: 100%;
    position: absolute;
    left: 0px;
    overflow: hidden;
    bottom: 0px;
    height: 155px;
}

.ibarra2 img.barrra-2 {
    width: 100%;
    position: absolute;
    bottom: 0%;
}
.maquillaje .inf span.inf2 {
    margin: 25px 0px;
}

.maquillaje .inf span.inf1 {font-size: 24px;}
.convencion .textviaje {
    margin: 10px auto 0px;
}

span.color-w {
    color: #973161;
    font-size: 18px;
    font-weight: 600;
}

span.color {
    font-size: 18px;
    color:#999999;
}
.maquillaje .textviaje {
    width: 352px;
}

.maquillaje .b-rra {
    position: absolute;
    background: #EFD4D0;
    width: 100%;
    left: 0px;
    padding: 32px 0px 0px 0px;
    bottom: 0px;
}

.maquillaje .barra3 {
    overflow: hidden;
    width: 100%;
    height: 124px;
}

.maquillaje .barra3 img {
    width: 110%;
    display: block;
    margin-left: -10px;
}
.maquillaje img.maquillaje {
    width: 100%;
    max-width: 400px;
}

.maquillaje .card3 .vmaincontent {
    padding-bottom: 264px;
}

.maquillaje .tcampana {
    color: #973161 !important;
}

.maquillaje .card4 .inf .inf2 {
    font-size: 19px;
}

.maquillaje .conte-nido .fila {
    display: flex;
    font-size: 21px;
    justify-content: center;
    border-bottom: 1px solid #999999;
    padding: 12px 0px;
}

.maquillaje .conte-nido .fila .colun {
    margin-right: 60px;
}

.maquillaje .conte-nido .fila.color {
    color:#973161;
}
.maquillaje .conte-nido .fila.fondo {
    background: #973161;
    color: #fff;
}
.maquillaje .conte-nido .actualizacion {
    font-size: 20px;
    color: #999;
    text-align: center;
    display: block;
    margin-top: 25px;
}

.maquillaje .card4 .card.gradient.rounded {
    background: url(../images/maquillaje/barra3.png) top no-repeat;
}
.maquillaje .card5 .continfo .subtitle {
    text-align: left;
    display: block;
    font-size: 18px;
    color: #999999;

}

.maquillaje .texto .title {
    color: #973161;
    font-size: 25px;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-top: 40px;
}

.maquillaje .texto .sub {
    font-size: 19px;
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #858585;
}

.maquillaje .card5 .banner {
    overflow: hidden;
    margin-top: 45px;
}
.conte-nido .fila .nombre {
    width: 340px;
}

.maquillaje .banner5 {
    display: flex;
    margin: 40px 0px 0px 0px;
}

.maquillaje .banner5 .img {
    width: 217px;
}

.maquillaje .banner5 .img img {
    width: 100%;
}

.col-xs-12.col-sm-6.card-content img.bnr {
    position: absolute;
    left: 0px;
    top: 7px;
    width: 100%;
}

.card6 .img-card img,
.card7 .img-card img,
.card8 .img-card img {
    width: 53%;
    display: block;
}

.maquillaje.verano .card7 .card.hmi,
.maquillaje.verano .card6 .card.hmi,
.maquillaje.verano .card8 .card.hmi {
    height: 307px;
    padding-top: 95px;
}

.maquillaje .card8 .img-card img  {
    width: 31%;
    /* padding-top: 95px; */
}
.maquillaje .title-color {
    font-size: 40px;
    font-weight: 600;
    color: #973161;
}
.maquillaje .content-decripcion span {
    font-size: 23px;
}
.tcolor h1 {
    text-align: center;
    color: #973161;
    font-weight: 600;
    margin-bottom: 45px;
}

.tcolor .info-text span {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 19px;
    margin: 0px auto;
    max-width: 510px;
}
.card10 .h1 {
    color: #973161;
    display: block;
    text-align: left;
    font-family: 'natura_scriptregular';
    font-size: 50px;
}

.card10 .conten {
    color: #4D4D4D;
    margin: 0px 0px 20px 0px;
    text-align: left;
    font-size: 18px;
    display: block;
}

.card10 .color {
    color: #973161;
    font-weight: 600;
    display: block;
    text-align: left;
    font-size: 25px;
}

.card10 .conten-txt {
    margin: 80px 0px 0px;
}

.card10 {
    background: #EFD4D0;
}

.card10 .barra {
    position: absolute;
    left: 0px;
    top: 5px;
    height: 135px;
    width: 100%;
    z-index: 1;
}

.card10 {
    padding-top: 90px;
}

.card10 .vmaincontent img {
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.card11 .text-to {
    color: #973161;
    font-size: 22px;
    font-weight: 600;
    margin-left: -12px;
}
.card12 .contenido_flot .normal {
    font-size: 16px;
    display: block;
    color: #fff;
}

.card12 .contenido_flot {
	width: 25rem;
	height: 25rem;
	border-radius: 50%;
	background: #983061;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 25px;
	align-items: center;
	margin: 0px auto;
	text-align: center;
}
.card12 .contenido_flot .valor {
    font-size: 60px;
    color: #fff;
    display: block;
    line-height: 70px;
}
.card12 .img-circl {
    width: 100%;
    position: relative;
    display: block;
}
.maquillaje .card6 .cslick {
    position: static;
    margin-top: 55px;
    margin-bottom: 45px;
}
.maquillaje .card6 .row-grey {
    background: #973161;
}

.maquillaje .cslick tbody tr {
    border-top: 1px solid #999;
}
.maquillaje .card3.card11 .vmaincontent {
    padding-bottom: 374px;
}
.maquillaje .card11 .barra3 img {position: relative;bottom: 70px;height: 200px;}
.maquillaje.verano .card12 .card.gradient::before {
    background: #BD7A73;
}
.maquillaje.verano .cardro .card.gradient::before,
.maquillaje.verano .card11 .card.gradient::before,
.maquillaje.verano .card8 .card.gradient::before,
.maquillaje.verano .card7 .card.gradient::before,
.maquillaje.verano .card6 .card.gradient::before {
    background: #973161;
}
.maquillaje.verano .cardf .card.gradient::before {
    background: #BD7A73;
}
.maquillaje .card.pleno::before{
    background: #973161;
}

@media (max-width: 1257px) { 
    .card12 .contenido_flot{
        width: 20rem;
        height: 20rem;
}
.card12 .contenido_flot .normal{
    font-size: 14px;
}
.card12 .contenido_flot .valor{
    font-size: 30px;
    line-height: 35px;
}
img.img-bt {
    max-width: 100%;
    height: 30px;
}
}
@media all and (max-width: 992px) { 
img.img-bt {
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
}
    .card12 .contenido_flot{
        width: 25rem;
        height: 25rem;
    }
    .card12 .contenido_flot .normal{
        font-size: 16px;
    }
    .card12 .contenido_flot .valor{
        font-size: 60px;
        line-height: 70px;
    }
}
@media all and (max-width: 1003px) {
    .card.gradient.rounded.card1 {padding-left: 40px;padding-right: 40px;} 
    .maquillaje .card.campana h1{margin-bottom: 45px;display: block;}
    .maquillaje .barra3 img{height: 256px;}
    span.color{display: block;padding: 0px 10px;}
    span.color-w{padding: 0px 10px;}
    .maquillaje .card3 .vmaincontent {padding-bottom: 414px;}
    .maquillaje .card5 .continfo .subtitle{
        padding: 0px 10px;
        margin-top: 45px;
        max-width: initial;
    }

    .conte-nido .fila {
        padding: 12px 20px !important;
    }

}

@media all and (max-width: 991px) {
    .card6 .img-card img, .card7 .img-card img, .card8 .img-card img{
        margin: 0 auto;
    }
    .maquillaje .title-color{}
    .maquillaje .content-decripcion span{}
    .maquillaje.verano .card7 .card.hmi, .maquillaje.verano .card6 .card.hmi, .maquillaje.verano .card8 .card.hmi{
        height: auto;
    }

}

@media all and (max-width: 767px) {
    .card6 .img-card img, .card7 .img-card img, .card8 .img-card img{
        max-width: 100%;
        margin: 0 auto;
        width: auto !important;
    }
    .card10 .conten-txt{}
    .maquillaje .cindicador{
        width: 77%;
    }
    .ibarra2 img.barrra-2{
        height: 148px;
    }
}

@media all and (max-width: 355px) {
    span.color-w.responsive {
        display: block;
        /* font-size: 23px; */
        width: 87%;
    }
}