/**********************************/
/******    RESPONSIVE CSS    ******/
/**********************************/

.colorlib-video .popup-vimeo {
   margin-top: 0 !important;
}

h1.encabezadoSecundario {
    font-weight: bold !important;
    font-size: 40px !important;
}

ul#ulActividades li {
    width: 100%;
}

.spanNombreHotel {
    display: block;
    font-weight: bold;
    margin-left: 15px;
    text-align: left;
}

.smallGaleria {
    margin-left: 0px;
    display: block;
}

.btn.aHoteles {
    text-align: left;
}

.btn.aHoteles .imgHoteles {
    width: auto;
/*    height: 30px;*/
    margin-left: 15px;
}

.colorlib-video {
    background:  none !important;
}

@media screen and (max-width: 820px) {
    .top-menu .row {
        display: block;
        text-align: left;
    }

    .top-menu .row .col-2 {
        width: 100%;
        max-width: 100%;
    }

    .top-menu .row .col-2 .logo {
        width: 50%;
        margin: 0;
    }

    #colorlib-offcanvas ul li {
        position: relative;
    }

    #colorlib-offcanvas a {
        font-size: 18px;
        display: block;
        padding: 5px 0;
    }

    .has-dropdown::after {
        position: absolute;
        right: 0;
        top: 17px;
    }

    .flex-control-nav li {
        margin: 0 5px;
    }

    #colorlib-hero .flexslider .flex-control-nav li a {
        width: 10px;
        height: 10px;
    }

    #colorlib-reservation .nav-tabs li {
        width: auto;
        height: auto;
    }

    #colorlib-reservation .nav-tabs li.active {
        width: auto;
        height: auto;
    }

    #colorlib-reservation .nav-tabs li a {
        padding: 10px 8px !important;
        width: auto;
    }

    #colorlib-reservation .nav-tabs li a span {
        display: none;
    }

    #colorlib-reservation .nav-tabs li.active a span {
        display: table-cell;
    }

    #colorlib-reservation .tab-content {
        padding: 10px 40px;
    }

    .tab-content .tab-pane .colorlib-form .d-flex {
        display: block !important;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesVuelos {
        margin-left: 0;
        margin: 5px 0;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesPasajeros {
        margin-left: 0;
    }

    .tab-content .tab-pane .colorlib-form [class*="col-"] {
        max-width: 100%;
        flex: 1 1 100%;
        padding: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador {
        display: block;
        flex-wrap: wrap;
        margin: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-container-position {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-item {
        padding: 10px 0;
    }

    #divFechaSalida_0 {
        padding-right: 10px !important;
    }

    #divFechaBoton_0 {
        padding-left: 10px;
        padding-right: 0 !important;
    }

    .pinCalendario {
        margin-top: 14px;
        margin-left: 7px;
    }

    .float-container label {
        margin-top: -4px;
        margin-left: 27px;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup {
        display: block;
        margin: 0 auto;
        width: 96% !important;
    }

    #tHoteles .colorlib-form .row .containerBuscador .flex-container-position .flex-item-50 .flex-item-right {
        padding: 0 !important;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup .btnBuscador {
        width: 100%;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador #collapse-busqueda [class*="flex-container-"] {
        display: block;
    }

    #colorlib-hotel,
    #colorlib-ofertasEspeciales,
    .colorlib-tour,
    .colorlib-wrap,
    #colorlib-contact,
    #colorlib-intro,
    #colorlib-testimony,
    #colorlib-blog,
    #colorlib-amenities,
    #colorlib-subscribe,
    #colorlib-subscribe1,
    #colorlib-footer {
        padding: 2em 0;
    }

    .w-range {
        width: 8rem !important;
        float: none;
    }

    #divOfertasEspeciales .precio span.simbolo,
    #divOfertasEspeciales .precio span.valorPrecio,
    #divOfertasEspeciales .precio span.etiqueta {
        font-size: 12px;
    }

    #divOfertasEspeciales .tituloPromocion {
        display: block;
        margin: 0px !important;
        height: 60px !important;
        font-size: 20px;
    }

    #colorlib-footer .row [class*="col-"] {
        max-width: 100%;
        flex: 1 1 100%;
    }

    #colorlib-footer .col {
        text-align: center;
    }

    #colorlib-footer .logo {
        width: 80%;
    }

    .list-unstyled.line-left {
        border-left: none;
        border-top: 2px solid #e32d2d;
        padding-top: 15px;
        margin-bottom: 0 !important;
        margin-top: 20px !important;
    }

    .list-unstyled.line-left > li {
        margin: 0 !important;
    }

    .list-unstyled {
        margin: 0 !important;
        text-align: center;
    }

    #colorlib-footer h4 {
        font-size: 18px;
        text-align: center;
    }

    .colorlib-social-icons {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .colorlib-social-icons a {
        width: 44px;
        height: 44px;
    }

    .colorlib-social-icons li {
        margin: 0 5px;
    }

    .colorlib-social-icons li a i {
        font-size: 20px;
        margin-left: -4px;
    }

    .opcionesHuespedes {
        margin-left: 0;
    }

    .calendarioHotelHide {
        top: 6.5rem;
        right: 0;
        width: 100%;
    }

    .k-calendar > .k-calendar-header {
        position: relative;
        height: 50px;
        overflow-y: hidden;
    }

    .k-calendar-range .k-calendar-header .k-title {
        position: absolute;
        top: 7px;
        left: 0;
        width: 160px !important;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }

    .k-calendar-header .k-calendar-nav {
        position: absolute;
        right: 10px;
    }

    .k-calendar.k-calendar-range:not(.k-calendar-infinite) .k-calendar-view {
        display: block;
    }

    .k-calendar-range .k-calendar-view.k-calendar-monthview .k-content.k-month {
        margin-left: 0;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner {
        vertical-align: bottom;
        height: 40.625rem;
        padding: 20px 20px 60px;
    }

    #rPromociones,
    .promocionRenglon {
        width: 100% !important;
        padding: 20px 20px !important;
        margin: 0 !important;
    }

    #rPromociones > div,
    .promocionRenglon > div {
        max-width: 100%;
        flex: 1 1 100%;
        text-align: center;
    }

    #colorlib-subscribe {
        background-position: center !important;
        height: auto !important;
    }

    #colorlib-subscribe .text-salebox {
        text-align: center;
    }

    #colorlib-subscribe .text-salebox img {
        width: 80%;
        margin: 0 auto 20px;
    }

    .parrafoEncabezado {
        width: 100% !important;
    }

    .modal.show .modal-dialog {
        width: 100%;
        margin: 0 10px;
    }

    .modal .modal-content {
        width: 100% !important;
        max-width: calc(100% - 20px);
    }

    #custCarousel .carousel-indicators li img {
        display: block;
        opacity: 0.5;
        width: 33px;
        max-width: unset;
    }

    .colorlib-about p.textoJustificado {
        height: auto;
    }

    .nci-contenedor-title {
        position: absolute;
        top: -1px;
        right: -6px;
        left: auto;
        display: block;
    }

    .nci-position {
        position: absolute;
        top: inherit;
        right: inherit;
        left: auto;
        width: 375px;
        display: block;
    }

    .w-100-custom {
        position: relative;
        top: 0;
        height: 650px;
    }

    .w-100-custom .frame-txt-negra {
        background: rgba(0,0,0,0.5);
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .services.bordeDerecho {
        border-right: none;
    }

    .services.bordeIzquierdo {
        border-left: none;
    }

    .about-flex .col-three-forth {
        width: 100%;
        padding: 20px;
    }

    #custCarousel {
        width: 100% !important;
    }

    .parrafoInformacion {
        height: auto;
        max-height: unset;
    }

    ul#ulActividades {
        margin-left: -18px;
        width: 100%;
    }

    #colorlib-hotel [class*="col"] {
        padding: 0 30px !important;
        display: block !important;
    }

    .imgAutogestion {
        width: 100%;
    }

    #colorlib-subscribe .row {
        display: block;
        text-align: center;
    }

    #colorlib-subscribe .col {
        margin-bottom: 40px;
    }

    #colorlib-subscribe .col:last-child {
        margin-bottom: 0;
    }

    #colorlib-subscribe .col img {
        width: auto;
        height: 80px;
    }

    #colorlib-subscribe .container {
        margin-top: 20px !important;
    }

    #colorlib-subscribe [class*="col"] {
        max-width: unset;
    }

    .contactanos li {
        margin: 0 0 20px !important;
    }

    .float {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 10px;
        right: 0px;
        top: 10rem;
    }

    .float .iconoFaq {
        margin-top: 8px;
        width: 28px;
    }

    #divContenedorPreguntas .card {
        height: auto !important;
    }

    #divContenedorPreguntas .card .card-body {
        padding: 20px;
    }

    #colorlib-offcanvas {
        background: rgba(0,0,0,0.75);
    }

    #mPromocionContacto .modal-body .row .d-inline-flex,
    #mContactanos .modal-body .row .d-inline-flex {
        display: block !important;
    }

    #txtPromocionContactoTelefono,
    #txtContactoTelefono,
    .serializar,
    .iti {
        width: 100% !important;
    }

    .iti {
        margin-bottom:  15px;
    }

    #txtContactoTelefono {
        margin-right: 60px;
    }

    .colorlib-video, .video-overlay {
        background: none !important;
    }

    .colorlib-video {
        height: auto;
    }

    .colorlib-video iframe {
        width: 100%;
    }

    .spanNombreHotel {
        text-align: left;
    }

    .smallGaleria {
        font-weight: bold !important;
        padding: 5px 10px;
        padding-left: 0;
        border-radius: 8px;
        display: block;
        width: 100px;
        text-align: left;
        margin-left: 0;
    }

    .services .icon {
        margin: 0 auto;
    }

    div.outer {
        position: absolute;
        height: 50px;
        top: 26px;
        right: 60px;
        width: 100px;
    }

    div.outer img {
        width: 100px;
        position: relative;
        right: auto;
        bottom: auto;
    }

    .k-listbox .k-item, .k-popup .k-list .k-item,
    .form-1-box fieldset {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .about-flex .col-three-forth {
        width: 100%;
    }

    .contactanos {
        text-align: left;
    }

    .contactanos a {
        display: block;
        height: auto;
    }

    .contactanos a i {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
        position: relative;
    }

    .contactanos a i:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px;
    }

    .contactanos a span {
        display: inline-block;
        vertical-align: middle;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
        font-family: 'Aileron-Thin', sans-serif !important;
    }

    .calendarioVueloRedondoHide {
        width: 100%;
        top: 10.5rem;
        right: 0px;
    }

    .k-calendar table.k-content,
    .k-calendar table.k-calendar-content,
    .k-calendar .k-calendar-table.k-content,
    .k-calendar .k-calendar-table.k-calendar-content {
        display: table;
    }

    .form-check-inline .form-check-input {
        width: auto !important;
    }

    .colorlib-video .popup-vimeo {
       margin-top: -45px !important;
    }

    .nci-contenedor-title {
        position: absolute;
        top: -1px;
        right: -6px;
        left: auto;
        display: block;
    }

    .nci-position {
        position: absolute;
        top: inherit;
        right: inherit;
        left: auto;
        width: max-content;
        width: -webkit-max-content;
        display: block;
        padding-left: 10px;
    }

    .nci-position.btn-ribbon:before {
        content: "";
        color: transparent;
        padding: 0;
        z-index: 100;
        margin: 0px;
        position: absolute;
        left: -5px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 15px solid rgba(0,0,0,0.5);
        top: 2px;
        background: none !important;
    }

    ul#ulServicios {
        margin-left: 0;
        overflow: visible;
        padding: 0;
    }

    ul#ulServicios li.liClass2 {
        display: block;
        width: 100%;
        position: relative;
    }

    ul#ulServicios li.liClass2 .form-check-input {
        margin-left: 0;
    }

    ul#ulServicios li.liClass2 label {
        display: inline-block;
        padding-left: 18px;
    }

    #colorlib-reservation .nav-tabs li a img {
        width: 35px;
    }

    .k-animation-container {
        border-radius: 0 0 1px 1px;
        width: calc(100% - 20px) !important;
        left: 10px !important;
    }

    .k-animation-container > .k-list-container {
        min-width: unset !important;
        width: 100% !important;
    }

    .colorlib-wrap .container.pl-5 {
        padding-left: 1rem !important;
    }

    .colorlib-wrap .container.pl-5 .row.p-0 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .ajusteServicios {
        width: 100%;
        height: auto;
    }

    .facilities-list {
        margin: 10px auto !important;
        padding: 0;
        width: 100%;
    }

    .login-box.Booking-box,
    .login-box.Booking-box .row {
        margin: 0;
        padding: 0 !important;
    }

    .login-box.Booking-box .row .col-lg.d-inline-flex{
        display: inline-block !important;
    }

    .login-box.Booking-box .row h3 {
        padding-left: 15px;
    }

    .login-box.Booking-box .row .form-control {
        margin-bottom: 10px;
    }

    .TravelGo-category-content h3,
    .cart-details_text .TravelGo-category-content-title-item h3 {
        float: none;
        position: relative;
        width: 100%;
    }

    .TravelGo-category-content-title-item {
        float: none;
    }

    .TravelGo-opt-list {
        position: absolute;
        width: 130px;
        top: 24px;
    }

    .conjuntoPrecio {
        margin: 0 !important;
    }

    .TravelGo-category-content-title .spanPrecio {
        margin: 0 15px 0 0 !important;
    }

    .TravelGo-category-content-title .precioDecimales {
        margin-left: 0 !important;
        top: 8px;
        right: 0;
        position: absolute;
    }

    .TravelGo-category-content-title .tipoMoneda {
        margin-left: 0 !important;
        top: 20px !important;
        position: absolute;
        right: 0;
    }

    span.tituloGrupo {
        display: inline-block;
        width: 50%;
        text-align: left;
        margin: 0 !important;
    }

    h3.hotelPrecio.TravelGo-opt-list {
        width: 50% !important;
        display: inline-block;
        position: relative;
        top: 5px;
    }

    .flexslider .slides .container-fluid .row .col-lg-6.offset-md-2.col-sm-12.col-12.slider-text {
        margin-left: 0 !important;
        padding-left: 15px !important;
    }

    .calendarioAutosHide {
        top: 10.5rem;
        right: 0;
        width: 100%;
    }

    .encabezado,
    .contenidoDetalle {
        display: block;
    }

    .listroBox .contenidoIzq {
        display: block;
        padding: 20px;
    }

    .listroBox .contenidoIzq .item {
        display: inline-block;
        width: 50%;
        margin-bottom: 5px;
    }

    .listroBox .contenidoIzq .item:first-child {
        width: 25px;
    }

    .listroBox .contenidoIzq .item.masDetalle {
        width: 100%;
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 10px;
    }

    .d-grid-detalle {
        display: block;
    }

    .d-grid-detalle .text-center {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    .d-grid-detalle .text-center.align-self-center {
        width: 100%;
        margin-bottom: 10px;
    }



}

