/* 05-07-2023 */

/* VARIABLES */
:root {
    --color-body: #4D4C4D;
    --color-morado: #170C2E;
    --color-sky: #16B1CB;
    --color-azul: #1A2941;
    --color-gris: #E4E4E4;
    --font-title: 'Bebas Neue', "Roboto", "Ubuntu", Arial, sans-serif;
    --font-body: "Roboto", "Ubuntu", Arial, sans-serif;
}

div#ptw-container.ptw-horizontal-search {
    width:100%;
    max-width:100%;
    font-family:var(--font-body);
    color:#fff;
    background:transparent;
    border-radius:0;
}
div#ptw-container a {
    color:var(--color-sky);
}
div#ptw-container a:hover {
    color:#7C7C7C
}
div#ptw-container #ptw-menu {
    background:transparent;
}
div#ptw-container #ptw-menu>ul {
    max-width:1200px;
    padding-left:0;
    padding-right:0;
    border-bottom-color:transparent;
    margin:0 auto
}
div#ptw-container #ptw-menu>ul>li>a {
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:#001970;
    background:rgba(255, 255, 255, 0.9);
    padding:10px 40px;
    border:none;
    border-radius:0
}
div#ptw-container #ptw-menu>ul>li>a:hover {
    color:#fff;
    background-color:var(--color-azul);
    border:none
}
div#ptw-container #ptw-menu>ul>li:hover>a {
    color:#fff;
    background-color:var(--color-azul);
    border:none
}
div#ptw-container #ptw-menu>ul>li.ptw-active>a,
div#ptw-container #ptw-menu>ul>li.ptw-active>a:focus,
div#ptw-container #ptw-menu>ul>li.ptw-active>a:hover {
    color:#fff;
    background-color:var(--color-sky);
    border:none
}
div#ptw-container #ptw-menu>ul>li.ptw-active>a:after {
    content:" ";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:100%;
    left:50%;
    border-style:solid;
    border-width:6px 8px;
    border-color:transparent;
    border-top-color:var(--color-azul);
    margin-left:-8px;
    pointer-events:none
}
div#ptw-container #ptw-menu .ap_booker_tab:after {
    display:none
}
div#ptw-container #ptw-content {
    min-height: 85px;
    background: var(--color-morado);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.15)
}
div#ptw-container #ptw-variants {
    display:none
}
div#ptw-container #ptw-engines,
div#ptw-container #ptw-variants .ap_booker_variantGroup {
    max-width:1200px;
    padding: 20px 75px 30px;
    margin:0 auto
}
div#ptw-container .ptw-field-passengers th,
div#ptw-container .ptw-field label {
    font-size:14px;
    font-weight:400;
    line-height:120%
}
div#ptw-container .ptw-popover .ptw-field label {
    color:#7C7C7C
}
div#ptw-container .ptw-field-link:focus,
div#ptw-container .ptw-field input:focus,
div#ptw-container .ptw-field select:focus {
    border-color:#ccc
}
div#ptw-container .ptw-discounts select,
div#ptw-container .ptw-field-link,
div#ptw-container .ptw-field input,
div#ptw-container .ptw-field select {
    font-size:12px;
    color:#A7A5A5;
    line-height:36px;
    background-color:#fff;
    padding:5px 10px;
    border-color:#7A7487;
    border-radius:0!important;
    outline:none;
    height: 48px;
}
#ptw-container .ptw-field input::placeholder, #ptw-container .ptw-field-group .ptw-field input.ptw-date::placeholder {
    color: #A6A8A7;
}
div#ptw-container .ptw-field-link:hover {
    color:#A6A8A7
}
div#ptw-container .ptw-field-date .icon-calendar,
div#ptw-container .ptw-field-date .ptw-icon-calendar,
div#ptw-container .ptw-field-date .ui-datepicker-trigger {
    font-size:1rem;
    color:#A6A8A7;
    margin-top:36px;
}
div#ptw-container .ptw-dropdown-link:after {
 border-top-color:#A7A5A5
}
div#ptw-container .ptw-discounts select,
div#ptw-container .ptw-field select,
div#ptw-container.ptw-horizontal-search .ptw-discounts select,
div#ptw-container.ptw-horizontal-search .ptw-field select {
    min-width:52px;
    height: 48px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:-webkit-linear-gradient(45deg, transparent 50%, #A6A8A7 50%), -webkit-linear-gradient(315deg, #A6A8A7 50%, transparent 50%);
    background-image:-o-linear-gradient(45deg, transparent 50%, #A6A8A7 50%), -o-linear-gradient(315deg, #A6A8A7 50%, transparent 50%);
    background-image:linear-gradient(45deg, transparent 50%, #A6A8A7 50%), linear-gradient(135deg, #A6A8A7 50%, transparent 50%);
    background-position:calc(100% - 10px) calc(1.45em + 2px), calc(100% - 5px) calc(1.45em + 2px), calc(100% - 2.5em) 0.5em;
    background-size:4px 5px, 5px 4px, 1px 1.5em;
    background-repeat:no-repeat;
    padding-right:20px;
    border-radius:4px
}
div#ptw-container .ptw-popover {
 -webkit-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15);
 -moz-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15);
 box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15)
}
div#ptw-container #ptw-popover-close {
 background:transparent
}
div#ptw-container .ptw-partialStay input[type=checkbox] {
 display:inline-block;
 width:auto
}
div#ptw-container .ptw-errormsg {
 color:#ff0000
}
div#ptw-container .ptw-btn {
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    text-shadow:none;
    color:#fff;
    background: var(--color-sky);
    padding:12px;
    border-color:var(--color-sky);
    border-radius:0
}
div#ptw-container .ptw-btn:focus,
div#ptw-container .ptw-btn:hover {
    background-color:var(--color-azul);
    border-color:var(--color-azul);
    outline:none;
    box-shadow: rgba(22, 177, 203, 0.15) 0px 5px 15px;
}
div#ptw-container .ptw-field-dates,
div#ptw-container .ptw-field-group .ptw-field input {
    max-width:none
}
div.pt-customJqueryUi .ui-widget {
    font-family:var(--font-body);
    font-size:14px;
    line-height:150%;
    z-index:2;
}
div.pt-customJqueryUi .ui-widget-content a {
    color:#7C7C7C
}
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-state-focus,
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-state-hover,
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-widget-content .ui-state-focus,
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-widget-content .ui-state-hover,
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-widget-header .ui-state-focus,
div.pt-customJqueryUi .ui-menu .ui-menu-item .ui-widget-header .ui-state-hover {
    color:#7C7C7C!important;
    background:#dddfe9;
}
.pt-customJqueryUi .ui-datepicker .ui-datepicker-prev, .pt-customJqueryUi .ui-datepicker .ui-datepicker-next {
    background: var(--color-morado);
}
div.pt-customJqueryUi .ui-datepicker .ui-datepicker-header {
    font-size:16px;
    color:var(--color-morado);
    background:#fff;
    border-color:#fff
}
div.pt-customJqueryUi .ui-datepicker td a,
div.pt-customJqueryUi .ui-datepicker td span {
    padding:1em
}
div.pt-customJqueryUi div.ui-widget {
    width:100em!important;
    max-width:48em
}
div.pt-customJqueryUi .ui-state-focus,
div.pt-customJqueryUi .ui-state-hover,
div.pt-customJqueryUi .ui-widget-content .ui-state-focus,
div.pt-customJqueryUi .ui-widget-content .ui-state-hover,
div.pt-customJqueryUi .ui-widget-header .ui-state-focus,
div.pt-customJqueryUi .ui-widget-header .ui-state-hover {
    background:#7C7C7C
}
div.pt-customJqueryUi .ui-state-default:hover,
div.pt-customJqueryUi .ui-widget-content .ui-state-default:hover,
div.pt-customJqueryUi .ui-widget-header .ui-state-default:hover {
    background:var(--color-sky);
    color:#fff
}
div.pt-customJqueryUi .ui-widget-content .ptw-date-active a {
    background:rgba(26, 41, 65, 0.65);
    color: #fff;
}
div.pt-customJqueryUi .ui-state-active,
div.pt-customJqueryUi .ui-widget-content .ptw-end-date a,
div.pt-customJqueryUi .ui-widget-content .ptw-start-date a,
div.pt-customJqueryUi .ui-widget-content .ui-state-active,
div.pt-customJqueryUi .ui-widget-header .ui-state-active {
    background:var(--color-sky);
    color:#fff
}
div.pt-customJqueryUi .ptw-start-date.ptw-date-active a.ui-state-default {
 font-weight:600;
 border-radius:0
}
div.pt-customJqueryUi .ptw-end-date.ptw-date-active a.ui-state-default {
 font-weight:600;
 border-radius:0
}
div.pt-customJqueryUi .ui-widget-content .ptw-start-date a:after {
    border-left-color:var(--color-sky)
}
div.pt-customJqueryUi .ui-widget-content .ptw-end-date a:after {
    border-right-color:var(--color-sky)
}
div.pt-customJqueryUi .ui-widget-content .ptw-end-date a:after,
div.pt-customJqueryUi .ui-widget-content .ptw-start-date a:after {
    top:50%;
    border-top:22px solid transparent;
    border-bottom:22px solid transparent;
    border-left-width:8px;
    border-right-width:8px;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    margin-top:-22px
}
div#ptw-container.ptw-horizontal-search .rmsPax {
    color: #7C7C7C;
}
/* --------PROMOBOXES-------- */
.ninja-slider .ns-img {
    border-radius: 0;
}
.slide-promobox .ninja-slider .ns-img {
    height: 230px;
}
/* --------PROMOBOXES-------- */

