/*GENERALES*/



@media(min-width:1200px){
    .container-plus {
        max-width: 1400px;
        width: 95%;
    }
    #header-WONDER .navbar-default a {
        padding: 15px 15px!important;
    }
}

:root {
    --primary: #000f9f;
    --gris: #333333; 
}

body {
    --font: 'Montserrat';
    font-size: 16px;
    overflow-x: hidden;
}

a, a:hover, a:focus {
    color: var(--gris);
    text-decoration: none;
}

ul, li {
    list-style: none;
}

.preheader {
    background-color: #ffffff;
    padding: 5px 0;
}

.preheader .container {
    display: flex;
    align-items: center;
}

.preheader, .preheader a {
    color: var(--gris);
    font-size: 14px;
}

.preheader-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.preheader-info li, .preheader-info li a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.preheader-info i {
    color: var(--primary);
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.redes-icon i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*** BOTONERA ***/

#header-WONDER .navbar-default a:before {
    font-family: 'Material Symbols Outlined' !important;
    font-style: normal;
    color: var(--primary);
    text-decoration: inherit;
    font-size: 20px;
    font-weight: 400;
}
#btn-id-15 > a:before {
    content: 'luggage';
}
#btn-id-9 > a:before {
    content: 'map';
}
#btn-id-10 > a:before {
    content: 'sports_and_outdoors';
}
#btn-id-11 > a:before {
    content: 'explore';
}
#btn-id-6 > a:before {
    content: 'person';
}
#btn-id-7 > a:before {
    content: 'mail';
}


/*.btn-default {
    background-color: var(--primary);
    border-color: var(--primary);
    color:#FFFFFF;
    font-weight: bold;
    border-radius: 10px;
}*/

.btn-default:hover {
    background-color: #333333!important;
    border-color: #333333!important;
    color:var(--primary)
}

.navbar-default .navbar-toggle {
    border-color: transparent!important;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right!important;
    }
}

.input-group-addon {
    background: #333333;
    color: white;
    border-color: #333333;
}

.resultado #header-WONDER {
    margin-bottom: 0;
}

.resultado .jumbotron {
    margin-bottom: 30px;
}

.redes li {
    padding: 0;
    font-size: 16px;
}

#container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ficha-producto .panel-mapa, body.resultado button[data-target="#mapa"] {
    display: none!important;
}

body.services #busqueda .container {
    max-width: 1170px;
}

form.buscador-horizontal .popover-select .placeholder,
form.buscador-horizontal > .list-group-item > .popover-select > .placeholder, .popover-ocupacion > .placeholder {
    font-size: 13px!important;
}

body.producto-consultar #desglose {display: none;}

body.services .paginado .btn {background: none;}


/*HEADER*/

#logo-header {
    width: 100px;
    margin-top: 15px;
}

#header-WONDER {
    width: 100%;
    background-color:#f1f1f1;
    height: 120px;
}

#header-WONDER .navbar-default .navbar-toggle .icon-bar {
    background-color: #333333;
}

#header-WONDER .navbar-default .navbar-toggle,
#header-WONDER .navbar-default .navbar-toggle:hover {
    background-color: transparent!important;
}

#header-WONDER .navbar-default {
   background-color: transparent;
   border:none;
   margin-top: 30px;
}

#header-WONDER .navbar-default .dropdown-menu a {
    
    font-size: 16px;
    color:#333333;
} 

#header-WONDER .navbar-default a {
    color:#333333;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 12px;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 5px;
}

#header-WONDER .navbar-default a .caret {
    
}

#header-WONDER .navbar-default a:hover {
    color: var(--primary);
}

#header-WONDER .navbar-default .nav > li > a::before {
    display: inline;
    text-align: center;
}


/*HOME*/

@media (min-width: 911px) {
    .buscador-principal {
        position: absolute;
        top: 400px;
        width: 100%;
        max-width: 1170px;
        margin: 0px auto;
    }
}

.buscador-principal h4{
    background-color: var(--primary);
    margin: auto;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 8px 25px;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    max-width: 1170px;
    display: flex;
    justify-content: flex-start;
 }

.titulos-seccion {
    font-weight: 700;
    color:var(--gris);
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
    font-size: 28px;
}

