*{/*width: 100%; box-sizing: content-box;*/ margin: 0; padding: 0; font-family: montserrat;}



/*--------------------------------------pantallas menores a 1440px-----------------------*/



.container-full{background-color: #533278; width: 100%; height: 742px;}

.lefth-container{width: 60%; float: left; /*background-color: red;*/ height: 100px; margin-top: 70px;}

.right-container{width: 40%; float: right; /*background-color: green;*/ height: auto; text-align: right;}

.lefth-container-row-1{width: 100%; margin-left: 22%;}

.lefth-container-row-1 > h5, .lefth-container-row-2 > h5{color: #fff; font-size: 30.5px; font-family: montserrat; font-weight: normal;}

.lefth-container-img-1{width: 100%; margin-left: 22%; position: relative; top: -40px;}

.lefth-container-img-1 > img{width: 50%;}

.lefth-container-row-2{width: 100%; margin-left: 34%; margin-top: -6.5%;}

.lefth-container-row-3{width: 100%; margin-left: 13.5%; margin-top: 10%;}

.lefth-container-row-3 > h3{color: #fff; font-size: 35px; font-family: montserrat; font-weight: bolder; letter-spacing: 1px;}

.lefth-container-row-3 > h3 > span{color: #FFB71B;}

.lefth-container-row-4{width: 70%; margin-left: 12%; margin-top: 3%; text-align: center;}

.lefth-container-row-4 > h6{color: #fff; font-size: 20px; font-family: montserrat; font-weight: lighter; letter-spacing: 1px;}

.lefth-container-row-5{width: 100%; margin-top: 4rem;}

.button {background-color: #FFB71B; border: none; color: #533278; font-weight: bold; padding: 25px 42px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 5px;}

.lefth-btn{width: 42%; float: left; padding-left: 14%;}

.right-btn{width: 31%; float: right; margin-right: 21%;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.lefth-btn > a {width: 87%; padding: 30px 0px; font-weight: 600;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {width: 87%; padding: 20px 0; font-weight: 600;}

.right-container > img {width: 100%;  margin-top: 10.5%;}

.lefth-container-row-6{width: 100%; text-align: center;}

.bnt-reglamentos { /*background-color: #4CAF50;*/ border: none; color: white; padding: 8px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}

.button4 {/*background-color: white;*/ margin-top: 9%; color: #D2CED7; border: 1px solid #D2CED7; border-radius: 10px; width: 34%;  position: relative; right: 0; left: 20%;}

#h3-1{display: none;}

#h3-2{   display: none;}

#h3-span{display: none;}

#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {
    padding: 16px 26px;
}

#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn {
    width: 29%;
}

.volver { width: 46%; margin-top: 6px;}

.cw {
    width: 78%;
}

.sticky { position: fixed; }

#lefth-container-row-3-ids-mobile{display: none;}

a.no-cli-volver {
    width: 100% !important;
    background-color: #fff !important;
    border-left: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-top: 6% !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


/*---- RipleyPuntosGo-Page ----*/

.full-container-rpg{width: 100%;}

.full-container-rpg-left{width: 20%; height: 300px; /*background-color: red;*/ float: left;}

.full-container-rpg-right{width: 80%; height: 300px; /*background-color: green;*/ float: right;}

.row-img-logo-menu{width: 100%;text-align: center;margin-top: 1rem;}

.row-img-logo-menu img{ margin-bottom: 12px; width: 68%; left: -20px; position: relative;}

.vertical-menu {margin-bottom: 1rem; display: block;}

.vertical-menu-mobile{display: none;}

.vertical-menu a { color: black; display: block; padding: 12px; text-decoration: none; border: 1px solid transparent; font-size: 16px;}

.vertical-menu > .active{background: #FFB71B;width: 75%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height: 15px;padding-top: 2.5px;padding-bottom: 5px; color: #543279;font-weight: bold;font-size: 14px;padding-left: 20px;box-shadow: 0px 2px 5px #666;}

.vertical-menu > a:nth-child(2) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px; transition: all 0.2s;}

.vertical-menu > a:nth-child(3) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;}

.vertical-menu > a:nth-child(4) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem;  font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;}

.vertical-menu > a:nth-child(5) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;}

.vertical-menu > a:nth-child(6) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;}

.vertical-menu > a:nth-child(7) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;}

/* .vertical-menu > a:nth-child(8) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px !important;  padding-top: 10px; padding-bottom: 10px;} */

.vertical-menu > a:nth-child(2):hover {color:#543279;  font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;}

.vertical-menu > a:nth-child(3):hover {color:#F8B032;  font-size: 16px; border-bottom: 1px solid #F8B032; border-top: 1px solid #F8B032; border-right: 1px solid #F8B032; transition: all 0.2s;}

.vertical-menu > a:nth-child(4):hover {color:#E51C27;  font-size: 16px; border-bottom: 1px solid #E51C27; border-top: 1px solid #E51C27; border-right: 1px solid #E51C27; transition: all 0.2s;}

.vertical-menu > a:nth-child(5):hover {color:#543279; font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;}

 .vertical-menu > a:nth-child(6):hover {color:#F8B032;  font-size: 16px; border-bottom: 1px solid #F8B032; border-top: 1px solid #F8B032; border-right: 1px solid #F8B032; transition: all 0.2s;}

.vertical-menu > a:nth-child(7):hover {color:#E51C27;  font-size: 16px; border-bottom: 1px solid #E51C27; border-top: 1px solid #E51C27; border-right: 1px solid #E51C27; transition: all 0.2s;}

/* .vertical-menu > a:nth-child(8):hover {color:#543279;  font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;} */

.txt-title{width: 100%; margin-top: 3rem;}

.txt-title h5{color: #523278; padding-bottom: 5px; font-size: 18px;}

.txt-title hr{width: 95%; border-top: 1px solid #FFB71B;}

.img-banner-principal{ width: 95%; height: 400px; background-color: #F7F7F7;margin-top: 1rem;}

.txt-parrafo-label{width: 75%;     margin-top: 2rem; float: left;}

.txt-parrafo-label-row-1{width: 100%;}

.txt-parrafo-label .txt-parrafo-label-row-1 p{color: #543279; line-height: 25px;}

.div-row-1{width: 95%; padding-bottom: 15rem;margin-top: 2rem;}

.img-parrafo-label-col2{width: 25%; /*height: 200px;*/ float: right;margin-top: 2rem;}

.btn-parrafo-label-row-2{width: 100%;/*background: green;*/ height: 100px; margin-top: 1.5rem; text-align: center;}

.btn-class-info{ font-weight: 600; font-size: 15px; border-radius: 30px;  border: 1px solid #FFB71B; color: #543279; padding: 6px 30px; text-align: center; text-decoration: none; font-size: 16px; margin: 4px 2px; cursor: pointer;}

.div-btn-parrafo-label-row-2{width: 100%; padding-top: 2rem;}

.img-parrafo-label-col2 img{width: 100%; margin-top: -4rem;}

.img-banner-principal-mobile {display: none;}


/*----- Puntos Calificables ----*/

.col-1-container-left {width: 70%; /*height: 200px;*/ margin-top: 1rem;float: left;}

.col-2-container-right {width: 34%;margin-top: -43rem;float: right;margin-right: 2rem;position: relative;right: -2rem;}

.row-1-parrafo-pcal{width: 100%;}

.row-1-parrafo-pcal p{font-size: 15px; color:#491961; }

.row-2-container-sub-title-pcal{width: 100%; text-align: center; margin-top: 2rem;}

.row-2-container-sub-title-pcal h5{color: #ffb715;font-size: 16px;}

.row-3-container-img-pcal{width: 100%; margin-top: 1rem;}

.row-3-container-list-pcal{width: 100%;margin-top: 1rem;}

.row-3-container-list-pcal-left{width: 68%;float: left;}

.row-3-container-list-pcal-right{width: 32%; float: right;}

.row-3-container-list-pcal-left p{font-size: 13px;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(1){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(2){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(3){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-img-pcal > img {width: 95%;}

body > div > div > div > div.full-container-rpg-right > div.col-2-container-right > img {width: 100%;max-width: 150%;}

div.full-container-rpg-right > div.col-2-container-right > img {
    width: 100% !important;
    max-width: 150% !important;
}

.div-btn-rprg{width: 100%;text-align: left;margin-left: 0.5rem;}

.div-btn-rprg button{font-weight: 600;background: #fff;border-radius: 30px;border: 1px solid #FFB71B;color: #543279;padding: 6px 0px;text-align: center;text-decoration: none;font-size: 12px;margin: 50px 0px;cursor: pointer; width: 80%;}


/*---- Categoías de Clientes ----*/

#letra-pequeña-cat-cli {display: none !important;}

.content-iframes {background-color: #F1F1F1;width: 95%;border: 3px solid #543279;border-radius: 12px;margin-top: 1rem; height: 470px;}

.row-1-cat-client{width: 100%;}

.col-1-left-cat-client{width: 50%; float: left;}

.col-2-rigth-cat-client{width: 50%; float: right;}

.col-1-left-cat-client-row-1{width: 100%; margin-top: 1rem;}

.col-2-rigth-cat-client-row-1{width: 100%; margin-top: 1rem;}

.col-1-left-cat-client-row-2{width: 90%;}

.col-2-rigth-cat-client-row-2{width: 90%;}

.col-1-left-cat-client-row-1 > img {width: 90%;}

.col-2-rigth-cat-client-row-1 > img{width: 90%;}

.col-1-left-cat-client-row-2 > h5, .col-2-rigth-cat-client-row-2 > h5{color: #543279;}

.col-1-left-cat-client-row-2 > p, .col-2-rigth-cat-client-row-2 > p{line-height: 25px;font-size: 15px; letter-spacing: 1px;padding-top: 10px;}

.row-2-cat-client{width: 95%;display: inline-block;margin-top: 1rem;}

.row-2-cat-client p{font-size: 14px;}

#cuadro-cat-cli{width: 95%;}

.titulo-tabla{color: #F8B032;font-weight: 600;height: 50px !important; padding-top: 10px !important;}

.titulo-tabla1{font-weight: 600;padding-top: 20px !important; height: 50px !important;}


/* ---- Gift Cards y Experiencias ---- */

.parraf-gift-cards{width: 100%;margin-top: 1rem;}

.parraf-gift-cards p{font-size: 15px; color: #491961;}

.parraf-gift-cards span{font-weight: 600;}

.imgs-gift-cards{width: 95%;margin-top: 1rem; display: block;}

.imgs-gift-cards img{width: 100%;}

.imgs-gift-cards-mobile{display: none;}

.txt-opc-canje{width: 100%; text-align: center; margin-top: 3rem;}

.txt-opc-canje h5{color: #F8B032;    font-size: 16px;}

.imgs-opc-canje{width: 95%;    margin-top: 1rem; display: block;}

.imgs-opc-canje-mobile{display: none;}

.imgs-opc-canje img{width: 100%;}

.txt-mas-opc-canje{width: 95%;margin-top: 2rem;text-align: center; margin-bottom: 1rem;}

.txt-mas-opc-canje h5{color: #F8B032; font-size: 16px;}

.txt-mas-opc-canje p{font-size: 15px;}

.txt-mas-opc-canje span{font-weight: 600;}

.imgs-mas-opc-canje{width: 95%; margin-top: 1rem; margin-bottom: 1rem; display: block;}

.imgs-mas-opc-canje-mobile{display: none;}

.imgs-mas-opc-canje img{width: 100%;}

#pgiftcard{text-align: left;margin-left: 10px;width: 60%;}

/* ---- Super Canjes ----*/

.parraf-supr-canje{width: 100%;margin-top: 1rem;}

.parraf-supr-canje p{font-size: 15px; color: #491961;}

.div-elctro{ display: inline-block; width: 95%; background-color: #FCBC28; height: 30px; margin-top: 1rem;    border-top-right-radius: 8px;border-bottom-right-radius: 8px;}

.div-elctro h3{color: #491961; padding-left: 10px; padding-top: 2.5px;}

.row-container-sup-canj{width: 95%;}

.col-sc-4{width: 30%;float: left;margin-left: 1.5rem;margin-top: 1rem;}

.col-sc-4 img{width: 100%;     border-radius: 25px;}



/* ---- Preguntas Frecuentes ----*/

.menu-top{display: none;}

.ringth-container-pf{height: unset !important;}

.left-container-pf{height: unset !important;}

/* .top-container-sup{margin-top: 2rem !important;} */

.pf-active{width: 83% !important; padding-bottom: 20px !important;}

.pf-a-vrtc-menu{width: 83% !important;}

#cont-home > div > div.full-container-rpg-right.ringth-container-pf > div.sponsor.no-padding.header.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 {margin-top: 1rem;}

#cont-home > div > div.full-container-rpg-right.ringth-container-pf > div.sponsor.no-padding.header.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 > div.cont-slider > div > div.owl-wrapper-outer > div > div > div > a > img.img-desktop{width: 99%;}

.hr-pfrec{width: 98.5% !important;}

#cont-home > div > div.full-container-rpg-right.ringth-container-pf > div.sponsor.no-padding.header.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 > div.titulo.pre-mobile {display: none;}

#ripley-puntos .opciones .preguntas.active::after {width: 73% !important;right: 14% !important;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(2) > div.content > div.row-2-cat-client > p{font-size: 11px !important;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(2) > div.content > div.row-1-cat-client > div.col-1-left-cat-client > div.col-1-left-cat-client-row-2 > p,
#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(2) > div.content > div.row-1-cat-client > div.col-2-rigth-cat-client > div.col-2-rigth-cat-client-row-2 > p
{font-size: 15px;}

/* ----Campañas ---- */

.iframes-campañas{width: 95%; margin-top: 1rem;}

#iframe-destock-campaña{display: block;}

#iframe-mobile-campaña{display: none;}


/* ---- Programa No cliente ---- */

.programa-img {
    margin-top: -26%;
}


/* ---- Gift Card No cliente ---- */

.gift-no-mobile {
    display: none;
}

.gift-no-desktop {
    width: 94%;
}
.text-giftcard {
    width: 94%;
    font-size: 11px;
}

/* ---- Experencia No cliente ---- */

.text-experiencia {
    width: 94%;
    font-size: 15px;
}

/* ---- Pregunta No cliente ---- */
.banner-contacto-no {
    width: 40% !important;
    margin-left: 28%;
}


/*--------------------------------------pantallas mayora a 1440px-----------------------*/

@media (min-width: 1400px){

.container-full{background-color: #533278; width: 100%; height: 680px;}

.lefth-container{width: 60%; float: left; /*background-color: red;*/ height: 100px; margin-top: 70px;}

.right-container{width: 40%; float: right; /*background-color: green;*/ height: auto; text-align: right;}

.lefth-container-row-1{width: 100%; margin-left: 22%;}

.lefth-container-row-1 > h5, .lefth-container-row-2 > h5{color: #fff; font-size: 30.5px; font-family: montserrat; font-weight: normal;}

.lefth-container-img-1{width: 100%; margin-left: 22%; position: relative; top: -40px;}

.lefth-container-img-1 > img{width: 50%;}

.lefth-container-row-2{width: 100%; margin-left: 34%; margin-top: -6.5%;}

.lefth-container-row-3{width: 100%; margin-left: 13.5%; margin-top: 10%;}

.lefth-container-row-3 > h3{color: #fff; font-size: 35px; font-family: montserrat; font-weight: bolder; letter-spacing: 1px;}

.lefth-container-row-3 > h3 > span{color: #FFB71B;}

.lefth-container-row-4{width: 70%; margin-left: 12%; margin-top: 3%; text-align: center;}

.lefth-container-row-4 > h6{color: #fff; font-size: 20px; font-family: montserrat; font-weight: lighter; letter-spacing: 1px;}

.lefth-container-row-5{width: 100%; margin-top: 4rem;}

.button {background-color: #FFB71B; border: none; color: #533278; font-weight: bold; padding: 25px 42px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 5px;}

.lefth-btn{width: 42%; float: left; padding-left: 14%;}

.right-btn{width: 31%; float: right; margin-right: 21%;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.lefth-btn > a {width: 87%; padding: 30px 0px; font-weight: 600;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {width: 87%; padding: 20px 0; font-weight: 600;}

.right-container > img {width: 100%;  margin-top: 10.5%;}

.lefth-container-row-6{width: 100%; text-align: center;}

.bnt-reglamentos { /*background-color: #4CAF50;*/ border: none; color: white; padding: 8px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}

.button4 {/*background-color: white;*/ margin-top: 4%; color: #D2CED7; border: 1px solid #D2CED7; border-radius: 10px; width: 34%;  position: relative; right: 0; left: 20%;}

#h3-1{display: none;}

#h3-2{   display: none;}

#h3-span{display: none;}

#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {
    padding: 16px 26px;
}

#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn {
    width: 29%;
}

a.no-cli-volver {
    width: 100% !important;
    background-color: #fff !important;
    border-left: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-top: 6% !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*---- RipleyPuntosGo-Page ----*/

.full-container-rpg{width: 100%;}

.full-container-rpg-left{width: 20%; height: 300px; /*background-color: red;*/ float: left;}

.full-container-rpg-right{width: 80%; height: 300px; /*background-color: green;*/ float: right;}

.row-img-logo-menu{width: 100%;text-align: center;margin-top: 1rem;}

.row-img-logo-menu img{width: 60%;}

.vertical-menu {margin-bottom: 1rem; display: block;}

.vertical-menu-mobile{display: none;}

.vertical-menu a { color: black; display: block; padding: 12px; text-decoration: none; border: 1px solid transparent; font-size: 16px;}

.vertical-menu > .active{background: #FFB71B;width: 75%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height: 15px;padding-top: 2.5px;padding-bottom: 5px; color: #543279;font-weight: bold;font-size: 14px;padding-left: 20px;}

.vertical-menu > a:nth-child(2) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px; transition: all 0.2s;}

.vertical-menu > a:nth-child(3) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem;}

.vertical-menu > a:nth-child(4) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

.vertical-menu > a:nth-child(5) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

.vertical-menu > a:nth-child(6) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

.vertical-menu > a:nth-child(7) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

/* .vertical-menu > a:nth-child(8) {width: 72%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;} */

.vertical-menu > a:nth-child(2):hover {color:#543279;  font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;}

.vertical-menu > a:nth-child(3):hover {color:#F8B032;  font-size: 16px; border-bottom: 1px solid #F8B032; border-top: 1px solid #F8B032; border-right: 1px solid #F8B032; transition: all 0.2s;}

.vertical-menu > a:nth-child(4):hover {color:#E51C27;  font-size: 16px; border-bottom: 1px solid #E51C27; border-top: 1px solid #E51C27; border-right: 1px solid #E51C27; transition: all 0.2s;}

.vertical-menu > a:nth-child(5):hover {color:#543279; font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;}

.vertical-menu > a:nth-child(6):hover {color:#F8B032;  font-size: 16px; border-bottom: 1px solid #F8B032; border-top: 1px solid #F8B032; border-right: 1px solid #F8B032; transition: all 0.2s;}

.vertical-menu > a:nth-child(7):hover {color:#E51C27;  font-size: 16px; border-bottom: 1px solid #E51C27; border-top: 1px solid #E51C27; border-right: 1px solid #E51C27; transition: all 0.2s;}

/* .vertical-menu > a:nth-child(8):hover {color:#543279;  font-size: 16px; border-bottom: 1px solid #543279; border-top: 1px solid #543279; border-right: 1px solid #543279; transition: all 0.2s;} */

.txt-title{width: 100%; margin-top: 3rem;}

.txt-title h5{color: #523278; padding-bottom: 5px; font-size: 18px;}

.txt-title hr{width: 95%; border-top: 1px solid #FFB71B;}

.img-banner-principal{ width: 95%; height: 400px; background-color: #F7F7F7;margin-top: 1rem; display: block;}

.img-banner-principal-mobile{display: none;}

.txt-parrafo-label{width: 75%;     margin-top: 2rem; float: left;}

.txt-parrafo-label-row-1{width: 100%;}

.txt-parrafo-label .txt-parrafo-label-row-1 p{color: #543279; line-height: 25px;}

.div-row-1{width: 95%; padding-bottom: 15rem;}

.img-parrafo-label-col2{width: 25%; height: 200px; float: right;margin-top: 2rem;}

.btn-parrafo-label-row-2{width: 100%;/*background: green;*/ height: 100px; margin-top: 1.5rem; text-align: center;}

.btn-class-info{ font-weight: 600; font-size: 15px; border-radius: 30px;  border: 1px solid #FFB71B; color: #543279; padding: 6px 30px; text-align: center; text-decoration: none; font-size: 16px; margin: 4px 2px; cursor: pointer;}

.div-btn-parrafo-label-row-2{width: 100%; padding-top: 2rem;}


/*----- Puntos Calificables ----*/

.col-1-container-left {width: 68%;/*background: #ffb715;*/margin-top: 1rem;float: left;}

.col-2-container-right {width: 34%;/*height: 200px;background: #491961;*/margin-top: -43rem;float: right;margin-right: 2rem;}

.row-1-parrafo-pcal{width: 100%;}

.row-1-parrafo-pcal p{font-size: 15px; color:#491961; }

.row-2-container-sub-title-pcal{width: 100%; text-align: center; margin-top: 2rem;}

.row-2-container-sub-title-pcal h5{color: #ffb715;font-size: 16px;}

.row-3-container-img-pcal{width: 100%; margin-top: 1rem;}

.row-3-container-list-pcal{width: 100%;margin-top: 1rem;}

.row-3-container-list-pcal-left{width: 75%;float: left;}

.row-3-container-list-pcal-right{width: 25%; float: right;}

.row-3-container-list-pcal-left p{font-size: 13px;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(1){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(2){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-list-pcal > div.row-3-container-list-pcal-left > p:nth-child(3){margin-bottom: 0.5rem;}

body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-img-pcal > img {width: 98%;}

body > div > div.full-container-rpg-right > div.col-2-container-right > img {width: 100%;max-width: 150%;}

.div-btn-rprg{width: 100%;text-align: left;margin-left: -1.5rem;}

.div-btn-rprg button{font-weight: 600;background: #fff;border-radius: 30px;border: 1px solid #FFB71B;color: #543279;padding: 6px 0px;text-align: center;text-decoration: none;font-size: 12px;margin: 50px 0px;cursor: pointer; width: 100%;}


/*---- Categoías de Clientes ----*/

#letra-pequeña-cat-cli {display: none !important;}

.content-iframes {background-color: #F1F1F1;width: 95%;border: 3px solid #543279;border-radius: 12px;margin-top: 1rem; height: 470px;}

.row-1-cat-client{width: 100%;}

.col-1-left-cat-client{width: 50%; float: left;}

.col-2-rigth-cat-client{width: 50%; float: right;}

.col-1-left-cat-client-row-1{width: 100%; margin-top: 2rem;}

.col-2-rigth-cat-client-row-1{width: 100%; margin-top: 2rem;}

.col-1-left-cat-client-row-2{width: 90%; margin-top: 16px;}

.col-2-rigth-cat-client-row-2{width: 90%; margin-top: 16px;}

.col-1-left-cat-client-row-1 > img {width: 76%;}

.col-2-rigth-cat-client-row-1 > img{width: 76%;}

.col-1-left-cat-client-row-2 > h5, .col-2-rigth-cat-client-row-2 > h5{color: #543279;}

.col-1-left-cat-client-row-2 > p, .col-2-rigth-cat-client-row-2 > p{line-height: 25px;font-size: 16px; letter-spacing: 0px;padding-top: 10px;}

.row-2-cat-client{width: 95%;display: inline-block;margin-top: 3rem; margin-bottom: 2rem;}

.row-2-cat-client p{font-size: 14px;}

#cuadro-cat-cli{width: 95%;}

.titulo-tabla{color: #F8B032;font-weight: 600;height: 50px !important; padding-top: 10px !important;}

.titulo-tabla1{font-weight: 600;padding-top: 20px !important; height: 50px !important;}


/* ---- Programa No cliente ---- */

.programa-img {
    margin-top: -26%;
}

/* ---- Gift Card No cliente ---- */

.gift-no-mobile {
    display: none;
}

.gift-no-desktop {
    width: 94%;
}

.text-giftcard {
    width: 94%;
    font-size: 11px;
}

/* ---- Experencia No cliente ---- */

.text-experiencia {
    width: 94%;
    font-size: 15px;
}

/* ---- Pregunta No cliente ---- */
.banner-contacto-no {
    width: 40% !important;
    margin-left: 28%;
}

}

/*--------------------------------------pantallas Comunes---------------------------*/

@media (max-width: 1400px){

	.lefth-btn {
		width: 44%;
	}

	.right-container > img {
		margin-top: 28.5%;
	}



}


/*--------------------------------------pantallas Grandes---------------------------*/

@media (min-width: 1900px){

	.lefth-container-row-1 > h5, .lefth-container-row-2 > h5 {
		font-size: 42.5px;
	}

	.lefth-container-row-2 {
		margin-top: -4.5%;
	}

	.lefth-container-row-3 > h3 {

		font-size: 48px;

	}

	.lefth-container-row-4 > h6 {
		font-size: 30px;
	}
	
	.button {
		font-size: 24px;
	}

	.container-full {
		height: 908px;
	}

	.bnt-reglamentos {
		font-size: 20px;	
	}
	


}



/*--------------------------------------pantallas para mobile---------------------------*/

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

.container-full{background-color: #533278; width: 100%; height: 688px;}

.lefth-container{width: 100%; /*float: left;*/ /*background-color: red;*/ height: 100px; margin-top: 30px;}

.right-container{width: 100%; /*float: right;*/ /*background-color: green;*/ height: auto; text-align: right;}

.lefth-container-row-1{width: 100%; margin-left: 4%;}

.lefth-container-row-1 > h5, .lefth-container-row-2 > h5{color: #fff; font-size: 26px; font-family: montserrat; font-weight: normal; letter-spacing: 1px;}

.lefth-container-img-1{width: 100%; margin-left: 4%; position: relative; top: -36%;}

.lefth-container-img-1 > img{width: 92%;}

.lefth-container-row-2{width: 100%; margin-left: 28%; margin-top: -13%;}

.lefth-container-row-3{width: 58%; margin-left: 4%; margin-top: 22%;}

.lefth-container-row-3 > h3{color: #fff; font-size: 26px; font-family: montserrat; font-weight: 600; letter-spacing: 1px;}

.lefth-container-row-3 > h3 > span{color: #FFB71B;}

.lefth-container-row-4{width: 70%; margin-left: 4%; margin-top: 8%; text-align: left;}

.lefth-container-row-4 > h6{color: #fff; font-size: 22px; font-family: montserrat; font-weight: lighter; letter-spacing: 1px;}

.lefth-container-row-5{width: 100%; margin-top: 4rem;}

.button {background-color: #FFB71B; border: none; color: #533278; font-weight: bold; padding: 16px 14px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px;}

.lefth-btn{width: 46%; float: left; padding-left: 4%;}

#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn {
    width: 42%;
}

.right-btn{ float: right; margin-right: 4%; z-index: 1; position: relative;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.lefth-btn > a {width: 90%; padding: 20px 10px; font-weight: 600;}

body > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {width: 90%; padding: 20px 6px; font-weight: 600;}

.right-container > img {width: 70%;  margin-top: 20px; position: relative; left: 4rem;}

.lefth-container-row-6{width: 100%; text-align: left;}

.bnt-reglamentos { /*background-color: #4CAF50;*/ border: none; color: white; padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}

.button4 {/*background-color: white;*/ margin-top: 10%; color: #D2CED7; border: 1px solid #D2CED7; border-radius: 10px; width: 92%;  position: relative; right: 0;left: 4%;}

#lefth-container-row-3-ids{display: none;}

#lefth-container-row-3-ids-mobile{display: block;}



#h3-1{font-size: 24px; display: block;}

#h3-2{    margin-top: -1rem; font-size: 24px; display: block;}

#h3-span{display: block;}

body > div > div.lefth-container > div.lefth-container-row-3 > span { position: relative; top: -30px; font-size: 24px; left: 7.5rem; color: #FFB71B; font-weight: bold;}

.volver { width: 38% !important; margin-top: 0px !important; margin-left: 13px !important;}

.iframes-campañas { width: 100%; margin-top: 1rem;}

.sticky { position: relative !important; }


/* .me-mobile{ background: #fff;} */

.menu-titulo-mobile {
    background-color: #FFB71B;
	width: 94%;
	margin-top: -3%;
    padding: 6px;
    padding-left: 18px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.menu-titulo-mobile1 {
    background-color: #FFB71B;
    width: 94%;
    margin-top: -3%;
    padding: 13px 9px;
    /* padding-left: 18px; */
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}


/*---- RipleyPuntosGo-Page ----*/

.vertical-menu{display: none;}

/* .vertical-menu-mobile{display: block;} */

.vertical-menu-mobile > .active{/*background: #FFB71B;*/width: 75%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;height: 15px;/*padding-top: 2.5px;padding-bottom: 5px;*/ color: #543279;font-weight: bold;font-size: 14px;/*padding-left: 20px;*/}

.full-container-rpg-left{width:100%; height: 300px; float: left;}

.row-img-logo-menu {width: 50%;text-align: center;margin-top: 1rem;float: left;}

.vertical-menu-mobile {display: block;width: 47%;float: right;margin-top: 1.5rem;}

/* .vertical-menu-mobile > .active {padding-top: 10px;padding-bottom: 12.5px;border-radius: 12px;} */

.fa {display: unset !important; font-size: x-large !important;background: #FFB71B;position: relative;left: -25px;top: 3px;color: #523278;}

/* .vertical-menu-mobile > .active {padding-left: 15px;padding-right: 30px;} */

.vertical-menu-mobile > label{cursor: pointer;}

#btn-menu{display: none;}

.menu-mobile-menu ul{list-style: none; margin-bottom: 1rem;}

.menu-mobile-menu a{text-decoration: none;padding-left: 7.5px; color:#000;}

.menu-mobile-menu{position: absolute;top: 70px; left: 0; width: 100%; background-color: #fff; transform: translateX(-100%); transition: all 0.3s;}

.cap1{transform: translateX(-100%); transition: all 0.3s; width: 100%; height: 436px; background-color: rgba(0,0,0, 0.5); position: absolute;top: 426px; left: 0; z-index: 1;}

.cap11{height: 2525px;}

.cap12{height: 3078px;}

.cap13{height: 3714px;}

.cap1-15{height: 2225px;}

#btn-menu:checked ~ .menu-mobile-menu{transform: translateX(0%); z-index: 1;}

#btn-menu:checked ~ .cap1{transform: translateX(0%);}

.vertical-menu-mobile.navbar > nav > ul > li:nth-child(1) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; font-size: 16px; transition: all 0.2s; padding-bottom: 22px;padding-top: 22px;}

.vertical-menu-mobile.navbar > nav > ul > li:nth-child(2) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px;padding-top: 22px;}

.vertical-menu-mobile.navbar > nav > ul > li:nth-child(3) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

.vertical-menu-mobile.navbar > nav > ul > li:nth-child(4) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #543279; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px;padding-top: 22px;}

/* .vertical-menu-mobile.navbar > nav > ul > li:nth-child(5) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;}

.vertical-menu-mobile.navbar > nav > ul > li:nth-child(6) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #E51C27; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;} */

/* .vertical-menu-mobile.navbar > nav > ul > li:nth-child(7) {width: 75%; background-color: #F5F5F5;border-left: 5px solid #F8B032; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-top: 1rem; padding-bottom: 22px; padding-top: 22px;} */

.full-container-rpg-right {width: 100%; margin-top: 0px !important; /*margin-top: -14rem;*/border-top: 1px solid #e1e1e1;}

.txt-title {margin-top: 1rem;}

.txt-title h5 {font-size: 16px; margin-left: 10px; text-align: left;}

.txt-title hr {width: 94%;margin-left: 10px;}

.img-banner-principal {width: 91%;height: 300px;background-color: #F7F7F7;margin-top: 1rem;margin-left: 1rem;}

.div-row-1 {width: 100%;padding-bottom: unset;}

.btn-parrafo-label-row-2 {position: relative;top: 12rem;}

.txt-parrafo-label {width: 95%;margin-top: 1rem;  float: unset; }

.img-parrafo-label-col2 {width: 92%;float: unset; margin-top: -4rem;margin-left: 0.955rem;}

.row-img-logo-menu img {width: 70%;}

.txt-parrafo-label-row-1 {padding-left: 12.5px;}

body > div > div.full-container-rpg-left > div.vertical-menu-mobile.navbar > nav > ul > li > a {color: #000;}

.div-btn-parrafo-label-row-2 {padding-top: 11rem;}

.img-banner-principal-mobile{display: block; width: 91%; padding: 15px;}

.img-banner-principal{display: none !important;}


/*----- Puntos Calificables ----*/

#pcalf{text-align: left; margin-left: 10px; width: 50%;}

body > div > div.full-container-rpg-right > div.col-2-container-right > img {width: 150%;max-width: 150%;}

.row-1-parrafo-pcal {width: 48%;}

.row-1-parrafo-pcal p {margin-left: 10px;line-height: 22px;}

.row-2-container-sub-title-pcal {width: 100%;text-align: center;margin-top: 2.5rem;}

.row-3-container-list-pcal-left {width: 100%;float: unset;padding-left: 10px; }

.row-3-container-list-pcal-right {width: 100%;float: unset; }

.col-1-container-left {width: 100%;}

.col-2-container-right{z-index: -1; width: 46%; margin-top: -72rem;}

.row-3-container-list-pcal-left p { font-size: 12px;}

div.row-3-container-img-pcal.banner-punto-mobile { margin-left: -14px;}

.row-3-container-list-pcal {width: 95%;}

.div-btn-rprg {text-align: center;}

.div-btn-rprg button{margin: 20px 0px;width: 60%;}

/* #flecha-abajo-icon{left: 150px; top: -20px;} */



.row-3-container-img-pcal {width: 96%; margin-top: 1rem; padding-left: 15px;}

.cap1-pts{height: 310px;}

/*---- Categoías de Clientes ----*/

#pcalcli{width: 90%; text-align: left; margin-left: 10px;}

#letra-pequeña-cat-cli {display: none !important;}

.iframe-container iframe {height: 510px !important;}

.content-iframes {background-color: #F1F1F1;width: 95%;border: 3px solid #543279;border-radius: 12px;margin-top: 1rem; height: 520px;}

.row-1-cat-client{width: 100%; margin-top: 1rem;}

.col-1-left-cat-client{width: 100%; float: unset;}

.col-2-rigth-cat-client{width: 100%; float: unset;}

.col-1-left-cat-client-row-1{width: 100%; margin-top: 2rem; text-align: center;}

.col-2-rigth-cat-client-row-1{width: 100%; margin-top: 2rem; text-align: center;}

.col-1-left-cat-client-row-2{width: 90%;margin-left: 15px;margin-top: 15px;}

.col-2-rigth-cat-client-row-2{width: 90%;margin-left: 15px;margin-top: 15px;}

.col-1-left-cat-client-row-1 > img {width: 90%;}

.col-2-rigth-cat-client-row-1 > img{width: 90%;}

.col-1-left-cat-client-row-2 > h5, .col-2-rigth-cat-client-row-2 > h5{color: #543279;font-size: 18px;}

.col-1-left-cat-client-row-2 > p, .col-2-rigth-cat-client-row-2 > p{line-height: 25px;font-size: 16px; letter-spacing: 0px;padding-top: 10px;}

.row-2-cat-client{width: 95%;display: inline-block;margin-top: 2rem;}

.row-2-cat-client p{font-size: 11px; text-align: justify; margin-left: 10px;}

#cuadro-cat-cli{width: 95%;}

.titulo-tabla{color: #F8B032;font-weight: 600;height: 50px !important; padding-top: 10px !important; padding-left: 0px !important; padding-right: 0px !important;}

.titulo-tabla1{font-weight: 600;padding-top: 20px !important; height: 50px !important;}

.full-container-rpg > .full-container-rpg-right > #cuadro-cat-cli > div {left: 10px;}

/* ---- Gift Cards y Experiencias ---- */

#pgiftcard{text-align: left;margin-left: 10px;width: 60%;}

.parraf-gift-cards{display: none;}

.imgs-gift-cards{display: none !important;}

.imgs-gift-cards-mobile{display: block;margin-top: 1rem; width: 90%; margin-left: 5%;}

.imgs-gift-cards-mobile img, .imgs-opc-canje-mobile img, .imgs-mas-opc-canje-mobile img{width: 100%; padding-left: 0%;}

.imgs-opc-canje{display: none;}

.imgs-opc-canje-mobile{width: 90%; margin-top: 1rem; display: block; margin-left: 5%;}

.txt-mas-opc-canje h5{font-size: 15px;    padding-left: 10px;}

.txt-mas-opc-canje p {font-size: 15px;width: 100%;padding: 10px 55px;}

.imgs-mas-opc-canje-mobile{width: 90%; margin-top: 1rem; margin-bottom: 1rem; display: block; margin-left: 5%;}

.imgs-mas-opc-canje{display: none;}


/* ---- Super Canjes ----*/

.parraf-supr-canje p {margin-left: 10px;}

.div-elctro {margin-left: 10px;}

.col-sc-4 {width: 90%;margin-left: 8%;}


/* ---- Preguntas Frecuentes ---- */

#cont-home > div > div.full-container-rpg-right.ringth-container-pf{margin-top: 0 !important;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(1) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(2) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(3) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(4) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(5) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(6) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.puntos.visible > div > div:nth-child(7) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(1) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(2) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(3) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(4) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(5) > div.a > span {left: unset !important; background-color: transparent;}

#acordeon > div.cont-acordeon.gift.visible > div > div:nth-child(6) > div.a > span {left: unset !important; background-color: transparent;}

#cont-home > div > div.full-container-rpg-right.ringth-container-pf > div.sponsor.no-padding.header.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 > div.cont-slider > div > div.owl-wrapper-outer > div > div > div > a > img.img-mobile{width: 95% !important;}


/* ---- Inscibite al programa ----*/

.row-img-logo-menu-nc {width: 42%;text-align: center;margin-top: 1rem;float: left;}

.row-img-logo-menu-nc img{width: 75%;}

.vm-nc {display: block;width: 58%;float: right;margin-top: 2rem;}

.icon-flecha{    left: 200px;}

.m3-nc{top: 80px;}

/* ---- campaña ----- */
#iframe-destock-campaña{display: none;}

#iframe-mobile-campaña{display: block;}


/* ---- Gift Card No cliente ---- */

.gift-no-mobile {
    display: block;
    width: 80%;
    margin-left: 10%;
}

.gift-no-desktop {
    display: none;
}

.text-giftcard {
    margin-left: 3%;
}

/* ---- Experencia No cliente ---- */

.text-experiencia {
    width: 94%;
	font-size: 15px;
	display: block;
	margin-left: 3%;
}


.vertical-menu-mobile.navbar > nav > ul > li {
	width: 82% !important;
	background-color: #F5F5F5;
	border-left: 5px solid #543279;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 0.8rem !important;
	font-size: 16px;
	transition: all 0.2;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

}

/* ---------------------------------------------- iPhone 6, 6S, 7 and 8 ------------------------------ */
@media screen and (max-width: 380px){

	#flecha-abajo-icon{left: 150px !important; top: -35px !important;}

	.vertical-menu-mobile {margin-top: 1.5rem; width: 50%;} 



	.vertical-menu-mobile.navbar > nav > ul > li {
		width: 82% !important;
		background-color: #F5F5F5;
		border-left: 5px solid #543279;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
		margin-top: 0.8rem !important;
		font-size: 16px;
		transition: all 0.2;
		padding-bottom: 20px !important;
		padding-top: 20px !important;
	}


	.cap1 {
		top: 400px !important;	
	}

	.content-iframes {
		height: 840px;
		left: 2.5%;
		position: relative;
		height: 700px !important;
		/* margin-left: 10px !important; */
	}

	.iframe-container iframe {
		height: 668px;
	}

	.img-parrafo-label-col2 {margin-top: -4rem !important;}


	.lefth-container-row-1 > h5, .lefth-container-row-2 > h5 {
		font-size: 22px;
	}

	.lefth-container-row-3 > h3 {
		font-size: 23px;
	}

	.lefth-container-row-4 > h6 {
		font-size: 20px;
	}

	#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {
		padding: 16px 12px;
	}

	.container-full {
		background-color: #533278;
		width: 100%;
		height: 660px;
	}

	



	
}

/* ---------------------------------------------- iPhone 6, 6S, 7 and 8 PLUS------------------------------ */
@media screen and (max-width: 480px){


	#flecha-abajo-icon {
		left: 150px;
		top: -35px;
	}
	/* #flecha-abajo-icon{left: -25px; top: 3px;} */

	.div-btn-parrafo-label-row-2 {padding-top: 10.5rem;}

	.img-parrafo-label-col2 {margin-top: -4rem;}

	.row-2-container-sub-title-pcal {margin-top: 6.5rem;}

	body > div > div.full-container-rpg-right > div.col-1-container-left > div.row-3-container-img-pcal > img {width: 97%;}

	.cap1-pts{height: 355px;}

	.cap12 {height: 3425px;}

	.cap13 {height: 4110px;}

	.cap1-15 {height: 2150px;}

	#iframe-mobile-campaña{height: 2650px;}

	.ifra-no-cli{height: 1160px !important;}


	/* .vertical-menu-mobile { margin-top: 1rem; } */

	body > mini-site > div > div.full-container-rpg-right > div.iframe-container.content-iframes > iframe {
		height: 846px !important;
	}


	.content-iframes {
		height: 840px;
		left: 2.5%;
		position: relative;
		height: 778px;
		/* margin-left: 10px !important; */
	}


	.iframe-container iframe {
		height: 762px;
	}

	.text-progra-mobile {
		width: 100%;
		/* font-size: 11px; */
	}

	.text-progra-mobile > p {
		font-size: 17px;
	}

	.titulo-progra-mobile {
		margin-top: 2%;
		margin-bottom: 10%;
	}

	.banner-progra-mobile {
		margin-left: 0px !important;
	}

	.programa-img{
		right: 20%;
		width: 46%;
		margin-top: 6%;


	}


	
	

}


/* ---------------------------------------------- iPhone 5S ------------------------------ */
@media screen and (max-device-width: 340px) {

	.vertical-menu-mobile > .active {
		/* background: #FFB71B; */
		width: 75%;
		height: 15px;
		color: #543279;
		font-weight: bold;
		font-size: 12px;

		/* padding-top: 10px;
   		padding-bottom: 12.5px; */
		/* border-radius: 12px;
		padding-left: 10px;
    	padding-right: 27px; */
		
	}

	#flecha-abajo-icon {
		left: 122px !important;
		top: -35px !important;
	}

	.vertical-menu-mobile.navbar > nav > ul > li {
		width: 74% !important;
		background-color: #F5F5F5;
		border-left: 5px solid #F8B032;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
		margin-top: 0.5rem !important;
		padding-bottom: 18px !important;
		padding-top: 18px !important;
		font-size: 12px !important;
		text-decoration: none !important;
		color: #000 !important;
	}

	.cap1 {
		top: 338px !important;

	}

	.txt-parrafo-label .txt-parrafo-label-row-1 p {

		font-size: 14px !important;
		line-height: 20px !important;
		
	}


	.content-iframes {
		
		height: 710px !important;
		/* margin-left: 10px !important; */
	}

	.img-parrafo-label-col2 {
		margin-top: -1rem !important;
	}

	.lefth-container-row-1 > h5, .lefth-container-row-2 > h5 {
		font-size: 18px;
	}
	.lefth-container-row-2 {
		margin-top: -16%;
	}

	.lefth-container-row-3 > h3 {
		font-size: 18px;
	}
	.right-container > img {
		width: 65%;
		margin-top: 0px;
		position: relative;
		left: 11%;
	}

	.lefth-container-row-4 > h6 {
		font-size: 15px;
	}

	#cont-home > div > div.lefth-container > div.lefth-container-row-5 > div.right-btn > a {
		padding: 16px 6px;
	}

	.bnt-reglamentos {
		font-size: 15px;
	}

	.ifra-no-cli {
		height: 990px !important;
	}

	.container-full {
		background-color: #533278;
		width: 100%;
		height: 600px;
	}


}