@media (max-width:991px) {
 div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field,
 div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field-dates {
  width:50%
 }
 div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container .ptw-field-origin {
  width:50%
 }
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-field,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-field-group,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-field,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-field-group {
  width:50%
 }
 div#ptw-container.ptw-horizontal-search .ptw-fields-container+.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-partialStay+.ptw-buttons {
  width:100%;
  max-width:100%;
  text-align:right
 }
}
@media (max-width:767px) {
 div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field,
 div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field-dates {
  width:100%
 }
 div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container .ptw-field-origin {
  width:100%
 }
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-field,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container #ap_booker_singleDestination>.ptw-field-group,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-field,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-field-group {
  width:100%
 }
 div#ptw-container.ptw-horizontal-search .ptw-fields-container+.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-buttons,
 div#ptw-container.ptw-horizontal-search .ptw-partialStay+.ptw-buttons {
  text-align:center
 }
}
@media (max-width:640px) {
    div.pt-customJqueryUi div.ui-widget {
        max-width:100%;
        top:0!important;
        left:0!important;
        z-index:10000!important
    }
    #slideContainer div.slider-inner .titleSlide .titleOffer .titleOfferTxt {
        font-size: 20px;
    }
    #slideContainer div.slider-inner .titleSlide .titleBtn a.btnSlide, .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
        font-size: 13px !important;
    }
    div#ptw-container .ptw-popover {
        width:88%
    }
    div#ptw-container #ptw-engines {
        padding: 25px;
    }
}
@media (min-width:992px) {
    div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field,
    div#ptw-container.ptw-horizontal-search #ap_booker_Hotel .ptw-fields-container>.ptw-field-dates {
        width:26.5%
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage #ap_booker_FlightPackage_form{
        display: flex;
        align-items: end;
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container {
        width:80%
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-buttons {
        width:20%;
        text-align:right;
        padding-top:0;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px;
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container>.ptw-field {
        width:24%;
        margin: 0;
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container .ptw-field-dates {
        width:27%
    }
    div#ptw-container.ptw-horizontal-search #ap_booker_FlightPackage .ptw-fields-container .ptw-field-dates .ptw-field-date {
        margin: 0;
    }
    div#ptw-container.ptw-horizontal-search .ptw-partialStay .ptw-field-group .ptw-field {
        margin-right:2%
    }
    div#ptw-container.ptw-horizontal-search .ptw-fields-container>.ptw-buttons {
        margin-top:10px
    }
    div#ptw-container.ptw-horizontal-search .ptw-partialStay+.ptw-buttons {
        margin-top:10px
    }
}
div#left .sidebar-summary a.btn {
    font-weight:400;
    padding:8px 10px;
    border-color:var(--color-sky);
    background: var(--color-sky);
    color: #fff;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
}
div#left .sidebar-summary a.btn:hover {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color: var(--color-azul);
    background: var(--color-azul);
}
div#left div#ptw-container #ptw-content {
 font-family:var(--font-body);
 color:#7C7C7C;
 background:#fff;
 border-radius:0;
 -webkit-box-shadow:none;
 box-shadow:none
}
div#left div#ptw-container #ptw-engines,
div#left div#ptw-container #ptw-variants .ap_booker_variantGroup {
 padding:.5em
}
div#left div#ptw-container #ptw-variants li {
 color:#7C7C7C
}
div#left div#ptw-container .ptw-card .icon-close {
 margin-top:0
}
div#left div#ptw-container .ptw-field-passengers th,
div#left div#ptw-container .ptw-field label {
 font-family:var(--font-body);
 font-size:11px;
 color:#666;
 text-transform:none;
 margin-bottom:5px
}
div#left div#ptw-container .ptw-discounts select,
div#left div#ptw-container .ptw-field-link,
div#left div#ptw-container .ptw-field input,
div#left div#ptw-container .ptw-field select {
 font-size:12px;
 padding:5px 8px;
 border-color:#ddd
}
div#left div#ptw-container .ptw-field select#ap_hotel_destHotel {
 padding-right:20px
}
div#left div#ptw-container .ptw-field-date .icon-calendar,
div#left div#ptw-container .ptw-field-date .ptw-icon-calendar,
div#left div#ptw-container .ptw-field-date .ui-datepicker-trigger {
 font-size:16px;
 color:#001970;
 margin-top:35px;
 margin-right:4px
}
div#left div#ptw-container .ptw-buttons {
 margin-top:0;
 margin-bottom:10px
}
div#left div#ptw-container .ptw-submit-btn {
 font-size:14px;
 text-transform:none
}
@media (max-width:992px) {
 div#left .sidebar-summary a.btn {
    color:var(--color-sky);
    padding:0;
    border:none
 }
 div#left .sidebar-summary a.btn:hover {
  color:var(--color-azul);
  text-decoration:underline;
  background:transparent;
  border-color:transparent
 }
}
div.controls-pager {
 display:block;
 position:absolute;
 z-index:1;
 width:100%;
 padding:0;
 bottom:0
}
div.controls-pager a {
 width:8px;
 height:8px;
 background-color:#fff;
 -webkit-box-shadow:none;
 box-shadow:none;
 opacity:.75
}
div.controls-pager a.active {
 background-color:var(--color-sky);
 -webkit-box-shadow:none;
 box-shadow:none;
 opacity:1
}
#slideContainer div.slider-inner .titleSlide {
    display:block;
    width:90%;
    left:5%;
    right:5%;
    top:15%
}
div.slider-inner .titleSlide .slider-banner-item {
    text-decoration: none;
}
#slideContainer div.slider-inner .titleSlide .titleBtn,
#slideContainer div.slider-inner .titleSlide .titleOffer {
 display:block;
 text-align:center
}
#slideContainer div.slider-inner .titleSlide .titleOffer .titleOfferTxt {
 font-family:var(--font-body);
 font-weight:400;
 font-size: 3vw;
}
#slideContainer div.slider-inner .titleSlide .titleBtn {
 margin-top:10px
}
/* BOTONES */
#slideContainer div.slider-inner .titleSlide .titleBtn a.btnSlide, .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    text-shadow:none;
    color:#fff;
    background: var(--color-sky);
    border-color:var(--color-sky);
    border-radius:0;
    padding: 7px 15px;
    text-decoration: none;
    box-shadow: none;
}
/* BOTONES IXTAPA GRAND */
.promoIxtapaGrand .slider-inner ul li .titleSlide {
    top: auto;
    bottom: 25px;
    left: 15px;
    right: auto;
    width: auto;
}
.promoIxtapaGrand .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
    background: var(--color-morado);
}
/* BOTONES IXTAPA */
.promoIxtapa .slider-inner ul li .titleSlide {
    top: auto;
    bottom: 25px;
    left: auto;
    right: 15px;
    width: auto;
}
#slideContainer div.slider-inner .titleSlide .titleBtn a.btnSlide:hover,.slider-inner ul li .titleSlide .titleBtn a.btnSlide:hover {
    background-color:var(--color-azul);
    border-color:var(--color-azul);
    outline:none;
    box-shadow: rgba(22, 177, 203, 0.15) 0px 5px 15px;
}
@media (max-width:767px) {
 div.controls-pager {
  display:none
 }
}
@media (min-width:768px) {
    #slideContainer div.slider-inner .titleSlide {
        width:80%;
        left:10%;
        right:10%;
        top:auto;
        bottom: 25%;
    }
}
@media (min-width:1024px) {
    #slideContainer div.slider-inner .titleSlide {
    }
    #slideContainer div.slider-inner .titleSlide .titleOffer .titleOfferTxt {
        font-size:3em
    }
}
.no-slide .ninja-slider li.ns-show {
 -webkit-animation:none!important;
 animation:none!important
}
.promoBox .slider-inner ul li .titleSlide {
 top:0;
 padding-top:10%;
 padding-left:10%;
 padding-right:10%
}
.promoBox .slider-inner ul li .titleSlide .titleOffer .titleOfferTxt {
 font-family:var(--font-body)
}
.promoBox .slider-inner ul li .titleSlide b {
 font-family:var(--font-body);
 font-size:16px;
 font-weight:400
}
.promoBox .slider-inner ul li .titleSlide .titleBtn {
 margin-top:15px
}
.promoBox .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
 display:inline-block;
 font-size:14px;
 font-weight:600;
 text-transform:uppercase;
 color:rgba(255, 255, 255, 0.8);
 border-radius:0
}
.promoBox .slider-inner ul li .titleSlide .titleBtn a.btnSlide:hover {
 color:#fff
}
.promoBox .slider-inner .ns-img {
 border-radius:0
}
.promosGroup .promoBox .slider-inner ul li .titleOffer img {
 width:auto;
 height:110px;
 -webkit-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.promosGroup .promoBox .slider-inner ul li .ns-img {
 -webkit-filter:blur(5px);
 filter:blur(5px);
 -webkit-transition:all .3s ease-out;
 -o-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.promosGroup .promoBox .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
 color:#fff;
 background: rgba(23, 12, 46, 0.4);
 border:1px solid var(--color-morado)
}
.slider-inner li.loading::after {
    display: none !important;
}
.slide-promobox img {
    transition: all 0.5s ease-in-out;
}
.slide-promobox:hover img {
    transform: scale(1.2);
}
@media (min-width:768px) {
 .promosGroup .promoBox .slider-inner ul li .titleOffer img {
  height:130px
 }
}
@media (min-width:1200px) {
 .promosGroup .promoBox .slider-inner ul li .titleSlide {
  padding-top:14%
 }
 .promosGroup .promoBox .slider-inner ul li .titleSlide .titleBtn a.btnSlide {
  opacity:0
 }
 .promosGroup .promoBox .slider-inner ul li .titleSlide .titleBtn a.btnSlide:hover {
  background:rgba(23, 12, 46, 0.5)
 }
 .promosGroup .promoBox .slider-inner ul li:hover .titleOffer img {
  opacity:0
 }
 .promosGroup .promoBox .slider-inner ul li:hover .ns-img {
  -webkit-filter:blur(0);
  filter:blur(0);
  -webkit-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out
 }
 .promosGroup .promoBox .slider-inner ul li:hover .titleSlide .titleBtn a.btnSlide {
  opacity:1
 }
}