#news {
    background: var(--primary);
    padding: 35px 0;
    margin-top: 50px;
}

#news form label {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    color:#FFFFFF
}

#news form input {
    height: 49px;
    padding: 6px 20px;
    border-color:transparent;
    border-radius: 35px;
}

#news form span {
    color:#FFFFFF
}

#news form .btn-default {
    font-size: 16px;
    border-radius: 35px;
    padding: 10px 20px;
    background-color: transparent;
    border-color:white;
    border-width: 2px;
}

.formas_pagos-carousel#formas_pagos-carousel_all a.formas-pago-a {
    color: var(--primary);
    font-weight: 700!important;
}



/*FOOTER*/

#logo-footer {
    width: 170px;
    margin-top: -15px;
}

#footer-WONDER {
    padding: 50px 0 35px;
    background-color: #f1f1f1;
    color: var(--gris);
    font-size: 16px;
}

#footer-WONDER a{
    color:var(--gris);
    border:none!important;
}

#footer-WONDER a:hover {
    color: var(--primary)
}

li.footer-title {
    font-weight: 700;
   padding-bottom: 10px;
}

#footer-WONDER ul li {
    margin-bottom: 7px ;
    color:var(--gris);
}

.redes-footer li i {
    width: 40px;
    height: 40px;
    font-size: 24px;
    border-radius: 50%;
    color: #fff!important;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-WONDER .fa {
    color:var(--primary);
    width: 15px;
    text-align: center;
    margin-right: 5px;
}

@media(min-width: 768px){
    #footer-WONDER .p-40 {
        padding-left: 40px;
    }
    #footer-WONDER .p-20 {
        padding-left: 20px;
    }
    div#rnav {
        justify-content: flex-end;
    }
}

div#rnav {
    display: flex;
    justify-content: center;
}

.logo-qr {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 50px;
    margin-top: 50px;
}

.logo-qr img {
    width: 50px;
}

.logos-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.logos-footer img {
    height: 60px;
}

.redes-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 768px) {   
    #footer-WONDER ul li {
        text-align: center;
    }
}

#consultar {
    background: #333333;
    padding: 10px 0;
    font-size: 15px;
}

#consultar a {
    color:#FFFFFF;
}



/*RESPONSIVE*/

@media(max-width:768px){
    
    #slidesup #sldHome .item > div {
        height: 400px!important;
        /*opacity: 0.65!important;*/
    }
    #header-WONDER {
        height: auto;
    }
    #logo-header {
        width: 100px !important;
        margin-top: -35px !important;
    }
    #header-WONDER{
        background: none!important;
    }
    #header-WONDER .navbar-default a {
        color:rgb(56 56 56)!important;
    }
    #header-WONDER .navbar-default .navbar-collapse {
        border:none;
        background-color: rgba(255, 255, 255, 0.7);
    }
    #slideinf .carousel-caption {
    width: 90%!important;
    left: 5%!important;
    top: -10px;
    }
    #sldHome2 .item > div:first-child { 
        height: 475px!important;
    }
    #logo-footer {
        margin: 0 auto 25px;
    }
    #footer-WONDER .redes {
        margin-right: 60px;
    }
    #footer-WONDER ul li {
        justify-content: center;
    }
    #news form label {
        text-align: center;
    }
}



/*** NOVEDADES ***/

@media (min-width: 992px) {
    .ficha-novedad #galeria img {
        width: 40%;
        margin: auto;
    }
}

.ficha-novedad {
    text-align: center;
}

.ficha-novedad .panel-default {
    border: none!important;
}

.ficha-novedad .descripcion {
    column-count: 1!important;
}

.ficha-novedad .descripcion ul {
    padding-left:0;
}

/*** AJUSTES FORMAS DE PAGO ***/


.formas_pagos-carousel#formas_pagos-carousel_all .panel {
    box-shadow: none!important;
    margin-bottom: 0!important;
}

/*.formas_pagos-carousel#formas_pagos-carousel_all h4.formas-pago-h4:before {
    content: 'Ver formas de pago';
    visibility: visible !important;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 10px 0px 8px;
    font-size: 18px;
    color: #007CC2;
    font-weight: 800 !important;
}*/