@media screen and (min-width: 821px) and (max-width: 1023px) {
    #rPromociones > div {
        max-width: 50%;
        flex: 1 1 100%;
        text-align: center;
    }

    .colorlib-video, .video-overlay {
        background: none !important;
    }

    .nci-contenedor-title {
        position: absolute;
        top: -1px;
        right: -6px;
        left: auto;
        display: block;
    }

    .nci-position {
        position: absolute;
        top: inherit;
        right: inherit;
        left: auto;
        width: max-content;
        width: -webkit-max-content;
        display: block;
        padding-left: 10px;
    }

    .nci-position.btn-ribbon:before {
        content: "";
        color: transparent;
        padding: 0;
        z-index: 100;
        margin: 0px;
        position: absolute;
        left: -5px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 15px solid rgba(0,0,0,0.5);
        top: 2px;
        background: none !important;
    }

    .nci-position.btn-ribbon .fondo {
        min-height: 30px;
    }

    #colorlib-subscribe, #colorlib-subscribe1 {
        height: auto !important;
        padding: 20px 0;
    }

    #colorlib-subscribe .container {
        margin-top: 0;
        max-width: unset !important;
        width: 100% !important;
    }

    #colorlib-subscribe .container {
        margin-top: 20px !important;
    }

    .tour-wrap .tour-entry .tour-img,
    .tour-wrap .tour-entry:hover .tour-img {
        top: 0;
    }

    .tour-wrap .tour-entry .desc {
        z-index: 10;
        background-color: rgba(0,0,0,0.5);
    }

    .tour-wrap .tour-entry .desc h2 {
        color: #fff;
    }

    .tour-wrap .tour-entry .desc .city {
        display: block;
        color: #fff;
        margin-bottom: 5px;
    }

    div.outer img {
        bottom: 8rem;
    }

    .about-flex .col-three-forth {
        width: 100%;
    }

    .contactanos {
        text-align: left;
    }

    .contactanos a {
        display: block;
        height: auto;
    }

    .contactanos a i {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
        position: relative;
    }

    .contactanos a i:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px;
    }

    .contactanos a span {
        display: inline-block;
        vertical-align: middle;
    }

    .float {
        top: 6rem;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
        font-family: 'Aileron-Thin', sans-serif !important;
    }

    .float {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 10px;
        right: 0px;
        top: 6rem;
    }

    .float .iconoFaq {
        margin-top: 8px;
        width: 28px;
    }

    #divContenedorPreguntas .card {
        height: auto !important;
    }

    #divContenedorPreguntas .card .card-body {
        padding: 20px;
    }

    #colorlib-hero .flexslider .flex-control-nav li a {
        width: 10px;
        height: 10px;
    }

    #colorlib-reservation .nav-tabs li {
        width: auto;
        height: auto;
    }

    #colorlib-reservation .nav-tabs li.active {
        width: auto;
        height: auto;
    }

    #colorlib-reservation .nav-tabs li a {
        padding: 10px 8px !important;
        width: auto;
    }

    #colorlib-reservation .nav-tabs li a span {
        display: none;
    }

    #colorlib-reservation .nav-tabs li.active a span {
        display: table-cell;
    }

    #colorlib-reservation .tab-content {
        padding: 10px 40px;
    }

    .tab-content .tab-pane .colorlib-form .d-flex {
        display: block !important;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesVuelos {
        margin-left: 0;
        margin: 5px 0;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesPasajeros {
        margin-left: 0;
    }

    .tab-content .tab-pane .colorlib-form [class*="col-"] {
        max-width: 100%;
        flex: 1 1 100%;
        padding: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador {
        display: block;
        flex-wrap: wrap;
        margin: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-container-position {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-item {
        padding: 10px 0;
    }

    #divFechaSalida_0 {
        padding-right: 10px !important;
    }

    #divFechaBoton_0 {
        padding-left: 10px;
        padding-right: 0 !important;
    }

    .pinCalendario {
        margin-top: 14px;
        margin-left: 7px;
    }

    .float-container label {
        margin-top: -4px;
        margin-left: 27px;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup {
        display: block;
        margin: 0 auto;
        width: 96% !important;
    }

    #tHoteles .colorlib-form .row .containerBuscador .flex-container-position .flex-item-50 .flex-item-right {
        padding: 0 !important;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup .btnBuscador {
        width: 100%;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador #collapse-busqueda [class*="flex-container-"] {
        display: block;
    }

    .form-check-inline .form-check-input {
        width: auto !important;
    }

    .colorlib-video .popup-vimeo {
       margin-top: -45px !important;
    }

    .nci-contenedor-title {
        position: absolute;
        top: -1px;
        right: -6px;
        left: auto;
        display: block;
    }

    .nci-position {
        position: absolute;
        top: inherit;
        right: inherit;
        left: auto;
        width: max-content;
        width: -webkit-max-content;
        display: block;
        padding-left: 10px;
    }

    .nci-position.btn-ribbon:before {
        content: "";
        color: transparent;
        padding: 0;
        z-index: 100;
        margin: 0px;
        position: absolute;
        left: -5px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 15px solid rgba(0,0,0,0.5);
        top: 2px;
        background: none !important;
    }

    .calendarioVueloRedondoHide {
        top: 10.5rem;
        right: 0;
        width: 100%;
    }

    .k-calendar table.k-content, .k-calendar table.k-calendar-content, .k-calendar .k-calendar-table.k-content, .k-calendar .k-calendar-table.k-calendar-content {
        display: inline-block;
    }

    ul#ulServicios {
        margin-left: 0;
        overflow: visible;
        padding: 0;
    }

    ul#ulServicios li.liClass2 {
        display: block;
        width: 100%;
        position: relative;
    }

    ul#ulServicios li.liClass2 .form-check-input {
        margin-left: 0;
    }

    ul#ulServicios li.liClass2 label {
        display: inline-block;
        padding-left: 18px;
    }

    .k-animation-container {
        border-radius: 0 0 1px 1px;
        width: calc(100% - 20px) !important;
        left: 10px !important;
    }

    .k-animation-container > .k-list-container {
        min-width: unset !important;
        width: 100% !important;
    }

    #colorlib-footer .colorlib-social-icons li a {
        position: relative;
    }

    #colorlib-footer .colorlib-social-icons li a i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -5.5px;
        margin-top: -5.5px;
    }

    .calendarioAutosHide,
    .calendarioHotelHide {
        right: 0;
        width: 100%;
    }

    .flexslider .slides .container-fluid .row .col-lg-6.offset-md-2.col-sm-12.col-12.slider-text {
        margin-left: 0 !important;
    }


}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    #rPromociones {
        width: 100% !important;
    }

    .tituloPrincipal {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
    }

    .colorlib-video .popup-vimeo {
        margin-top: 0 !important;
    }

    .colorlib-video, .video-overlay {
        background: none !important;
    }

    .nci-contenedor-title {
        position: absolute;
        top: -1px;
        right: -6px;
        left: auto;
        display: block;
    }

    .nci-position {
        position: absolute;
        top: inherit;
        right: inherit;
        left: auto;
        width: max-content;
        width: -webkit-max-content;
        display: block;
        padding-left: 10px;
    }

    .nci-position.btn-ribbon:before {
        content: "";
        color: transparent;
        padding: 0;
        z-index: 100;
        margin: 0px;
        position: absolute;
        left: -5px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 15px solid rgba(0,0,0,0.5);
        top: 2px;
        background: none !important;
    }

    .nci-position.btn-ribbon .fondo {
        min-height: 30px;
    }

    #colorlib-subscribe, #colorlib-subscribe1 {
        height: auto !important;
        padding: 20px 0;
    }

    #colorlib-subscribe .container {
        margin-top: 0;
        max-width: unset !important;
        width: 100% !important;
    }

    #colorlib-subscribe .container {
        margin-top: 20px !important;
    }

    .tour-wrap .tour-entry .tour-img,
    .tour-wrap .tour-entry:hover .tour-img {
        top: 0;
    }

    .tour-wrap .tour-entry .desc {
        z-index: 10;
        background-color: rgba(0,0,0,0.5);
    }

    .tour-wrap .tour-entry .desc h2 {
        color: #fff;
    }

    .tour-wrap .tour-entry .desc .city {
        display: block;
        color: #fff;
        margin-bottom: 5px;
    }

    div.outer img {
        bottom: 8rem;
    }


    #colorlib-reservation .tab-content {
        padding: 10px 40px;
    }

    .tab-content .tab-pane .colorlib-form .d-flex {
        display: block !important;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesVuelos {
        margin-left: 0;
        margin: 5px 0;
    }

    .tab-content .tab-pane .colorlib-form .d-flex .opcionesPasajeros {
        margin-left: 0;
    }

    .tab-content .tab-pane .colorlib-form [class*="col-"] {
        max-width: 100%;
        flex: 1 1 100%;
        padding: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador {
        display: block;
        flex-wrap: wrap;
        margin: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-container-position {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .flex-item {
        padding: 10px 0;
    }

    #divFechaSalida_0 {
        padding-right: 10px !important;
    }

    #divFechaBoton_0 {
        padding-left: 10px;
        padding-right: 0 !important;
    }

    .pinCalendario {
        margin-top: 14px;
        margin-left: 7px;
    }

    .float-container label {
        margin-top: -4px;
        margin-left: 27px;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup {
        display: block;
        margin: 0 auto;
        width: 96% !important;
    }

    #tHoteles .colorlib-form .row .containerBuscador .flex-container-position .flex-item-50 .flex-item-right {
        padding: 0 !important;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador .columnaBotones .buttonGroup .btnBuscador {
        width: 100%;
    }

    .tab-content .tab-pane .colorlib-form .containerBuscador #collapse-busqueda [class*="flex-container-"] {
        display: block;
    }

    .k-listbox .k-item, .k-popup .k-list .k-item,
    .form-1-box fieldset {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .about-flex .col-three-forth {
        width: 100%;
    }

    #colorlib-hotel,
    #colorlib-ofertasEspeciales,
    .colorlib-tour,
    .colorlib-wrap,
    #colorlib-contact,
    #colorlib-intro,
    #colorlib-testimony,
    #colorlib-blog,
    #colorlib-amenities,
    #colorlib-subscribe,
    #colorlib-subscribe1,
    #colorlib-footer {
        padding: 2em 0;
    }

    .float {
        top: 6rem;
    }

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
        font-family: 'Aileron-Thin', sans-serif !important;
    }

    .float {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 10px;
        right: 0px;
        top: 6rem;
    }

    .float .iconoFaq {
        margin-top: 8px;
        width: 28px;
    }

    #divContenedorPreguntas .card {
        height: auto !important;
    }

    #divContenedorPreguntas .card .card-body {
        padding: 20px;
    }

    .form-check-inline .form-check-input {
        width: auto !important;
    }

    .colorlib-video .popup-vimeo {
       margin-top: -45px !important;
    }

    .calendarioVueloRedondoHide {
        top: 10.5rem;
        right: 0;
        width: 100%;
    }

    ul#ulServicios {
        margin-left: 0;
        overflow: visible;
        padding: 0;
    }

    ul#ulServicios li.liClass2 {
        display: block;
        width: 100%;
        position: relative;
    }

    ul#ulServicios li.liClass2 .form-check-input {
        margin-left: 0;
    }

    ul#ulServicios li.liClass2 label {
        display: inline-block;
        padding-left: 18px;
    }

    .bg-gray .row,
    .row.promocionRenglon {
        width: 100%;
    }

    .k-animation-container {
        border-radius: 0 0 1px 1px;
        width: calc(100% - 20px) !important;
        left: 10px !important;
    }

    .k-animation-container > .k-list-container {
        min-width: unset !important;
        width: 100% !important;
    }

    .contactanos a i {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
        position: relative;
    }

    .contactanos a i:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px;
    }

    .calendarioAutosHide,
    .calendarioHotelHide {
        right: 0;
        width: 100%;
    }

    .flexslider .slides .container-fluid .row .col-lg-6.offset-md-2.col-sm-12.col-12.slider-text {
        margin-left: 0 !important;
    }

}