.bookstay{height:100%;overflow:hidden;background:transparent}.ada-datepicker input{cursor:pointer}.bookstay-form__group--inline select{cursor:pointer}.bookstay__box{width:600px;height:100%;max-width:100%;color:var(--inverse-font-color);margin-right:0;margin-left:auto;background:var(--bg-header)}.bookstay-form__box.for-count input,.bookstay-form__box.for-count select{padding:0 8px!important}.bookstay__media{background:var(--primary-color)}body.is-bookstay-active .bookstay{top:0;display:flex!important}.bookstay .uk-modal-dialog{z-index:2;padding:0;background:transparent}.bookstay .uk-modal-dialog:after{z-index:-1;width:100%;height:100%;content:'';top:0;left:0;opacity:.7;position:fixed;background:var(--primary-color)}.bookstay__close{z-index:14;min-height:unset;color:var(--primary-color);font:var(--body-text-fonts);font-size:14px;padding:8px;top:0;right:0;position:absolute;cursor:pointer;border:0;font-weight:bold;display:inline-flex;align-items:center;gap:5px;transition:all .4s ease;background:rgba(255,255,255,.8)}.bookstay__close>.template-icon{font-size:130%}.bookstay__close:hover,.bookstay__close:focus-visible{color:var(--inverse-font-color);transition:all .4s ease;background:var(--primary-cta-inverse-color)}.bookstay-form__title{font-size:48px;margin-bottom:50px;text-align:center;text-transform:uppercase;line-height:1.2}.bookstay-form__group{position:relative;padding-top:25px;padding-bottom:25px}.bookstay-form__group.bookstay-form__group--dropdown.dropdown-arrow:after{content:"";color:#0d534d;font-size:8px;right:8px;bottom:30px;position:absolute;font-family:'template-icon'}.bookstay-form__grid{margin-left:-50px}.bookstay-form__grid>*{padding-left:50px}.bookstay-form__box{padding:0 50px;text-align:left;position:relative}.bookstay-form__box+.bookstay-form__box{border-top:0}.bookstay-form__control{z-index:2;color:#444;font-size:16px;padding:0!important;position:relative}#booking-widget{width:100%;height:calc(100vh - 390px);padding:0;display:block;padding-top:10px;position:relative;overflow:auto}#booking-widget:before{content:'';width:100%;height:250px;left:0;top:0;position:absolute;background-size:contain;background-repeat:no-repeat;background-image:url("https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/booking-parttren-2.png")}.bookstay__media{position:relative}.bookstay__media:before{z-index:0;content:"";width:100%;height:47px;display:block;bottom:0;left:0;position:absolute;background:url("https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/booking-parttren-new.png");background-repeat:no-repeat;background-position:top center;background-size:100% 100%}.bookstay-booking{width:100%;height:100%;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start}.bookstay-booking,.bookstay-reminder{text-align:center}.bookstay-form__label{font-size:14px;margin-bottom:5px;display:block;color:#272727;text-transform:uppercase;font-weight:500;line-height:1.4;letter-spacing:1.12px}.promocode input::-webkit-input-placeholder{font-size:14px;color:#272727}.promocode input::-moz-placeholder{font-size:14px;color:#272727}.promocode input:-ms-input-placeholder{font-size:14px;color:#272727}.promocode input:-moz-placeholder{font-size:14px;color:#272727}.promocode .bookstay-form__label{opacity:0;visibility:hidden}.bookstay-form__grid>:not(.uk-first-column)::before{border-color:var(--border-color)}.bookstay-form__actions{margin-top:10px;text-align:center}.bookstay__toggle-btn{margin-top:20px;text-align:center}.bookstay-form__control{z-index:2;color:#444;font-size:16px;padding:0!important;position:relative;background:transparent!important;border:none;border-bottom:1px solid #0d534d}.bookstay-form__control:focus,.bookstay-form__control:focus-visible{border-bottom-color:var(--primary-cta-hover-color)}.bookstay-form__group--inline{display:flex;flex-direction:column;gap:8px}.bookstay-form__group--inline .bookstay-form__label{margin:0}.bookstay-form__submit{min-width:490px;color:var(--primary-color);transition:all .4s ease;border:none;background-color:var(--secondary-color)}.bookstay-form__submit:focus,.bookstay-form__submit:hover{color:var(--primary-cta-font-hover-color);transition:all .4s ease}.bookstay-reminder{display:none}.open-remind-later .bookstay-booking{display:none}.open-remind-later .bookstay-reminder{display:block}@media(min-width:768px){}@media(max-width:1599.98px){.bookstay__media img{height:310px}#booking-widget{height:calc(100vh - 310px)}}@media(max-width:1299.98px){.bookstay__media img{height:250px}#booking-widget{height:calc(100vh - 250px)}.bookstay-form__title{margin-bottom:0}.bookstay-form__group{padding-top:20px;padding-bottom:20px}}@media(max-width:1099.98px){.bookstay-form__title{font-size:28px}.bookstay-form__group{padding-top:15px;padding-bottom:15px}.bookstay__media img{height:200px}#booking-widget{height:calc(100vh - 200px)}}@media(max-width:1023.98px){}@media(max-width:959.98px){}@media(max-width:767.98px){.bookstay__box{width:100%;padding:0}.bookstay__media img{width:100%;object-fit:cover}.bookstay{background:#fff}.bookstay__close{font-size:24px;margin-bottom:10px}.bookstay__media{text-align:center}.bookstay-form__title{font:var(--mob-h2-title-fonts)}.bookstay-form__grid{margin:0}.bookstay-form__box{padding:0;border-top:0;padding-bottom:5px}.bookstay-form__grid>.uk-grid-margin::before{left:0!important;!i;!;border-color:var(--border-color)!important;!i;!;top:0!important;!i;!}.bookstay-form__grid>.uk-grid-margin{margin-top:5px!important;!i;!;padding-top:25px}.bookstay-form__group{padding:0}.bookstay-form__title{margin-bottom:20px}.bookstay-form__box+.bookstay-form__box{margin-top:15px}.bookstay-form__control{height:30px;font:var(--mob-h6-title-fonts)}.bookstay-form__group--inline{justify-content:space-between}.bookstay-form__group--dropdown:after{font-size:8px;bottom:3px}.bookstay__close-text{display:none}form.bookstay-form.js-booking-form{padding-top:50px}#booking-widget:before{background-size:cover}.bookstay-form__group.bookstay-form__group--dropdown.dropdown-arrow:after{font-size:6px;bottom:5px}form.bookstay-form.js-booking-form .bookstay-form__box:nth-child(3) div.uk-grid>div{width:50%;padding-top:15px}.bookstay-form__grid .promocode{width:100%!important;padding-top:0!important}.bookstay-form__grid>*{padding:0 20px}.bookstay-form__submit{min-width:92%;margin-top:15px}}@media(max-width:639.98px){}@media(max-width:575px){.bookstay-form__title{font-size:35px;padding-top:25px}.bookstay__close>.template-icon{font-size:80%}.bookstay__media:before{bottom:-20px}#booking-widget{width:100%;height:calc(100vh - 280px)}.bookstay__media{height:280px}.bookstay__media img{width:100%;height:300px;object-fit:cover}#booking-widget:before{height:200px;position:fixed;top:inherit;bottom:40%;background-size:cover;background-image:url("https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/booking-parttren-mobile-2.png")}form.bookstay-form.js-booking-form{padding-top:20px}}.bookstay .edit-overlay{float:left}@media only screen and (min-width:568px)and (max-width:736px){.bookstay__media img{display:none}#booking-widget{height:100vh}#booking-widget:before{bottom:28%;height:300px;background-size:cover}.bookstay-form__actions{padding-bottom:40px}}@media(max-width:375px){#booking-widget:before{bottom:34%}} a{transition:all .4s ease}buton{transition:all .4s ease}.ng-star-inserted img.header-scroll.for-mobile{display:none!important}.ng-star-inserted .header__bookstay.for-mobile{display:none!important}.page-component-mi-block .header .header-scroll.for-mobile,.withoutbanner .header .header-scroll.for-mobile,.header.is-fixed .header-scroll.for-mobile{display:none}.header{z-index:15;width:100%;height:205px;position:fixed;top:0;left:0;transition:all 300ms ease-out;background:linear-gradient(359.34deg,rgba(13,83,77,0) 10.03%,#063e3a 99.26%)}.withoutbanner .header,.page-component-mi-block .header,.header.is-fixed{height:138px;transition:all 300ms ease-out;box-shadow:0 -12px 24px rgba(0,0,0,.5)}.header__container{width:100%;display:flex;position:relative;flex-wrap:inherit;align-items:center;justify-content:space-between}.header__col--center{position:absolute;left:0;right:0;top:30px;transform:translateY(-50%);text-align:center;margin:0 auto;width:146px}.header__col--center .header-scroll{display:none}.header__col--center img{margin:0 auto}.header__top{display:flex;justify-content:space-between;padding:12px 0 12px 20px;align-items:center}.header__top>*{font:var(--header-fonts);color:var(--inverse-font-color);letter-spacing:.8px;filter:opacity(1)}.header__top .template-icon{color:var(--highlight-color);position:relative;top:-1px}.header__top .call:hover{color:var(--highlight-color)}.header__top .event-text a{color:var(--inverse-font-color);text-transform:none;display:flex;align-items:center;gap:5px;filter:opacity(1);transition:all .4s ease;letter-spacing:normal}.header__top .event-text a:focus,.header__top .event-text a:hover{color:var(--primary-cta-inverse-color)}.header__top .event-text a span{transition:all .4s ease}.header__top .event-text a:focus span,.header__top .event-text a:hover span{color:var(--primary-cta-inverse-color);transition:all .4s ease}.header__top .language-event-text{display:flex;gap:15px;align-items:center}.header__top .language-text a{color:var(--inverse-font-color);text-transform:none;display:flex;align-items:center;gap:5px;filter:opacity(1);transition:all .4s ease}body.withoutbanner .header__top .language-text a{color:var(--text-color)}.header__top .language-text a:focus,.header__top .language-text a:hover{color:var(--primary-cta-inverse-color)}body.withoutbanner .header__top .language-text a:focus,body.withoutbanner .header__top .language-text a:hover{color:var(--primary-cta-inverse-color)}.header__bookstaywrap{display:flex;gap:8px;align-items:center}.header__top .event-text a .template-icon{color:var(--inverse-font-color);transition:all .4s ease}body.withoutbanner .header__top .event-text a .template-icon{color:var(--text-color)}body.withoutbanner .header .header__top a.call:focus .template-icon,body.withoutbanner .header .header__top a.call:hover .template-icon{color:var(--primary-cta-inverse-color)}.header .header__top a.call{color:var(--inverse-font-color);text-transform:none;display:flex;align-items:center;gap:5px;transition:all .4s ease}body.withoutbanner .header .header__top a.call{color:var(--text-color)}.header .header__top a.call:focus,.header .header__top a.call:hover{color:var(--primary-cta-inverse-color);transition:all .4s ease}body.withoutbanner .header .header__top a.call:focus,body.withoutbanner .header .header__top a.call:hover{color:var(--primary-cta-inverse-color);transition:all .4s ease}.header .header__top a.call span.template-icon{color:var(--inverse-font-color)}body.withoutbanner .header .header__top a.call span.template-icon{color:var(--text-color)}.header .header__top a.call span{transition:all .4s ease}body.withoutbanner .header .header__top a.call:focus span.template-icon,body.withoutbanner .header .header__top a.call:hover span.template-icon{color:var(--primary-cta-inverse-color)}.header .header__top a.call:focus span,.header .header__top a.call:hover span{color:var(--primary-cta-inverse-color);transition:all .4s ease}.header__bookstay a.uk-button-primary{color:var(--highlight-color);background:var(--bg-alt-1);border-color:var(--bg-alt-1);filter:opacity(1)}.header__bookstay a.uk-button-primary:hover{color:var(--primary-cta-font-hover-color);background:var(--primary-cta-hover-color);border-color:var(--primary-cta-hover-color)}.header .uk-container{width:100%;max-width:100%;padding-left:64px;padding-right:64px}.navmenu-wrap{width:100%;display:flex;justify-content:space-between}.header__container .navmenu{display:flex;justify-content:space-between;width:100%}.navmenu .event-text{display:none}.header__col--left,.header__col--right{width:40%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff66;border-top:1px solid #ffffff66}.header__col--left{padding-left:0}.header__mainmenu{display:flex;padding:20px 0}.header__mainmenu ul{list-style:none;padding-left:0;gap:32px}.navmenu__list-link{font:var(--header-fonts);color:var(--inverse-font-color);letter-spacing:.8px;text-transform:uppercase;position:relative;padding-bottom:20px;transition:all .3s ease;filter:opacity(1)}.header.is-fixed .navmenu__list-link{padding-bottom:25px}.navmenu__list-link:hover,.navmenu__list-link:focus{color:var(--inverse-font-color);border-bottom:solid 2px var(--primary-cta-inverse-color)}.navmenu__list-link.navON{color:var(--inverse-font-color);border-bottom:solid 2px var(--primary-cta-inverse-color)}.withoutbanner .header .navmenu__list-link.navON,.withoutbanner .header .navmenu__list-link .header.is-fixed .navmenu__list-link:hover,.header.is-fixed .navmenu__list-link:focus,.header.is-fixed .navmenu__list-link.navON{color:var(--primary-cta-hover-color)}.header.is-fixed .navmenu__list-link.navON{padding-bottom:23px}.withoutbanner .header .navmenu__list-link:after,.header.is-fixed .navmenu__list-link:after{background-color:var(--primary-cta-hover-color)}.header.is-fixed .header__top .event-text a span.template-icon{color:var(--highlight-color)}.header.is-fixed .header__top a.call{color:var(--text-color)}.header.is-fixed .header__top a.call span.template-icon{color:var(--highlight-color)}.header.is-fixed .header__top a.call:focus span,.header.is-fixed .header__top a.call:hover span,.header.is-fixed .header__top .event-text a:focus span,.header.is-fixed .header__top .event-text a:hover span{color:var(--primary-cta-hover-color)}.header__bookstay{margin-left:20px;right:0}.navmenu-dropmenu{padding:30px 25px;padding-left:25px!important;margin:0;min-width:220px;background:#f9f8f9}.navmenu__list-item .uk-dropdown{top:45px!important;left:auto!important;padding:17px!important}.header.is-fixed .navmenu__list-item .uk-dropdown{top:47px!important}.navmenu-dropmenu__item{margin:12px 0}.navmenu-dropmenu__item .navmenu-dropmenu__link{color:var(--text-color);font-weight:500}.navmenu-dropmenu__item .navmenu-dropmenu__link:hover,.navmenu-dropmenu__item .navmenu-dropmenu__link:focus,.navmenu-dropmenu__item .navmenu-dropmenu__link.navON{color:var(--highlight-color);font-weight:500}.withoutbanner .header,.page-component-mi-block .header,.header.is-fixed{background:var(--bg-header)}.withoutbanner .header.is-fixed{position:fixed}.withoutbanner .header,.page-component-mi-block .header{position:relative;background:var(--bg-header)}.page-component-mi-block .navmenu__list-link,.withoutbanner .header .navmenu__list-link,.header.is-fixed .navmenu__list-link,.page-component-mi-block .header__top>*,.withoutbanner .header__top>*,.header.is-fixed .header__top>*,.page-component-mi-block .header__top .event-text a,.withoutbanner .header__top .event-text a,.header.is-fixed .header__top .event-text a,.header.is-fixed .header__top .language-text a{color:var(--text-color)}.withoutbanner .header .header__top .call:hover,.withoutbanner .header .header__top .call:focus,.header.is-fixed .header__top .call:hover,.header.is-fixed .header__top .call:focus,.withoutbanner .header .header__top .event-text a:hover,.withoutbanner .header .header__top .event-text a:focus,.header.is-fixed .header__top .event-text a:hover,.header.is-fixed .header__top .event-text a:focus{color:var(--primary-cta-hover-color)}.withoutbanner .header .header__container,.header.is-fixed .header__container{}.withoutbanner .header .header__top .event-text a:focus,.withoutbanner .header .header__top .event-text a:hover span{color:var(--primary-cta-hover-color)}.withoutbanner .header .header__col--left,.withoutbanner .header .header__col--right,.header.is-fixed .header__col--left,.header.is-fixed .header__col--right{border-top:1px solid #44444433;border-bottom:none}.header__logo{display:block}.page-component-mi-block .header .header__logo-img,.withoutbanner .header .header__logo-img,.withoutbanner .header.is-fixed .header__logo-img,.header.is-fixed .header__logo-img{display:none}.page-component-mi-block .header .header-scroll,.withoutbanner .header .header-scroll,.header.is-fixed .header-scroll{display:block}.withoutbanner .header .header__col--center,.header.is-fixed .header__col--center{top:0}li.navmenu__list-item.homelink{display:none}@media only screen and (max-width:1260px){.header .uk-container{padding-left:32px;padding-right:32px}}@media(min-width:1023.98px){.header__toggler.mobile{display:none}.header__container .call{display:none}.header__bookstay.for-mobile{display:none}}@media(min-width:1024px){.navmenu__list-item--onlymob,.navmenu__list-link--btn{display:none!important}}@media(max-width:1300px){.header__mainmenu ul{gap:19px}}@media(max-width:1200px){.header__col--left{padding-left:15px}.header__mainmenu ul{gap:19px}.header__col--center{width:160px}.navmenu__list-link{font-size:13px}.navmenu__list-item .uk-dropdown{left:0!important}.navmenu__list-item .uk-dropdown.uk-open:before{left:10px;right:auto}}@media(max-width:1024px){.header__mainmenu ul{gap:15px}.navmenu__list-link:hover,.navmenu__list-link:focus,.navmenu__list-link.navON{color:var(--highlight-color)}.header.is-fixed .navmenu__list-link.navON{padding-bottom:10px}.navmenu__list-link{font-size:12px}}@media(max-width:1023.98px){li.navmenu__list-item.homelink{display:block}.header .uk-container{padding-left:24px;padding-right:24px}.withoutbanner .header,.header.is-fixed{height:65px}.header__bookstay{z-index:10;width:100%;bottom:0;left:0;position:fixed;border-radius:0;margin:0;border:0}.header__bookstay .uk-button{width:100%;letter-spacing:.8px}body.is-header-active{overflow:hidden}.header.is-fixed .navmenu__list-item .uk-dropdown{top:20px!important}.header__container .navmenu,.header__top{display:none}.header{height:109px}.header .uk-container,.header__container{height:100%}.submenulist .navmenu__list-link:after{content:"";width:auto;right:-5px;top:0;left:auto;position:absolute;opacity:1;font-family:var(--icon-fonts);background-color:transparent!important}.submenulist .navmenu__list-link[aria-expanded="true"]:after{content:""}.header__col--center{position:relative;left:-15px;right:0;top:10px;transform:none;width:100px}.withoutbanner .header .header__col--left,.withoutbanner .header .header__col--right,.header.is-fixed .header__col--left,.header.is-fixed .header__col--right{border-top:none;border-bottom:none}.withoutbanner .header .header__col--center,.header.is-fixed .header__col--center{top:0}.is-header-active .header{position:fixed}.navmenu__list-item .uk-dropdown.uk-open:before{display:none}.header__container .call{color:var(--inverse-font-color);font-size:17px;right:0;position:absolute}.header__container .call .text{display:none}.withoutbanner .header__container .call,.withoutbanner .is-fixed .header__container .call,.is-fixed .header__container .call{color:var(--highlight-color)}.withoutbanner .header__toggler-btn,.withoutbanner .is-fixed .header__toggler-btn,.is-fixed .header__toggler-btn{color:var(--highlight-color)}.header__toggler-btn{min-width:24px;font-size:30px;color:var(--inverse-font-color);padding:0;margin:0;border:0;cursor:pointer;align-items:center;background:transparent;line-height:1}.header__toggler-btn .is-togglemenu-active{display:none}.header__toggler-btn .is-togglemenu-close{display:block}.header__container,.withoutbanner .header .header__container,.header.is-fixed .header__container{border-top:none}.is-header-active .header__toggler-btn .is-togglemenu-active{display:block;font-size:30px;z-index:10;position:relative;color:var(--text-color)}.is-header-active .header__toggler-btn .is-togglemenu-close{display:none}.header__collapsible{z-index:9;width:100%;height:calc(100vh - 0);top:0;bottom:0;right:-100%;position:fixed;padding-top:119px;padding-bottom:50px;overflow:auto;background:#f8f8f6;transition:right .4s ease;-webkit-overflow-scrolling:touch}.header__collapsible:after{z-index:-1;content:"";width:100%;height:100%;top:0;left:0;position:absolute;opacity:.3;background-image:url('https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/faq-bg.jpg');background-size:cover;background-position:center}.is-header-active .header__collapsible{right:0;display:flex;flex-direction:column;align-items:center;justify-content:start}.navmenu__list{display:block}.navmenu__list li{margin:22px 0}.navmenu-dropmenu{position:relative!important;box-shadow:none!important;background:transparent;padding:0 0;top:0!important;left:0!important;right:0!important;bottom:auto!important;max-width:100%!important;list-style:none}.header__col--left,.header__col--right{width:100%;justify-content:center;border:none;align-items:flex-start;display:block;padding:0;margin:0}.header__col--left{padding-left:0}.header__mainmenu{display:block;padding:0}.is-header-active .navmenu .event-text a{color:var(--inverse-font-color);font:var(--mob-header-fonts);font-size:var(--mob-header-font-size);text-transform:uppercase}.is-header-active .navmenu .event-text a .template-icon{color:var(--highlight-color)}.navmenu__list-link{color:var(--text-color);font:var(--mob-header-fonts);position:relative;padding:0 20px;font-weight:500;letter-spacing:1px;font-size:18px}.navmenu__list .navmenu__list-item{margin:0 0 38px 0}.is-header-active .header__col--center{z-index:10;width:96px;padding-top:10px;left:5px;position:absolute}.is-header-active .header__col--center img{display:none}.is-header-active .header__col--center .header-scroll{display:block}.withoutbanner.is-header-active .header__container .call,.is-header-active .header__container .call{z-index:10;color:var(--text-color)}.withoutbanner.is-header-active .header.is-fixed .header-scroll,.is-header-active .header.is-fixed .header-scroll{display:none}.withoutbanner.is-header-active .header.is-fixed .header__logo-img,.is-header-active .header.is-fixed .header__logo-img{display:block}.withoutbanner.is-header-active .header .navmenu__list-link,.is-header-active .header.is-fixed .navmenu__list-link{color:var(--primary-color)}.withoutbanner.is-header-active .header .navmenu__list-link.navON,.is-header-active .header.is-fixed .navmenu__list-link.navON{color:var(--primary-cta-hover-color)}.navmenu-dropmenu__link{color:var(--primary-color)}.navmenu-wrap{display:flex;max-height:calc(100% - 90px);margin-top:60px;overflow-y:auto;justify-content:start;flex-direction:column;align-items:flex-start}.navmenu__list-item .uk-dropdown{top:0!important;border:none}li.navmenu__list-item.submenulist.active_menu .navmenu-dropmenu{display:block}.navmenu-dropmenu__item .navmenu-dropmenu__link:hover,.navmenu-dropmenu__item .navmenu-dropmenu__link.navON{color:var(--primary-cta-hover-color)}.navmenu-dropmenu__item:hover,.navmenu-dropmenu__link.navON{border-bottom:1px solid var(--inverse-font-color)}.navmenu__list-item .uk-dropdown:after{display:none}.navmenu__list-link.navON{opacity:.8;color:var(--text-color)}.header__container{align-items:flex-start}.header__toggler.mobile{top:15px;position:relative}.header__container .call{top:20px}.header .header-scroll.for-mobile{width:35px;padding-top:10px}body.is-header-active img.header-scroll.for-mobile{display:none}body.is-header-active img.header__logo-img{display:none!important}body.is-header-active img.header-scroll{display:block!important}body.is-header-active .header.is-fixed img.header-scroll{display:block!important}body.is-header-active .header.is-fixed img.header-scroll.for-mobile,body.is-header-active .header img.header-scroll.for-mobile{display:none!important}.page-component-mi-block .header .header-scroll,.withoutbanner .header .header-scroll,.header.is-fixed .header-scroll{display:none}.page-component-mi-block .header .header-scroll.for-mobile,.withoutbanner .header .header-scroll.for-mobile,.header.is-fixed .header-scroll.for-mobile{display:block}.navmenu__list-item .uk-dropdown{padding-bottom:0!important}.navmenu__list .navmenu__list-item{margin:0 0 28px 0}.navmenu__list-item .uk-dropdown li.navmenu-dropmenu__item{margin:0;margin-bottom:10px}}.withoutbanner .vcomponent:has(.header),.withoutbanner .VComponent:has(.header){z-index:4;top:0;left:0;right:0;position:sticky;}.withoutbanner .vcomponent .header,.without-banner .VComponent .header{position:static}.page-component-teamplate .navmenu-dropmenu__item .edit-overlay{margin-top:5px;margin-left:80px}.page-component-mi-block .header .header__top a.call,.page-component-mi-block .header .header__top a.call span.template-icon,.page-component-mi-block .header__top .event-text a .template-icon,.page-component-mi-block .header__top .language-text a{color:#000!important} footer { width: 100%; display: block; position: relative; } footer .uk-container { max-width: 1415px; } .footer__widget__top { width: 100%; display: block; position: relative; padding: 50px 0 30px; overflow: hidden; background: var(--bg-footer); } .footer__widget__top:before { content: ""; width: 100%; height: 100%; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/footer-pattern.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; } .footer__top__grid { position: relative; width: 100%; display: flex; align-items: stretch; justify-content: space-between; gap: 20px; } .footer__infogrid { position: relative; width: 42%; display: inline-flex; flex-direction: column; } .footer__contact { position: relative; width: 100%; display: inline-flex; flex-direction: column; gap: 15px; } .footer__address { width: 100%; color: var(--footer-color); font: var(--footer-fonts); position: relative; display: inline-block; text-transform: none; filter: opacity(1); } .footer__address a { color: var(--footer-color); font: var(--footer-fonts); filter: opacity(1); border-bottom: 1px solid transparent; } .footer__address p:focus, .footer__address p:focus-visible{ color: var(--footer-color); border-bottom: 1px solid var(--primary-cta-hover-color); } .footer__address a:focus, .footer__address a:hover { border-bottom: 1px solid var(--primary-cta-hover-color); } .footer__phone { width: 100%; color: var(--footer-color); font: var(--footer-fonts); position: relative; display: inline-block; text-transform: none; } .footer__phone a { color: var(--footer-color); font: var(--footer-fonts); width: auto; position: relative; display: inline-block; text-transform: none; filter: opacity(1); border-bottom: 1px solid transparent; } .footer__phone a:focus, .footer__phone a:hover { color: var(--footer-color); border-bottom: 1px solid var(--primary-cta-hover-color); } .footer__social { position: relative; width: 100%; display: flex; align-items: center; gap: 15px; margin-top: 18px; } .footer__social-item { width: auto; position: relative; display: inline-flex; align-items: center; } .footer__social .footer__social-item:nth-child(5) { top: 4px; position: relative; } .footer__social-item a { position: relative; width: auto; display: inline-block; color: var(--footer-color); font-size: 18px; line-height: normal; filter: opacity(1); } .footer__social-item a:focus, .footer__social-item a:hover { color: var(--primary-cta-hover-color); } .footer__logogrid { position: relative; width: 30%; display: inline-flex; flex-direction: column; } .footer__logogrid img { max-width: 100%; display: inline-block; } .footer__logogrid img:focus-visible{ background: transparent; } .footer__navgrid, .footer__menu__item__list { position: relative; display: inline-flex; flex-direction: column; } .footer__navgrid { width: 28%; } .footer__menu__item__list { width: auto; gap: 15px; } .footer__menu__item { position: relative; width: auto; display: inline-block; } .footer__menu__item a { position: relative; width: auto; display: inline-block; color: var(--footer-color); font: var(--footer-fonts); text-transform: none; filter: opacity(1); border-bottom: 1px solid transparent; } .footer__menu__item a:hover, .footer__menu__item a.navON { border-bottom: 1px solid var(--primary-cta-hover-color); } .footer__trip__logo { width: 100%; display: flex; position: relative; gap: 20px; margin-top: 100px; align-items: center; justify-content: end; } .footer__widget__bottom { width: 100%; display: block; padding: 11px 0; position: relative; background: var(--footer-color); } .footer__bottom__grid { width: 100%; position: relative; display: flex; gap: 20px; align-items: center; justify-content: space-between; } .footer__copygrid { color: var(--text-color); font: var(--footer-fonts); font-size: 12px; position: relative; display: inline-flex; text-transform: none; filter: opacity(1); } .footer__poweredgrid, .footer__poweredgrid a { color: var(--text-color); font: var(--footer-fonts); font-size: 12px; position: relative; display: inline-flex; text-transform: none; filter: opacity(1); } .footer__poweredgrid a { border-bottom: 1px solid var(--primary-cta-hover-color); } .footer__poweredgrid a:focus, .footer__poweredgrid a:hover { border-bottom: 1px solid transparent; text-decoration: none; } .footer__policygrid { position: relative; display: inline-flex; justify-content: end; gap: 24px; } .footer__submenu__item { position: relative; width: auto; display: inline-flex; } .footer__submenu__item a { width: auto; color: var(--text-color); font: var(--footer-fonts); font-size: 12px; position: relative; display: inline-flex; text-transform: none; filter: opacity(1); border-bottom: 1px solid transparent; } .footer__submenu__item a:hover, .footer__submenu__item a.navON { border-bottom: 1px solid var(--primary-cta-hover-color); text-decoration: none; } .footer__poweredgrid { display: block; } .milestone .footer__poweredgrid { display: block; } @media (min-width: 1200px) { } @media (min-width: 960px) { } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { .footer__top__grid { flex-direction: column; align-items: center; } .footer__infogrid { width: 100%; order: 2; text-align: center; } .footer__social { justify-content: center; } .footer__logogrid { width: 100%; order: 1; align-items: center; } .footer__navgrid { width: 100%; order: 3; padding-top: 30px; align-items: center; text-align: center; margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.3); } .footer__trip__logo{ justify-content: center; } .footer__bottom__grid{ flex-direction: column; } .footer__copygrid { width: 100%; justify-content: center; } .footer__poweredgrid { width: 100%; justify-content: center; } .footer__policygrid { width: 100%; justify-content: center; } .footer__widget__bottom { padding: 20px 0; padding-bottom: 60px; } } @media (max-width: 959.98px) { .footer__poweredgrid { text-align: center; } } @media (max-width: 767.98px) { .footer__widget__top:before { height: 200px; top: inherit; bottom: 60px; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/footer-pattern.svg); background-repeat: no-repeat; background-size: cover !important; } .footer__trip__logo { margin-top: 150px; } .footer__address { width: 70%; margin: 0 auto; margin-top: 10px; } .footer__poweredgrid { text-align: center; } } @media (max-width: 767.98px) and (min-width: 640px) { } @media (max-width: 639.98px) { } @media (max-width: 575px) { } @media (max-width: 374px) { } /* Home video */ /* Hero Slider Starts */ .hero-slideshow { z-index: 2; background: var(--primary-color); } .hero-slideshow__caption { position: absolute; top: inherit; left: 0; right: 0; bottom: 210px; } .hero-slideshow__caption-wrapp { position: relative; z-index: 1; text-align: left; max-width: max-content; margin: 0 auto; } .hero-slideshow__caption-title { color: var(--inverse-font-color); margin: 0; font: var(--xl-title-fonts); text-transform: var(--xl-title-fonts-text-transform); } .hero-slideshow__caption-title span{ display: block; } .line-title { margin-left: 60px; } .hero-slideshow__media { width: 100% !important; height: 100% !important; object-fit: cover !important; } .hero-slide-arrow { position: absolute; bottom: 130px; margin: 0 auto; text-align: center; left: 0; right: 0; color: var(--inverse-font-color); z-index: 2; } .hero-slide-arrow a{ color: var(--inverse-font-color); text-decoration: none; } .hero-slide-arrow a:hover, .hero-slide-arrow a:focus{ color: var(--highlight-color); } .hero-banner__title{ color: var(--header-color); } @media only screen and (max-width: 1260px) { .hero-slideshow__caption { bottom: 100px; } } @media (max-width: 1023.98px) { .home-video__actions { bottom: 40px; } } @media (max-width: 959.98px) { .hero-slideshow__caption-title { font: var(--mob-xl-title-fonts); } .hero-slideshow { height: 72vh; } .hero-slideshow__caption{ bottom: 30px; } } @media (max-width: 767.98px) { .hero-slideshow { height: 72vh; overflow: visible; } .home-video__actions { left: 5px !important; } .hero-slideshow__media { height: auto !important; transform: none !important; object-position: center; } .hero-slideshow:after { height: 40%; display:none; } .hero-slideshow .uk-slideshow-items { /*height: 100%; min-height: 100% !important;*/ height: 100%; min-height: 250px !important; } .hero-slideshow__caption-wrapp { max-width: unset; padding-top: 20px; padding-bottom: 0px; text-align: center; } .hero-slide-arrow{ bottom: 80px; } .hero-slideshow__caption { bottom: 30px; } .hero-slide-arrow { bottom: inherit; top: 200px; } .line-title { display: block; margin-left: 0px; } } @media (max-width: 575px) { } /* Hero Slider Ends */ /* Video */ .home-head-video{ padding:0 0px; } .home-head-video:after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 41.35%, rgba(0, 0, 0, 0.4) 96.49%), linear-gradient(180deg, rgba(0, 0, 0, 0) 64.56%, rgba(0, 0, 0, 0.5) 94.55%); pointer-events: none; } .hero-image { width: 100%; margin: auto; position: relative; overflow: hidden; height: 100vh; } .home-video__wrapper img { width: 100%; display: block; height: 100%; object-fit: cover; object-position: center; } .home-video__container { width: 100%; max-width: 100%; } .home-video__block { width: 100%; } .home-video__title { z-index: 1; max-width: 700px; color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, 1); text-align: center; position: absolute; top: 52%; left: 0; transform: translateY(-40%); right: 0; margin: 0 auto; } .home-video__block video { width: 100%; height: 100vh; object-fit: cover; object-position: top; border-radius:5px; } .home-video__block video.cms6{ height: 700px !important; } .home-video__block video.video-swap.cms6 { height: 100%; } .home-video__actions { z-index: 2; position: absolute; left: -5px; bottom: 0px; } .home-video__trigger { width: 30px; height: 30px; min-width: auto; min-height: 30px; color: #ffffff; display: flex; padding: 0; padding: 0 10px; background: var(--highlight-color); border-radius: 20%; margin: 30px; align-items: center; justify-content: center; text-transform: capitalize; transition: all 0.3s ease-out; line-height: 30px; } .home-video__actions.is-active .home-video__trigger, .home-video__trigger:hover, .home-video__trigger:focus { width: 80px; height: 80px; color: #fff; background-color: var(--primary-color); } .home-video__trigger:hover .home-video__trigger-text, .home-video__trigger:focus .home-video__trigger-text { display: block; } .home-video__actions.is-active .home-video__trigger:hover, .home-video__actions.is-active .home-video__trigger:focus { background: var(--highlight-color); color: #ffffff; } .is-off { display: none; } .home-video__actions.is-active .home-video__trigger .is-off { display: block; } .home-video__actions.is-active .home-video__trigger .is-on { display: none; } .home-video__actions-more { display: none; position: absolute; bottom: 110px; left: 30px; } .home-video__actions.is-active .home-video__actions-more { display: block; } .home-video__trigger-icon { display: flex !important; justify-content: center; width: 18px; height: 11px; margin: auto !important; } .home-video__trigger-text { display: none; font-size: 11px; line-height: 1.4; margin-top: 10px; } .home-video__btn { width: 80px; height: 80px; color: #fff; display: flex; line-height: 1; margin-bottom: 3px; background: var(--highlight-color);; align-items: center; justify-content: center; text-align: center; border-radius: 20%; opacity: 0.9; font-size: 11px; padding: 0 5px; flex-direction: column; text-transform: capitalize; letter-spacing: 0; transition: all 0.3s ease; font-weight: 400; min-width: auto; } .home-video__btn:hover, .home-video__btn:focus { background:var(--primary-color); color: #fff; } .home-video__btn .is-off, .home-video__btn.active .is-on { display: none; } .home-video__btn .is-on, .home-video__btn.active .is-off { display: block; } .home-video__btn .uk-icon { display: block; margin-bottom: 8px; } .hero-image-wrap.home-video__block { position: relative; height: 0; padding-bottom: 56.25%; background-size: cover; background-repeat: no-repeat; background-position: center; } .home-mp4-vide .hero-image-wrap.home-video__block { padding: 0; height: auto; } .hero-image-wrap.home-video__block iframe { position: absolute !important; width: 100% !important; height: 100% !important; } .hero-image-wrap.home-video__block:after { content: none; background: transparent linear-gradient(180deg, #084877 0%, #0a375d 22%, #ffffff00 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 0.45; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } ul.ckbullet { margin: 0; padding: 0; } ul.ckbullet li { margin: 0 0 20px 0; font-family: var(--text-fonts); font-size: 15px; line-height: 22px; } ul.ckbullet li::marker { content: none; } ul.ckbullet li:before { content: '\e91e'; font-family: var(--icon-fonts); font-size: 12px; font-weight: 600; color: #D69CA0; padding: 0 5px 0 0; } .home-video__modal .uk-close{ top: 0; right: 0; padding: 11px; background-color: var(--highlight-color);; color: #fff; } .home-video__modal .uk-close:hover, .home-video__modal .uk-close:focus{ background-color: #000000; color: #fff; } @media (max-width: 960px){ .hero-image{ height: 72vh;} .home-video__block video { height: 72vh; } } @media (max-width: 767px){ .home-video__trigger:hover .home-video__trigger-text, .home-video__trigger:focus .home-video__trigger-text { display: none; } .home-video__btn .uk-icon { margin-bottom: 0; text-indent: 0; line-height: 30px; } .home-video__btn .is-on, .home-video__btn.active .is-off { display: flex; } .home-video__actions.is-active .home-video__trigger { width: 30px; height: 30px; /*margin: 0;*/ } .home-video__trigger:hover, .home-video__trigger:focus { width: 30px; height: 30px; } .home-video__trigger { margin: 0 0 10px 5px; } .home-video__actions-more { bottom: 40px; left: 5px; } .home-video__btn { width: 30px; height: 30px; text-indent: -9999px !important; min-height: 30px; line-height: 0px; border-radius: 4px; text-align: unset; } .home-video__btn .mobile-hide { display: none; } .home-head-video:after{ background: linear-gradient(359.34deg, rgba(13, 83, 77, 0) 34.03%, #063E3A 99.26%);} } @media (min-width: 768px) and (max-width: 1023px){ .home-video__btn{ width:65px;height:65px;font-size:9px; } .home-video__actions.is-active .home-video__trigger, .home-video__trigger:hover, .home-video__trigger:focus { width: 65px; height: 65px; } .home-video__trigger-text { font-size: 9px; } .home-video__actions-more{ bottom: 95px; } .home-video__trigger{ margin: 30px 30px; } } .home-mp4-vide .hero-image-wrap.home-video__block img { z-index: -1; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; position: absolute; } @media (min-width: 1260px) and (max-width: 1560px){ } .hero-slideshow__button { margin-top: 30px; text-align: center; } .home-rooms { position: relative; width: 100%; display: block; background: var(--primary-color); padding: 100px 0 0; overflow: hidden; } .home-rooms:before { content: ""; width: 632px; height: 272px; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/room-pattern.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 1; } .home-rooms .title { position: relative; width: 100%; max-width: 800px; color: var(--secondary-color); font: var(--h2-title-fonts); font-size: 100px; text-transform: var(--h2-title-fonts-text-transform); text-align: center; filter: opacity(1); margin: 0 auto -50px; z-index: 3; } .rooms-slider { position: relative; width: 100%; display: block; z-index: 2; } .rooms-slider .uk-slider-items li .home-rooms-gallery-img { position: relative; } .rooms-slider .uk-slider-items li .home-rooms-gallery-img:before { content: ""; width: 100%; height: 100%; display: block; background: linear-gradient(0deg, rgba(6, 62, 58, 0.6), rgba(6, 62, 58, 0.6)); opacity: 1; position: absolute; top: 0; left: 0; z-index: 1; } .rooms-slider .uk-slider-items li.uk-active .home-rooms-gallery-img:before { opacity: 0; display: none; } .rooms-slider h4 { position: relative; width: 45%; display: inline-block; color: var(--primary-cta-font-hover-color); font: var(--h4-title-fonts); text-transform: capitalize; filter: opacity(1); } .text-content { position: relative; width: 56%; display: inline-block; color: var(--primary-cta-font-hover-color); font-family: var(--text-fonts); filter: opacity(1); } .room-slider-bottom { padding: 30px 0; opacity: 0; transition: all 0.8s; } .rooms-slider ul li.uk-active .room-slider-bottom { opacity: 1; } .rooms-slider .uk-slider-items.uk-grid .uk-panel img { width: 100%; height: 540px; object-fit: cover; } .rooms-slider .custom-arrow { position: absolute; top: 28%; max-width: 950px; left: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateX(-50%); } .rooms-slider .custom-arrow .arrow-slider { font-size: 28px; color: #FFF; border-radius: 44px; width: 84px; height: 84px; border: solid 1.5px; display: flex; justify-content: center; align-items: center; } .rooms-slider .custom-arrow .arrow-slider:hover, .rooms-slider .custom-arrow .arrow-slider:focus { color: var(--accent-color); } .retreat-arrow { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); max-width: 1000px; width: 100%; display: flex; justify-content: space-between; } .retreat-arrow .arrow-slider { width: auto; display: block; } .retreat-arrow .arrow-slider span.template-icon { position: relative; width: 80px; height: 80px; color: var(--secondary-color); border: solid 1.5px var(--secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; transition: all 0.9s; opacity: 1; transform: rotate(0deg); } .retreat-arrow .arrow-slider.arrow-prev span.template-icon { left: 0; } .retreat-arrow .arrow-slider.arrow-next span.template-icon { right: 0; } .retreat-arrow .arrow-slider.arrow-prev:hover span.template-icon, .retreat-arrow .arrow-slider.arrow-prev.active span.template-icon, .retreat-arrow .arrow-slider.arrow-next:hover span.template-icon, .retreat-arrow .arrow-slider.arrow-next.active span.template-icon { color: var(--primary-color); background: var(--primary-cta-font-hover-color); border-color: var(--primary-cta-font-hover-color); } .retreat-dot ul li { padding: 0 11px; } .retreat-dot ul li a { width: 10px; height: 10px; background: transparent; border: 1px solid #F2F9F1; border-radius: 50%; opacity: 1; transition: .4s all ease; } .retreat-dot ul li.uk-active a, .retreat-dot ul li a:hover, .retreat-dot ul li a:focus { background:#D3E3D2; opacity: 1; border-color:#D3E3D2; } .retreat-dot{display:none} @media (min-width: 1600px) { .rooms-slider .uk-slider-items li.uk-width-3-5 { max-width: 850px; } } @media (min-width: 1166px) { .text-content { padding-left: 30px; } .room-slider-bottom { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; } .rooms-slider .uk-panel { transition: all 0.4s ease-out; opacity: 1; } .rooms-slider ul li.uk-width-3-5.uk-active .uk-panel { opacity: 1; } } @media only screen and (min-width: 1351px) and (max-width: 1599.98px) { .rooms-slider .uk-slider-items li.uk-width-3-5 { max-width: 820px; } .rooms-slider .custom-arrow, .retreat-arrow { max-width: 995px; top: 31%; } } @media (max-width: 1350.98px) { .rooms-slider .uk-slider-items li.uk-width-3-5 { max-width: 820px; } .rooms-slider .custom-arrow, .retreat-arrow { max-width: 995px; } .home-rooms { padding-bottom: 0; } .rooms-slider .uk-grid { margin-left: 0; } .rooms-slider .uk-grid > * { padding-left: 0; width: calc(100% - 40px); } .text-content { max-width: 100%; } .rooms-slider h4{ font:var(--mob-h4-title-fonts); width: 100%; text-align: left; } .text-content{ width: 100%; text-align: left; } } @media (max-width: 1100.98px) { .rooms-slider .uk-slider-items li.uk-width-3-5 { max-width: 780px; } .rooms-slider .custom-arrow, .retreat-arrow { max-width: 954px; } } @media (max-width: 1024.98px) { .room-slider-bottom { padding: 30px 30px 52px; } .rooms-slider .uk-slider-items li.uk-width-3-5 { max-width: 100%;width: 100%; } .retreat-arrow { display: none; } .retreat-dot { display: block; } .rooms-slider h4 { text-align: center; } .text-content { text-align: center; } .rooms-slider .action__button{ margin-top: 24px;justify-content: center;} .home-rooms .title{ max-width: 216px; font-size: 50px;} .home-rooms { padding: 30px 0 0; } .rooms-slider { padding: 20px 0 0 0; } .rooms-slider .uk-slider-items.uk-grid .uk-panel img { height: auto; } .home-rooms:before { width: 382px; height: 192px; } } @media (max-width: 767.98px) { .rooms-slider .custom-arrow { width: calc(100% - 20px); top: 11.5%; transform: translate(-50%, -11.5%); } .rooms-slider .custom-arrow .arrow-slider { font-size: 16px; width: 60px; height: 60px; } .rooms-slider .custom-arrow .arrow-prev { opacity: 0; } .home-rooms-gallery-img { position: relative; } .home-rooms-gallery-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.49) 100%); } .rooms-slider .uk-grid { margin-left: -20px; } .rooms-slider .uk-grid > * { padding-left: 20px; width: calc(100% - 40px); } .home-rooms:before { content: ""; width: 281px; height: 122px; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/room-mobile-pattern.png); background-repeat: no-repeat; background-position: bottom; background-size: contain; position: absolute; } .home-rooms-gallery-img:after{ content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(359.34deg, rgba(13, 83, 77, 0) 34.03%, #063E3A 99.26%); pointer-events: none; } } @media only screen and (min-device-width: 480px) and (max-device-width: 767.98px) and (orientation: landscape) { .rooms-slider .custom-arrow { width: calc(100% - 20px); top: 25%; transform: translate(-50%, -25%); } } @media only screen and (min-device-width: 480px) and (max-device-width: 959.98px) and (orientation: landscape) { .rooms-slider .uk-grid > * { padding-left: 0; width: calc(100% - 40px); } } .home-rooms-amenities { position: relative; width: 100%; display: block; background: var(--primary-color); padding: 20px 0 150px; } .rooms-amenities-list { position: relative; width: 100%; display: block; } .rooms-amenities-list .uk-slider-items .slider-item { text-align: center; padding: 10px; } .rooms-amenities-list .uk-slider-items img.slider-image { width: auto; height: auto; display: inline-block; margin: 0 auto; padding-bottom: 25px; } .slider-text { position: relative; width: 100%; display: inline-block; color: var(--primary-cta-font-hover-color); font: 400 24px/140% 'quiche-sans', sans-serif; text-transform: none; text-align: center; filter: opacity(1); } .rooms-amenities-list ul.uk-slider-nav { margin:70px 0 0; z-index: 11; position: relative; } .rooms-amenities-list ul.uk-slider-nav li { padding: 0 11px; } .rooms-amenities-list ul.uk-slider-nav li a { width: 10px; height: 10px; background: transparent; border: 1px solid #F2F9F1; border-radius: 50%; opacity: 1; transition: .4s all ease; } .rooms-amenities-list ul.uk-slider-nav li.uk-active a, .rooms-amenities-list ul.uk-slider-nav li.uk-active a:hover, .rooms-amenities-list ul.uk-slider-nav li.uk-active a:focus { background: #D3E3D2; opacity: 1; border-color: #D3E3D2; } .rooms-amenities-list img:focus-visible{ background:transparent; } @media (max-width: 1023.98px) { .home-rooms-amenities { padding: 60px 0 ; } .slider-text { font-size: 20px; } .rooms-amenities-list .uk-slider-items img.slider-image { padding-bottom: 32px; } } @media (max-width: 1023.98px) { .rooms-amenities-list .uk-slider-items:not(.uk-grid){ align-items: center; } } .suites .home-rooms-amenities{ padding: 50px 0; } .exclusive-offers-section { width: 100%; display: block; position: relative; overflow: hidden; padding: 150px 0 50px; margin-top: -90px; } .exclusive-offers-section:before { z-index: 0; content: ""; width: 100%; height: 520px; display: block; top: 0; left: 0; position: absolute; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/exclusive-offers-wave-pattern.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; } .exclusive-offers-head { z-index: 1; width: 100%; max-width: 768px; display: block; position: relative; margin: 0 auto 50px; } .exclusive-offers-head .title--tagline { width: 100%; display: block; position: relative; text-transform: uppercase; } .exclusive-offers-head h2.title { width: 100%; display: block; position: relative; font: var(--h1-title-fonts); text-transform: uppercase; filter: opacity(1); margin: 0; } .offer-card-list { z-index: 1; width: 100%; position: relative; } .offer-card { width: 100%; display: block; position: relative; } .offer-card img.offer-image { width: 100%; display: block; margin-bottom: 10px; } .offer-card h4 { position: relative; width: 100%; display: block; color: var(--primary-cta-color); font: 400 24px / 140% 'quiche-sans', sans-serif; text-transform: none; filter: opacity(1); margin-bottom: 10px; } .offer-card .text-editor { position: relative; width: 100%; display: block; margin-bottom: 20px; } .exclusive-offers-section .offer-card .action__button { justify-content: flex-start; margin: 0; } .exclusive-offers-section .action__button { margin-top: 40px; justify-content: center; } @media (min-width: 1200px) { } @media (min-width: 960px) { } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { .exclusive-offers-section { padding: 40px 0 50px; margin-top: 0; overflow: visible; } .exclusive-offers-section:before { z-index: 1; content: ""; width: 100%; height: 229px; display: block; top: -60px; left: 0; position: absolute; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/wave-offer.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .exclusive-offers-section:after { z-index: 1; content: ''; width: 100%; height: 400px; left: 0; top: -30px; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/pattern-for-mobile.png"); } .exclusive-offers-section .uk-container { z-index: 2; position: relative; } } @media (max-width: 959.98px) { .exclusive-offers-head h2.title{ font: var(--mob-h1-title-fonts); font-size: 30px; } .exclusive-offers-section:before { height: 209px; } } @media (max-width: 767.98px) { .exclusive-offers-section:before { height: 190px; } } @media (max-width: 767.98px) and (min-width: 640px) { } @media (max-width: 639.98px) { .exclusive-offers-section:before { height: 170px; } .offer-card-list { margin: 0; } .offer-card-list .offer-animation { padding: 0; } } @media (max-width: 575px) { .exclusive-offers-section:before { height: 165px; } .home-rooms-amenities .uk-container{padding-left: 10px; padding-right: 10px;} } @media (max-width: 374px) { } @media only screen and (min-width: 760px) and (max-width: 768px) { .exclusive-offers-section:after { top: 0; } } .meetings-events-section { width: 100%; min-height: 687px; padding: 50px 0; display: flex; position: relative; align-items: center; } .meetings-events-section img.meetings-events-image { z-index: 1; width: 100%; height: 100%; top: 0; left: 0; position: absolute; object-fit: cover; } .meetings-events-section:before { content: ""; width: 100%; height: 100%; display: block; background: linear-gradient(270.38deg, rgba(13, 83, 77, 0) 35.54%, #0D534D 84.67%); position: absolute; top: 0; left: 0; z-index: 2; } .meetings-events-section .meetings-events { position: relative; width: 42%; display: block; z-index: 3; } .meetings-events .title--tagline { position: relative; width: 100%; display: block; color: var(--primary-cta-font-hover-color); text-transform: uppercase; filter: opacity(1); } .meetings-events h2.title { position: relative; width: 100%; display: block; color: var(--primary-cta-font-hover-color); font: var(--h1-title-fonts); filter: opacity(1); margin-bottom: 15px; } .meetings-events .text-editor { position: relative; width: 100%; display: block; color: var(--primary-cta-font-hover-color); filter: opacity(1); } @media (min-width: 1200px) { } @media (min-width: 960px) { } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { .meetings-events-section:before{ background: linear-gradient(180deg, rgba(13, 83, 77, 0) 35.54%, #0D534D 84.67%); } .meetings-events-section .meetings-events{ width: 100%; } .meetings-events h2.title{ font: var(--mob-h1-title-fonts); } .meetings-events-section .uk-container { bottom: 40px; position: absolute; } } @media (max-width: 959.98px) { } @media (max-width: 767.98px) { .meetings-events-section:before { background: linear-gradient(178.46deg, rgba(13, 83, 77, 0) 28.83%, #0D534D 50.45%); } } @media (max-width: 767.98px) and (min-width: 640px) { } @media (max-width: 639.98px) { } @media (max-width: 575px) { } @media (max-width: 374px) { } .home-faqs-section { width: 100%; display: flex; padding: 80px 0; position: relative; align-items: center; background: #F6F6F4; } .home-faqs-section:before { content: ""; width: 100%; height: 100%; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/faq-bg.jpg ); background-repeat: no-repeat; background-position: 10% 20%; background-size: cover; position: absolute; bottom: 0; left: 0; opacity: 0.2; } .home-faqs-section .faqs-outer { position: relative; width: 100%; display: flex; gap: 80px; } body.faqs .home-faqs-section .uk-container { max-width: 1000px; } body.faqs .home-faqs-section .faqs-outer > div:first-child { display: none; } body.faqs .home-faqs-section .faqs-outer > div { width: 100%; } body.faqs .home-faqs-section { display: block; } .faqs-content h2.title { width: 100%; font: var(--h2-title-fonts); display: block; position: relative; filter: opacity(1); text-transform: var(--h2-title-fonts-text-transform); } .faqs-content .text-editor { width: 100%; display: block; position: relative; } @media (max-width: 1023.98px) { .home-faqs-section .faqs-outer > div { width: 100%; } .home-faqs-section .faqs-outer{ flex-direction: column; } .home-faqs-section { padding: 40px 0; } .faqs-content h2.title { font-size: 40px; } .home-faqs-section:before { background-position: center; } .home-faqs-section .uk-accordion-title { font-weight: 500; padding-right: 20px; } .uk-accordion-title::before { top: 0; transform: inherit; } } .home-reviews-blog-section { width: 100%; display: flex; position: relative; align-items: stretch; } .home-reviews-blog-section .reviews-content { background: #F6F6F4; } .home-reviews-blog-section .blog-content { background: #D3E3D2; } .home-reviews-blog-section .reviews-content, .home-reviews-blog-section .blog-content { padding: 80px; display: flex; position: relative; overflow: hidden; flex-direction: column; justify-content: center; text-align: center; } .home-reviews-blog-section .reviews-content:before { content: ""; width: 100%; height: 100%; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/faq-bg.jpg); background-repeat: no-repeat; background-position: 10% 20%; background-size: cover; position: absolute; bottom: 0; left: 0; opacity: 0.2; } .reviews-content .reviews-title { position: relative; width: 100%; max-width: 550px; display: block; color: var(--primary-cta-color); font: 400 32px / 34px 'quiche-sans', sans-serif; text-transform: none; filter: opacity(1); margin: 0 auto 30px; } .reviews-content .reviews-slider { position: relative; width: 100%; max-width: 550px; display: block; margin: 0 auto; } .reviews-content .reviews-slider .review-desc { position: relative; width: 100%; display: block; color: var(--text-color); font: 400 18px/150% 'Schibsted Grotesk', sans-serif; text-transform: none; filter: opacity(1); margin-bottom: 30px; } .reviews-content .reviews-slider .review-author { position: relative; width: 100%; display: block; color: var(--text-color); font: 400 16px / 140% 'Schibsted Grotesk', sans-serif; letter-spacing: .8px; text-transform: uppercase; filter: opacity(1); margin-bottom: 30px; } .reviews-slider ul.uk-dotnav { position: relative; width: 100%; margin-left: -10px; } .reviews-slider ul.uk-dotnav li { padding-left: 10px; } .reviews-slider ul.uk-dotnav li a { width: 10px; height: 10px; background: transparent; border-color: var(--primary-color); } .reviews-slider ul.uk-dotnav li.uk-active a { background: var(--primary-color); } .blog-content .uk-slider { width: 100%; max-width: 550px; display: block; position: relative; margin: 0 auto; } .blog-content img.blog-image { width: 100%; display: block; margin-bottom: 20px; } .blog-content .blog-title { position: relative; width: 100%; display: block; color: var(--primary-cta-color); font: 400 32px / 130% 'quiche-sans', sans-serif; text-transform: none; filter: opacity(1); margin-bottom: 20px; } .blog-content .action__button { justify-content: center;margin-bottom:10px; } @media (min-width: 1200px) { } @media (min-width: 960px) { } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { .home-reviews-blog-section > div { width: 100%; } .home-reviews-blog-section { flex-direction: column; } } @media (max-width: 959.98px) { } @media (max-width: 767.98px) { .home-reviews-blog-section .reviews-content { padding: 60px 20px; } .home-reviews-blog-section .reviews-content:before { background-position: center; } .reviews-content .reviews-title { font-size: 24px; } .home-reviews-blog-section .blog-content { padding: 60px 20px; } .blog-content .blog-title { font-size: 24px; } } @media (max-width: 767.98px) and (min-width: 640px) { } @media (max-width: 639.98px) { } @media (max-width: 575px) { } @media (max-width: 374px) { } .home-intro-map-outer { position: relative; width: 100%; display: flex; background: #F6F6F4; padding:0; min-height: 960px; overflow: hidden; } .home-intro-map-outer:before { content: ""; width: 60%; height: 100%; display: block; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/faq-bg.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: contain; position: absolute; bottom: 0; left: 0; opacity: 0.2; } .home-intro-map { position: relative; width: 100%; max-width: 695px; z-index: 3; } .home-intro-map .intro-map { position: relative; width: 100%; display: block; padding: 108px 0 0 0; } .home-intro-map .intro-map .title { position: relative; width: 100%; display: block; color: var(--h1-font-color); font: 400 60px / 110% 'quiche-sans', sans-serif; text-transform: var(--xl-title-fonts-text-transform); } .map-section { max-width: 770px; width: 100%; position: absolute; top: 0; right: 0; z-index: 2; } .map-section img.map-image { width: 100%; height: 100%; object-fit: cover; } .home-intro-map .text-editor { max-width: 649px; } .map-slider-miles { text-transform: uppercase; letter-spacing: 1.3px; font-weight: 400; } /*Map Section*/ .attractions-map > .imgmap { display: none; } .resort-map-icon { width: auto; } .map-slider-item-media { height: 276px; overflow: hidden; width: 410px; box-shadow: 0px 8px 18px 0px #00000017; } .attraction-map-list { position: absolute; right: 51%; transform: translate(100%, 0); bottom: 60px; } .map-slider-content { display: flex; justify-content: space-between; width: 100%; padding: 16px 0 0 0; color: #0D534D; font: var(--secondary-cta-fonts); } .map-slider-content h5{margin:0} .marker.img.mapping.active img.resort-map-icon { position: relative; left: -4px; top: 0; } .map-and-pin-box #img_ID { height: 961px; } .intro-mobile-map { display: none; } @media (max-width: 1600.98px) { .attraction-map-list { right: 60%; } } @media (max-width: 1500.98px) { .home-intro-map { max-width: 555px; } } @media (max-width: 1400.98px) { .home-intro-map { max-width: 425px; } .attraction-map-list { right: 63.5%; } } @media (max-width: 1250.98px) { .home-intro-map { max-width: 330px; } .attraction-map-list { right: 65%; } .map-slider-item-media { object-fit: cover; height: 230px; width: 350px; } } @media (max-width: 1150.98px) { .home-intro-map-outer .uk-container{padding-right: 0; margin-left: 0;} .home-intro-map { max-width: 270px; } .home-intro-map .intro-map .title { font-size: 40px;line-height: 120%; } .home-intro-map .intro-map { padding: 58px 0 0 0; } .home-intro-map .action__button { flex-direction: column; justify-content: left; align-items: start; } .attraction-map-list { right: 69%; } } @media (max-width: 1080.98px) { .home-intro-map { max-width: 220px; } .attraction-map-list { right: 75%; } } @media (max-width: 1023.98px) { .home-intro-map-outer{ background: #fff;} .attractions-map { display: none; } .attraction-map-list { display: none; } .home-intro-map-outer { flex-direction: column; } .intro-mobile-map { display: block; } .home-intro-map-outer { min-height: auto; } .home-intro-map { max-width: 100%; } .home-intro-map .intro-map { padding: 50px 20px 44px; } .home-intro-map-outer .uk-container { padding-right: 0; margin: 0; width: 100%; padding-left: 0; } .intro-mobile-map img { width: 100%; } .home-intro-map .action__button { flex-direction: row; align-items: center; } .home-intro-map-outer:before { display:none; } .intro-map:before { height: 360px; width: 370px; content: ''; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/faq-bg.jpg); background-repeat: no-repeat; background-position: 80% 40%; background-size: cover; position: absolute; left: 0; opacity: 0.2; bottom: 0; } .home-intro-map .text-editor{max-width: 100%;} } @media (max-width: 959.98px) { .map_img_artmap { order: 2; } .attractions-map #img_ID { height: auto; } .attractions-map #img_ID, .map-and-pin-box { width: calc(100% + 2px); max-width:700px; margin-left: -1px; } .map-and-pin-box{ text-align: center; margin: 0 auto; } .imgmap{ display:none; } .imgmap a { display: block; position: absolute; } } @media (max-width: 767.98px) { .attractions-map #img_ID{ margin-top: -100px; object-fit: cover; } .home-intro-map .text-editor{margin-bottom: 24px;} } @media (max-width: 519.98px) { .imgmap { width: 100% !important; } } .imgmap a.marker { position: relative; display: block; width: max-content !important; height: 19px !important; } @media (min-width: 960px) { .attraction-slider-part{ z-index: 1; } .map-and-pin-box { display: flex; justify-content: end; overflow: hidden; } .attractions-map .map-mobile-img { display: none; } /*.attractions-map { position: absolute; width: auto; text-align: center; right: 0; top: 0; z-index: 1; }*/ .imgmap { position: absolute; left: inherit !important; /*top: 0; width: 100% !important; margin: 0 auto; left: 0 !important;*/ } .map_img_artmap img { width: 100%; object-fit: cover; object-position: center; vertical-align: top; } } /*Home Attractions End*/ .home-events-section { width: 100%; display: block; position: relative; padding: 70px 0 150px; background: linear-gradient(359.4deg, #0D534D 33.62%, rgba(13, 83, 77, 0) 84.69%), #0D534D; } .home-events-section .title { z-index: 3; width: 100%; max-width: 900px; color: var(--secondary-color); font: var(--h2-title-fonts); font-size: 100px; position: relative; filter: opacity(1); margin: 0 auto -50px; text-transform: var(--h2-title-fonts-text-transform); text-align: center; } .home-events-section .events-slider { position: relative; width: 100%; display: block; margin-bottom: 50px } .home-events-section .events-slider .uk-slider-items > div { padding: 0 15px; } .home-events-section .uk-slider-items .events-item { position: relative; width: 100%; display: block; transition: all .9s; overflow: hidden; } .home-events-section .uk-slider-items .events-item:before { content: ""; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.492) -27.36%, rgba(0, 0, 0, 0) 32.75%), linear-gradient(359.34deg, #0D534D 2.83%, rgba(13, 83, 77, 0) 53.75%); position: absolute; top: 0; left: 0; z-index: 1; } .home-events-section .uk-slider-items .events-item:after { content: ""; width: 0; height: 1px; background: rgb(211 227 210 / 10%); display: block; transition: all .3s; position: absolute; left: 0; bottom: 0; z-index: 1; } .home-events-section .uk-slider-items .events-item:hover:after { width: 100%; } .home-events-section .uk-slider-items .events-item img { width: 100%; height: 530px; object-fit: cover; transition: all .9s; } .home-events-section .uk-slider-items .events-item:hover img { transform: scale(1.2); } .home-events-section .uk-slider-items .events-item .events-item-text { width: 100%; display: flex; flex-direction: column; gap: 20px; padding: 30px; position: absolute; bottom: 0; left: 0; z-index: 2; } .events-item .events-item-text .events-title { position: relative; width: 100%; display: block; color: var(--primary-cta-font-hover-color); font: 400 32px / 130% 'quiche-sans', sans-serif; text-transform: none; filter: opacity(1); margin: 0; } .events-item .events-item-text .events-date { position: relative; width: 100%; display: block; color: var(--primary-cta-font-hover-color); font: 400 16px/140% 'Schibsted Grotesk', sans-serif; text-transform: uppercase; letter-spacing: 0.8px; filter: opacity(1); margin: 0; } .home-events-section .action__button { justify-content: center; } @media (min-width: 1200px) { } @media (min-width: 960px) { } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { .home-events-section .title { width: 40%; font-size: 50px; } .home-events-section { padding: 40px 0 150px; } } @media (max-width: 959.98px) { } .events-slider ul.uk-dotnav.for-mobile { display: none; } @media (max-width: 767.98px) { .home-events-section { padding: 40px 0 70px; } .home-events-section .title { width: 100%; font-size: 50px; margin: 0 auto; } .home-events-section .events-slider { margin-top: -25px; } .home-events-section .events-slider .uk-slider-items > div { padding: 0; } .events-item .events-item-text .events-title { font-size: 24px; } .events-slider ul.uk-dotnav.for-mobile { display: block; } .events-slider ul.uk-dotnav.for-mobile a { border-color: #fff; } .events-slider ul.uk-dotnav.for-mobile .uk-active a { background-color: #fff; } .events-slider ul.uk-dotnav.for-mobile { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-top: 40px; } .home-events-section .action__button { display: none; } } @media (max-width: 767.98px) and (min-width: 640px) { } @media (max-width: 639.98px) { } @media (max-width: 575px) { } @media (max-width: 374px) { } .home-take-look-section { width: 100%; display: block; position: relative; padding: 150px 0 50px; overflow: hidden; margin-top: -90px; } .home-take-look-section:before { z-index: 0; content: ""; width: 100%; height: 520px; display: block; top: 0; left: 0; position: absolute; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/exclusive-offers-wave-pattern.png); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; } .home-take-look-head { z-index: 1; width: 100%; max-width: 768px; display: block; position: relative; text-align: center; margin: 0 auto 50px; } .home-take-look-head .title { position: relative; width: 100%; display: block; font: 400 60px / 110% 'quiche-sans', sans-serif; text-transform: uppercase; filter: opacity(1); margin-bottom: 20px; } .take-look-social { position: relative; width: 100%; display: block; } .social-title { position: relative; width: 100%; display: block; color: var(--text-color); font: var(--tagline-fonts); text-transform: capitalize; margin-bottom: 10px;font-family: 'quiche-sans';font-size: 24px; } .social-item-list { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; } .social-item-list a { width: auto; color: var(--primary-cta-color); font-size: 17px; position: relative; display: inline-block; } .social-item-list a:focus, .social-item-list a:hover { color: var(--primary-cta-hover-color); } .take-look-gallery { width: 100%; position: relative; margin-bottom: 40px; } .gallery-img img { box-shadow: 0px 8px 18px 0px #00000017; } .home-take-look-section .action__button { justify-content: center; } .take-look-gallery > div:nth-child(2) .uk-grid-small>.uk-grid-margin { margin-top: 32px; } .home-take-look-section .uk-container { max-width: 1376px; } .take-look-gallery > div:nth-child(1) .gallery-img img { width: 100%; height: 640px; object-fit: cover; } .take-look-gallery > div:nth-child(2) .gallery-img img { width: 100%; height: 304px; object-fit: cover; } .gallery-img-inside{overflow: hidden;} .look-rs-gallery .gallery-img-inside img{ transform: scale(1); transition: 1.5s;} .look-rs-gallery .gallery-img-inside:hover img, .look-rs-gallery .gallery-img-inside:focus img { transform: scale(1.2); } .gallery-img-inside a { display: block; position: relative; } .gallery-img-inside a:hover:after, .gallery-img-inside a:focus:after { background: #D3E3D2D9; width: 100%; height: 100%; position: absolute; bottom: 0; content: ''; left: 0; } .gallery-img-inside a:hover:before, .gallery-img-inside a:focus:before { content: "\e901"; font-family: 'template-icon'; color: var(--highlight-color); position: absolute; z-index: 1; font-size: 30px; top: 50%; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; transform: translate(0px, -10px); } @media (max-width: 1366.98px) { .take-look-gallery > div:nth-child(1) .gallery-img img { height: 628px; } .take-look-gallery > div:nth-child(2) .uk-grid-small>.uk-grid-margin { margin-top: 20px; } } @media (max-width: 1023.98px) { .home-take-look-section { padding: 40px 0 50px; margin-top: 0; overflow: visible; } .home-take-look-head .title { font-size: 35px; } .home-take-look-section .uk-container { z-index: 2; position: relative; } .home-take-look-section:before { z-index: 1; content: ""; width: 100%; height: 229px; display: block; top: -80px; left: 0; position: absolute; background: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/site-images/logo/wave-offer.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .home-take-look-section:after { z-index: 1; content: ''; width: 100%; height: 400px; left: 0; top: 50px; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(https://assets.milestoneinternet.com/outrigger-hotels-and-resorts/embassy-suites-by-hilton-waikiki-beach-walk-365460-1/image-noindex/pattern-for-mobile.png); } .take-look-gallery { margin: 0; } .take-look-gallery > div:first-child { display: none; } .take-look-gallery > div { width: 100%; padding: 0; } .take-look-gallery > div .gallery-img img { width: 100%; height: 155px; object-fit: cover; } .take-look-gallery > div .uk-grid .gallery-img { width: 50%; } .home-take-look-section .action__button { margin-top: 40px; } } @media (max-width: 959.98px) { .home-take-look-section:before { height: 209px; } } @media (max-width: 767.98px) { .home-take-look-section:before { height: 190px; } .take-look-gallery > div:nth-child(2) .gallery-img img { height: 155px; } } @media (max-width: 639.98px) { .exclusive-offers-section:before { height: 170px; } } @media (max-width: 575px) { .exclusive-offers-section:before { height: 165px; } }