/*.formas_pagos-carousel#formas_pagos-carousel_all h4.formas-pago-h4,
.formas_pagos-carousel#formas_pagos-carousel_all a.formas-pago-a {
    visibility: hidden;
}

.formas_pagos-carousel#formas_pagos-carousel_all a.formas-pago-a:before {
    content: 'Consultar promociones bancarias';
    visibility: visible !important;
    position: absolute;
    left: 0;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    font-size: 13px;
    color: var(--gris);
    text-decoration: none;
}*/


.ficha-producto .list-group-item-precios {
    margin-bottom: 0!important;
}
.ficha-producto .list-group-item.list-group-item-precios .btn-block,
#fichaPaquete a.btn.btn-default.btn-theme.btn-back,
#fichaPaquete a.btn.btn-default.btn-theme.btn-print,
#fichaPaquete a.btn.btn-default.btn-theme i.fa-envelope-o {
    color: #ffffff!important;
}
.panel-group.panel-group-lists.collapse.in.panel-buscador {
    margin-top: 20px;
}

div#relacionados-container {
    display: none;
}

/*** RESULTADOS CIRCUITOS COTIZAR ***/

#desglose > .table tr.tarifa th, #desglose > .table tr.tarifa td {
    color: #333333!important;
    background-color: #F1F1F1!important;
    border: none!important;
}
#desglose > .table tr.subtotal th, #desglose > .table tr.subtotal td {
    color: #333333!important;
    background-color: #d9d9d9!important;
    border: none!important;
}
body.mkte_circuitos-consulta .conector img {
    display: none!important;
}
#gracias > div.row.row-20 > div.col-xs-12.col-sm-4 > .row > div {
    width: 100%;
}
/*** VPT ***/
body.is-excursion #btn-cotizar {
    border-radius: 10px!important;
    height: 40px;
    opacity: 1;
}
body.is-excursion select.input-sm {
    height: 40px!important;
    line-height: 40px!important;
    border-radius: 10px!important;
}
body.is-excursion form#reservar .panel {
    border: none;
}
.paso3 #reservar #habitaciones .table tr td .form-control {
    height: 40px!important;
    border-radius: 10px!important;
}
.paso3 #reservar #habitaciones .panel-body .form-control,
.paso3 #reservar #categorias .form-control,
.paso3 #reservar #regimenes .form-control,
.paso3 #reservar #idiomas .form-control {
    height: 40px!important;
    border-radius: 10px;
}
.paso3 #reservar #btn-cotizar {
    border-radius: 10px!important;
    height: 40px;
    opacity: 1;
}


/*** AJUSTES FORMAS DE PAGO ***/

.fp_vigentes #filtros {
    display: none;
}
#app .modal-formas_pago .modal-content .list-group-item .modal-forma .list-inline,
#app #modal_formas_pago_otros .modal-content .list-group-item .list-inline {
    display: none;
}
#modal_formas_pago_tarjeta tr.info > th:nth-child(2) {
    display: none;
}
#modal_formas_pago_tarjeta tr.info > th:nth-child(3) {
    display: none;
}
#app .fp_vigentes .text-monospace:nth-child(2) {
    display: none;
}
#app .fp_vigentes .text-monospace:nth-child(3) {
    display: none;
}

/*** AJUSTES CIRCUITOS ***/

.resultados .tarifa_leyenda span {
    display: block!important;
}
.mkte_circuitos-consulta .conector {
    display: none!important;
}

/*** AJUSTES AGENCIA ***/

body.PAQ .panel-heading, body.PAQ .panel-footer {
    padding: 10px 20px!important;
}
body.agencia-buscar .resultado .panel-body {
    padding: 20px 20px 20px 20px!important;
}
#fichaPaquete > .btn-default {
    background-color: var(--primary);
    padding: 7px 5px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}
#fichaPaquete a.btn.btn-default.btn-theme.btn-back, 
#fichaPaquete a.btn.btn-default.btn-theme.btn-print,
#fichaPaquete a.btn.btn-default.btn-theme {
    background-color: var(--primary)!important;
    color: #ffffff!important;
}