/***** FUENTE *****/
#companyFront {border-bottom: 5px solid #FF0000;}
.menu-languages [data-toggle] {color: #fff !important;}
#partialHeader>.header-top {padding-top: 0px; padding-bottom: 0px;}
#partialHeader>.header-top {padding-top: 0px; padding-bottom: 0px;}

/***** TITULOS ******/
div.load-html-on-show[data-identifier=opiniones] {border-bottom: 1px dashed #989898; margin-bottom: 10px;}
div.condiciones-hotel {border-bottom: 1px dashed #989898; margin-bottom: 20px;}

/***** HEADER-WEB MULTIAFILIACION******/
.multi-affiliation-sale [class="margin-b-0 margin-t-5 app-scroll address"] {display: none;}
.multi-affiliation-sale [class="pull-right hidden-xs margin-0"] {display: none;}
.multi-affiliation-sale #partialHeader>div.header-bottom {border-bottom: none; padding: 8px 0px 5px;}
.multi-affiliation-sale .section-divider {padding-top: 0px;}
.multi-affiliation-sale #partialHeader>div.header-bottom .logo {margin-left: 0px;}
.multi-affiliation-sale .nav>li>a {padding: 5px 15px; background-color: #f2f2f2;}
@media (max-width: 992px) {.multi-affiliation-sale #mainFrame .container:nth-child(12) {display: none;}}
@media (max-width: 992px) {.multi-affiliation-sale #multiAffiliationSaleComponent .container {display: none;}}

/***** HEADER TABS MULTIAFILIACION******/
.multi-affiliation-sale .nav-tabs {border-bottom: none;}
.multi-affiliation-sale .nav-tabs>li  {margin-bottom: 0px !important;}
.multi-affiliation-sale .nav-tabs>li>a {border: 1px solid #ccc !important; border-bottom: none !important; margin-right: 10px; min-width: 160px; text-align: center;}
#multiAffiliationSaleComponent .nav>li>a>img {max-height: 20px !important; height: auto !important;}
#multiAffiliationSaleComponent .tab-content .tab-pane .affiliation-container .frame-container iframe {margin-top:0px !important;}

/***** HEADER PORTAL******/
#partialHeader>.header-top {padding-top: 10px; padding-bottom: 10px;}

/***** BODY MULTIAFILIACION******/
.multi-affiliation-sale [class="font-uc font-24 margin-t-10 margin-b-10"] {font-size: 20px; color: #555;}
.multi-affiliation-sale #partialHeader.show-certificate>div.header-bottom {box-shadow: none !important;}
.multi-affiliation-sale #partialHeader #pageBreadCrumbs {display: none;}

/**** BUSCANDO DISPO. MULTIAFILIACIONES *****/
.affiliation-container > .frame-load > .load-message > img.frame-load-affiliate {display: none;}

/***** HEADER ******/
#partialHeader div.header-top a.logo-header-top:not(#partialHeader.model-company div.header-top a.logo-header-top), .theme-hidden {display: none;}
#partialHeader.model-company>div.header-bottom {padding-top: 5px !important;}
#partialHeader.show-certificate>div.header-top ul.list-inline {margin-top: 0px;}
#partialHeader.show-certificate>div.header-bottom .logo h1 {margin:0px;}
#partialHeader>div.header-bottom .logo {margin-left: 0px !important; padding-top: 5px;}
#partialHeader.show-certificate>div.header-bottom .logo .rating {margin-top: 2px;}
#partialHeader>div.header-top ul.info-header li {color: #cccccc !important;}
[class="pull-right hidden-xs margin-0"] {margin-top: -5px;}
#partialHeader>div.header-bottom {border-color: #ccc !important;}
#partialHeader.show-certificate>div.header-fixed {
    -webkit-box-shadow: 0px 10px 14px -5px rgba(153,153,153,1);
    -moz-box-shadow: 0px 10px 14px -5px rgba(153,153,153,1);
    box-shadow: 0px 10px 14px -5px rgba(153,153,153,1);
    z-index: 20;}

/**** IDIOMAS *****/
.menu-languages .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {color: #ccc;}
.menu-languages .dropdown-menu>li>a {border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 16px;}
.menu-languages .dropdown-menu.pull-right {padding: 0px !important; min-width: auto;}
html[lang="ar"] > body {direction: rtl;}
html[lang="ar"] #componentGallery {direction: ltr;}
html[lang="ar"] #partialHeader>.header-top {direction: ltr;}
.menu-languages {text-transform: uppercase;}


/**** IZQUIERDA BOX *****/
#componentTabInfo .col-lg-3,
#tabsInfoComponentContainer .col-lg-3 {
    border: 1px solid #cccccc;
    border-top: 0;
    background-color: #ffffff;
}

/**** PHONE BOX *****/
.slider-xxl #accommodationOfficialInfoContainer .official-info {color: #ffffff !important;background-color: rgba(85, 85, 85, 0.5) !important; border-radius: 0;}
.slider-xxl #accommodationOfficialInfoContainer .official-info a {color: #ffffff !important; text-decoration: underline;}


/**** BACK *****/
#tabsInfoComponentContainer {background-color: #f2f2f2 !important;}

/**** LOGO EMPRESA *****/
#partialGuarantee .contact {padding-bottom: 20px; padding-top: 30px; color: #989898 !important;}
#partialGuarantee .contact>p.text-center {background-color: #989898; padding: 3px; border-radius: 2px; color: #ffffff !important; }

/**** FOOTER 1 *****/
#partialGuarantee { padding: 36px 0 !important; }

/**** FOOTER DATOS EMPRESA *****/
#cookiePolicyInfo {display: none !important;}
div.footer-legal-info {display: none;}

/**** GALERIA *****/
.base-primary-gray-c, .base-primary-gray-c-h:hover, .active .base-primary-gray-c-a, .base-primary-gray-c-f:focus {color: #555 !important;}
.flex-direction-nav {display: block !important;}
#componentGallerySlider .flex-direction-nav a.flex-prev {right: 10px !important;}
@media (max-width: 1200px) {#componentGallerySlider {background-color: #fff !important; border-color: #fff !important;}}
#componentGalleryCarousel .flex-direction-nav a:before {background: #555;}
.flexslider .flex-direction-nav a:before {background: #ec5b14; border-radius: 10%; padding: 2px 8px;}

/**** GALERIA XXL*****/
#photoHero {background-color: #FFFFFF !important;}

/**** BODY *****/
#componentTabInfo .tab-content>.tab-pane {border: 1px solid #ccc; border-top: none; }
.base-primary-white-bg last-child {background-color: #f2f2f2 !important;}
.service-condition tr td:nth-child(1) {background-color: #fff !important; border-right: solid 1px #4b91e2; text-align: right;}

/**** ROOMS *****/
#componentTabInfo div.icon-pax {margin-bottom: 12px; border: 1px solid #ccc !important;}
#componentTabInfo div.room-item div.room-name {padding: 7px; border-radius: 0 5px 5px 0;}
.base-success-c, .base-success-c-h:hover, .base-success-c-f:focus {background-color: #ec5b14; padding: 10px 20px; color: #fff !important; border-radius: 3px; text-decoration: none !important; cursor: pointer; text-transform: uppercase;}
#viewAllRooms {margin-top: 20px !important;}
.base-success-bg, .base-success-bg-h:hover, .base-success-bg-f:focus {background-color: #ec5b14 !important;}

/**** CONTACTO *****/
.list-inline>li {vertical-align: middle;}
.required {color: #a94442;}

/**** WIDGET BOOKING BOX *****/
[data-btn-type="rate"] {border: none !important;}

section.availabilitySearchComponent[data-view=simple] form div.back-to-pax {text-transform: uppercase; font-size: 15px; background-color: #000 !important;}
section.availabilitySearchComponent[data-view=simple] form .legend {padding-top: 0px !important; padding-bottom: 10px !important;}

@media (max-width: 1200px) {#searchGalleryContainer .availabilitySearchComponent {padding-bottom: 50px;}}
@media (max-width: 1200px) {section.availabilitySearchComponent[data-view=simple] form .legend {margin-bottom: 10px !important;}}

/**** WIDGET BOOKING BOX XXL*****/
.slider-xxl .slider-inside .app-well {background-color: #33333385 !important;border: none; border-top: 1px solid;}
section.availabilitySearchComponent[data-view=simple] form #bestPriceGuaranteed {margin-top: 10px !important; border-top: none !important; padding: 0px !important;}
.slider-xxl #photoHero .availabilitySearchComponent form.availability-search, .slider-xxl #photoHero .availabilitySearchComponent form.availability-search .info, .slider-xxl #photoHero .availabilitySearchComponent form.availability-search h4 {color: #ffffff !important; min-width: 270px !important;}
#searchGalleryContainer [type="submit"] {background-color: #ec5b14 !important; border-color: #ec5b14 !important;}

/**** WIDGET BOOKING ROOMS*****/
#availabilitySearchSimpleModal .modal-content:nth-of-type(1) .modal-body:nth-of-type(2) {background-color: #f2f2f2; border-top: 1px solid #ccc;}
#availabilitySearchSimpleModal .base-secondary-gray-b {border: none;}
#availabilitySearchSimpleModal .base-secondary-black-bg {display: none;}

/**** FORM DE CONTACTO *****/
#contactComponent .won-info {margin-bottom: 20px;}

/**** POPAP ENLACE *****/
#searchGalleryContainer [class="btn btn-xs base-secondary-bg base-primary-white-c border-rd-2"] {padding: 10px; background-color: #ec5b14 !important;}
#searchGalleryContainer [class="text-center margin-t-10"] {border-top: 1px dashed #989898 !important; padding-top: 20px;}
#searchGalleryContainer [class="text-center font-uc font-36 margin-b-20"] {font-size: 26px !important; color: #ec5b14 ;}

/**** MAPA *****/
#componentLocation address label a[data-toggle="modal"] {display: none;}
#componentLocation>#gmapStatic {display: none;}

/**** CUENTA REGRESIVA *****/
.countdown-container {background-color: #4fab50 !important; padding: 6px !important;}
[class='countdown base-primary-bg base-primary-white-c border-0 is-countdown'] {background-color: #4fab50 !important;}
#multiAffiliationCountdownContainer {margin-top: -33px;}


/**** MIGA-DE-PAN-HEADER *****/
#partialHeader #pageBreadCrumbs {background-color: #f2f2f2 !important; border: none;}

/**** COM-YANGON.COM — FULL LAYOUT FIX *****/

/* Base */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}
#mainFrame {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}
.container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
img.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ── HEADER: overlay on hero ── */
#partialHeader.model-company {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    width: 100%;
}
#partialHeader.model-company > div.header-top {
    background: rgba(50, 55, 58, 0.92) !important;
    padding: 8px 0;
    border-bottom: none;
}
#partialHeader.model-company > div.header-bottom {
    display: block !important;
    background: transparent !important;
    border: none !important;
    padding: 10px 0 0;
    position: relative;
    z-index: 5;
}
#partialHeader .header-bottom .logo {
    margin: 0 auto;
    padding: 0;
}
#partialHeader .header-bottom .logo h1,
#partialHeader .header-bottom .logo h1 a {
    font-size: 30px !important;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
    margin: 0;
}
#partialHeader .header-end-mark {
    display: none;
}

/* ── HERO ── */
#destinationFront {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #2c2f31;
}
#destinationFront > div.text-center {
    position: relative;
    width: 100%;
    line-height: 0;
}
#destinationFront > div.text-center img {
    width: 100%;
    height: 52vh;
    min-height: 300px;
    max-height: 520px;
    object-fit: cover;
    object-position: center center;
    display: block;
}
#destinationFrontName {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    pointer-events: none;
}
#destinationFrontName .name-container {
    background: rgba(0,0,0,0.55) !important;
    border-radius: 6px;
    padding: 10px 28px !important;
    display: inline-block;
}
#destinationFrontName h2 {
    font-size: 52px !important;
    line-height: 1.1;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6);
    margin: 0;
}

/* ── SECTION TITLES ── */
.section-title {
    margin: 28px 0 20px;
    padding-bottom: 10px;
    font-size: 22px;
}

/* ── HOTEL GRID (no carousel clone/scroll) ── */
.widget-hotel-grid .navigation,
.widget-accommodation-card.widget-hotel-grid .navigation {
    display: none !important;
}
.widget-hotel-grid .carousel-items,
.widget-accommodation-card.widget-hotel-grid .items-container {
    position: static !important;
    left: 0 !important;
    width: 100% !important;
}
#destinationsWidgetGhost {
    padding: 10px 0 30px;
}
.widget-accommodation-card .items-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding: 0;
    list-style: none;
}
.widget-accommodation-card .items-container .carousel-item,
.widget-accommodation-card .items-container .item {
    float: none !important;
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25%;
    padding: 0 12px 24px;
    box-sizing: border-box;
}
.widget-accommodation-card .items-container .item-content {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e8e8e8;
}
.widget-accommodation-card .items-container .item-content figure {
    height: 170px;
    min-height: 170px;
    margin: 0;
    background-size: cover !important;
    background-position: center !important;
    flex-shrink: 0;
}
.widget-accommodation-card .items-container .item-content .info {
    padding: 10px 14px;
}
.widget-accommodation-card .items-container .item-content .info .name {
    font-size: 14px;
    margin: 0 0 4px;
}
.widget-accommodation-card .items-container .item-content .description {
    flex: 1;
    padding: 8px 14px 12px;
    font-size: 12px;
    line-height: 1.55;
    color: #555;
    overflow: hidden;
}
.widget-accommodation-card .items-container .item-content a.go-to-web-btn {
    display: block;
    text-align: center;
    padding: 11px 14px;
    margin: 0;
    border-radius: 0;
    font-size: 13px;
    text-decoration: none;
}
.widget-accommodation-card svg.map-marker {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: inline-block;
    vertical-align: middle;
}

/* ── GUARANTEE / FEATURES SECTION ── */
#partialGuarantee {
    padding: 36px 0 !important;
    background: #f0f0f0 !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#partialGuarantee .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#partialGuarantee .contact {
    padding: 10px 15px 20px;
    border-right: 1px solid #ddd;
}
#partialGuarantee .contact .logo img {
    max-height: 48px;
    width: auto;
    margin: 0 auto;
}
#partialGuarantee .contact .credit-card img {
    max-height: 28px;
    width: auto;
}
#partialGuarantee .guaranty {
    display: block !important;
    width: 100%;
    float: none;
}
#partialGuarantee .guaranty-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
#partialGuarantee .guaranty-list > div {
    float: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 12px;
    box-sizing: border-box;
}
#partialGuarantee .guaranty-list svg,
#partialGuarantee .guaranty-list svg.base-primary-fill {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    display: block;
    margin: 0 auto 12px;
    flex-shrink: 0;
}
#partialGuarantee .guaranty-list p {
    margin: 0;
    line-height: 1.5;
}
#partialGuarantee .guaranty-list .font-18 {
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 6px !important;
}

