html, body { scroll-behavior: smooth }
.app-web-webfront { background:#fff; max-width:100% }
.app-web-webfront .app-all { display:flex; flex-direction:column; flex-grow:1; flex-shrink:1; max-width:100% }
.app-web-webfront .app-main { min-height:1px; flex-grow:1; flex-shrink:1; display:flex; flex-direction:column }
.app-web-webfront .app-footer {  margin-bottom:30px; padding:50px; background:#fff; text-align:center; transition:padding ease .5s }
.app-web-webfront .app-footer > * { display:flex }
.app-web-webfront .app-footer .logo { height:60px; margin-right:80px; display:flex; transition:height ease .5s, margin ease .5s }
.app-web-webfront .app-footer .logo img { height:100%; align-self:center }
.app-web-webfront .app-footer .msg { text-align:right; color:#7C8DB0; align-self:center; flex-grow:1; flex-shrink:1; line-height:18px; text-transform:uppercase; transition:text-align ease .5s }
.app-web-webfront .app-footer .col > * { margin-bottom:22px; display:flex; flex-direction:column; font-size:20px }
.app-web-webfront .app-footer .col > b { color:#3F3F3E; font-weight:normal; font-weight:600 }
.app-web-webfront .app-footer { display:block }
.app-web-webfront .app-footer .col { flex-direction: column; margin-bottom: 50px;}
.app-web-webfront .app-footer .col.redes .sm { flex-direction:row; margin: auto;}
.app-web-webfront .app-footer .col.redes a { width:18px; height:18px; margin-right:20px; position:relative; color:#3C3C3B }
.app-web-webfront .app-footer .col.redes a:before { content:''; font-family:OlaIcons2022; font-size:36px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .app-footer .col.redes a.fb:before { content:'\F216' }
.app-web-webfront .app-footer .col.redes a.in:before { content:'\F214' }
.app-web-webfront .app-footer .col.redes a.li:before { content:'\F215' }
.app-web-webfront .app-footer .col.redes a.tw:before { content:'\E053'; font-family:WebIcons; font-size:22px; top:65% }
@media screen and (max-width:1300px) {
.app-web-webfront .app-footer .logo { margin-right:30px }
}
@media screen and (max-width:1100px) {
.app-web-webfront .app-footer { padding:50px 0px; padding-bottom:90px; position:relative }
.app-web-webfront .app-footer > div { display:inline-flex; margin:0px auto }
.app-web-webfront .app-footer .logo { height:40px; margin-right:25px }
.app-web-webfront .app-footer .msg { font-size:12px; position:absolute; bottom:20px; left:0; width:100%; text-align:center; text-transform:none }
}
@media screen and (max-width:800px) {
.app-web-webfront .app-footer .logo { height:35px; margin-right:10px }
}
.app-popup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:2147483647; background:rgba(0, 0, 0, 0.5) }
.app-popup .win { position:absolute; display:flex; top:50%; left:50%; background:#fff; padding:5px; border-radius:4px; transform:translate(-50%, -50%); max-width:90%; max-height:90% }
.app-popup .win a { display:flex; flex-grow:1; flex-shrink:1 }
.app-popup .win img { max-width:100%; max-height:100%; align-self:center; margin:0px auto }
.app-popup .win .close { position:absolute; top:4px; right:2px; background:transparent }
.app-popup .win .close:before { content:'\E503'; font-family:WebIcons; font-size:30px; color:#fff; position:absolute; top:50%; left:50%; text-shadow:0px 0px 2px #666; transform:translate(-50%, -50%) }
@media screen and (max-width:600px) and (orientation: portrait){
.app-popup .win { min-width: 80%;}
}
@media screen and (max-width:600px) and (orientation: landscape){
.app-popup .win { min-width: 70%;}
}
@media screen and (max-width:800px) {
.app-popup { display:none;}
}
.app-horizontal-slide { position:relative }
.app-horizontal-slide .scroll { overflow:auto; -ms-overflow-style:none; scrollbar-width:none; scroll-behavior:smooth }
.app-horizontal-slide .scroll::-webkit-scrollbar { display:none }
.app-horizontal-slide .app-slide-left { position:absolute; top:50%; left:-20px; width:50px; height:50px; cursor:pointer; background:#FFFFFF; border-radius:30px; transform:translateY(-50%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04) }
.app-horizontal-slide .app-slide-left:before { content:'\E331'; font-family:WebIcons; font-size:30px; color:#828282; position:absolute; top:57%; left:45%; transform:translate(-50%, -50%) }
.app-horizontal-slide .app-slide-right { position:absolute; top:50%; right:-20px; width:50px; height:50px; cursor:pointer; background:#FFFFFF; border-radius:30px; transform:translateY(-50%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04) }
.app-horizontal-slide .app-slide-right:before { content:'\E335'; font-family:WebIcons; font-size:30px; color:#828282; position:absolute; top:57%; left:55%; transform:translate(-50%, -50%) }
.app-horizontal-slide[data-scroll-left="0"] .app-slide-left { display:none }
.app-horizontal-slide[data-scroll-right="0"] .app-slide-right { display:none }
.app-horizontal-slide[data-scroll-right="1"] .app-slide-right { display:none }
@media screen and (max-width:800px) {
.app-horizontal-slide .app-slide-left { left:-15px; width:30px; height:30px }
.app-horizontal-slide .app-slide-left:before { font-size:20px }
.app-horizontal-slide .app-slide-right { right:-15px; width:30px; height:30px }
.app-horizontal-slide .app-slide-right:before { font-size:20px }
}
.app-web-webfront .app-header { display:flex; position:relative; flex-direction:column }
.app-web-webfront .app-header.mockup { opacity:0; pointer-events:none }
.app-web-webfront .app-header.mockup * { pointer-events:none }
.app-web-webfront .app-header.fixed { position:fixed; z-index:1500000; top:0; left:0; width:100% }
.app-web-webfront .app-header:before { content:''; height:100%; width:100%; pointer-events:none; position:absolute; bottom:0; background:transparent; z-index:8; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.06), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04) }
.app-web-webfront .app-header .msg-content{ position: relative; max-height: 135px; transition:max-height ease .5s, padding ease .5s;}
.app-web-webfront .app-header .msg-content.hide{max-height:0px; padding:0}
.app-web-webfront .app-header .mensaje { text-overflow:ellipsis; max-height:135px; overflow:auto; padding:11px; background:#AF0015; text-align:center; position:relative; color:#4F4F4F; transition:max-height ease .5s, padding ease .5s }
.app-web-webfront .app-header .mensaje.c1 { background:#AF0015; color: #FFFFFF;}
.app-web-webfront .app-header .mensaje.c1 a{ color:#ffffff; }
.app-web-webfront .app-header .mensaje.c2 { background:#FF0A13; color: #FFFFFF;}
.app-web-webfront .app-header .mensaje.c2 a{ color:#ffffff; }
.app-web-webfront .app-header .mensaje.c3 { background:#F4BF00 }
.app-web-webfront .app-header .mensaje.c3 a{ color:#000000; }
.app-web-webfront .app-header .mensaje.c4 { background:#3C3C3B; color: #FFFFFF;}
.app-web-webfront .app-header .mensaje.c4 a{ color:#ffffff; }
.app-web-webfront .app-header .mensaje.c5 { background:#B2B2B2;}
.app-web-webfront .app-header .mensaje.c5 a{ color:#000000; }
.app-web-webfront .app-header .mensaje button { position:absolute; top:5px; right:5px; width:36px; height:36px; background:transparent }
.app-web-webfront .app-header .mensaje button:before { content:'\E504'; font-family:WebIcons; font-size:20px; color:#4F4F4F; position:absolute; top:55%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .app-header .mensaje.hide { max-height:0px; padding:0 }
.app-web-webfront .app-header .hdr { display:flex; position:relative; align-items:center; padding:0px 45px; height:64px; background:#FAFAFA; transition:padding ease .5s }
.app-web-webfront .app-header .hdr a { padding:0px 27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; transition:padding ease .5s, color ease .5s }
.app-web-webfront .app-header .hdr a.black { color:#4F4F4F }
.app-web-webfront .app-header .hdr a.gray { color:#7C8DB0 }
.app-web-webfront .app-header .hdr a:hover, .app-web-webfront .app-header .hdr a:active, .app-web-webfront .app-header .hdr a:focus { color:#B23232 }
.app-web-webfront .app-header .hdr .logo { flex-grow:1; flex-shrink:1; display:inline-block }
.app-web-webfront .app-header .hdr .logo a { display:inline-block; padding:0; float:left  }
.app-web-webfront .app-header .hdr .logo a.xhr-sending:after { display:none }
.app-web-webfront .app-header .hdr .logo a.xhr-sending:before { display:none }
.app-web-webfront .app-header .hdr .logo img { display:block; width:95px; transition:width ease .5s, height ease .5s; cursor: pointer }
.app-web-webfront .app-header .hdr .menu { pointer-events:none; width:0; padding:0px; border:0px; color:#3C3C3B; overflow:hidden; background:transparent !important; transition:width ease .5s, margin ease .5s, color ease .5s }
.app-web-webfront .app-header .hdr .menu:hover { color:#7C8DB0 }
.app-web-webfront .app-header .hdr .menu:before { content:'\F20C'; font-family:OlaIcons2022; font-size:35px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .app-header .hdr .menu-adm { pointer-events:none; width:0; padding:0px; border:0px; color:#3C3C3B; overflow:hidden; background:transparent !important; transition:width ease .5s, margin ease .5s, color ease .5s }
.app-web-webfront .app-header .hdr .menu-adm:hover { color:#7C8DB0 }
.app-web-webfront .app-header .hdr .menu-adm:before { content:'\F20C'; font-family:OlaIcons2022; font-size:35px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .app-header .hdr button.login { background:#EF2D38; transition:font-size ease .5s, padding ease .5s, background ease .5s }
.app-web-webfront .app-header .hdr .ops-agencia { display:none; position:relative }
.app-web-webfront .app-header .hdr .mi-agencia { position:relative; display:none; z-index:2; align-items:center; background:#3C3C3B; color:#fff !important; padding-left:43px; font-size:16px; padding-right:20px; transition:background ease .5s }
.app-web-webfront .app-header .hdr .mi-agencia:before { content:'\F21E'; font-family:OlaIcons2022; font-size:30px; color:#F5BB00; position:absolute; top:50%; left:15px; transform:translateY(-50%) }
.app-web-webfront .app-header .hdr .mi-agencia:hover { background:#B23232; color:#fff }
.app-web-webfront .app-header .hdr .mi-agencia:after { display:block; color:#F5BB00; position:absolute; top:50%; left:19px; line-height:16px; font-size:24px; transform:translateY(-50%) }
.app-web-webfront .app-header .hdr a.mi-agencia { display:flex }
.app-web-webfront .app-header .hdr button.mi-agencia { display:none }
.app-web-webfront .app-header .hdr .mi-carrito { position:relative; display:flex; z-index:2; align-items:center; background:#fff; color:#3C3C3B !important; border: 1px solid #CECECE; border-radius: 5px;padding-left:43px; font-size:16px; padding-right:20px; transition:background ease .5s }
.app-web-webfront .app-header .hdr .mi-carrito:before { content:'\F224'; font-family:OlaIcons2022; font-size:30px; color:#F24147; position:absolute; top:50%; left:15px; transform:translateY(-50%) }
.app-web-webfront .app-header .hdr a.mi-carrito { display:flex }
.app-web-webfront .app-header .hdr button.mi-carrito { display:none }
.app-web-webfront .app-header .hdr .mi-carrito > small { color:#900; align-self:center; font-size:12px; padding-left:10px }
.app-web-webfront .app-header .hdr .mi-carrito > span { margin-left:10px; width:18px; height:18px; line-height:18px; align-self:center; font-size:12px; text-align:center; border-radius:10px; background:#e00; color:#fff }
.app-web-webfront .app-header .hdr .mis-datos { display:none; font-size:16px; padding: 8px 60px 8px 24px; background:#F5F5F5; border:1px solid #CECECE; border-radius:4px; color:#4F4F4F }
.app-web-webfront .app-header .hdr .mis-datos:before { content:'\F201'; font-family:OlaIcons2022; font-size:38px; color:#F24147; position:absolute; top:50%; right:30px; transform:translateY(-50%) }
.app-web-webfront .app-header .hdr .mis-datos:after { content:'\F143'; font-family:WebIcons; font-size:18px; color:#828282; position:absolute; top:55%; right:10px; transform:translateY(-50%) }
.app-web-webfront .app-header .hdr .links-agencia { opacity:0; overflow:hidden; pointer-events:none; position:absolute; z-index:9; top:45px; right:0; max-height:0; min-width:240px; padding:16px; color:#27273F; background:#FFFFFF; border:1px solid #CBD4E6; border-radius:5px; transition:opacity ease .5s, max-height ease .5s, transform ease .5s; box-shadow:0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05) }
.app-web-webfront .app-header .hdr .links-agencia .title { display:block; padding:5px 20px; font-weight:bold }
.app-web-webfront .app-header .hdr .links-agencia b.title { padding-top:15px }
.app-web-webfront .app-header .hdr .links-agencia .title button { display:none }
.app-web-webfront .app-header .hdr .links-agencia a { display:block; padding:5px 20px; color:#27273F }
.app-web-webfront .app-header .hdr .links-agencia a:hover { background:#FEECED; border-radius:4px }
.app-web-webfront .app-header .hdr .ops-agencia:hover:before { content:''; position:absolute; top:0; left:0; width:100%; height:55px; background:transparent }
.app-web-webfront .app-header .hdr .ops-agencia:hover a.mi-carrito ~ .links-agencia { opacity:1; pointer-events:all; max-height:300px }
.app-web-webfront.logged-in .app-header .hdr button.login { display:none; width:30px; height:30px; margin-right:5px; padding:0; border-radius:20px; overflow:hidden; border:0px solid #3C3C3B; background:transparent; transition:none }
.app-web-webfront.logged-in .app-header .hdr button.login:before { content:'\F201'; font-family:OlaIcons2022; font-size:50px; color:#3C3C3B; position:absolute; bottom:-2px; left:48%; transform:translateX(-50%); transition:color ease .5s }
.app-web-webfront.logged-in .app-header .hdr button.login b { display:none }
.app-web-webfront.logged-in .app-header .hdr button.login:hover { border-color:#3C3C3B }
.app-web-webfront.logged-in .app-header .hdr button.login:hover:before { color:#B23232 }
.app-web-webfront.logged-in .app-header .hdr .ops-agencia { display:flex }
@media screen and (max-width:1100px) {
.app-web-webfront .app-header .hdr a { padding:0px 10px }
.app-web-webfront .app-header .hdr { padding:0px 14px }
}
@media screen and (max-width:800px) {
.app-web-webfront .app-header .hdr a.mi-agencia { display:none }
.app-web-webfront .app-header .hdr button.mi-agencia { display:flex }  
.app-web-webfront .app-header .hdr a.mi-carrito .title { display:none }
.app-web-webfront .app-header .hdr button.mi-carrito { display:flex }
.app-web-webfront .app-header .hdr .mi-carrito {
padding-left: 22px;
padding-right: 10px;
}
.app-web-webfront .app-header .hdr .mi-carrito:before {
left: 8px
}
.app-web-webfront .app-header .mensaje { white-space:normal }
.app-web-webfront .app-header .hdr .links-hdr a { display:block; padding:5px 18px }
.app-web-webfront .app-header .hdr .logo img { width:65px }
.app-web-webfront .app-header .hdr .menu { width:40px; margin-right:15px; pointer-events:all }
.app-web-webfront .app-header .hdr .menu-adm { display:none }
.app-web-webfront .app-header .hdr button { font-size:14px; padding:0px 15px }
.app-web-webfront .app-header .hdr .links-agencia { padding:0 }  
.app-web-webfront .app-header .hdr .links-agencia .title { display:flex; padding:0px 15px; font-weight:normal }
.app-web-webfront .app-header .hdr .links-agencia .title button { display:inline-block }
.app-web-webfront .app-header .hdr .links-agencia b.title {  padding:20px 20px 5px; height:auto; font-weight:bold }
.app-web-webfront .app-header .hdr .ops-agencia .links-agencia { overflow:auto; pointer-events:all; border-radius:0; opacity:1; top:0; left:0; width:100%; height:100%; max-height:100%; min-width:auto }
}
.app-web-webfront .ola-panel { position:relative }
.app-web-webfront .ola-panel-contenido { flex-grow:1; flex-shrink:1 }
.app-web-webfront .ola-panel.xhr-sending { z-index:1 }
.app-web-webfront .ola-panel-financiacion { padding:120px 16px; text-align:center; background:#f5f5f5; transition:padding ease .5s }
.app-web-webfront .ola-panel-financiacion .top { display:inline-flex; margin:0px auto }
.app-web-webfront .ola-panel-financiacion .top h2 { transition:font-size ease .5s, margin ease .5s }
.app-web-webfront .ola-panel-financiacion .top a { align-self:end; text-transform:uppercase; text-decoration:none }
.app-web-webfront .ola-panel-financiacion .logos { display:inline-flex; flex-wrap:wrap; justify-content:center; clear:both; margin:30px auto 0px; padding:40px 50px; background:#fff; border-radius:4px; box-shadow: 0px 2px 4px rgba(28, 5, 77, 0.1), 0px 12px 32px rgba(0, 0, 0, 0.05); transition:padding ease .5s }
.app-web-webfront .ola-panel-financiacion .logos .l { width:175px; margin: 17px 10px 17px; align-self:self-start; transition:width ease .5s;  text-decoration: none;}
.app-web-webfront .ola-panel-financiacion .logos .l p{ color: #4f4f4f; text-decoration: none; display: inline-block; line-height:19px }
.app-web-webfront .ola-panel-financiacion .logos .l.square { width:80px; height:80px }
.app-web-webfront .ola-panel-financiacion .logos .l img { width:100%; height:100% }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-financiacion { padding:64px 16px }
.app-web-webfront .ola-panel-financiacion .top { flex-direction:column }
.app-web-webfront .ola-panel-financiacion .top h2 { font-size:32px; margin-bottom:16px; padding-right: 0px; }
.app-web-webfront .ola-panel-financiacion .top a { align-self:center; text-transform:none }
.app-web-webfront .ola-panel-financiacion .logos { padding:5px 0px }
.app-web-webfront .ola-panel-financiacion .logos .l { width:125px; height:auto;}
.app-web-webfront .ola-panel-financiacion .logos .l.square { width:60px; height:60px }
}
@media screen and (max-width:480px) {
.app-web-webfront .ola-panel-financiacion .top h2 {padding-right: 4px;}
}
.app-web-webfront .ola-panel-newsletter { height:510px; background:url(/assets/gfx/back/panel-newsletters.png) no-repeat center center; background-size:cover; position:relative; transition:height ease .5s, background ease .5s;}
.app-web-webfront .ola-panel-newsletter:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(49, 49, 49, 0.38) 2.26%, rgba(49, 49, 49, 0) 53.65%) }
.app-web-webfront .ola-panel-newsletter > form { position:absolute; padding:32px; top:50%; left:50px; color:#fff; background:#3C3C3B; border-radius:4px; transform:translateY(-50%); transition:left ease .5s, width ease .5s }
.app-web-webfront .ola-panel-newsletter > form h4 { display:none }
.app-web-webfront .ola-panel-newsletter > form > p { margin-top:16px; font-size:24px; transition:font-size ease .5s }
.app-web-webfront .ola-panel-newsletter > form > .f { display:flex; width:100%; margin-top:48px; transition:font-size ease .5s, margin-top ease .5s }
.app-web-webfront .ola-panel-newsletter > form > .f .input { flex-grow:1; flex-shrink:1; flex-basis:60%; height:48px }
.app-web-webfront .ola-panel-newsletter > form > .f .input input { height:48px }
.app-web-webfront .ola-panel-newsletter > form > .f button { flex-basis:40%; height:48px }
.app-web-webfront .ola-panel-newsletter > form > .m { display:none; margin-top:10px; color:#3C3C3B; background:#fffeea; padding:14px 16px; text-align:center; border:1px solid #7b7100; border-radius:4px }
.app-web-webfront .ola-panel-newsletter .sus-ok { text-align:center; margin:3rem; margin-top:4rem; padding:1.5rem; background-color:#C8E6C9; border-radius:0.25rem; border:1px solid #66BB6A; color:black; width:60%; display:none; }
.app-web-webfront .destacados-parques .sus-ok { text-align: center; margin: 3rem; margin: 0; padding: 10px; border-radius: 0.25rem;  color: black; display: none; }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-newsletter:before { display:none }
.app-web-webfront .ola-panel-newsletter { height:414px; background:#FEECED; max-height: 280px; }
.app-web-webfront .ola-panel-newsletter > form { left:0; width:100%; border-radius:0; text-align:center }
.app-web-webfront .ola-panel-newsletter > form h3 { display:none }
.app-web-webfront .ola-panel-newsletter > form h4 { display:block }
.app-web-webfront .ola-panel-newsletter > form p { font-size:16px }
.app-web-webfront .ola-panel-newsletter > form > .f { margin-top:32px; flex-direction:column }
.app-web-webfront .ola-panel-newsletter > form > .f button { margin-top:16px; min-height:48px }
.app-web-webfront .ola-panel-newsletter .sus-ok {
margin: 1rem;
width: auto;
}
}
.app-web-webfront .ola-panel-masbuscado { padding:106px 16px; text-align:center; transition:padding ease .5s }
.app-web-webfront .ola-panel-masbuscado  h2 { transition:font-size ease .5s }
.app-web-webfront .ola-panel-masbuscado .links { display:inline-flex; text-align:left; flex-flow:row wrap; justify-content:center }
.app-web-webfront .ola-panel-masbuscado .links .col { min-width:250px; max-width:250px; margin-top:51px; color:#6E7491 }
.app-web-webfront .ola-panel-masbuscado .links .col > * { display:block; padding:4px 0px }
.app-web-webfront .ola-panel-masbuscado .links .col > :first-child { font-size:20px }
.app-web-webfront .ola-panel-masbuscado .links .col a { text-decoration:none; color:#7C8DB0 }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-masbuscado  h2 { font-size:32px }
.app-web-webfront .ola-panel-masbuscado { padding:50px 16px }
}
.app-web-webfront .ola-panel-calculator { position:fixed; z-index:10000000000; bottom:0; right:27px }
.app-web-webfront .ola-panel-calculator > button { position:absolute; z-index:1; bottom:0; right:0; width:56px; height:56px; margin:0; padding:0; border-radius:4px; cursor:pointer;border: none;background: none; }
.app-web-webfront .ola-panel-calculator > button:before { content:'\F217'; font-family:OlaIcons2022; font-size:70px; color:#F5BB00; position:absolute; z-index:2; top:52%; left:52%; transform:translate(-50%, -50%) }
.app-web-webfront .ola-panel-calculator > button:after { content:''; width:30px; height:30px; background:#fff; position:absolute; z-index:1; top:52%; left:52%; transform:translate(-50%, -50%) }
.app-web-webfront .ola-panel-calculator > button:disabled { cursor:default }
.app-web-webfront .ola-panel-calculator .win { position:fixed; z-index:9; flex-direction:column; bottom:0; right:0; width:475px; min-height:500px; max-height:100%; background:#fff; border-radius:4px; transform:translateX(100%); box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1), 0px 24px 60px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05); transition:transform ease .5s, width ease .5s, min-height ease .5s !important }
.app-web-webfront .ola-panel-calculator .win h3 { display:block; background:#EF2D38; color:#fff; text-align:center; font-size:24px; padding:16px; border-radius:4px; position:relative; box-shadow: 0px 0.8px 1.5px rgba(0, 0, 0, 0.1), 0px 6px 12px rgba(0, 0, 0, 0.2) }
.app-web-webfront .ola-panel-calculator .win h3:before { content:'\F217'; font-family:OlaIcons2022; font-size:70px; font-weight:normal; color:#F5BB00; position:absolute; z-index:2; top:52%; left:10px; transform:translateY(-50%) }
.app-web-webfront .ola-panel-calculator .win h3:after { content:''; width:30px; height:30px; background:#fff; position:absolute; z-index:1; top:52%; left:15px; transform:translateY(-50%) }
.app-web-webfront .ola-panel-calculator .win h3 button { position:absolute; top:10px; right:0px; width:40px; height:45px; background:transparent }
.app-web-webfront .ola-panel-calculator .win h3 button:before { content:'\F004'; font-family:WebIcons; color:#fff; font-weight:normal; font-size:45px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .ola-panel-calculator .win .foot { background:#FAFAFA; border-radius:0px 0px 4px 4px; display:flex; padding:27px 40px }
.app-web-webfront .ola-panel-calculator .win .foot .cft { font-size:36px; line-height:40px; text-align:right }
.app-web-webfront .ola-panel-calculator .win .foot .val { flex-grow:1; flex-shrink:1; line-height:28px }
.app-web-webfront .ola-panel-calculator .win .body { flex-grow:1; flex-shrink:1; overflow:auto; min-height:1px; padding:26px 40px }
.app-web-webfront .ola-panel-calculator .win .body .text { padding-bottom:6px; padding-top:14px; }
.app-web-webfront .ola-panel-calculator .win .body .text:first-child { padding-top:0 }
.app-web-webfront .ola-panel-calculator .win .body .row { display:flex }
.app-web-webfront .ola-panel-calculator .win .body .promos .ar_ver_promos{ color:#AF0015; display: none; text-decoration: none; margin-top: 20px;}
.app-web-webfront .ola-panel-calculator .win .body .promos .bines_ar_container_calc { display: none; }
.app-web-webfront .ola-panel-calculator .win .body .promos .filtro{ margin-top: 10px; border:1px solid #A1B0CC; padding: 20px; border-radius: 4px;}
.app-web-webfront .ola-panel-calculator .win .body .promos .filtro .cont{ flex-grow:1; flex-shrink:1; padding-bottom: 20px;}
.app-web-webfront .ola-panel-calculator .win .body .promos .filtro .cont.duo{padding-right:20px}
.app-web-webfront .ola-panel-calculator .win .body .promos .error{ color:#AF0015; }
.app-web-webfront .ola-panel-calculator .win .calculator .jbx-Select{ width: 100%; }
.app-web-webfront .ola-panel-calculator .win .body #promos_ar table tr td input{ height: 16px; width: 40px;}
.app-web-webfront .ola-panel-calculator .win .body #promos_ar table tr td #ar_tarjeta_codigo_calc{ height: 28px; width: 40px;}
.app-web-webfront .ola-panel-calculator .win.show { display:flex }
.app-web-webfront .ola-panel-calculator .win.opened { transform:none }
.app-web-webfront .ola-panel-calculator .table1 { width:100%; display:none; flex-direction:column }
.app-web-webfront .ola-panel-calculator .table1 .bdy { margin-bottom:0px }
.app-web-webfront .ola-panel-calculator .table1 .row { display:flex }
.app-web-webfront .ola-panel-calculator .table1 .row > div { flex-grow:1; flex-shrink:1; padding:10px; max-width:30%; align-self:center; font-size: 12px; line-height: 14px; }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad { display:flex; min-width:35%; max-width:35% }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad > * { flex-grow:1; flex-shrink:1 }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_cuotas { display:flex; min-width:15%; max-width:15% }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_cuotas > * { flex-grow:1; flex-shrink:1 }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_importe { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:25%; max-width:25% }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_total { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:25%; max-width:25% }
.app-web-webfront .ola-panel-calculator .table1 .row { background:#fff7eb; flex-flow:wrap }
.app-web-webfront .ola-panel-calculator .table1 .row:nth-child(odd) { background:#FFFBF5 }
.app-web-webfront .ola-panel-calculator .table1 .row.hdr { background:#3C3C3B; color:#fff; font-size:14px; font-weight:bold; border-radius: 4px; }
.app-web-webfront .ola-panel-calculator .table1 .row.hdr > div { padding:10px; font-size: 14px; }
.app-web-webfront .ola-panel-calculator .table1 .row > .info { min-width:100%; max-width:100%; max-height:0; padding:0px 16px; background:#fff; overflow:hidden; transition:max-height .5s ease, padding .5s ease }
.app-web-webfront .ola-panel-calculator .table1 .row.show > .info { max-height:250px; padding:14px 16px }
.calculator_cuota_info { display:none; min-width:30px; max-width:30px; position:relative; cursor:pointer; z-index:999 }
.calculator_cuota_info:before { content:'\F22F'; font-family:OlaIcons2022; position:absolute; bottom:8px; left:50%; color:#e00; font-size:40px; transform:translateX(-50%) }
.calculator_cuota_info > div { display:none; position:absolute; bottom:0; left:0; background:#fff; width:375px; max-height:300px; overflow:auto; padding:10px 15px; border-radius:4px; transform:translateX(-100%); font-size:13px; line-height:18px; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1), 0px 24px 60px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05) }
.calculator_cuota_info:hover > div { display:block }
@media screen and (max-width:950px) {
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_importe { display:none }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_cuotas { min-width:50%; max-width:50% }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad { min-width:50%; max-width:50% }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-calculator .win { width:100%; min-height:100% }
.app-web-webfront .ola-panel-calculator .win h3 { background:transparent; color:#3C3C3B; font-size:16px; padding-left:60px; padding-top:29px; box-shadow:none; text-align:left; font-weight:normal }
.app-web-webfront .ola-panel-calculator .win h3:before { display:none }
.app-web-webfront .ola-panel-calculator .win h3:after { display:none }
.app-web-webfront .ola-panel-calculator .win h3 button { right:auto; top:22px; left:3px; color:#3C3C3B; font-weight:normal }
.app-web-webfront .ola-panel-calculator .win .body { padding:5px 16px; overflow:auto; min-height:1px }
.app-web-webfront .ola-panel-calculator .win .foot { padding:20px 16px }
.app-web-webfront .ola-panel-calculator .win .foot { flex-direction:column }
.app-web-webfront .ola-panel-calculator .win .foot .val { font-size:14px }
.app-web-webfront .ola-panel-calculator .win .foot .cft { text-align:left; padding-top:20px }
.app-web-webfront .ola-panel-calculator .win .foot .cft > div { display:inline-block }
}
@media screen and (max-width:600px) {
.app-web-webfront .ola-panel-calculator .table1.row > div.ar_cuotas { min-width:60%; max-width:60%; flex-direction:column; flex-flow:column-reverse }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad { min-width:40%; max-width:40%; flex-direction:column } 
}
.app-web-webfront .ola-panel-contactos { padding:73px 16px; text-align:center; background:#f5f5f5; transition:padding ease .5s }
.app-web-webfront .ola-panel-contactos .table { display:inline-flex }
.app-web-webfront .ola-panel-contactos .table .col { width:280px; text-align:left }
.app-web-webfront .ola-panel-contactos .table .col.logo { width:200px }
.app-web-webfront .ola-panel-contactos .table .col.logo img { width:95px }
.app-web-webfront .ola-panel-contactos .table .col > * { margin-bottom:30px; display:flex; flex-direction:column; font-size:20px }
.app-web-webfront .ola-panel-contactos .table .col > *:last-child { margin:0 }
.app-web-webfront .ola-panel-contactos .table .col > b { color:#F24147; font-weight:normal; font-weight:600 }
.app-web-webfront .ola-panel-contactos .table .col > a { text-decoration:none; color:#3C3C3B; font-weight:600 }
.app-web-webfront .ola-panel-contactos .table .col > a:hover { color:#F24147 }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a { padding-left:30px; position:relative }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a:before { content:''; font-family:OlaIcons2022; font-size:30px; color:#F24147; position:absolute; top:1px; left:1px }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a.tel1:before { content:'\F213' }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a.tel2:before { content:'\F212' }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a.wapp:before { content:'\F223' }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a.eml:before { content:'\E720'; font-family:WebIcons; font-size:18px; top:3px }
.app-web-webfront .ola-panel-contactos .table .col.contactos > a span { margin-top:7px; font-weight:normal; color:#636362 }
.app-web-webfront .ola-panel-contactos .table .col.redes .sm { display:flex; min-height:18px; flex-direction:row; }
.app-web-webfront .ola-panel-contactos .table .col.redes a { width:18px; height:18px; margin-right:20px; position:relative; color:#3C3C3B }
.app-web-webfront .ola-panel-contactos .table .col.redes a:before { content:''; font-family:OlaIcons2022; font-size:36px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-web-webfront .ola-panel-contactos .table .col.redes a.fb:before { content:'\F216' }
.app-web-webfront .ola-panel-contactos .table .col.redes a.in:before { content:'\F214' }
.app-web-webfront .ola-panel-contactos .table .col.redes a.li:before { content:'\F215' }
.app-web-webfront .ola-panel-contactos .table .col.redes a.tw:before { content:'\E053'; font-family:WebIcons; font-size:22px; top:65% }
.app-web-webfront .ola-panel-contactos .table .col.sucursales > a { padding-left:30px; position:relative }
.app-web-webfront .ola-panel-contactos .table .col.sucursales > a:before { content:''; font-family:OlaIcons2022; font-size:30px; color:#F24147; position:absolute; top:1px; left:1px }
.app-web-webfront .ola-panel-contactos .table .col.sucursales > a.ubicacion:before { content:'\F202' }
.app-web-webfront .ola-panel-contactos .table .col.sucursales > a span { margin-top:7px; font-weight:normal; color:#636362 }
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-contactos { padding:50px 16px }
.app-web-webfront .ola-panel-contactos .table { flex-direction:column }
.app-web-webfront .ola-panel-contactos .table .col { padding-bottom:60px }
.app-web-webfront .ola-panel-contactos .table .col:last-child { padding-bottom:0px }
}
.app-web-webfront .ola-panel-cotizacion { padding:80px 16px; background:#3C3C3B; color:#fff; text-align:center; transition:padding ease .5s }
.app-web-webfront .ola-panel-cotizacion h2 { margin-bottom:30px; transition:font-size ease .5s }
.app-web-webfront .ola-panel-cotizacion .tabla { flex-direction:column; max-width:1000px; margin:0px auto }
.app-web-webfront .ola-panel-cotizacion .coti { display:flex; flex-wrap:wrap; background:#FAFAFA; color:#000; padding:32px 10px; border-radius:4px; font-size:24px; transition:font-size ease .5s, padding ease .5s; }
.app-web-webfront .ola-panel-cotizacion .coti > * { flex-grow:1; flex-shrink:1; text-align:center; transition:text-align ease .5s, padding ease .5s }
.app-web-webfront .ola-panel-cotizacion .coti > button { margin:0; padding:0; color:#df504e; font-size:24px; background:transparent; height:auto; transition:font-size ease .5s, color ease .5s }
.app-web-webfront .ola-panel-cotizacion .coti > button:hover { color:#a43c38 }
.app-web-webfront .ola-panel-cotizacion .coti .desc{ flex-basis: 100%; text-align: center; margin-top: 30px; font-size:14px; line-height: 18px; }
.app-web-webfront .ola-panel-cotizacion .msg { margin-top:8px; padding:16px; font-size:16px; color:#1513A0; text-align:center; background:#E9E8FC; border-radius:4px; transition:font-size ease .5s }
.app-web-webfront .ola-panel-cotizacion .descargas { text-align:center; height:40px }
.app-web-webfront .ola-panel-cotizacion .descarga { height:40px; width:200px; background:#ddd; display:inline-block; margin-right:10px; border-radius:20px; position:relative; overflow:hidden }
.app-web-webfront .ola-panel-cotizacion .descarga:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.5; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); transform:translateX(-100%); animation:anim-left-to-right-transform 2s linear infinite }
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-cotizacion .coti { font-size:18px }
.app-web-webfront .ola-panel-cotizacion .msg { font-size:14px }
.app-web-webfront .ola-panel-cotizacion .coti > button { font-size:16px }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-cotizacion { padding:48px 16px }
.app-web-webfront .ola-panel-cotizacion h2 { font-size:32px; transition:font-size ease .5s }
.app-web-webfront .ola-panel-cotizacion .coti { flex-direction:column; padding:16px 30px }
.app-web-webfront .ola-panel-cotizacion .coti > * { text-align:left; padding-bottom:24px }
.app-web-webfront .ola-panel-cotizacion .coti > button { padding-bottom:0 }
}
.win-historico-cotizaciones { display:none; position:fixed; opacity:0; color:#3C3C3B; z-index:998; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }
.win-historico-cotizaciones.show { display:block; z-index: 1500000 }
.win-historico-cotizaciones.open { opacity:1 }
.win-historico-cotizaciones .win { display:flex; flex-direction:column; background:#fff; border-radius:5px; padding:32px 15px 15px; width:90%; max-height:90%; max-width:800px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s } 
.win-historico-cotizaciones .win > button { width:100% }
.win-historico-cotizaciones .win .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s }
.win-historico-cotizaciones .win .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.win-historico-cotizaciones .win .close:hover:before { color:#3C3C3B }
.win-historico-cotizaciones .buscar { display:flex; text-align:center; max-width:400px; align-self: center; margin-top:20px }
.win-historico-cotizaciones .buscar button { margin-left:10px }
.win-historico-cotizaciones .buscar .input input { border-radius:0px 4px 4px 0px; margin-left:-1px; border:1px solid #A1B0CC }
.win-historico-cotizaciones .buscar .input:first-child input { border-radius:4px 0px 0px 4px; margin-left:0 }
.win-historico-cotizaciones .buscar .input .icon:first-child { display:none }
.win-historico-cotizaciones .buscar .input > input + .icon:before { content:'\F204'; font-family:OlaIcons2022; font-size:40px; color:#3C3C3B; transition:color ease .5s }
.win-historico-cotizaciones .buscar .input > input:hover + .icon:before,
.win-historico-cotizaciones .buscar .input > input:active + .icon:before,
.win-historico-cotizaciones .buscar .input > input:focus + .icon:before { color:#F24147 !important }
.win-historico-cotizaciones .graficos { position:relative }
.win-historico-cotizaciones .btngfx { position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); margin-left:20px; white-space:nowrap }
.win-historico-cotizaciones .btngfx button { width:60px; height:20px; margin:0; margin-right:1px; padding:0; font-size:12px; line-height:12px; transition:width ease .5s, font-size ease .5s }
.win-historico-cotizaciones .btngfx button.simple { background:#fff }
.win-historico-cotizaciones .lista { flex-grow:1; flex-shrink:1; min-height:1px; overflow:auto; margin-top:30px; font-size:14px; transition:font-size ease .5s }
.win-historico-cotizaciones .lista .fecha { display:flex; width:100% }
.win-historico-cotizaciones .lista .fecha:nth-child(odd) { background:#f7f7f7 }
.win-historico-cotizaciones .lista .fecha:first-child { font-weight:bold; border-bottom:1px solid #ccc }
.win-historico-cotizaciones .lista .fecha .c { padding:3px 10px }
.win-historico-cotizaciones .lista .fecha .c > span:first-child { display:none }
.win-historico-cotizaciones .lista .fecha .c > span:last-child { display:inline-block }
.win-historico-cotizaciones .lista .fecha > *:first-child { text-align:left; flex-grow:1; flex-shrink:1 }
.win-historico-cotizaciones .lista .hora { display:flex }
.win-historico-cotizaciones .lista .hora > * { text-align:right; width:100px; transition:width ease .5s }
.win-historico-cotizaciones .lista .hora > .c > span { padding-left:2px }
.win-historico-cotizaciones .lista .hora .c:first-child { text-align:center }
.win-historico-cotizaciones .grafico { min-height:150px; display:flex; margin-top:15px }
.win-historico-cotizaciones .grafico .minmax { min-width:40px; max-width:40px; position:relative; font-size:10px; border-right:1px solid #ccc }
.win-historico-cotizaciones .grafico .minmax .min { position:absolute; right:5px; bottom:10px }
.win-historico-cotizaciones .grafico .minmax .max { position:absolute; right:5px; top:0px }
.win-historico-cotizaciones .grafico .table { flex-grow:1; flex-shwink:1; display:flex; flex-direction:column }
.win-historico-cotizaciones .grafico .table .margin { min-height:13px; max-height:13px; border-bottom:1px dotted #ccc }
.win-historico-cotizaciones .grafico .table .days { font-size:10px; min-height:20px; max-height:20px; display:flex; border-top:1px solid #ccc; overflow:hidden }
.win-historico-cotizaciones .grafico .table .days > div { text-align:left; flex-grow:1; flex-shrink:1 }
.win-historico-cotizaciones .grafico .table .days > div:last-child { text-align:right }
.win-historico-cotizaciones .grafico .table .graph { flex-grow:1; flex-shrink:1; position:relative; width:100% }
.win-historico-cotizaciones .grafico .table .graph .lines { position:absolute; top:0; left:0; width:100%; height:100%; background:#F8F8F8 }
.win-historico-cotizaciones .grafico .table .graph .dots { position:absolute; top:0; left:0; z-index:1; width:100%; height:100% }
.win-historico-cotizaciones .grafico .table .graph .dots > div { position:absolute; width:9px; height:9px; border-radius:5px; background:#df504e; transform:translate(-4px, -4px); cursor:pointer }
.win-historico-cotizaciones .grafico .table .graph .dots > div span { position:absolute; z-index:9; bottom:14px; left:50%; background:#000; font-size:12px; color:#fff; padding:1px 5px; border-radius:4px; transform:translateX(-50%); white-space:nowrap; pointer-events:none; opacity:0; transition:opacity ease .5s }
.win-historico-cotizaciones .grafico .table .graph .dots > div span:before { content:''; width:0; left:0; border:5px solid transparent; border-bottom:0; border-top:5px solid #000; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%) }
.win-historico-cotizaciones .grafico .table .graph .dots > div:hover { z-index:9 }
.win-historico-cotizaciones .grafico .table .graph .dots > div:hover span { opacity:1 }
@media screen and (max-width:750px) {
.win-historico-cotizaciones .btngfx button { width:40px; font-size:11px }
.win-historico-cotizaciones .lista .hora > * { width:70px }
.win-historico-cotizaciones .lista { font-size:12px }
}
@media screen and (max-width:600px) {
.win-historico-cotizaciones .lista .hora > * { width:60px }
.win-historico-cotizaciones .lista .hora > .c > span { display:none !important }
}
@media screen and (max-width:500px) {
.win-historico-cotizaciones .lista .fecha .c > span:first-child { display:inline-block }
.win-historico-cotizaciones .lista .fecha .c > span:last-child { display:none }
}
.app-web-webfront .ola-panel-buscador { }
.app-web-webfront .ola-panel-buscador { background:#3C3838; min-height:92px }
.app-web-webfront .ola-panel-buscador .botones { width:100%; background:#fff; position:relative }
.app-web-webfront .ola-panel-buscador .botones .inner { display:flex; padding:28px 46px; overflow:auto; transition:padding ease .5s }
.app-web-webfront .ola-panel-buscador .botones .button { height:36px; position:relative; padding-left:45px; padding-right:15px; border-radius:20px; margin:0; margin-right:15px; color:#636362; background:transparent; transition:background ease .5s, color ease .5s }
.app-web-webfront .ola-panel-buscador .botones .button:after { content:'\F107'; font-family:OlaIcons2022; font-weight:normal; font-size:72px; position:absolute; z-index:2; top:50%; left:-4px; transform:translateY(-50%) }
.app-web-webfront .ola-panel-buscador .botones .button.selected { color:#F24147; background:#FEECED }
.app-web-webfront .ola-panel-buscador .botones .button.selected:after { content:'\F10E' }
.app-web-webfront .ola-panel-buscador .botones .button.selected:before { content:''; width:30px; height:30px; border-radius:20px; position:absolute; z-index:1; background:#fff; top:5px; left:5px }
.app-web-webfront .ola-panel-buscador .botones .button:hover { background:#FEECED }
.app-web-webfront .ola-panel-buscador .botones .button:last-child { margin:0 }
.app-web-webfront .ola-panel-buscador .botones .button.aereos:after { content:'\F107' }
.app-web-webfront .ola-panel-buscador .botones .button.aereos.selected:after { content:'\F10E' }
.app-web-webfront .ola-panel-buscador .botones .button.hoteles:after { content:'\F108' }
.app-web-webfront .ola-panel-buscador .botones .button.hoteles.selected:after { content:'\F10F' }
.app-web-webfront .ola-panel-buscador .botones .button.paquetes:after { content:'\F109' }
.app-web-webfront .ola-panel-buscador .botones .button.paquetes.selected:after { content:'\F110' }
.app-web-webfront .ola-panel-buscador .botones .button.circuitos:after { content:'\F10A' }
.app-web-webfront .ola-panel-buscador .botones .button.circuitos.selected:after { content:'\F111' }
.app-web-webfront .ola-panel-buscador .botones .button.excursiones:after { content:'\F10B' }
.app-web-webfront .ola-panel-buscador .botones .button.excursiones.selected:after { content:'\F112' }
.app-web-webfront .ola-panel-buscador .botones .button.traslados:after { content:'\F10C' }
.app-web-webfront .ola-panel-buscador .botones .button.traslados.selected:after { content:'\F113' }
.app-web-webfront .ola-panel-buscador .botones .button.disney:after { content:'\F118' }
.app-web-webfront .ola-panel-buscador .botones .button.disney.selected:after { content:'\F119' }
.app-web-webfront .ola-panel-buscador .botones .button.universal:after { content:'\F11A' }
.app-web-webfront .ola-panel-buscador .botones .button.universal.selected:after { content:'\F11B' }
.app-web-webfront .ola-panel-buscador .botones .button.grupales:after { content:'\F11C' }
.app-web-webfront .ola-panel-buscador .botones .button.grupales.selected:after { content:'\F11D' }
.app-web-webfront .ola-panel-buscador .botones .button.enjoy:after { content:'\F116' }
.app-web-webfront .ola-panel-buscador .botones .button.enjoy.selected:after { content:'\F117' }
.app-web-webfront .ola-panel-buscador .botones .button.cruceros:after {
content: '';
background: url(/assets/gfx/icons/icon-crucero-off-new.svg);
width: 38px;
height: 42px;
background-repeat: no-repeat;
}
.app-web-webfront .ola-panel-buscador .botones .button.cruceros.selected:after { 
content: '';
background: url(/assets/gfx/icons/icon-crucero-on-new.svg);
width: 38px;
height: 40px;
background-repeat: no-repeat;
}
.app-web-webfront .ola-panel-buscador .botones .button.cruceros.xhr-sending:after {
width: auto;
height: auto;
}
.app-web-webfront .ola-panel-buscador .botones .button.cruceros.selected.xhr-sending:after {
width: auto;
height: auto;
background-image: none;
}
.app-web-webfront .ola-panel-buscador .botones .button.xhr-sending:after { content:'\F14D' !important; font-family:WebIcons !important; display:block !important; color:#636362; right:auto; left:20px; font-size:40px !important; transform-origin:50% 58%; background: url(''); }
.app-web-webfront .ola-panel-buscador .botones .button.selected.xhr-sending:after { color:#F24147 }
.app-web-webfront .ola-panel-buscador .botones a.button { padding-top:5px }
.app-web-webfront .ola-panel-buscador .botones .app-slide-left { width:20px; height:100%; top:0; left:0; background:#fff; z-index:3; transform:none; border-radius:0; box-shadow:none }
.app-web-webfront .ola-panel-buscador .botones .app-slide-left:before { top:53% }
.app-web-webfront .ola-panel-buscador .botones .app-slide-right { width:20px; height:100%; top:0; right:0; background:#fff; z-index:3; transform:none; border-radius:0; box-shadow:none }
.app-web-webfront .ola-panel-buscador .botones .app-slide-right:before { top:53% }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .botones .inner { padding:25px }  
}
.app-web-webfront .ola-panel-buscador form { padding:20px 16px; text-align:center; background:#fff url(/assets/gfx/back/panel-buscador.png) no-repeat center center; background-size:cover; transition:transparent ease .5s, padding ease .5s }
.app-web-webfront .ola-panel-buscador form .win { position:relative; display:block; max-width:1350px; margin:0px auto; text-align:left; background:#3C3838; border-radius:8px; padding:38px 16px 38px 32px; color:#fff; transition:max-width .5s ease; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04) }
.app-web-webfront .ola-panel-buscador form fieldset *:disabled { opacity:.5 }
.app-web-webfront .ola-panel-buscador form fieldset button[type="submit"] { transition:color .5s ease }
.app-web-webfront .ola-panel-buscador form fieldset button[type="submit"]:disabled { color:#fff; background:#F24147; border:1px solid transparent; opacity:1 }
.app-web-webfront .ola-panel-buscador form fieldset button[type="submit"].xhr-sending { color:transparent }
.app-web-webfront .ola-panel-buscador form fieldset button[type="submit"].xhr-sending:after { left:50%; right:auto; font-size:24px; transform-origin:50% 44% }
.app-web-webfront .ola-panel-buscador .frm .row { display:flex }
.app-web-webfront .ola-panel-buscador .frm .row > * { margin-right:16px; flex-grow:1; flex-shrink:1 }
.app-web-webfront .ola-panel-buscador .frm .row > .row { margin-right:0 }
.app-web-webfront .ola-panel-buscador button[type="submit"] { width:100%; transition:width ease .5s }
.app-web-webfront .ola-panel-buscador .checkbox { color:#fff; margin-top:10px }
.app-web-webfront .ola-panel-buscador .checkbox span { white-space:nowrap }
.app-web-webfront .ola-panel-buscador .checkbox span:before { border:1px solid #fff !important }
.app-web-webfront .ola-panel-buscador .lbl-group > span:first-child { color:#fff; font-weight:bold; display:block; padding-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .lbl-group > span  small { font-weight:300 }
.app-web-webfront .ola-panel-buscador .lbl-group > div { display:flex }
.app-web-webfront .ola-panel-buscador .lbl-group > div > * { flex-grow:1; flex-shrink:1 }
.app-web-webfront .ola-panel-buscador .lbl-group > div > .input input { border:1px solid #CECECE; border-bottom:0; border-radius:0; margin-left:-1px; position:relative; z-index:1 }
.app-web-webfront .ola-panel-buscador .lbl-group > div:last-of-type > .input input { border-bottom:1px solid #CECECE }
.app-web-webfront .ola-panel-buscador .lbl-group > div:first-of-type > .input:first-child input { border-top-left-radius:4px }
.app-web-webfront .ola-panel-buscador .lbl-group > div:first-of-type > .input:last-of-type input { border-top-right-radius:4px }
.app-web-webfront .ola-panel-buscador .lbl-group > div:last-of-type > .input:first-child input { border-bottom-left-radius:4px }
.app-web-webfront .ola-panel-buscador .lbl-group > div:last-of-type > .input:last-of-type input { border-bottom-right-radius:4px }
.app-web-webfront .ola-panel-buscador .desplegable { flex-grow:1; flex-shrink:1; flex-basis:25%; position:relative; transition:flex-basis ease .5s }
.app-web-webfront .ola-panel-buscador .desplegable .cap button { background:#fff; color:#636362; text-align:left; padding-left:45px; width:100%; overflow:hidden; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .desplegable .cap button:before { content:'\F009'; font-size:30px; color:#3c3c3b; font-family:WebIcons; position:absolute; left:10px; top:50%; transform:translateY(-50%) }
.app-web-webfront .ola-panel-buscador .desplegable .cap button:hover, 
.app-web-webfront .ola-panel-buscador .desplegable .cap button:active,
.app-web-webfront .ola-panel-buscador .desplegable .cap button:focus { border:1px solid #EF2D38 }
.app-web-webfront .ola-panel-buscador .desplegable .back-close { display:none; position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:transparent; display:none }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel { display:none; min-width:100%; position:absolute; z-index:9; top:86px; left:0; background:#fff; border:1px solid #E2E2E2; border-radius:10px; drop-shadow: 0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05) }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .title { flex-grow:0; flex-shrink:0 }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .title button { width:40px; padding:0; min-width:auto; border:0 }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel.show { display:flex }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel.opened { transform:none }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .pan { padding:16px; border-bottom:1px solid #E2E2E2 }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .pan:last-child { border:0 }
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .head_room {font-size: 18px; display: block; padding: 15px 0px; border-bottom: 1px solid #E2E2E2; text-align-last: center; display: flex; justify-content: space-between; align-items: center;}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .room_title {color:#a7a7a6; text-align: center; flex: 1; padding-left: 20px}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .head_room a.button {padding: 1px 6px; height: 20px; border-radius: 25px; align-items: center; margin-right: 16px;}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .button.addHabitacion {margin: 8px 60px; background-color: white; color: #f24147; border: solid 1px #f24147;}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .button.addHabitacion:before {content: '\F203'; font-family: OlaIcons2022; padding-right: 2px;}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .aplicar_busqueda .linea {border-top: 1px solid #e2e2e2;}
.app-web-webfront .ola-panel-buscador .desplegable .responsive-full-panel .aplicar_busqueda .button {margin: 10px auto; display: block; padding: 5px 12px; height: 40px; width: 25%; margin-right: 10px;}
.app-web-webfront .ola-panel-buscador .desplegable .row { display:flex; flex-direction:row; padding:0 }
.app-web-webfront .ola-panel-buscador .desplegable .row > * { margin-right:0; flex-grow:0; flex-shrink:0; min-width:auto; max-width:none; width:auto }
.app-web-webfront .ola-panel-buscador .desplegable .row > .select.edades { width:106px; display: grid; }
.app-web-webfront .ola-panel-buscador .desplegable .row .nme { flex-grow:1; flex-shrink:1; color:#3C3C3B; font-size:20px; font-weight:600; line-height:20px; align-self:center; white-space:nowrap; padding-right:50px }
.app-web-webfront .ola-panel-buscador .desplegable .row .nme small { font-size:14px; color:#CECECE; font-weight:400; display:block }
.app-web-webfront .ola-panel-buscador .desplegable .row .input { padding-top:5px }
.app-web-webfront .ola-panel-buscador .desplegable .row .input .slide { height:40px }
.app-web-webfront .ola-panel-buscador .desplegable .row .input .slide input { width:55px; border:0; background:transparent }
.app-web-webfront .ola-panel-buscador .desplegable .row .input .slide .jbx-add { width:40px; height:39px; border:1px solid #df504e; background:transparent }
.app-web-webfront .ola-panel-buscador .desplegable .row .input .slide .jbx-sub { width:40px; height:39px; border:1px solid #df504e; background:transparent }
.app-web-webfront .ola-panel-buscador .desplegable.opened .back-close { display:block }
.app-web-webfront .ola-panel-buscador .input,
.app-web-webfront .ola-panel-buscador .input input,
.app-web-webfront .ola-panel-buscador .input select,
.app-web-webfront .ola-panel-buscador button { height:56px; }
.app-web-webfront .ola-panel-buscador .input .icon { top:8px }
.app-web-webfront .ola-panel-buscador .input .icon:first-child { display:none }
.app-web-webfront .ola-panel-buscador .input > input + .icon:before { color:#3C3C3B; transition:color ease .5s }
.app-web-webfront .ola-panel-buscador .input > input:hover + .icon:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .input > input:active + .icon:before,
.app-web-webfront .ola-panel-buscador .input > input:focus + .icon:before { color:#F24147 !important }
.app-web-webfront .ola-panel-buscador .input > .jbx-Input + .icon:before { color:#3C3C3B; transition:color ease .5s }
.app-web-webfront .ola-panel-buscador .input > .jbx-Input:hover + .icon:before { color:#7C8DB0 !important }
.app-web-webfront .ola-panel-buscador .input > .jbx-Input[data-focused] + .icon:before { color:#F24147 !important }
.app-web-webfront .ola-panel-buscador .jbx-Select { background:transparent; height:56px }
.app-web-webfront .ola-panel-buscador .jbx-Select select { height:100% }
.app-web-webfront .ola-panel-buscador .jbx-Select [jbx-main-group] { height:100% }
.app-web-webfront .ola-panel-buscador .jbx-Select  [jbx-select-caption] { height:100% }
.app-web-webfront .ola-panel-buscador .select-buttons { display:flex; margin-bottom:32px }
.app-web-webfront .ola-panel-buscador .select-buttons label { flex-grow:1; flex-shrink:1; max-width:250px; height:36px; margin-right:20px; transition:width ease .5s, background ease .5s, color ease .5s }
.app-web-webfront .ola-panel-buscador .select-buttons label > span { display:block; width:100%; height:100%; font-weight:bold; color:#fff; background:transparent; text-align:center; padding:5px 0 }
.app-web-webfront .ola-panel-buscador .select-buttons label > span > span { position:relative; z-index:9 }
.app-web-webfront .ola-panel-buscador .select-buttons label > span:before { width:100%; height:100%; z-index:2; border-radius:20px; border:1px solid #fff; top:0; left:0 }
.app-web-webfront .ola-panel-buscador .select-buttons label > span:after { width:100%; height:100%; z-index:1; border-radius:20px; background:#fff; top:0; left:0 }
.app-web-webfront .ola-panel-buscador .select-buttons label > span.ndc:before { border:1px solid #F3BB18;}
.app-web-webfront .ola-panel-buscador .select-buttons label > span.ndc > span:before { content: '\F207'; font-family: OlaIcons2022; font-size: 22px; top: 65%; color:#F3BB18; margin-right: 4px;}
.app-web-webfront .ola-panel-buscador .select-buttons label > span.ndc:after { background:#F3BB18; color:#3C3838; }
.app-web-webfront .ola-panel-buscador .select-buttons label:hover > span:before { border:1px solid #fff; background:rgba(255, 255, 255, .2) }
.app-web-webfront .ola-panel-buscador .select-buttons label > input:checked + span { color:#EF2D38 !important }
.app-web-webfront .ola-panel-buscador .select-buttons label > input:checked + span.ndc { color:#3C3838 !important }
.app-web-webfront .ola-panel-buscador .select-buttons label > input:checked + span.ndc >span:before { color:#3C3838 !important }
.app-web-webfront .ola-panel-buscador .incremental button.count { bottom:9px !important; color:#bbb }
.app-web-webfront .ola-panel-buscador .incremental button.count:before { content:'' }
.app-web-webfront .ola-panel-buscador .incremental.xhr-sending:after { bottom:18px }
.app-web-webfront .ola-panel-buscador .incremental.xhr-sending input { padding-left:40px }
.app-web-webfront .ola-panel-buscador .in-out { max-width:325px; min-width:250px }
.app-web-webfront .ola-panel-buscador .in-out .input .icon:before { content:'\F204'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .select-buttons label .btnOlaClick {
display: block;
width: 100%;
height: 100%;
font-weight: bold;
color: #EF2D38;
background: white;
text-align: center;
padding: 5px 0;
text-decoration: none;
border-radius: 20px;
}
.tooltipOlaClick {
position: fixed;
padding: 10px 20px;
border: 1px solid #b3c9ce;
border-radius: 4px;
text-align: center;
font: italic 14px/1.3 sans-serif;
color: #333;
background: #fff;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-buscador .row.split { flex-direction:column }
.app-web-webfront .ola-panel-buscador .row.split > .row { margin-bottom:10px; width:100% !important }
.app-web-webfront .ola-panel-buscador .row.split > .row:last-child { margin-bottom:0 }
.app-web-webfront .ola-panel-buscador .hide1000 { display:none !important }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador { background:transparent }
.app-web-webfront .ola-panel-buscador .select-buttons { background:#636362; padding:10px; margin-bottom:20px }
.app-web-webfront .ola-panel-buscador .select-buttons label { margin-right:5px; width:auto; border:0; font-size:14px; font-weight:normal; padding:5px 0px }
.app-web-webfront .ola-panel-buscador .select-buttons label > span:before { border:0 }
.app-web-webfront .ola-panel-buscador .select-buttons label > span { padding:0 10px; font-weight:400 } 
.app-web-webfront .ola-panel-buscador .select-buttons label:hover > span:before { border:0 }
.app-web-webfront .ola-panel-buscador form { background:transparent; padding:16px 0; padding-top:0 }
.app-web-webfront .ola-panel-buscador form .win { padding:0; border-radius:0; padding-bottom:10px }
.app-web-webfront .ola-panel-buscador .row { flex-direction:column; padding:0 28px 28px 28px }
.app-web-webfront .ola-panel-buscador .row.split { padding:0;  }
.app-web-webfront .ola-panel-buscador .row > * { margin-right:0; width:100%; min-width:100%; max-width:100%; margin-bottom:16px }
.app-web-webfront .ola-panel-buscador .desplegable button { width:100% }
.app-web-webfront .ola-panel-buscador button[type="submit"] { width:100% }
.app-web-webfront .ola-panel-buscador .row.split > .row { margin-bottom:0; padding-bottom:0 }
.app-web-webfront .ola-panel-buscador .hide800 { display:none !important }
.app-web-webfront .ola-panel-buscador .select-buttons label .btnOlaClick {
display: block;
width: 100%;
height: 100%;
font-weight: 400;
color: #EF2D38;
background: white;
text-align: center;
padding: 0px;
text-decoration: none;
border-radius: 20px;
}
}
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input .icon { transition:left .5s ease }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .aereos .md-des .input > button.add { display:none; right:auto; left:27px; opacity:1 }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input > button.add { display:none; right:auto; left:0px; opacity:1  }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input > button.del { display:none; right:auto; left:0px; opacity:1 }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input > button.add:before { content:'\E501'; font-family:WebIcons; font-size:20px; left:45%; top:54%; color:#F24147 }
.app-web-webfront .ola-panel-buscador .aereos .ori-des .input > button.del:before { content:'\E504'; font-family:WebIcons; font-size:16px; left:45%; top:54% }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.add { display:block }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.del { display:block }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.add + input { padding-left:65px }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.add + input + .icon { left:26px }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.del + input { padding-left:65px }
.app-web-webfront .ola-panel-buscador .aereos .ori-des.multi .input > button.del + input + .icon { left:26px }
.app-web-webfront .ola-panel-buscador .aereos .pax-sel { max-width:250px; min-width:250px; transition:max-width .5s ease, min-width .5s ease }
.app-web-webfront .ola-panel-buscador .aereos .pax-sel .cap button:before { content:'\F201'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .aereos .issue-usd { margin-top:40px }
@media screen and (max-width:1250px) {
.app-web-webfront .ola-panel-buscador .aereos .pax-sel { max-width:185px; min-width:185px }
}
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-buscador .aereos  .pax-sel { max-width:none; min-width:auto }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .aereos .issue-usd { margin-top:0px }
.app-web-webfront .ola-panel-buscador .aereos .in-out { max-width:none; min-width:none }
.app-web-webfront .ola-panel-buscador .aereos .pax-sel { min-width:100%; max-width:100% }  
}
.app-web-webfront .ola-panel-buscador .hotel-des .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .hotel-des .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .hotel-name .input .place:before { font-family:OlaIcons2022; content:'\F200'; }
.app-web-webfront .ola-panel-buscador .hotel .select-edad-menores { margin-top: 0.5rem; }
.app-web-webfront .ola-panel-buscador .hotel .edades .row {margin-top: 0.75rem;}
.app-web-webfront .ola-panel-buscador .hotel .edades .inputs-edades { flex-wrap: wrap; }
.app-web-webfront .ola-panel-buscador .hotel .responsive-full-panel .acciones { 
flex-direction: column;
margin: 0.5rem;
text-align: right;
}
.app-web-webfront .ola-panel-buscador .hotel .responsive-full-panel .acciones button {
height: 44px;
}
.app-web-webfront .ola-panel-buscador .hotel .responsive-full-panel .acciones .deshacer {
background-color: transparent;
color: #9E9E9D;
}
.app-web-webfront .ola-panel-buscador .hotel .pax-sel { flex-basis:30%; max-width:120px; min-width:120px }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button { padding-left:10px; display:flex }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button:before { display:none }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span { margin-right:10px; padding-left:25px; position:relative; align-self:center; margin-top:2px }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span:before { content:'\F201'; font-family:OlaIcons2022; color:#3C3C3B; font-size:38px; position:absolute; left:0; bottom:1px; transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span.chd { padding-left:20px }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span.chd:before { font-size:28px; bottom:0 }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span.room { padding-left: 40px;}
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button > span.room:before { content:'\F203';}
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button:hover > span:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel button.opened > span:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel .inputs-edades { display:flex; flex-flow:row wrap }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel .inputs-edades > * { max-width:75px; min-width:75px; margin-right:5px; margin-bottom:5px }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel .edades .nme { padding-right:10px }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel .edades .select.edades::after { display: none; }
.app-web-webfront .ola-panel-buscador .input-age{  display:inline-block;}
.app-web-webfront .ola-panel-buscador .select-age{  display:none;width: 100%; text-align: center;}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .hotel .pax-sel .back:before { display:inline-block }
.app-web-webfront .ola-panel-buscador .hotel .in-out { max-width:none; min-width:none }
.app-web-webfront .ola-panel-buscador .hotel .pax-sel { min-width:100%; max-width:100% }
.app-web-webfront .ola-panel-buscador .row { padding-bottom: 0px }
.app-web-webfront .ola-panel-buscador .input-age{  display:none;}
.app-web-webfront .ola-panel-buscador .select-age{  display: inline-block;}
}
.app-web-webfront .ola-panel-buscador .paquetes .split > .row:first-child > * { flex-basis:30% }
.app-web-webfront .ola-panel-buscador .paquetes .split > .row:first-child > .destino { flex-basis:40% }
.app-web-webfront .ola-panel-buscador .paquetes .in-out {  max-width:258px; min-width:258px }
.app-web-webfront .ola-panel-buscador .paquetes .des .jbx-Select [jbx-select-caption] { padding-left:40px }
.app-web-webfront .ola-panel-buscador .paquetes .des .jbx-Select [jbx-main-group]:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px; position:absolute; z-index:999999; top:50%; left:13px; transform:translateY(-50%); transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .paquetes .des .jbx-Select:hover [jbx-main-group]:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .paquetes .des .jbx-Select[jbx-opened="1"] [jbx-main-group]:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .paquetes .des .jbx-Select [jbx-struct="options"] [jbx-struct="group"] > [jbx-struct="label"] { font-size:20px; font-weight:600; color:#27273F !important }
.app-web-webfront .ola-panel-buscador .paquetes .destino .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .paquetes .destino .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel { flex-basis:30%; max-width:120px; min-width:120px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button { padding-left:10px; display:flex; justify-content:center }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button:before { display:none }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span { margin:0 5px; padding-left:25px; position:relative; align-self:center; margin-top:2px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span:before { content:'\F201'; font-family:OlaIcons2022; color:#3C3C3B; font-size:38px; position:absolute; left:0; bottom:1px; transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span.room { padding-left: 40px;}
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span.room:before { content:'\F203';}
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span.chd { padding-left:20px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button > span.chd:before { font-size:28px; bottom:0 }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button:hover > span:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .cap button.opened > span:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .inputs-edades { display:flex; flex-flow:row wrap }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .inputs-edades > * { max-width:75px; min-width:75px; margin-right:5px; margin-bottom:5px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .edades .nme { padding-right:10px }
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel .rooms .search_room:first-child .head_room a { display:none }
.app-web-webfront .ola-panel-buscador .paquetes .nme-paq .input { width:100% }
.app-web-webfront .ola-panel-buscador .paquetes .nme-paq span.icon:before { content:'\F102'; font-family:OlaIcons2022; font-size:35px }
.app-web-webfront .ola-panel-buscador .paquetes .origen [jbx-struct="clear"] { display:block; width:15px; height:15px; margin-top:2px }
.app-web-webfront .ola-panel-buscador .paquetes .origen [jbx-struct="clear"]:before { top:-1px }
.app-web-webfront .ola-panel-buscador .paquetes .desplegable .responsive-full-panel { left:50%; transform:translateX(-50%) }
.app-web-webfront .ola-panel-buscador .paquetes .buttons { display:flex; padding:10px }
.app-web-webfront .ola-panel-buscador .paquetes .buttons :first-child { flex-grow:1; flex-shrink:1; margin:0 }
.app-web-webfront .ola-panel-buscador .paquetes .button.add-room { background-color:#fff; color: #f24147; border: solid 1px #f24147; position:relative; padding-left:35px }
.app-web-webfront .ola-panel-buscador .paquetes .button.add-room:before {content: '\F203'; font-family:OlaIcons2022; font-size:20px; position:absolute; top:50%; left:10px; transform:translateY(-50%) }
.app-web-webfront .ola-panel-buscador .paquetes label.input.incremental.with-results button.count::before { content:' ' !important }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .paquetes .pax-sel { max-width:none; min-width:auto }
.app-web-webfront .ola-panel-buscador .paquetes .jbx-Select [jbx-main-group]:before { z-index:9 !important }
.app-web-webfront .ola-panel-buscador .paquetes .in-out { max-width:none; min-width:auto }
.app-web-webfront .ola-panel-buscador .paquetes .desplegable .responsive-full-panel { left:0; transform:translateX(100%) }
.app-web-webfront .ola-panel-buscador .paquetes .desplegable .responsive-full-panel.opened { transform:none }
.app-web-webfront .ola-panel-calculator { display:none !important }
}
@media screen and (max-width:950px) {
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_importe { display:none }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_cuotas { min-width:50%; max-width:50% }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad { min-width:50%; max-width:50% }
}
@media screen and (max-width:600px) {
.app-web-webfront .ola-panel-calculator .table1.row > div.ar_cuotas { min-width:60%; max-width:60%; flex-direction:column; flex-flow:column-reverse }
.app-web-webfront .ola-panel-calculator .table1 .row > div.ar_entidad { min-width:40%; max-width:40%; flex-direction:column }
}
.app-web-webfront .ola-panel-buscador .circuitos .split > .row:first-child > * { flex-basis:30% }
.app-web-webfront .ola-panel-buscador .circuitos .split > .row:first-child > .destino { flex-basis:40% }
.app-web-webfront .ola-panel-buscador .circuitos .in-out { max-width:258px; min-width:258px }
.app-web-webfront .ola-panel-buscador .circuitos .des .jbx-Select [jbx-select-caption] { padding-left:40px }
.app-web-webfront .ola-panel-buscador .circuitos .des .jbx-Select [jbx-main-group]:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px; position:absolute; z-index:9999999; top:50%; left:13px; transform:translateY(-50%); transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .circuitos .des .jbx-Select:hover [jbx-main-group]:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .circuitos .des .jbx-Select[jbx-opened="1"] [jbx-main-group]:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .circuitos .des .jbx-Select [jbx-struct="options"] [jbx-struct="group"] > [jbx-struct="label"] { font-size:20px; font-weight:600; color:#27273F !important }
.app-web-webfront .ola-panel-buscador .circuitos .destino .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .circuitos .destino .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel { flex-basis:30%; max-width:120px; min-width:120px }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button { padding-left:20px; display:flex }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button:before { display:none }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button > span { margin-right:10px; padding-left:25px; position:relative; align-self:center; margin-top:2px }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button > span:before { content:'\F201'; font-family:OlaIcons2022; color:#3C3C3B; font-size:38px; position:absolute; left:0; bottom:1px; transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button > span.chd { padding-left:20px }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button > span.chd:before { font-size:28px; bottom:0 }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button:hover > span:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .cap button.opened > span:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .inputs-edades { display:flex; flex-flow:row wrap }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .inputs-edades > * { max-width:75px; min-width:75px; margin-right:5px; margin-bottom:5px }
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel .edades .nme { padding-right:10px }
.app-web-webfront .ola-panel-buscador .circuitos .nme-paq .input { width:100% }
.app-web-webfront .ola-panel-buscador .circuitos .nme-paq span.icon:before { content:'\F102'; font-family:OlaIcons2022; font-size:35px }
.app-web-webfront .ola-panel-buscador .circuitos .origen [jbx-struct="clear"] { display:block; width:15px; height:15px; margin-top:2px }
.app-web-webfront .ola-panel-buscador .circuitos .origen [jbx-struct="clear"]:before { top:-1px }
.app-web-webfront .ola-panel-buscador .circuitos .desplegable .responsive-full-panel { left:50%; transform:translateX(-50%) }
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .circuitos .pax-sel { max-width:none; min-width:auto }
.app-web-webfront .ola-panel-buscador .circuitos .jbx-Select [jbx-main-group]:before { z-index:9 !important }
.app-web-webfront .ola-panel-buscador .circuitos .in-out { max-width:none; min-width:auto }
.app-web-webfront .ola-panel-buscador .circuitos .desplegable .responsive-full-panel { left:0; transform:translateX(100%) }
.app-web-webfront .ola-panel-buscador .circuitos .desplegable .responsive-full-panel.opened { transform:none }
}
.app-web-webfront .ola-panel-buscador .excursiones-des .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .excursiones-des .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .exc-name .input .place:before { font-family:OlaIcons2022; content:'\F104'; }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel { flex-basis:30%; max-width:120px; min-width:120px }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button { padding-left:20px; display:flex }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button:before { display:none }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button > span { margin-right:10px; padding-left:25px; position:relative; align-self:center; margin-top:2px }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button > span:before { content:'\F201'; font-family:OlaIcons2022; color:#3C3C3B; font-size:38px; position:absolute; left:0; bottom:1px; transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button > span.chd { padding-left:20px }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button > span.chd:before { font-size:28px; bottom:0 }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button:hover > span:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .cap button.opened > span:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .inputs-edades { display:flex; flex-flow:row wrap }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .inputs-edades > * { max-width:75px; min-width:75px; margin-right:5px; margin-bottom:5px }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel .edades .nme { padding-right:10px }
.app-web-webfront .ola-panel-buscador .excursiones .nme-paq .input { width:100% }
.app-web-webfront .ola-panel-buscador .excursiones .nme-paq span.icon:before { content:'\F102'; font-family:OlaIcons2022; font-size:35px }
@media screen and (max-width:1250px) {
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel { max-width:300px; }
}
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel { max-width:none; min-width:auto }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .excursiones .in-out { max-width:none; min-width:none }
.app-web-webfront .ola-panel-buscador .excursiones .pax-sel { min-width:100%; max-width:100% }
.app-web-webfront .ola-panel-buscador .row { padding-bottom: 0px }
}
.app-web-webfront .ola-panel-buscador .traslados-des .input input { padding-right:33px; text-overflow:ellipsis }
.app-web-webfront .ola-panel-buscador .traslados-des .input .icon:before { content:'\F202'; font-family:OlaIcons2022; font-size:40px }
.app-web-webfront .ola-panel-buscador .trf-name .input .place:before { font-family:OlaIcons2022; content:'\F105'; }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel { flex-basis:30%; max-width:120px; min-width:120px }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button { padding-left:20px; display:flex }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button:before { display:none }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button > span { margin-right:10px; padding-left:25px; position:relative; align-self:center; margin-top:2px }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button > span:before { content:'\F201'; font-family:OlaIcons2022; color:#3C3C3B; font-size:38px; position:absolute; left:0; bottom:1px; transition:color .5s ease }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button > span.chd { padding-left:20px }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button > span.chd:before { font-size:28px; bottom:0 }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button:hover > span:before { color:#7C8DB0 }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .cap button.opened > span:before { color:#F24147 }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .inputs-edades { display:flex; flex-flow:row wrap }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .inputs-edades > * {  max-width:75px; min-width:75px; margin-right:5px; margin-bottom:5px }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel .edades .nme { padding-right:10px }
.app-web-webfront .ola-panel-buscador .traslados .nme-paq .input { width:100% }
.app-web-webfront .ola-panel-buscador .traslados .nme-paq span.icon:before { content:'\F102'; font-family:OlaIcons2022; font-size:35px }
@media screen and (max-width:1250px) {
.app-web-webfront .ola-panel-buscador .traslados .pax-sel { max-width:300px; }
}
@media screen and (max-width:1100px) {
.app-web-webfront .ola-panel-buscador .traslados .pax-sel { max-width:none; min-width:auto }
}
@media screen and (max-width:800px) {
.app-web-webfront .ola-panel-buscador .traslados .in-out { max-width:none; min-width:none }
.app-web-webfront .ola-panel-buscador .traslados .pax-sel { min-width:100%; max-width:100% }
.app-web-webfront .ola-panel-buscador .row { padding-bottom: 0px }
}
.app-popup.solicitud-ndc .win { display:block; width:40%; padding:20px; }
.app-popup.solicitud-ndc .win h3 { text-align:center; padding:15px 0px 35px; }
.app-popup.solicitud-ndc .win p{ text-align:center; } 
.app-popup.solicitud-ndc .win a{ display:inline-block; }
.app-web-webfront .modal-privacidad { display:none; position:fixed; opacity:0; color:#3C3C3B; z-index:9999998; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }  
.app-web-webfront .modal-privacidad.show { display:block }
.app-web-webfront .modal-privacidad.open { opacity:1 }
.app-web-webfront .modal-privacidad .info-priv-seg { display:flex; flex-direction:column; background:#fff; border-radius:5px; padding:32px 15px 15px; width:90%; max-height:90%; max-width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s; text-align: left; overflow-x: scroll;    text-transform: none;}
.app-web-webfront .modal-privacidad .info-priv-seg .h4 { margin-bottom: 2rem;}
.app-web-webfront .modal-privacidad .info-priv-seg > button { width:100% }
.app-web-webfront .modal-privacidad .info-priv-seg .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s; cursor: pointer; }
.app-web-webfront .modal-privacidad .info-priv-seg .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.app-web-webfront .modal-privacidad .info-priv-seg .close:hover:before { color:#3C3C3B }
.app-web-webfront .mb-2 {
margin-bottom: 1rem
}
.app-web-webfront .mb-3 {
margin-bottom: 1rem
}
.app-web-webfront .list {
margin-left: 2rem;
}
.app-web-webfront .app-footer .msg-politicas { text-align:center; color:#7C8DB0; align-self:center; flex-grow:1; flex-shrink:1; line-height:18px; transition:text-align ease .5s }
.app-web-webfront .app-footer .msg-politicas a.button.btn-privacidad{
font-weight: 500;
color: black;
background: white;
text-align: center;
padding: 2px 5px;
text-decoration: none;
border: 1px solid #CECECE;
font-size: 12px;
height: 25px;
margin-right: 15px;
transform:translateY(-50%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
text-transform: none; 
}
.app-web-webfront .app-footer .msg-politicas .polisForm{
text-align: right;
}
.app-web-webfront .app-footer .msg-politicas a.button.btn-seguridad{
font-weight: 500;
color: black;
background: white;
text-align: center;
padding: 2px 5px;
text-decoration: none;
border: 1px solid #CECECE;
font-size: 12px;
height: 25px;
margin-right: 113px;
transform:translateY(-50%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
text-transform: none; 
}
@media screen and (max-width:1100px) {
.app-web-webfront .app-footer .msg-politicas a.button.btn-seguridad{
margin-right: 0px;
}
.app-web-webfront .app-footer .msg-politicas .polisForm{
text-align: center;
}
}
.app-web-webfront .modal-seguridad { display:none; position:fixed; opacity:0; color:#3C3C3B; z-index:9999998; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }  
.app-web-webfront .modal-seguridad.show { display:block }
.app-web-webfront .modal-seguridad.open { opacity:1 }
.app-web-webfront .modal-seguridad .info-priv-seg { display:flex; flex-direction:column; background:#fff; border-radius:5px; padding:32px 15px 15px; width:90%; max-height:90%; max-width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s; text-align: left; overflow-x: scroll;    text-transform: none;}
.app-web-webfront .modal-seguridad .info-priv-seg .h4 { margin-bottom: 2rem;}
.app-web-webfront .modal-seguridad .info-priv-seg > button { width:100% }
.app-web-webfront .modal-seguridad .info-priv-seg .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s; cursor: pointer; }
.app-web-webfront .modal-seguridad .info-priv-seg .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.app-web-webfront .modal-seguridad .info-priv-seg .close:hover:before { color:#3C3C3B }
.app-web-webfront .modal-seguridad .info-priv-seg .print { color:#1513A0; cursor: pointer;}
.popup_solicitud_ndc { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0, 0, 0, 0.5) }
.popup_solicitud_ndc .win { position:absolute; display:block; min-width:400px; top:50%; text-align:center; left:50%; background:#fff; padding:20px 50px; border-radius:4px; transform:translate(-50%, -50%); max-width:90%; max-height:90% }
.popup_solicitud_ndc .win a { display:flex; flex-grow:1; flex-shrink:1 }
.popup_solicitud_ndc .win h4 { padding-bottom:20px }
.popup_solicitud_ndc .win p { line-height:20px }
.popup_solicitud_ndc .win img { max-width:100%; max-height:100%; align-self:center; margin:0px auto }
.popup_solicitud_ndc .win .close { position:absolute; top:0px; right:0px; background:transparent }
.popup_solicitud_ndc .win .close:before { content:'\E503'; font-family:WebIcons; font-size:20px; color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }