#display{ min-width: 245px;
    top: 33px;
    position: absolute;
    text-align: left;
	list-style: none;
    padding: 0;
    left: 0px;
    display: none;z-index: 1001; background-color:#fff;    background: #fff;
    border: 1px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: default;
	max-width: 250px;
    max-height: 110px;
    overflow-y: scroll;}
.suggest-element{line-height: 22px; padding-right: 16px; padding-left: 16px; font-size:14px;}
.suggest-element a{color:#666; width: 100%; display: block;}
.suggest-element a:hover{color:#000;}
.negro{color: #000000;}
.borde-img{border-right: 1px solid #f2f2f2; padding-right: 1.5em;}
.borde-text{border-bottom: 1px solid #f2f2f2;}
.borde-izq{border-left: 1px solid #f2f2f2; padding-left: 1.5em;}
.fond-amex {
    background-image: url(../img/fond-amex.jpg);
    background-position: center;
    background-attachment: fixed;
}
.cft-tyc{font-size: 65px;}
.card-shadow{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.sup-altura {top: -1.5em;}
.error {color: #ff2f2f; font-weight: 400; margin-left: 5px; font-size: 11px; text-align: left; display: block;}
.has-error .form-generic {border-color: #bf0000;}
.has-success .form-generic {border-color: #009C38;}
a.volver2 {
    background-color: #3b72cc;
    color: #ffffff;
    padding: 4px 9px;
    border-radius: 10px;
	font-size: 15px;}
a.visitar {
    background-color: #3c6fc0;
    display: inline-block;
    padding: 5px 35px;
    margin-bottom: 20px;
    border-radius: 10px;
}
a.visitar:hover {
  color:#Ffffff !important;
}
.bordemapa {border:1px solid #878787;}
.minmapa {min-height:600px;}
.minmapa2 {min-height:500px;}
.btn-leer-mas-sobre {
    background: #FFFFFF;
    color: #006FCF !important;
    border-radius: 30px;
    font-size: 13px;
    border: 0;
    padding: 8px 25px;
    display: inline-block;
}
a.btn-leer-mas-sobre.activo {
    background-color: #006fcf;
    color: #fff !important;
}
.btn-conoce-mas{background-color: #3b72cc;
    color: #ffffff;
    padding: 4px 9px;
    border-radius: 10px;
    font-size: 15px;}
.tycbt {display: inline-block;
    width: 100%;
    border: 1px solid #585858;
    color: #585858;
    padding: 10px 5px;
    margin-top: 10px;}
.sucbt {display: inline-block;
    width: 80%;
    background-color: #006fcf;
    color: #ffffff;
    padding: 7px 0;
    font-size: 20px !important;}
.img-boton-beneficio{
    background-color: #00175a;
    padding: 0 10px;
    height: 50px;
    border-radius: none;
	max-width: 65px;
}

.btn-tycbt {
    background-color: #f2f2f2;
    padding: 0 10px;
    height: 50px;
}

.btn-tycbt a{
    color: #00175a;
    font-size: 20px;
}
.btn-sucbt {
    background-color: #006fcf;
    padding: 0 10px;
    height: 50px;
    border-radius: none;
}

.btn-sucbt a{
    color: #ffffff;
    font-size: 20px;
}
.card.card-body.legalescol {
    background-color: #ffffff;
    border-radius: 0;
    border-color:  rgba(0, 123, 255, 0.7);
	padding-top:20px;
	padding-bottom:20px;
	border-top:0;
}
.conozcamas:hover {color:#006fcf !important;}
.tycbt:hover {color:#005cb3 !important;}
a.volver2:hover {color:#ffffff !important;}
.bordenota {border: 1px solid #eeeeee;}
.title-sugerencia {
    text-align: left;
    font-weight: 600;
    color: #00175a;
}
.title-experiencia {
    color: #00175a;
    font-family: 'BentonSans-Bd', sans-serif;
    font-size: 15px;
}

.title-experiencia-sup {
    font-family: 'BentonSans-Bd', sans-serif;
    font-size: 30px;
}

.subtitle-experiencia-sup{
    font-family: 'BentonSans-Light', sans-serif;
    font-size: 28px;
}
.experiencia p {
    color: #666666;
    font-size: 14px;
}
.sugerencia {
    box-shadow: 0 0 15px #e3e3e3;
    border: none;
}

.sugerencia div a{
    color: #006fcf;
    font-family: 'BentonSans', sans-serif;
}

.azul006fcf a{
    color: #006fcf;
}
.border_b-nav{
    border-bottom: 0.0625rem solid #ecedee;
}
#menu_top2 li a {
    color: #006fcf;
    text-decoration: none;
    line-height: 20px;
    font-size: 15px!important;
    font-family: "Helvetica Neue", Helvetica,sans-serif;
    border-bottom: none;
    list-style: none;
    padding: 2px 0px 3px 0px;
    font-weight: 400;
}
.bg-img-home {
    background-color: #006fcf;
}

.bg-grisfc {
    background-color: #FCFCFC;
}

.text-gris-categoria {
    color: #808080;
    font-family: 'BentonSans', sans-serif;
}

.text-sugerencia-home {
    height: 96px !important;
    color: #000000 !important;
}

.benton-bold-beneficio {
    font-family: 'BentonSans-Bd', sans-serif;
}

.btn-mas-info-beneficio {
    color: #00175a !important;
    font-family: 'BentonSans-Bd', sans-serif;
    text-decoration: underline;
}

.nav-pills .nav-experiencia.active, .nav-pills .show>.nav-experiencia {
    color: #fff;
    background-color: #006fcf;
}

.nav-pills>li>a {
    background-color: #002663;
    padding-top: 10px!important;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    color: #fff;
    font-size: 23px;
    text-align: center;
    font-weight: 500;
    margin-right: 0px!important;
    border-radius: 0!important;
    color: #fff;
}

.nav-pills>li>a:hover {
    background-color: #002663 !important;
    color: #fff;
}

li.nav-item.nav2 a.nav-experiencia {
    line-height: 40px!important;
    font-size: 25px!important;
}

li.nav-item.nav2 a.nav-experiencia.active:after {
    background: url(../img/faq-bullet_abajo2.png) no-repeat center center;
    background-color: #fff;
}


li.nav-item.nav2 a.nav-experiencia:after {
    display: block;
    content: '';
    width: 100%;
    height: 25px;
    margin: 0 auto;
    background-color: #fff;
}

.btnlig {font-family: 'BentonSans-Light';}
.BentonSans{font-family: 'BentonSans', Arial, Helvetica, sans-serif;}
.BentonSans-bold {font-family: 'BentonSans-Bd', sans-serif;}
.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font15 {font-size:15px;}
.font17 {font-size:17px;}
.font19 {font-size: 19px;}
.font20 {font-size: 20px;}
.font23 {font-size: 23px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font29 {font-size: 29px; line-height: 35px;}
.font40 {font-size: 40px;}
.font50 {font-size: 50px; line-height: 54px;}
.font60 {font-size: 60px;}
.font70 {font-size: 70px; line-height: 74px;}
.font80 {font-size: 80px;}
.font100 {font-size: 100px; line-height: 104px;}
.font20-h2 {font-size: 20px;}
.font25 {font-size:25px; line-height: 27px;}
.fondogrisosc{background-color:#a7a8aa}
.bggris { background-color: #f2f2f2;}
.bajada1 { font-size:24px;}
a.terminos {color: #00175a; text-decoration: underline; font-size: 11px;}
.nav>li>a:focus, .nav>li>a:hover, li.paso a.active {color: #fff; background-color: #acb5b7;}
.f400 {font-weight: 400 !important;}
.f700 {font-weight: 700 !important;}
.blanco {color: #FFFFFF;}
.blanco-trans {color: rgba(255,255,255,0.50);}
.negro-trans {color: rgba(0,0,0,0.40);}
.subtit2 {font-size:27px;}
a.btnazul {
    font-size: 13px;
    background-color: #1e2b5d;
    padding: 5px 15px;
    display: inline-block;
    color: #ffffff;
    border-radius: 3px;
    margin-bottom: 15px;
}
a.btnazul2 {
    font-size: 14px;
    background-color: #1e2b5d;
    padding: 5px 15px;
    display: inline-block;
    color: #ffffff;
    border-radius: 3px;
    margin-bottom: 15px;
}
.navbar-light .navbar-nav .nav-link, .radio-label-beneficio { color: #ffffff; text-transform:uppercase;font-size: 15px; font-family: 'BentonSans-Bd';}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #FFFFFF}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#Ffffff;}
.font19 {font-size: 19px;}
.font30 {font-size:35px; line-height: 45px;}
.font-titulo {
    color: #00185E;
    font-family: 'BentonSans-Bd', sans-serif;
}
.lines-one {
    position: relative;
	overflow: hidden;
}

.lines-one::after {
    content: '';
    display: inline-block;
	width: 100%;
	margin-left: 45px;
	margin-right: -100%;
	margin-bottom: 5px;
	border-bottom: solid 2px #00185E;
}
.lines-two {
    position: relative;
	overflow: hidden;
}

.lines-two::after {
    content: '';
    display: inline-block;
	width: 100%;
	margin-left: 45px;
	margin-right: -100%;
	margin-bottom: 5px;
	border-bottom: solid 2px #0071D1;
}
.color-00105b{color: #00105b}
.color-00185E{color: #00185E;}
.color-0071D1{color: #0071D1;}
.color-B4B4B4{color: #B4B4B4;}
.color-9A9A9A{color: #9A9A9A;}
.color-000000{color: #000000;}
.color-4D4D56{color: #4D4D56;}
.color-dark-m{color: rgba(0, 0, 0, 30%);}
.h120px{height: 120px;}
.border_b-e6e6e6{border-bottom: 1px solid #e6e6e6;}
.w-fit{width: fit-content;}
orderazizq { border-left: 1px solid #1e2061;}
.titulosugerencia {min-height:50px;}
h3.titulosugerencia{color:#006fcf; font-size:20px;}
.textdescuento{min-height:50px;}
p.font13.color-link a {
    color: #0d6efd !important;
}
p.textdescuento{font-size:16px;}
.textempresa {font-size:16px;color:#006fcf;}
.vermassugerencia {
    background-color: #006fcf;
    text-decoration: none;
    color: #ffffff;
    border-radius: 14px;
    padding: 6px 19px;
    font-size: 15px;
    text-transform: uppercase;
}
.novivas {
    width: 350px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.novivas:first-child { opacity: 1;}
.minalto {min-height:270px;}
.contexp {width: 100%; padding: 30px; position: absolute; bottom: 0;}
.tituloexp h3 {color:#ffffff; font-size:26px; text-shadow: 0px 0px 5px rgb(0, 0, 0);}
.noborde {border:0;}
.bajadaexp p {color:#ffffff; font-size:12px;}
.vermasexp {  background-color: #006fcf;
    text-decoration: none;
    color: #ffffff;
    border-radius: 14px;
	padding: 7px 20px;
    font-size: 12px;
    text-transform: uppercase;}
.btn_global span {
    display: block;
    font-family: "BentonSans","Benton Sans",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-size: 94%;
    line-height: 100%;
    margin: 13px 0 0 0;
    padding: 4px 0 0 0;
    text-transform: uppercase;
    color: #002663;
    font-weight: bold;
    border-bottom: 0;
}
.btn_global span:first-of-type br {
    display: none;
}
.form-banner .legales{
	color: #000;
	font-size: 8px;
}
.form-banner .texto{color:#FFF; line-height:normal}

.bg-azul {
    background-color: #00175a !important;
}
.bene-simil img{ border-radius: 15px; box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.75); max-height: 300px; margin-bottom: 10px;}
.check {color:#ffffff; font-size:11px; margin-top:15px;}
.form-nombre{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.form-correo{-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.form-generic{width:100%;
min-height:25px;
border:solid 1px #f5f5f5;
padding:7px;
color:#000000;
    font-size: 13px;
}

/* BTN EFECT */
.btn-carrusel-white {
    background-color: #FFFFFF;
    color: #0071D1 !important;
    padding: 16px 40px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.btn-slide-up {
    background: linear-gradient(to bottom, transparent 50%, #00185E 50%);
    background-size: 100% 200%;
    background-position: left top;
  }
  .btn-slide-up:hover {
    background-position: right bottom;
  }
  .btn {
    border-radius: 0px;
    border-top: none;
    border-bottom: 2px solid #333;
    padding: 6px 12px;
    transition: all 0.5s ease;
    cursor:pointer;
    text-underline-offset: 8px;
  }
  .btn:hover,
  button:hover {
    outline: 0;
    color: #fff;
  }
  .btn:active,
  button:active {
    outline: 0;
    color: #fff;
}

.btn-enviar {
    background-color: #006fcf;
    color: #FFFFFF;
    padding: 3px 22px;
    border: none;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    border-radius: 16px;
}
.legales_form {
	background-color: #FFFFFF;
    border: 1px solid #FFF;
    padding: 5px;
    height: 38px;
	overflow-y: scroll;
	margin-top: 10px;
}
.list-inline2>li {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
.list-inline3>li {
    display: inline-block;
    padding-left: 15px;
}

.legales_form p {
	font-size: 9px;
	color: #000000;
}
.max70 {max-width: 70%;}
.max-w-novivas {max-width: 400px;}
.blanco {color:#ffffff;}
/* Position-center-absolute*/

.position-center-absolute{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.position-center-absolute-b{
    position: absolute;
    left: 35%;
    transform: translate(-50%, 0);
    bottom: 0;
}
/* Message boxes */
.message { margin-bottom: 20px; float: left; width: 100%;}
.message p { font-weight: bold; margin-top: 0; }
.message p:last-child { margin-bottom: 0; }
.message ul { margin-bottom: 0; padding:0 }
.message ul li{ color: #d9534f; font-size: 12px;}
/* Error message box */
.message .errors { background: #fff; border: solid 1px #ccc; padding: 20px; margin-top:15px; }
.message .errors p { color: #d9534f; }
/* Success message box */
.message .success { background: #fff; border: solid 1px #ccc; padding: 15px; margin-top:15px; text-align:center; }
.message .success p { color: #273471; }

.solicite-formulario {padding: 0;}
.back-blanco{background:#FFFFFF;}
.fond-pag{background: #f5f5f5;}
.current {
color: #E92024 !important
}
.card.card-body { background-color: #00175a; padding: 5px;}
.carousel-caption.d-md-block.text-left.slide1 {
    max-width: 245px;
    left: 50%;
    top: 15%;
}
.carousel-caption.d-md-block.text-left.slide2 {
    max-width: 245px;
    left: 65%;
    top: 15%;
}
.carousel-caption.d-md-block.text-left.slide3 {
    max-width: 245px;
    left: 50%;
    top: 8%;
}
.carousel-caption.d-md-block.text-left.slide4 {
    max-width: 285px;
    left: 56%;
    top: 0%;
}
a:hover { color: #e7e7e7;}
.btn-tycbt a:hover { color: #0056b3}
.max-w-50px{max-width: 50px;}
.pausolute {position: absolute;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    margin-left: -159px;
   bottom: 15%;}
.buscador_nombre{border-radius:5px;
font-size: 0.8rem; min-width:200px}
.buscador-boton {background-color: #00175a; color: #ffffff; font-family: 'BentonSans-Bd', sans-serif; font-weight: 600; font-size: 14px; margin-left: -5px;}
.btn_buscar{border-radius:0;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; font-size: 0.75rem;}
.rectangulo {max-width:540px;}
.cuadrado {max-width:255px;max-height: 525px;}
.textohover {    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.textohover:hover {background-color:rgba(0,111,207,0.8);
-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.pabsolutecat {position:absolute; width: 100%;}
.viajespos {left: 0; top: 20px;	}
.flotaspos {left: 0; bottom: 20px;}
.restopos {left: 20px;  bottom: 0;}
.nombrecategoria {color:#ffffff; font-size: 26px; padding-top: 11px;}
.fondomenu {/*background-image:url(../img/fondo_menu.jpg); background-repeat:repeat;*/ background-color: #0071D1;}
.style-box {background-color: #0071D1 !important; border-color: #ffffff !important;}
a.linklista {
    color: #999999;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
	padding: 4px 10px;
    display: block;
	font-size: 17px;
	text-decoration: none;
}

.btn-solicitala-aca{background-color: #006fcf; width: 280px; text-decoration: none; font-family: 'BentonSans', sans-serif; font-weight: 500; border-radius: 6px; text-align: center;}
.btn-ingresar{background-color: #006fcf;width: 100px;height:40px;border-radius: 4px;text-align: center;}
a.linklista:hover {
    color: #ffffff;
    background-color: #006fcf;
    display: block;

}
.btn-mgm { border-radius: 6px; padding: 10px 40px; border: #fff solid 1px; color: #fff;}
a.compratir.azulcla {
    font-size: 12px;
    display: inline-block;
    padding: 7px 7px;
    border: 1px solid rgba(204, 204, 204, 0.42);
	border-radius:5px;
}
.bordesmenu {border-right:1px solid rgba(204, 204, 204, 0.42); border-left:1px solid rgba(204, 204, 204, 0.42);}
ul.dropdown-menu.show {
    border: 1px solid #0055b7;
	-webkit-box-shadow: 0px 0px 85px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 85px -19px rgba(0,0,0,0.75);
box-shadow: 0px 0px 85px -19px rgba(0,0,0,0.75);
}
.paddingboxmenu {padding-left: 30px;  padding-right: 30px;}
.navbar-light .navbar-toggler { color: rgb(255, 255, 255); border-color: rgba(0,0,0,.1);}
.custom-toggler.navbar-toggler {
    border:0
}
.custom-toggler .navbar-toggler-icon {
	background-image: url('data:image/svg+xml;utf8,<svg width="20" height="15" viewBox="0 0 12 5" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 0L4 3.09042L7.06 0L8 0.951417L4 5L0 0.951417L0.94 0Z" fill="white"/></svg>');
}

.dropdown-menu.columns-2 {
	min-width: 600px;
	border:0;
	border-radius:0;
}
select.custom-select {
    width: 30%;
    border-color: rgba(128, 128, 128, 0.38);
    padding: 5px 11px;
    font-size: 16px;
    margin-left: 5px;
    max-height: 34px;
}
.griscla {color:#999999;}
.fondoben-categoria {background-repeat:no-repeat; background-size:cover; background-position:center center;}
.logochic {max-width: 65px; max-height:65px; padding:3px; background-color:#ffffff; margin-top:65px; margin-bottom:10px;}
.recduadrobenf {border-radius: 1rem; box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.75);}
.recduadrobenf:hover {background-color: #0071D1 !important; transition: all 0.5s;}
.recduadrobenf:hover h3{color: #FFFFFF;}
.recduadrobenf-2 {border-radius: 1rem; box-shadow: 0px 0px 14px -8px rgba(0,0,0,0.75);}
.recduadrobenf-2:hover {background-color: #00185E !important; transition: all 0.5s;}
.recduadrobenf-2:hover h3, .recduadrobenf-2:hover p{color: #FFFFFF;}
.mindesc {min-height:35px;}
.scrollben {height: 600px;  overflow: auto;}

.col-12.col-sm-4.col-md-3.text-left.paddingboxmenu {
    font-family: "BentonSans-Book";
}
.textmenu { display: inline-block;
    font-size: 16px;
    line-height: 30px;}
.valido {color:#4d4d4d; font-size:14px;}
.legalesben {color:#4d4d4d; text-align:justify; font-size:15px;}
.volver {    color: #808080;
    font-size: 17px;}
.volver:hover {color: #808080}
.paddingmapa {padding: 30px;}
.bordemapa {border:2px solid rgba(0, 0, 0, 0.45)}
.mapah {min-height:700px !important;}
.fondomenu.clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
}
.h75 {height: 55px;}

.tarj_menu {
    width: 42px;
    margin-right: 6px;
}
.dropdown-tarjetas{min-width: 300px;}
.dropdown-tarjetas form .form-check{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    border-bottom: 1px solid #f3f3f3; padding-left: 15px;}
.br-20{border-radius: 20px;}
/*---------------*/
/***** Marley *****/
/*---------------*/
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin: 0 !important;
	border-radius: 20px;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
figure.effect-marley figcaption {
    text-align: left;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 20%, rgba(0, 24, 94, 0.5) 80%);
}

figure.effect-marley:hover figcaption {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 24, 94, 1) 100%);
    transition: all 0.5s;
}

figure.effect-marley h3,
figure.effect-marley p,
figure.effect-marley button {
    position: absolute;
    right: 15px;
    left: 15px;
    padding: 10px 0;
}

figure.effect-marley p,
figure.effect-marley button {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-marley h3 {
    top: 65px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,190px,0);
    transform: translate3d(0,190px,0);
    color: #ffffff;
    font-family: 'BentonSans', sans-serif;
}
.iconos-home{max-width: 85px !important;}
.text-home-top {
    top: 90px !important;
}

.text-home-left {
    left: 25px !important;
}

.icon-home-pl {
    padding-left: 15px;
}

figure.effect-marley:hover h3{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,130px,0);
}

figure.effect-marley p,
figure.effect-marley button {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h3::after,
figure.effect-marley:hover p,
figure.effect-marley:hover button {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-marley .btn-home-hover {
    color: #ffffff;
    border-radius: 0;
    border: none;
    text-decoration: underline;
    text-align: start;
    font-size: 12px;
    font-family: 'BentonSans', sans-serif;
    display: flex;
    align-items: center;
}

figure.effect-marley .icon-home-hover {
    min-height: inherit !important;
    min-width: inherit !important;
    opacity: 1 !important;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-marley:hover .icon-home-hover{
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}
.btn-ver-mas {
    color: rgba(0, 0, 0, 30%);
    font-family: 'BentonSans-Bd', sans-serif;
}

/* Swiper color */

.swiper-button-next, .swiper-button-prev  {
    color: black;
}

/* ESTILOS EXPAND BLOCK */

#grid-promociones {
    height: 400px;
    transition: 500ms;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    background: rgb(255, 255, 255);
  }

  .contenedor-promociones {transition: 300ms; position:relative; overflow: hidden;}
  #grid-promociones:has(.contenedor-promociones:nth-child(1):hover){grid-template-columns: 1.5fr 0.75fr 0.75fr;}
  #grid-promociones:has(.contenedor-promociones:nth-child(2):hover){grid-template-columns: 0.75fr 1.5fr 0.75fr;}
  #grid-promociones:has(.contenedor-promociones:nth-child(3):hover){grid-template-columns: 0.75fr 0.75fr 1.5fr;}

  .opacity-class {
    opacity: 0;
    transition: all 0.5s;
    position: relative;
  }
  .title-text-one {
    font-size: 30px;
    transition: all 0.5s;
    position: relative;
  }
  .title-text-two {
    font-size: 18px;
    transition: all 0.5s;
    position: relative;
  }
  .contenedor-promociones:hover .opacity-class {
    opacity: 1;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .contenedor-promociones:hover .title-text-one {
    font-size: 40px;
  }

  .contenedor-promociones:hover .title-text-two {
    font-size: 23px;
  }

.img-promociones{background-position: bottom right; background-repeat: no-repeat; background-size: cover; position:absolute; bottom:0; right:0; width:100%; height:100%;}

.contenedor-promociones:hover .img-promociones {
    transform: scale(1.2);
  }

  .contenedor-promociones:hover .img-promociones {
    transition: 0.3s all;
  }

  .min-h-500{
    min-height: 530px;
  }

  .min-h-400{min-height: 400px;}

/* popup emergente */

.modal-info-home {left: -370px !important; top: 115px !important; margin-top: 0px;}


/* ESTILOS LANDING */

.col-12.bg-blanco.pt-4.pb-4 { min-height: 185px;}
.bordesmenu2 {border-right:1px solid rgba(204, 204, 204, 0.42);}
.bordesmenu3 {border-left:1px solid rgba(204, 204, 204, 0.42);}
.bg-amex-app{background-image: url(../img/banner-footer-mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.vermassugerencia2 {background-color: #006fcf; text-decoration: none; color: #ffffff;  border-radius: 14px; padding: 5px 20px; font-size: 13px; text-transform: uppercase;}
.bg-blanco {background-color:#ffffff;}
.bg-006FCF{background-color: #006FCF;}
.bg-EBEBEB{background-color: #EBEBEB;}
.bg-00185E{background-color: #00185E;}
.bg-00145d{background-color: #00145d;}
.bg-044E8B{background-color: #044E8B;}
.bg-EDC331{background-color: #EDC331;}
.bg-2AABB3{background-color: #2AABB3;}
.bg-808080{background-color: #808080;}
.bg-1A2E6B{background-color: #1A2E6B;}
.bg-66A9E2{background-color: #66A9E2;}
.bg-0071D1{background-color: #0071D1;}
.bg-EBEBEB{background-color: #EBEBEB !important;}
.logo-hot{max-width: 70px;}
.bg-categorias{background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 230px; }
.bg-int-promocion{background-image: url("../img/bg-promocion.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 600px; }
.bg-cybermonday{background-image: url("../img/bg-cybermonday.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.font35 {font-size:35px;}
.min-w-200{min-width: 200px;}
a#borrar-filtro:hover{color: #444444;}
footer{background-color: #000; color: #fff; font-size: 11px; height: auto; padding-top: 15px; padding-bottom: 10px; margin-top: 0;}
@media (max-width:1850px){
    .position-center-absolute-b{ left: 33.4% !important;}
}
@media (max-width:1750px){
    .position-center-absolute-b{ left: 31% !important;}
}
@media (max-width:1600px){
    .position-center-absolute-b{ left: 30% !important;}
}
@media (max-width:1400px){
    .navbar-light .navbar-nav .nav-link, .radio-label-beneficio { font-size: 13px !important;}
    .title-text-one {font-size: 24px;}
    .left:hover .title-text-one, .center:hover .title-text-one, .right:hover .title-text-one {font-size: 30px;}
    .font80 {font-size: 60px;}
	.font70 {font-size: 60px;}
    .font100 {font-size: 80px; line-height: 84px;}
    .font40 {font-size: 30px;}
    .font29 {font-size: 24px; line-height: 28px;}
    .font25 {font-size:22px;}
    .bajada1 { font-size: 22px;}
    .font20 { font-size: 17px;}
	.modal-info-home {left: -300px !important; top: 125px !important;}
	.font23 {font-size: 21px;}
    .position-promo .carousel-caption{
        top: 0.25rem !important;
        bottom: auto !important;
    }
}
@media (max-width:1200px){
    .font24 {font-size: 18px;}
    .position-center-absolute-b{ left: 32% !important;}
	.navbar-light .navbar-nav .nav-link, .nav-item .form-check .form-check-label{font-size:13px;}
.font80 {font-size: 60px;}
.font70 {font-size: 50px;}
.font29 {font-size: 20px; line-height: 24px;}
.font100 {font-size: 80px; line-height: 84px;}
.font25 {font-size:22px;}
.bajada1 { font-size: 22px;}
h3.karma.azulcla.ligth { font-size: 23px;}
.font20 { font-size: 17px;}
.font20-h2 {font-size: 18px;}
.rectangulo { max-width: 450px;}
.cuadrado { max-width: 210px; max-height: 432px;}
.icocat { width: 9%;}
h2.tituloslider {font-size: 18px;}
.modal-info-home {left: -235px !important; top: 120px !important;}
.font23 {font-size: 19px;}
/*  ajustes de promocion */
.promotion .font100 { font-size: 60px !important; line-height: 64px !important; }
.promotion .font26 { font-size: 22px !important; }
.promotion .font24 { font-size: 18px !important; }
.promotion .font20 { font-size: 16px !important; }

}
@media (max-width:992px){
.font-30-resp{font-size: 40px !important; line-height: 44px !important;}
.sup-altura {
    top: -1em !important;
}
.position-promo .carousel-caption{
    top: 0rem !important;
    bottom: auto !important;
    padding: 6px 0px;
}
.promotion .font100 { font-size: 40px !important; line-height: 44px !important; }
.promotion .font26 { font-size: 21px !important; }
.promotion .font14-mob { font-size: 14px !important; }
.promotion .font24 { font-size: 16px !important; }
.promotion .font20 { font-size: 14px !important; }
.font14-mob{font-size: 14px !important;}
.logo-img-res{max-width: 80px;}
.font26 { font-size: 18px;}
.font70 {font-size: 40px; line-height: 44px;}
.font29 {font-size: 16px; line-height: 20px;}
.position-center-absolute-b{ left: 40% !important;}
#grid-promociones {height: auto !important; grid-template-columns: 1fr;}
#grid-promociones:has(.contenedor-promociones:nth-child(1):hover){grid-template-columns: 1fr !important;}
#grid-promociones:has(.contenedor-promociones:nth-child(2):hover){grid-template-columns: 1fr !important;}
#grid-promociones:has(.contenedor-promociones:nth-child(3):hover){grid-template-columns: 1fr !important;}
.contenedor-promociones .opacity-class {
    opacity: 1 !important;
}
.contenedor-promociones:hover .img-promociones {
transform: scale(1.1);
}
.opacity-0-mob{opacity: 0 !important;}
.contenedor-promociones:hover .title-text-one { font-size: 30px;}
.contenedor-promociones:hover .title-text-two { font-size: 18px;}
.carousel-caption.d-md-block.text-left.slide1 {
    max-width: 300px;
    top: 0%;
}
.carousel-caption.d-md-block.text-left.slide2 {
    max-width: 300px;
    top: 0%;
}
.carousel-caption.d-md-block.text-left.slide3 {
    max-width: 300px;
    top: 0%;
}
.carousel-caption.d-md-block.text-left.slide4 {
    max-width: 300px;
    top: 0%;
}
a.vermassugerencia {
    font-size: 13px;
}
h2.tituloslider.mb-0 { font-size: 16px;}
p.bajadasldier { font-size: 14px;}
.descuento {font-size: 30px;}
.desdescuento {font-size: 12px;}
.icocat { width: 9%;}
.font25 {font-size:19px;}
.imgcat {width:60%;}
h2.karma.subtit1.fontazul { font-size: 27px;}
.nav-pills>li>a { font-size: 14px;}
.subtit2 { font-size: 20px;}
.cuadrado { max-width: 150px; max-height: 325px;}
.rectangulo { max-width: 330px;}
}
@media (max-width:767px){
.position-promo .carousel-caption{
    top: 0rem !important;
    bottom: auto !important;
    padding: 20px 0px;
}
.font29 {
    font-size: 20px;
    line-height: 24px;
}
.font26 { font-size: 22px;}
.font100 { font-size: 60px !important; line-height: 64px !important;}
.rounded-0-mob{border-radius: 0px !important;}
.modal.fade .dialog-2 {
    bottom: 0vh !important;
    right: 0vw !important;
}
.modal.fade .modal-dialog {
    bottom: 0vh !important;
    right: 0vw !important;
}
.bg-categorias{background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 230px;}
.font23 {font-size: 20px;}
.font-30-resp{font-size: 30px !important; line-height: 34px !important;}
.font-20-resp{font-size: 20px !important;}
.font100{font-size: 60px;}
.fondomenu {background-color: #0071D1;}
.dropdown-menu.columns-2 {min-width: inherit;
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0;}
a.linklista{margin-bottom:5px;}
a.vermassugerencia { font-size: 10px;}
h2.tituloslider { font-size: 15px;}
.max70 {width: 75%;}
#solicite_tarjeta {display:block !important; position:relative;}
.descuento {font-size: 25px;}
.desdescuento {font-size: 11px;}
.pausolute { display:none;}
button.btn.btn-primary.mb-2.btn_buscar {margin-bottom:0 !important;}
.icocat { width: 14%;}
.navbar-light .navbar-nav .nav-link {
    font-size: 13px !important;
	padding-left:0;
	padding-right:0;
}
.font25 {font-size:18px;}
button.btn.btn-primary.mb-2.btn_buscar {border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border: 0px solid #000000;
width:10%;}
input#nombre {
    width: 90%;
    margin-bottom: 0px !important;
	border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 0px solid #000000;
}
.textempresa { font-size: 14px;}
.font30{ font-size: 22px !important; line-height: 28px;}
.textdescuento { min-height: inherit;}
.paddingboxmenu {padding-left: 15px;  padding-right: 15px;}
.vermassugerencia {font-size:12px;}
.bordenota{border:0;}
.cuadradoin {max-height: inherit; max-width:95%;}
h3.titulosugerencia{font-size:16px;}
p.textdescuento{font-size:14px;}
h2.titulostabs.karma.azulosc.f400 {font-size: 24px;}
.subtit1 {font-size: 22px;}
a.btnazul {font-size: 10px;}
.bajada1 {font-size: 18px;}
a.nav-link {line-height: 38px !important; font-size: 16px !important;}
.subtit3.azul { font-size: 18px !important;}
.font19 {font-size: 15px;}
h2.karma.subtit1.fontazul { font-size: 24px;}
h3.karma.azulcla.ligth { font-size: 18px;}
p.font17 { font-size: 13px;}
.font20 { font-size: 12px;}
.font23 {font-size: 14px;}
.font20-h2 {font-size: 16px !important;}
a.btnazul2 { font-size: 10px;}
.mh70 {max-height:76px;}
p { font-size: 13px;}
p.azulcaro.karma.font17.mb-1 {font-size: 17px;}
.imgcat {width: 30%;}
.viajespos {top: 15px;}
.borde-img{border-bottom: 1px solid #f2f2f2; border-right: none; padding-right: 0;}
.borde-izq{border-top: 1px solid #f2f2f2; border-left: none; padding-left: 0;}
.font35 {font-size:26px;}
.bordesmenu2 {border-right:0;}
.bordesmenu3 {border-left:0;}
figure.effect-marley button {opacity: 1; bottom: 50px; width: 100%}
.lines::after, .lines::before {top: 25%;}
.nav-item {width: 100%}
.navbar-toggler{padding-left: 0;}
.grid figure.effect-marley{width: 100%;}
	figure.effect-marley figcaption{display: flex; justify-content: space-between; align-items: center;}
	figure.effect-marley figcaption h3{position: relative; padding: 0 !important; transform: none; left: 20px; right: auto; margin-bottom: 0;}
	figure.effect-marley figcaption img{position: relative; top: auto; padding-top: 0 !important;}
	figure.effect-marley figcaption button{position: relative; top: auto; max-width: 150px; font-size: 13px; bottom: auto; transform: none;}
    figure.effect-marley:hover h3 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@media (max-width:576px){
.bg-amex-app{background-image: url(../img/banner-footer-desktop.jpg); background-size: cover;}
.min-h-400{min-height: 200px;}
.font12{font-size: 9px;}
.promotion .font24-mob{font-size: 24px !important; line-height: 28px !important;}
.btns-benef{min-width: 310px;}
.font35 {font-size:25px;}
.lines::after, .lines::before {
    width: 25%;
}
.max-w-novivas {max-width: 100%;}
.carousel-caption.d-md-block.text-left.slide4 {
    max-width: 350px;
    top: -11%;
    left: 36%;
}
.carousel-caption.d-md-block.text-left.slide1 {
    max-width: 350px;
    top: -8%;
	left:50%;
}
.carousel-caption.d-md-block.text-left.slide2 {
    max-width: 350px;
     top: -8%;
	left:50%;
}
.carousel-caption.d-md-block.text-left.slide3 {
    max-width: 350px;
     top: -8%;
	left:45%;
}
.carousel-caption.d-md-block.text-left.slide4 {
    max-width: 350px;
      top: -8%;
	left:40%;
}
a.vermassugerencia { font-size: 10px;}
.titulosugerencia { min-height: 25px;}
button.btn.btn-primary.mb-2.btn_buscar { border-radius: 0px; -moz-border-radius: 0px;  -webkit-border-radius: 0px;}
a.visitar.blanco.font17 {font-size: 11px; padding: 5px 7px;}
p.azulcla.font13.d-inline-block { font-size: 12px;}
.text-xs-left {text-align:left !important;}
.mx-sm-auto.d-sm-flex.d-block.flex-sm-nowrap { width: 100%;}
p.griscla.font19.mb-3 { font-size: 13px; display:inline-block}
a.volver2 {font-size:12px; float:right; padding:5px 5px; margin-right:5px;}
a.compratir.azulcla { font-size: 11px; padding: 5px 5px;}
p.d-inline-block.griscla { display: block;  width: 100%;}
p.griscla.font19 { font-size: 13px;}
select.custom-select { width: 48%; padding: 2px 8px;  font-size: 12px;  margin-left: 0px;  max-height: 30px;}
.mapah {min-height:400px !important;}
.descuento {font-size: 19px;}
.desdescuento {font-size: 10px;}
.scrollben {
    height: inherit;
    overflow: hidden;
}
div#map {min-height: 345px;}
.font25 {font-size:17px;}
.subtit3.azul { font-size: 16px !important;}
a.nav-link {line-height: 24px !important; font-size: 13px !important;}
.bajada1 { font-size: 16px;}
.cuadradoin {max-height: inherit; max-width:90%;}
}
@media (max-width:1200px){
.font19 {font-size: 16px;}
.font30 {  font-size: 30px;}
.carousel-caption {
    top: 0rem !important;
    bottom: auto !important;
}
}
@media (max-width:991px){
.font35 {font-size:28px;}
.btn-leer-mas-sobre {border-radius: 30px; font-size: 11px; padding: 8px 20px;}
}
@media (max-width:480px){
.btn-carrusel-white {
    padding: 15px 30px;
}
.novivas {width: 250px;}
.cft-tyc{font-size: 50px;}
figure.effect-marley figcaption button {max-width: 110px;}
.font15 { font-size: 13px;}
.bordemapa {border:0;}
a.visitar.blanco.font17 {font-size: 11px; padding: 5px 5px;}
a.compratir.azulcla { font-size: 9px;padding: 3px 3px;}
button.btn.btn-primary.mb-2.btn_buscar {width:15%}
input#nombre {width:75%;}
.vermassugerencia { font-size: 10px;}
p.textempresa.mb-3 { font-size: 11px; margin-bottom: 5px !important;}
p.textdescuento { font-size: 12px;}
h3.titulosugerencia { font-size: 14px;}
h4.karma.font19.azulcla { font-size: 14px;}
.legalesben {font-size: 11px;}
.card.card-body.legalescol.text-justify.font13.griscla.pl-3.pr-3 { font-size: 10px;}
figure.effect-marley .icon-home-hover {
    max-height: 40px !important;
}
.text-home-top {
    top: 30px !important;
}
figure.effect-marley h3 {
    top: 30px;
        font-size: 15px !important;
}
figure.effect-marley button {
    left: 0;
    bottom: 33px;
}
.title-sugerencia {
    font-size: 1.4rem;
}
.title-experiencia-sup {
    font-size: 25px;
}
.subtitle-experiencia-sup {
    font-size: 20px;
}
li.nav-item.nav2 a.nav-experiencia {
    font-size: 18px !important;
}
}
@media (max-width:320px){
    .font100 {font-size: 40px !important; line-height: 44px !important;}
    .font24 { font-size: 16px;}
    }
/* FIN LANDING */