/* ── FOOTER ── */
#partialFooter {
    padding: 18px 0;
    border-top: 3px solid #505558;
}
#partialFooter .list-inline > li {
    padding: 0 12px;
}
#partialFooter img {
    max-height: 32px;
    width: auto;
}

figure.base-primary-gray-bg {
    background-size: cover;
    background-position: center;
}

/* ── RESPONSIVE ── */
@media (min-width: 992px) {
    #partialGuarantee .contact { flex: 0 0 25%; max-width: 25%; }
    #partialGuarantee .guaranty { flex: 0 0 75%; max-width: 75%; }
    #partialGuarantee .guaranty-list > div { flex: 0 0 25%; max-width: 25%; }
}
@media (max-width: 991px) {
    .widget-accommodation-card .items-container .carousel-item,
    .widget-accommodation-card .items-container .item {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50%;
    }
    #destinationFrontName h2 { font-size: 36px !important; }
    #partialGuarantee .contact { border-right: none; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
    #partialGuarantee .guaranty-list > div { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 767px) {
    .widget-accommodation-card .items-container .carousel-item,
    .widget-accommodation-card .items-container .item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    #partialHeader .header-bottom .logo h1 { font-size: 22px !important; }
    #destinationFront > div.text-center img { height: 40vh; min-height: 220px; }
    #destinationFrontName h2 { font-size: 28px !important; }
    #destinationFrontName { bottom: 16px; }
    #partialGuarantee .guaranty-list > div { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 480px) {
    #partialGuarantee .guaranty-list > div { flex: 0 0 100%; max-width: 100%; }
}