.hr103-slideshow{background:var(--text-color);color:#fff;height:calc(100vh - var(--header-height,0));min-height:600px;margin-top:-82px;height:100vh}.hr103-slideshow__items{min-height:100%!important;height:100%}.hr103-slideshow__media{position:relative;height:100%}.hr103-slideshow__media:after{content:'';background:#000;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hr103-slideshow__media>img{width:100%;height:100%;object-fit:cover}.hr103-slideshow .title{color:#fff}.hr103-slideshow__content{position:absolute;top:auto;bottom:0;left:50%;color:#fff;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 40px}.hr103-slideshow__title{margin-bottom:10px}.hr103-slideshow__dotnav{position:absolute;bottom:110px;left:0;right:0}.hr103-slideshow__dotnav>*{}.hr103-slideshow__dotnav>*>*{width:106px;border-radius:0;height:4px;background:#aaa}.hr103-slideshow__dotnav>.uk-active>*{background:#f4f3ed}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1023.98px){}@media(max-width:959.98px){}@media(max-width:767.98px){}@media(max-width:639.98px){}@media(max-width:575px){}.ng-star-inserted .hr103-slideshow{margin-top:-50px} .lt135-h1{padding:120px 20px 25px;text-align:center}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1023.98px){}@media(max-width:959.98px){}@media(max-width:767.98px){.lt135-h1{padding:40px 0 15px;text-align:center}}@media(max-width:639.98px){}@media(max-width:575px){} .et17-widget{padding:0;position:relative}.et17-widget__container{position:relative;z-index:2;padding:70px 20px 0;border-top:1px solid var(--border-color)}.et17-widget__maintitle{margin-bottom:40px;text-align:center}.et17-widget__unap{font-size:14px;font-weight:400;line-height:1.5;margin-bottom:15px;list-style:none;padding:0;margin-left:-15px;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center}.et17-widget__unap>*{padding-left:15px;display:inline-flex;align-items:center}.et17-widget__unap .template-icon{font-size:18px;color:var(--primary-color);margin-right:10px;line-height:1}.et17-widget .template-icon-calendar-light{color:var(--border-color);font-size:27px}.et17-widget__box{position:relative}.et17-widget__box:nth-child(2):before{content:"";border-left:1px solid var(--primary-color);width:1px;height:100%;display:block;position:absolute;left:20px}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1024px){.et17-widget__maintitle{text-align:center!important}.eventWrap{margin-top:30px}.et17-widget{text-align:center}}@media(max-width:959.98px){.et17-widget__items>*{width:50%}.et17-widget__box:not(:first-child):not(:nth-child(2)){display:none}.et17-widget:after{height:1199px}}@media(max-width:767.98px){.et17-widget:after{background-position:left}.et17-widget{padding:0 0 40px}.et17-widget .template-icon-calendar-light{color:var(--tertiary-color)}.et17-widget__box:not(:first-child){padding-top:30px}.et17-widget__box:nth-child(2):before{content:"";border-top:1px solid var(--tertiary-color);width:200px;height:1px;display:block;position:absolute;left:0;right:0;margin:0 auto;top:5px}}@media(max-width:767.98px)and (orientation:landscape){.et17-widget__box:nth-child(2):before{display:none}.et17-widget__box:not(:first-child){padding-top:0}}@media(max-width:639.98px){}@media(max-width:575px){.et17-widget__items>*{width:100%}} .bookstay{padding:0}body.is-bookstay-active .bookstay{top:0;display:flex!important}.bookstay .uk-modal-dialog{background:var(--body-bg);width:100%;padding:0;height:100vh}.bookstay .uk-modal-dialog .uk-section,.bookstay .uk-modal-dialog .uk-container,.booking-section-main{height:100%}.bookstay__container{padding:0;height:100%}.bookstay__grid{margin:0;height:100%}.bookstay__grid>*{padding:0}.bookstay__media{height:100%}.bookstay__media>*{width:100%;height:100%;object-fit:cover}.bookstay__content{width:630px;max-width:100%;padding:70px 90px 50px;position:relative;overflow-y:auto;background:var(--body-bg);text-align:center;margin:auto}.bookstay__close{background:transparent;padding:10px;position:static;top:15px;right:15px;min-height:unset;font-size:14px;cursor:pointer;border:0;color:var(--primary-color);padding-left:0;text-transform:uppercase;display:flex;align-items:center;column-gap:5px}.bookstay__close .template-icon{font-size:18px}.bookstay__close .template-icon,.bookstay__close .template-icon:last-child{margin:0}.bookstay__close:hover,.bookstay__close:focus,.booking-header-controls a:hover,.booking-header-controls a:focus{color:var(--nav-active-font-color)}.booking-header-controls-right{display:flex}@media(min-width:1280px){.booking-header-controls-right{margin-right:-70px}}@media(min-width:768px){.bookstay__close:not(.bookstay__close--desktop){display:none}}@media(max-width:767px){.booking-header-controls-right{display:none}.bookstay__close{position:absolute;z-index:1}.booking-header-controls{display:none}.booking-form-wrapper{max-width:100%;width:100%}}.bookstay-form{text-align:center;max-width:515px;margin:auto;width:515px}.bookstay-form__title{text-align:center;margin-bottom:20px}.bookstay-form__group{margin-bottom:30px;text-align:left;border-bottom:1px solid var(--border-color);position:relative}.bookstay-form__group--dropdown:after{content:'';position:absolute;font-family:var(--icon-fonts);right:0;font-weight:lighter;font-size:12px;top:30px;line-height:1}.bookstay-form__label{font:var(--reservation-widget-label-fonts);color:var(--primary-color);text-transform:var(--reservation-widget-label-fonts-text-transform)}.bookstay-form__control{border:0;color:var(--text-color);font:var(--reservation-widget-input-fonts);text-transform:var(--reservation-widget-input-fonts-text-transform);padding:0!important;background:none!important;height:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;text-align:left}.bookstay-form__control:focus{color:var(--primary-color)!important;background-color:transparent!important}.bookstay-form__dropdown{background:var(--body-bg);border:1px solid var(--border-color);top:55px!important;width:100%;padding:10px 25px;box-shadow:none}.bookstay-form__group--dropdown{position:relative;min-height:58px}.bookstay-form__group--dropdown .bookstay-form__label{position:absolute;pointer-events:none}.bookstay-form__group--dropdown .bookstay-form__control{position:relative;padding:25px 0 13px 0!important;z-index:1}.bookstay-form__group--full-height{border:0;margin:-30px 0 0 0}.bookstay-form__group--full-height .bookstay-form__control{text-align:center;padding:0!important;!i;!;min-height:85px;color:var(--text-color)}.bookstay-form__group--full-height .bookstay-form__control::placeholder{color:var(--text-color)}.bookstay-form__submit{width:100%;min-height:65px;font:var(--body-text-fonts)}.bookstay-phone{display:inline-flex;align-items:center;margin-top:35px;gap:20px;color:var(--primary-color);font-size:12px;line-height:1;font-weight:600}.bookstay-phone>.template-icon{color:var(--secondary-color);font-size:20px}.bookstay-phone:hover,.bookstay-phone:focus-visible{color:var(--secondary-color)}.bookstay-reminder{display:none}.open-remind-later .bookstay-booking{display:none}.open-remind-later .bookstay-reminder{display:block}.bookstay__toggle-btn .button-link:after{display:none}.bookstay__toggle-btn .button-link>.template-icon{margin-left:10px}.bookstay__toggle-btn .button-link{padding:0}.bookstay__tagline{text-transform:uppercase;margin-top:25px;text-align:center}.bookstay__toggle-btn{margin-top:15px;text-align:center}.bookstay-form__box{text-align:center;max-width:450px;margin:auto;border:1px solid var(--border-color);padding:30px 50px 0;margin-bottom:10px}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1023.98px){}@media(max-width:959.98px){}@media(max-width:767.98px){.bookstay-form{margin:50px 0}.bookstay{z-index:102;background:var(--body-bg);padding:0}.bookstay__col--media{display:none}.bookstay__content{padding:75px 40px 40px}.bookstay__close{font-size:24px;top:10px}.bookstay__close:not(.bookstay__close--mobile){display:none}.bookstay-form__group--dropdown:after{font-size:20px;top:14px}.bookstay-form__box{padding:30px 30px 0;max-width:335px}.bookstay-form{max-width:100%}.bookstay__toggle-btn{margin-top:30px;text-align:center}}@media(max-width:639.98px){}@media(max-width:575px){}.room-guests{}.room-guests__item{display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid var(--border-color);padding:15px 0}.room-guests__col--input{width:18px}.room-guests__input{border:0!important;background:transparent!important;color:var(--primary-color);font-size:18px;font-family:var(--title-fonts);letter-spacing:0;width:100%;padding:0;margin:0;line-height:1;text-align:left}.room-guests__col--text{width:125px;padding-left:10px;padding-right:10px}.room-guests__col--actions{display:flex;align-items:center;gap:8px}.room-guests__text{font-size:14px;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.98px;font-family:var(--text-fonts-2);text-align:left}.room-guests__button{display:inline-flex;width:26px;height:26px;border:1px solid var(--text-color);background:transparent;border-radius:50%;align-items:center;justify-content:center;font-size:12px;color:var(--text-color);cursor:pointer;transition:all .4s ease;position:absolute;right:5px;font-size:18px}.room-guests__button.plus{top:-64px}.room-guests__button.minus{bottom:43px}.room-guests__button:hover,.room-guests__button:focus-visible{background:var(--primary-color);color:var(--inverse-error-message-color);border-color:var(--primary-color)}.room-guests__item:first-child{border:0}.bookstay .edit-overlay{float:left}.uk-form-field-border{border:1px solid var(--primary-color);border-radius:4px;padding:12px 15px;margin-bottom:15px;color:var(--inverse-font-color);font-family:Var(--secondary-font);text-transform:uppercase;margin-bottom:20px!important}.uk-form-field-border label{text-align:left;display:block}.uk-form-field-border.form__group span{text-align:left;display:block}.uk-form-counter{position:relative}.uk-form-counter span{position:absolute;left:-7px;bottom:-36px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.uk-form-field-border input{background:none;border:none;width:100%;padding:0;margin:0;color:var(--primary-color);font:var(--reservation-widget-input-fonts);text-transform:uppercase}.uk-form-field-border input::placeholder{color:var(--primary-color)}.uk-form-field-border input:focus{outline:none}.uk-form-field-border .uk-icon{color:rgba(255,255,255,.7)}.uk-form-counter{display:flex;align-items:center}.uk-form-counter button{background:none;border:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;color:var(--primary-color);font-size:23px}.uk-form-counter button:hover{background-color:transparent;color:var(--tertiary-color);border-color:var(--inverse-font-color)}.uk-form-counter span{margin:0 10px}.counter-parent{margin-top:-27px!important;position:absolute;right:-10px;top:-23px;width:30px;display:inline;left:auto}.counter-parent .room-guests__button{position:static}.room-guests__button.minus{margin-top:5px}.uk-form-counter span{position:static;margin:0}.counter-parent .sr-only{display:none}.uk-button-check-availability{padding:.75rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease-in-out,color .3s ease-in-out;text-transform:uppercase;width:100%;text-align:center;border-radius:6px;font-family:var(--secondary-font);font-weight:450;color:var(--primary-cta-inverse-color);background:var(--primary-color);margin-left:0!important}.uk-button-check-availability:hover,.uk-button-check-availability:focus{background:var(--primary-cta-hover-color);color:var(--primary-cta-font-hover-color)}.booking-section-main{display:flex;min-height:700px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.booking-section-left-image{flex:1;min-width:45%}.booking-section-left-image img{width:100%;height:100%;object-fit:cover;display:block}.booking-section-right-content{flex:1;min-width:55%;position:relative;background-size:cover;background-position:right;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background-repeat:no-repeat;background-size:cover;background-blend-mode:luminosity;background-color:#f3f1ef;aspect-ratio:750/800;background-position:center}.booking-section-right-content.addBg{background-image:url('https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/meetings-tabs-bg.jpg?cropX=710&cropW=1326&cropH=1414&width=750&height=800')}.booking-section-right-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(243,241,239,.8);z-index:0;width:100%;height:100%}.booking-form-wrapper{position:relative;z-index:1;width:515px;max-width:515px;text-align:center}.booking-header-controls{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px;width:100%;color:var(--primary-color);font-size:.9rem}.booking-header-controls a{color:var(--primary-color)}.booking-header-controls .uk-icon{color:var(--inverse-error-message-color)}.booking-header-controls .uk-close{color:var(--inverse-error-message-color);font-size:1.5rem;cursor:pointer}.from__group-row{display:flex;column-gap:10px}.from__group-row .uk-form-field-border{width:50%;position:relative;height:83px}.uk-form-field-border{font:var(--reservation-widget-label-fonts);color:var(--primary-color)}.bookstay-form__control{color:var(--inverse-font-color);font:var(--reservation-widget-input-fonts)}@media(max-width:1024px){.booking-section-left-image{display:none}}@media(max-width:959px){.booking-section-main{flex-direction:column;min-height:auto;border-radius:0}.booking-section-left-image,.booking-section-right-content{min-width:100%}.booking-section-left-image{height:300px}.booking-section-right-content{padding:30px}.booking-form-wrapper{max-width:100%}.booking-section-right-content{align-items:start;justify-content:start}}@media(max-width:959px){.booking-section-right-content{padding:18px 30px 30px}}@media(max-width:959px)and (orientation:landscape){.booking-section-main{overflow:auto}}@media(max-width:767px){.booking-form-wrapper,.bookstay-form{width:100%}.booking-section-right-content.addBg{background-image:url('https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/meetings-tabs-bg.jpg?cropX=784&cropW=1326&cropH=1414&width=375&height=400')}}@media(max-width:767px)and (orientation:landscape){.booking-section-main{overflow:auto}.bookstay__close{padding-right:0;right:10px}.bookstay-form{margin:0 0 50px}} .footer9{padding:50px 20px 60px;background-size:cover;background-position:center;color:var(--footer-color);background-color:var(--bg-footer);background-blend-mode:luminosity;position:relative}.footer9 :focus-visible{outline:1px solid var(--footer-color);box-shadow:0 0 2px var(--footer-color) inset;-webkit-box-shadow:0 0 2px var(--footer-color) inset;-ms-box-shadow:0 0 2px var(--footer-color) inset;-moz-box-shadow:0 0 2px var(--footer-color) inset}.footer9:after{content:"";display:block;position:absolute;top:0;left:0;background-color:rgba(39,38,38,.9);height:100%;width:100%}.footer9__container{position:relative;z-index:1}.footer9 .title{color:var(--footer-color)}.footer9 a{color:var(--footer-color)}.footer9 a:hover,.footer9 a:focus-visible{text-decoration:underline}.footer9:after{}.footer9-newsletter{width:514px}.footer9__logo{margin-bottom:25px}.footer9__logo img:focus-visible,.footer9__submenu-item img:focus-visible{background:transparent}.footer9-newsletter__grid{display:flex;align-items:flex-start;gap:16px}.footer9-newsletter__control{flex:1;position:relative}.footer9-newsletter__input{height:48px;background:var(--inverse-font-color)!important;border-color:var(--footer-color)}.footer9-newsletter__gdpr{margin-top:16px;font-size:12px;line-height:1.5}.footer9-newsletter__gdpr a{text-decoration:underline}.footer9-newsletter__gdpr a:hover,.footer9-newsletter__gdpr a:focus-visible{text-decoration:none}.footer9-newsletter__btn{color:var(--footer-color);border-color:var(--footer-color)}.footer9__title{font:var(--body-text-fonts);font-weight:bold;margin:0 0 15px 0}.footer9__address>a,.footer9__phone>a,.footer9__email>a{padding:8px 0;display:inline-flex}.footer9__menu-item>a{padding:8px 0;display:inline-flex;align-items:center}.footer9__menu-item>a.navON{text-decoration:underline;color:var(--footer-color)}.footer9__social .template-icon{margin-right:12px;display:inline-flex}.footer9__social-item>a .template-icon{position:absolute;left:0;font-size:20px}.footer9__social-item>a{display:inline-flex;align-items:center;padding:8px 0 8px 27px;position:relative}.footer9__social-item>a:hover,.footer9__social-item>a:focus{color:var(--tertiary-color)}.footer9__social{display:flex;column-gap:15px;margin-top:20px}.footer9__hr{margin-top:50px;margin-bottom:30px}.footer9__copyright{font-size:14px;display:flex;justify-content:space-between}.footer9__submenu{display:flex;align-items:center;flex-wrap:wrap;margin-left:-25px;font-size:14px;justify-content:center;padding:23px;column-gap:70px}.footer9__submenu-item:first-child img{width:100px}.footer9__submenu-item>a{text-decoration:underline;display:block}.footer9__submenu-item>a:hover{text-decoration:none}.footer9__submenu>*{padding-left:25px}.footer9__submenu:last-child{padding-left:6px}.footer9__submenu-item>a.navON{color:var(--footer-color);text-decoration:none}.footer9__col--social{display:flex;align-items:center;column-gap:50px}.footer9__menu{display:flex;justify-content:center;column-gap:50px}.footer-subnavigation{border:1px solid var(--border-color);border-left:0;border-right:0;margin:90px 0 40px;padding:13px 0}.copyright-home{display:none}.milestone .copyright-home{display:block}.breadcrumb{padding-bottom:20px;position:relative;z-index:9}.breadcrumb__nav{letter-spacing:1px}.breadcrumb__nav{font-size:14px}.breadcrumb__nav>*{color:#fff;font-size:12px}.breadcrumb__nav>a:hover,.breadcrumb__nav>a:focus{color:var(--tertiary-color);text-decoration:none}.breadcrumb__nav{color:#fff}.breadcrumb__nav>a::after{content:'/';margin:0 10px;display:inline-flex;vertical-align:middle}.footer9__col--newsletter{padding-left:0}@media(min-width:1200px){.footer9__grid{margin-left:-45px}.footer9__grid>*{padding-left:45px}.footer9__col--contact{width:430px}.footer9__col--social{width:auto}.footer9__col--newsletter{width:auto;flex:1}}@media(min-width:960px){.footer9__col--contact{width:446px}.footer9__col--social{width:auto}.footer9__col--newsletter{width:auto;flex:1}}@media(max-width:1399.98px){.footer9-newsletter{max-width:400px}.footer9-newsletter__grid{flex-direction:column}.footer9-newsletter__control{flex:1;width:100%;max-width:400px}}@media(max-width:1199.98px){.footer9-newsletter{max-width:100%}.footer9-newsletter__grid{flex-direction:row}.footer9__col--newsletter{margin-bottom:30px}}@media(max-width:1100px){.footer9__menu{column-gap:15px}.footer9__copygrid{text-align:center}.footer9__copygrid>div{width:100%}.footer9__submenu{justify-content:center}}@media(max-width:959.98px){.footer9__col--social{width:40%;justify-content:center;padding-left:0}.footer9__grid{justify-content:center;text-align:center;row-gap:30px}.footer9__social{justify-content:center}.footer9__menu{flex-wrap:wrap}.footer9__submenu{column-gap:20px}.footer9__copyright{display:block}}@media(max-width:767.98px){.milestone .footer9{padding:40px 0 100px}.breadcrumb{display:none}.footer9__copygrid>*{width:100%}.footer9__copygrid{flex-direction:column}.footer-subnavigation{margin:60px 0 40px}.footer9__copygrid>*.uk-grid-margin{margin-top:30px}.footer9__submenu>*{padding-left:16px}.footer9{padding:40px 0 100px}.footer9__hr{margin-top:40px;margin-bottom:25px}.footer9__submenu{row-gap:5px;flex-wrap:nowrap}.footer9__submenu-item>a{padding:5px 0}.footer9__logo{margin-bottom:20px;width:122px;margin:20px auto 0}.footer9__col--newsletter{margin-bottom:0}.footer9__grid>.uk-grid-margin{margin-top:0}.footer9__col--newsletter{order:1}.footer9__col--contact{order:2}.footer9__col--social{order:3;margin-top:20px}.footer9__grid{row-gap:10px}.footer9__col--social{width:100%;column-gap:25px}.footer9__menu-item{width:46%;text-align:center}.footer9__submenu{padding:20px 20px 65px 20px!important}}@media(max-width:639.98px){.footer9-newsletter__grid{flex-direction:column}.footer9-newsletter__action{width:100%}.footer9-newsletter__btn{width:100%}}@media(max-width:575px){.footer9__phone span:last-child{display:block}} /* Header Starts */ :root { --header-height: 82px; } body { padding-top: var(--header-height, 82px); } .header { position: fixed; z-index: 50; background: transparent; color: var(--header-color); padding: 20px 8px; left: 0; top: 0; width: 100%; min-height: var(--header-height); display: flex; align-items: center; transition: all ease .5s; } .header.is-fixed, .withoutbanner .header{ background: rgba(51, 51, 51, 0.93); } .header__container { width: 100%; max-width: 1504px; } @media (max-width: 1550px) { .header__container { max-width: 1404px; } } @media (max-width: 1450px) { .header__container { max-width: 1244px; } } /*@media (min-width: 1024px) { .header:not(.is-fixed){ height:135px; } } */ .header__grid { align-items: center; margin-left: -20px; } .header__grid > * { padding-left: 20px; } .header__col { flex-shrink: 0; flex: 1; } .header__col--center { text-align: center; width: var(--logo-width); flex: 0; padding-left:10px; } .header__logo { width: var(--logo-width); height: var(--logo-height); display: inline-block; align-items: center; color: var(--header-color); } .header.is-fixed .header__logo{ height:60px; } .header.is-fixed{ padding: 0 8px; } .header__logo > * { width: 100%; height: 100%; object-fit: contain; } .header-collapsible { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -9999; overflow: hidden; -webkit-overflow-scrolling: touch; transition: opacity .4s ease; background: var(--bg-alt-1); color: var(--inverse-font-color); align-items: stretch; opacity: 0; visibility: hidden; } .header-social { display: flex; align-items: center; padding: 0 40px; position: absolute; bottom: 40px; left: 15px; } .header-social__item + .header-social__item { margin-left: 15px; } .header-social__link { display: inline-flex; align-items: center; color: var(--inverse-font-color); padding: 5px; } .header-collapsible__scroll { height: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; } .header-collapsible__content { max-width: 100%; padding: 0; background-image: url(https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/footer-bg.jpg?cropY=1198&cropW=1620&cropH=1024&width=1620&height=1024); background-repeat: no-repeat; height: 100vh; width: calc(100% - 275px); margin-top: 0; background-color: var(--primary-color); background-blend-mode: lighten; background-position: 0 bottom; position: relative; background-size: cover; } .header-collapsible__content:after { content: ""; background-color: rgb(31 68 58 / 90%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .header-collapsible__media { width: calc(100% - 500px); max-width: 100%; flex: 1; height: 100vh; } .header-collapsible__media > * { width: 100%; height: 100%; object-fit: cover; } .header__col--left { display: flex; align-items: center; justify-content: flex-start; flex: 1; } .header__col--right { text-align: right; display: flex; align-items: center; justify-content: flex-end; } .header-mainmenu{; } .header-mainmenu__item { display: inline-flex; vertical-align: middle; align-items: center } .header-mainmenu__link { text-transform: var(--header-fonts-text-transform); color: var(--header-color); padding: 10px; font: var(--header-fonts); letter-spacing: 1.3px; filter:opacity(1); } .header-mainmenu__link.navON { text-decoration: none; color: var(--nav-active-font-color); } .header-mainmenu__item + .header-mainmenu__item { margin-left: 10px } .header-mainmenu__link:hover,.header-mainmenu__link:focus-visible { color: var(--nav-active-font-color); /* text-decoration: none; */ } .uk-drop.uk-open { display: block !important; } .header__phone { display: inline-flex; align-items: center; font: var(--header-fonts); color: var(--header-color); text-transform: uppercase; } .header__phone .template-icon { margin-right: 13px; font-size: 18px; line-height: 1; color: var(--header-color); } .header__phone-text { display: inline-flex; color: var(--header-color); filter:opacity(1); align-items: center; padding: 15px 0; } .header__phone-text:hover, .header__phone-text:focus{ color:var(--nav-active-font-color); } .header__bookstay { margin-left: 30px; background:var(--inverse-font-color); color:var(--primary-color); box-shadow: 0 0 0 0 var(--inverse-font-color); -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); min-width: 203px; min-height: 47px; white-space: nowrap; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 25px rgba(84,192,80, 0); }} @-moz-keyframes pulse { to { box-shadow: 0 0 0 25px rgba(84,192,80, 0); }} @-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(84,192,80, 0); }} @keyframes pulse {to { box-shadow: 0 0 0 25px rgba(84,192,80, 0); }} .header__bookstay:hover, .header__bookstay:focus{ background: var(--primary-cta-hover-color); color: var(--primary-cta-font-hover-color); border-color: var(--primary-cta-hover-color); } .weather{ margin-right: 30px; display: flex; align-items: center; column-gap: 0; font-family: var(--secondary-font); font-weight: 450; filter:opacity(1); font-size:14px; } .weather .template-icon{ font-size: 24px; padding-right: 10px; } .weather-content{ font-size: 14px; font-family: var(--secondary-font); display: flex; align-items: center; column-gap: 3px; } .weather-content sup:after{ content: ""; width: 6px; height: 0.5px; display: block; background: var(--header-color); position: absolute; top: 5px; left: 0.5px; } .weather .display{ } .booking-section-right-content .weather-content sup:after{ background: var(--primary-color); } .navmenu__list { margin: 0; list-style: none; padding: 70px 40px 0; /* overflow: auto; */ scrollbar-color: var(--border-color) transparent; scrollbar-width: none; /* height: 100%; */ /*max-width: 500px; background: rgba(255, 255, 255, 0.1); */ } .navmenu__list:after { content: ""; background: rgba(255, 255, 255, 0.1); width: 500px; height: 1000px; display: block; position: absolute; top: -200px; left: 0; z-index: -1; } .uk-nav li>a{ max-width:400px; } .navmenu-dropmenu{ top: -5px !important; } .navmenu__list-item:not(.navmenu__list-item--onlymob) + .navmenu__list-item { margin-top: 10px; } .navmenu__list-item:last-child { margin-right: 0; } .navmenu__list-link { display: inline-flex; padding: 15px 30px; position: relative; text-transform: uppercase; font: var(--h5-title-fonts); color: var(--inverse-font-color); } .navmenu-dropmenu__item a{ text-transform: none; padding-bottom: 23px !important; } .navmenu__list-link:hover, .navmenu__list-link:focus-visible, .navmenu-dropmenu__link:hover, .navmenu-dropmenu__link:focus-visible { color: var(--highlight-color); } .navmenu__list-item:last-child .navmenu__list-link { padding-right: 0; } .navmenu__dropdown { position: relative; } .navmenu__dropdown > a { position: relative; } .navmenu__dropdown > a:before { content: '\e97a'; font-family: var(--icon-fonts); position: absolute; left: auto; right:20px; top: 4px; background-size: contain; transition: all .4s ease; line-height: 1; font-size: 19px; } .navmenu-dropmenu{ position:absolute !important; left:500px !important; } .navmenu__dropdown > a[aria-expanded="true"]:before { } .navmenu-dropmenu { padding: 0; margin: 0; min-width: 265px; background: transparent; overflow: auto; max-height: 70vh; --uk-position-offset: 0; --uk-position-viewport-offset: 0; text-align: left; position: static; box-shadow: unset; color: var(--inverse-font-color); list-style: none; display:none !important; } .navmenu-dropmenu.uk-drop.uk-open { display: none !important; } .active_menu .navmenu-dropmenu, .active_menu .navmenu-dropmenu.uk-drop.uk-open{ display: block !important; } .navmenu-dropmenu__link { display: block; padding: 5px 30px; text-transform: uppercase; font: var(--header-fonts); color: var(--inverse-font-color); } .navmenu-dropmenu__link.uk-disabled { opacity: .2; } .navmenu__list-link:hover:after, .navmenu__list-link[aria-expanded="true"]:after, .navmenu__list-link.navON:after { opacity: 1; } .header__toggler { margin-right: 28px; position: relative; z-index: 11; display:block; } .header__toggler-btn { background: transparent; border: 0; display: flex; padding: 3px 0; margin: 0; font-size: 24px; line-height: 1; color: var(--inverse-font-color); cursor: pointer; align-items: center; min-width: 24px; min-height: 30px; justify-content: flex-end; } .maineetoggler .header__toggler-btn:focus-visible{ outline:none; box-shadow:none; color: var(--nav-active-font-color); } .header__toggler-btn .is-togglemenu-active, .close-toggle { display: none; } .is-header-active .header__toggler-btn .is-togglemenu-close { display: none; } .header__toggler-btn .is-togglemenu-close { display: block; } .toggler-new{ position: absolute; top: 50px; left: 40px; } .is-header-active .header-collapsible { opacity: 1; visibility: visible; z-index: 9; } body.is-header-active .header-mainmenu { display: none } /* .is-header-active .header__col--right { position: relative; z-index: 10; } */ .is-header-active .header__phone-text, .is-header-active .header__phone .template-icon{ color: var(--inverse-font-color); } .is-header-active .header__bookstay { background: var(--primary-cta-inverse-color); border-color: var(--primary-cta-inverse-color); color: var(--primary-cta-inverse-font-color); } .is-header-active .header__toggler-btn .is-togglemenu-active, .is-header-active .header__toggler-btn .close-toggle{ display: none; } .is-header-active .header__toggler-btn.toggler-new .is-togglemenu-active{ display:block; } .menuText{ font-size: 15px; margin-left: 10px; letter-spacing: 1.4px; font-family: var(--secondary-font); font-weight: 500; text-transform: uppercase; } .is-header-active .header__toggler-btn .is-togglemenu-close { display: none; } .nav-img-wrap .nav-img { display: none; padding: 0 70px 0 } .nav-img-wrap .nav-img.activenav,.nav-img-wrap .nav-img.uk-active { display: block; width: 100%; } .nav-img-wrap{ margin-right: -200px; } .navmenu__list-item a{ color: var(--nav-font-color) !important; font: var(--menu-fonts) !important; padding-bottom: 10px !important; } .navmenu__list-item a:hover, .navmenu__list-item a:focus, .navmenu__list-item a.navON{ color:var(--nav-active-font-color) !important; } .header-secondary-menu{ padding-left: 25px !important; margin-left: 40px; } .header-secondary-menu .navmenu-dropmenu__item a{ padding-left:35px; position:relative; } .header-secondary-menu .navmenu-dropmenu__item a:before{ content: '\e97a'; font-family: var(--icon-fonts); position: absolute; left: 5px; top: 4px; background-size: contain; transition: all .4s ease; line-height: 1; font-size: 19px; } @media(max-width: 1600px) { .navmenu__list{ padding: 50px 40px 0; } .navmenu__list-item:nth-child(10) .navmenu-dropmenu, .navmenu__list-item:nth-child(11) .navmenu-dropmenu, .navmenu__list-item:nth-child(12) .navmenu-dropmenu, .navmenu__list-item:nth-child(12) .navmenu-dropmenu{ top: auto !important; bottom: 0 !important; } } @media(max-width: 1600px) { .navmenu__list-item:not(.navmenu__list-item--onlymob) + .navmenu__list-item{ margin-top: 7px; } } @media(max-width: 1500px) { .navmenu__list{ min-width: 900px; } .toggler-new{ top: 30px; } } @media(max-width: 1390px) { .navmenu__list{ min-width: 80%; } .navmenu__list-item a{ padding-bottom: 5px !important; } .navmenu__list-item .navmenu-dropmenu__item a{ font-size:18px !important; } .header__bookstay{ padding: 20px; } } @media(max-width: 1360px) { .navmenu__list-item a{ font-size:18px !important; } } @media(max-width: 1300px) { .navmenu-dropmenu__link{ padding:5px; } .navmenu__list:after{ width:470px; } .navmenu-dropmenu{ left: 470px !important; } .navmenu__list-item:not(.navmenu__list-item--onlymob) + .navmenu__list-item { margin-top: 0; } .navmenu__list-item .navmenu-dropmenu__link { padding-bottom: 0 !important; } .navmenu-dropmenu{ overflow:hidden; } } @media(max-width: 1270px) { .navmenu__list-item a{ font-size:18px !important; } .navmenu__list:after{ width: 400px; } .navmenu-dropmenu{ left:410px !important; } .uk-nav li>a { max-width: 340px; } .navmenu__list{ height: 100%; overflow: auto; padding: 100px 40px 0; } } @media(min-width: 1200px) { .header__phone-text{ min-width: 140px; height: 55px; } .weather{ min-width:90px; height:30px; } .header__toggler-btn{ min-width:25px; height:30px; } .weather-content{ min-width: 25px; min-height:28px; } } @media(max-width: 1199px) { .navmenu-dropmenu{ left: 390px !important; } .header-collapsible__content{ width: calc(100% - 180px); } } @media(max-width: 1080px) { .header-collapsible__content{ width: calc(100% - 100px); } .nav-img-wrap { margin-right: -150px; } } @media(max-width: 1024px) { .nav-img-wrap{ display:none; } .header-collapsible__content{ width: 100%; } .uk-nav li>a { max-width: 50%; } .navmenu-dropmenu{ left: 55% !important; } .navmenu-dropmenu__item a{ max-width: 100% !important; } .navmenu__list:after{ width: 51%; } } @media(max-width: 959px) { .navmenu__list:after{ background:none; } .header.is-fixed{ padding:0; } } @media(max-width: 825px) { .header__bookstay{ margin-left: 10px; font-size: 12px; } .weather .display{ font-size:12px; } .weather .template-icon { font-size: 22px; padding-right: 8px; } } @media(min-width: 768px) { .navmenu__list-item--onlymob, .navmenu__list-link--btn { display:none!important } .is-header-active .header__toggler-btn { color: var(--inverse-font-color); } .is-header-active .header__logo { position: absolute; z-index: 1; left: 137px; right: 0; width: 100%; top: 0; text-align:center; height: var(--logo-height) !important; } .is-header-active .header__logo img{ width: 84px; } .navmenu__dropdown > .navON + .navmenu-dropmenu { display: block !important; } .navmenu__dropdown > .navON + .navmenu-dropmenu.removeActive { display: none !important; } } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { .header-collapsible__content { } .header-mainmenu__item + .header-mainmenu__item { margin-left: 5px; } .header-mainmenu__link { padding: 10px 5px; font-size: 12px; } .header__toggler { margin-right: 20px; } .header__phone-no{ display:none; } } @media (max-width: 1090px) { .header__bookstay{ padding: 11px 20px; } .header__phone-no{ display:none; } .weather-content sup:after{ left:0; } } @media (max-width: 959.98px) { .header-mainmenu { display: none; } .header__bookstay { position: fixed; bottom: 10px; left: 10px; right: 10px; margin: 0; max-width: 355px; margin: auto; } body:not(.is-header-active) .header__phone .template-icon { margin: 0; } body:not(.is-header-active) .header__phone-no { display: none; } .header { padding: 10px 0px; } } @media (min-width: 768px) and (max-width: 1023px) { .header__bookstay{ position: static; margin: 0 0 0 14px; } .weather{ margin-right: 15px; align-items: center; } .weather .display { font-size: 14px; } .is-header-active .header__logo{ left: 0; } } @media (max-width: 767.98px) { :root { --header-height: 72px; } .is-header-active .header__toggler-btn .is-togglemenu-active, .is-header-active .header__toggler-btn .close-toggle{ display: block; } .toggler-new{ display:none; } .close-toggle, .is-header-active .header__toggler-btn .close-toggle{ display:none; } .header__col--left{ order: 3; width: 30px; padding-right: 24px; display: block; max-width: 30px; } .header__col--center{ order: 1; } .header__col--right{ order:2; } .header__toggler { margin-right: 0; } .header.is-fixed, .withoutbanner .header{ padding: 0; background: var(--bg-header); } .header__container{ padding: 0 27px; } .weather { margin-right: 20px; align-items: center; } .weather .template-icon{ font-size: 18px; } .header{ background: var(--bg-header); padding: 7px 0px; } .header-collapsible__media { display: none; } .header__logo{ width: var(--mob-logo-width); height: var(--mob-logo-height); } .header-collapsible__content .header__logo{ display:none; } .header-collapsible__content { width: 100%; height: 100%; margin: 0; padding-bottom: 100px; overflow: auto; padding: 0; } .uk-nav li>a { max-width: 90%; } .header-social { position: static; margin-top: 20px; padding: 0 20px; } .header-collapsible__scroll { height: 100%; overflow:auto; } .header-collapsible { top: var(--header-height); height: calc(100vh - var(--header-height)); } .is-header-active .header__toggler-btn {} .header__phone-no { display: none; } .navmenu__list { overflow: unset; padding: 0 20px 0; } .navmenu__list-link {} .navmenu__list-link:hover, .navmenu__list-link:focus-visible, .navmenu-dropmenu__link:hover, .navmenu-dropmenu__link:focus-visible { color: var(--inverse-font-color); } .navmenu-dropmenu{ position: static !important; } .navmenu__list{ margin-top: 50px; } .navmenu__list-item--onlymob{ padding-bottom:10px; } .header__bookstay{ bottom: 20px; left: 0; right: 0; width: auto; margin: 0 20px; max-width: 100%; border: 0; font-size:14px; height: 50px; } .header-secondary-menu{ margin: 10px 0; padding-left: 5px !important; } .navmenu__list-item{ padding-bottom: 10px; } .navmenu__list-item .navmenu-dropmenu__item a{ padding-bottom: 13px !important; } .active_menu .navmenu-dropmenu{ padding-top:10px; } } @media (max-width: 639.98px) { } @media (max-width: 575px) { } /* Header Ends */ /* Transparent Header Starts */ .has-transparent-header { padding-top: 0; } .has-transparent-header .header:not(.is-fixed) { background: transparent; } @media (min-width: 768px) { .has-transparent-header .header:not(.is-fixed) .navmenu__list-link, .has-transparent-header .header:not(.is-fixed) .navmenu__dropdown > a:before, .has-transparent-header .header:not(.is-fixed) .header__phone, .has-transparent-header .header:not(.is-fixed) .header__phone-text, .has-transparent-header .header:not(.is-fixed) .header__bookstay, .has-transparent-header .header:not(.is-fixed) .header__logo { color: var(--inverse-font-color); filter: opacity(1); } .has-transparent-header .header:not(.is-fixed) .navmenu__list-link:hover, .has-transparent-header .header:not(.is-fixed) .navmenu__list-link:focus-visible, .has-transparent-header .header:not(.is-fixed) .header__phone-text:hover, .has-transparent-header .header:not(.is-fixed) .header__phone-text:focus-visible { color: var(--highlight-color); } .has-transparent-header .header:not(.is-fixed) .header__bookstay { border-color: var(--inverse-font-color); } .has-transparent-header .header:not(.is-fixed) .header__bookstay:hover, .has-transparent-header .header:not(.is-fixed) .header__bookstay:focus-visible { border-color: var(--primary-cta-hover-color); } } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1023.98px) { } @media (max-width: 959.98px) { } @media (max-width: 767.98px) { .has-transparent-header .header:not(.is-fixed) .header__toggler-btn, .has-transparent-header .header:not(.is-fixed) .header__phone-text { color: var(--inverse-font-color); filter: opacity(1); } } @media (max-width: 639.98px) { } @media (max-width: 575px) { } /* Transparent Header Ends */ /* Page Studio Editor + Header Starts */ .page-component-mi-block .header { position: static; background: var(--bg-header) !important; color: var(--header-color) !important; } /*.page-component-mi-block .navmenu__list-link, .page-component-mi-block .navmenu__dropdown>a:before, .page-component-mi-block .header__phone, .page-component-mi-block .header__phone-text, .page-component-mi-block .header__bookstay, .page-component-mi-block .header__logo { color: var(--header-color) !important; } .page-component-mi-block .header__bookstay { border-color: var(--secondary-cta-font-color) !important; }*/ /* Page Studio Editor + Header Ends */ @media (max-width: 767.98px) { .footer-widget { padding: 40px 0 100px; } } .page-component-mi-block .header__toggler .header__toggler-btn.is-active { top: 20px; position:relative; } .ng-star-inserted .navmenu__list{ overflow:auto; } .ng-star-inserted .navmenu__list:after{ background:transparent; } /* Language Toggle */ .language-toggle-wrapper { margin-left: 20px; display: flex; align-items: center; } .language-toggle-wrapper .language-toggle-box { min-width: 80px; text-align: left; padding: 15px; display: none; } .language-toggle-wrapper ul { margin: 0; padding: 0; list-style-type: none; } .language-toggle-button { position: relative; background: none; outline: none; border: none; color: var(--inverse-font-color); filter: opacity(1); font-weight: 500; text-transform: uppercase; padding: 0 0 0 20px; cursor: pointer; } .language-toggle-button:hover,.language-toggle-button:focus,.language-toggle-button:focus-visible{ color:var(--nav-active-font-color); } .language-toggle-button::before { content: "\ea16"; font-family: var(--icon-fonts); position: absolute; top: 0; left: 0; font-size: 16px; } .header-langsel__dropdown-item a { text-transform: uppercase; } @media (max-width: 959.98px) { .language-toggle-wrapper { margin-left: 10px; } } /* For ES */ @media (min-width: 1400px) and (max-width: 1599.98px) { body.lang-es .header-mainmenu__item + .header-mainmenu__item { margin-left: 5px; } body.lang-es .header-mainmenu__link { padding: 0; letter-spacing: 0.6px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { body.lang-es .header-mainmenu__link { padding: 0; letter-spacing: 0.4px; font-size: 12px; } } @media (min-width: 960px) and (max-width: 1199.98px) { body.lang-es .header-mainmenu__link { padding: 10px 0; font-size: 9px; letter-spacing: 0.5px; } } /** Search box **/ html[lang="es"] .SearchBar{display:none} .SearchBar .toggle-search { max-width: unset; top: 100%; left: 0; right: 0; width: 100%; padding: 10px 20px; align-items: center; border-bottom: solid thin var(--border-color); background: var(--bg-alt-1); display: flex; justify-content: center; gap: 30px; position: absolute } .SearchBar .search-cta{ color:var(--inverse-font-color); margin-right: 15px; } .SearchBar .search-input .uk-input:focus-within { outline: 3px solid var(--accent-color)!important; box-shadow: 0 0 5px var(--accent-color) inset!important; outline: 0!important } .SearchBar .toggle-search.uk-open { display: flex; justify-content: center; gap: 5vw } .SearchBar form { display: flex; justify-content: center; align-items: center; gap: 20px } .SearchBar .search-input { display: flex; width: 100%; align-items: baseline } .SearchBar .search-input .template-icon-search-md{ color: #000; margin-right: 15px } .SearchBar .search-input .uk-input { border: 1px solid var(--primary-color); border-radius: 4px; padding: 2px 15px; background: transparent; box-shadow: initial; margin:0; width: 100%; margin: 0; font: var(--reservation-widget-input-fonts); text-transform: uppercase; } .SearchBar .uk-button{ min-height: 40px; padding: 8px 36px; } .SearchBar .search-input .uk-input::placeholder, .SearchBar .search-input .uk-input, .search-input .ucu-search, .SearchBar .uk-close>svg { color: var(--primary-color) } .SearchBar .uk-close { cursor: pointer } .SearchBar .uk-close:hover svg,.SearchBar .uk-close:focus svg { color: var(--accent-color) } .SearchBar a span.ucu-search { font-size: 16px } @media screen and (min-width: 960px) { .SearchBar .toggle-search { top:100% } .SearchBar a span.ucu-search { padding-right: unset } .SearchBar form { width: 40% } } @media screen and (max-width: 959px) { .header-container .cta-container .SearchBar { width:21px } .header-container .cta-container .header-cta { width: 58px } } @media screen and (max-width: 767.98px) { .header__col--left{ width: 80px; padding-right: 0; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; max-width: 80px; } } span.header__phone-no { white-space: nowrap; } /* Home video */ /* Video */ .hero-image { width: 100%; max-width: 1920px; margin: auto; position: relative; overflow: hidden; height: 100%; } .home-video__container { width: 100%; max-width: 100%; position: relative; } .home-video:before { content: ""; height: 250px; width: 100%; position: absolute; top: 0; z-index: 1; transition: all .4s ease 0s; /*background: linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);*/ /* background: transparent linear-gradient(180deg, #000000BF 0%, #0000008C 15%, #00000005 50%, #00000000 100%) 0% 0% no-repeat padding-box; */ background: transparent linear-gradient(180deg, #000000 0%, #0000008C 35%, #00000005 80%, #00000000 100%) 0% 0% no-repeat padding-box; } .home-video:after { content: ""; height: 230px; width: 100%; position: absolute; bottom: 0; z-index: 1; transition: all .4s ease 0s; background: transparent linear-gradient(0deg, #000000bf 0%, #0000008C 30%, #00000005 80%, #00000000 100%) 0% 0% no-repeat padding-box; } .home-video__block { width: 100%; } .home-video__title { z-index: 9; max-width: 800px; color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, 1); text-align: center; position: absolute; bottom: 15px; left: 0; transform: translateY(-40%); right: 0; margin: 0 auto; font-size: 55px; font-style: normal; font-weight: 400; line-height: 60px; text-transform: capitalize; font-family:var(--title-fonts); letter-spacing: 0; } .home-video__block video { width: 100%; height: 100%; object-fit: cover; object-position: bottom; } .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-height: 30px; color: var(--primary-color); background: #fff; border-radius: 50px; display: flex; padding: 0; align-items: center; justify-content: center; transition: all 0.3s ease-out; margin: 30px; text-transform: capitalize; padding: 0 10px; line-height: 30px; min-width: auto; } .home-video__actions.is-active .home-video__trigger, .home-video__trigger:hover, .home-video__trigger:focus{ width: 80px; height: 80px; color: var(--header-color); 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-color: var(--secondary-color); } .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: 12px; 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: 14px; margin-bottom: 3px; background: var(--primary-color); align-items: center; justify-content: center; text-align: center; border-radius: 50px; 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(--secondary-color); } .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: 100%; /* 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: var(--secondary-color); color: #fff; } @media (max-width: 960px){ .home-video__block video { height: auto; } .hero-image{ height: 100%; } .home-video__block video { height: 100%; } .home-mp4-vide .hero-image-wrap.home-video__block { height: 100%; } .home-video:after{ content:none; } .home-video__actions{ bottom: 25px; } } @media (max-width: 767px){ .home-video__actions{ z-index: 9; } .home-video__title{ font-size: 30px !important; padding:0 62px; line-height: normal; } .home-video::before { background: transparent; } .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 20px 10px; } .home-video__trigger:hover, .home-video__trigger:focus { width: 30px; height: 30px; } .home-video__trigger { margin: 0 0 20px 15px; } .home-video__actions-more { bottom: 40px; left: 20px; } .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-video__btn.full-video { } .home-video{ padding-top: 85px; } .home-video:after{ content:none; } .home-video__actions{ bottom: 40px; } } @media (min-width: 768px) and (max-width: 1023px){ .home-video__btn{ width:80px;height:80px; } .home-video__actions.is-active .home-video__trigger, .home-video__trigger:hover, .home-video__trigger:focus { width: 80px; height: 80px; } .home-video__trigger{ margin: 30px; } } body{ background-color:var(--bg-alt-1); } .home-intro{ padding:70px 0; overflow: hidden; position: relative; } .home-intro.addBg:before { content: ""; background: url(https://assets.milestoneinternet.com/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/bg-shape1.svg) no-repeat; width: 900px; height: 820px; display: block; position: absolute; right: -80px; background-size: contain; top: -30%; } .headline-media-small{ width: 300px; height: 440px; object-fit: cover; max-width: 300px; } .headline-media-big{ width: 395px; height: 475px; object-fit: cover; max-width: 395px; } .image-fade-slider-right{ margin-top: 0; } .lt426-widget__title{ max-width: 620px; } .lt426-widget__text{ max-width: 100%; margin: 50px 0 30px; } .headline-title{ padding-left: 0; } .image-fade-slider .uk-slideshow-items>*{ width:545px; } .image-fade-slider img{ width:100%; height:100%; margin: 0; object-fit:cover; } .image-fade-slider .uk-slideshow-items{ height:500px; width:545px; } .image-fade-slider-right .uk-slideshow-items>*{ width:480px; } .image-fade-slider-right img{ width:100%; height:100%; margin: 0; object-fit:cover; } .image-fade-slider-right .uk-slideshow-items{ height:255px; width:480px; } .image-fade-slider-right{ height:255px; } .home-intro-container{ z-index: 2; position: relative; } .headline-left{ width: 577px; } .headline-right{ width:502px; } .headline-grid{ column-gap: 155px; } @media (min-width: 1800px) { .home-intro:before{ width: 1280px; height: 1180px; right: -270px; top: -48%; } .lt426-widget__text{ max-width: 345px; margin: 50px 0 30px; } } @media (max-width: 1400px) { .headline-title{ padding-left: 0; } .headline-left{ margin-left: 75px; } .headline-grid{ column-gap: 100px; } } @media (max-width: 1300px) { .headline-grid { column-gap: 20px; } .headline-left { margin-left: auto; } } @media (max-width: 1280px) { .headline-title{ padding-left: 0; } } @media (max-width: 1240px) { .headline-title{ padding-left: 0; } .image-fade-slider li{ margin: 0; } .image-fade-slider .uk-slideshow-items>*, .image-fade-slider-right .uk-slideshow-items>*{ width: 100%; } .headline-media-small, .headline-media-big{ width: 100%; max-width:100%; } } @media (max-width: 1200px) { .headline-left { width: auto; } .headline-right{ margin: 40px auto 0; } } @media (min-width: 960px) and (max-width: 1024px){ .image-fade-slider .uk-slideshow-items>*, .image-fade-slider-right .uk-slideshow-items>*{ max-width: 545px; margin: 0 auto; } } @media (max-width: 960px) { .image-fade-slider-right { margin-top: 0; } .image-fade-slider .uk-slideshow-items>*, .image-fade-slider-right .uk-slideshow-items>* { width: 50%; margin: 0 auto; } .home-intro{ padding: 70px 0 40px; } .home-intro:before{ width: 500px; top: 0; height: 500px; } } @media (max-width: 767px) { .home-intro:before{ width: 483px; height: 430px; right: -50%; top: 0; } .home-intro { padding: 30px 0; } .headline-title{ text-align:center; } .headline-title .title--tagline{ margin-bottom: 15px; } .image-fade-slider .uk-slideshow-items>*, .image-fade-slider-right .uk-slideshow-items>* { width: 100%; } .image-fade-slider{ padding: 0 10px; } .image-fade-slider-right{ display:none; } .lt426-widget__text{ margin: 0 0 30px; } } .ng-star-inserted .headline-left{ width: 41%; } .ng-star-inserted .headline-right{ width: 46%; } .full-width-slider-media img{ width:100%; } .full-width-slider-content{ padding-left: 72px; max-width: 100%; } .full-width-slider{ padding-top: 30px; } .slider-control-right .uk-dotnav{ width: 50px; display: flex; flex-direction: column; row-gap: 10px; } .slider-control-right .uk-dotnav li{ height: 50px; width: 50px; padding-left: 0; } .slider-control-right .uk-dotnav li a{ width: 100%; height: 100%; text-indent: 0; text-align: center; display: flex; justify-content: center; align-items: center; color:rgba(51, 51, 51, 0.3); font-family: var(--secondary-font); filter:opacity(1); font-weight: 500; } .slider-control-right .uk-dotnav>.uk-active>*{ background: transparent; border-color: transparent; color:var(--tagline-font-color); font-weight: 500; } .slider-control-right .uk-dotnav>*>*{ border: 1px solid transparent; } .slider-control-right .uk-dotnav>*>:hover, .slider-control-right .uk-dotnav>*>:focus { background-color: transparent; border-color: transparent; color:var(--tagline-font-color); } .full-width-slider .uk-grid{ align-items:center; } .full-width-slider-action{ display: flex; flex-wrap: wrap; gap: 30px; } .circle { transition: top 0.3s ease-in-out; position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 2px solid var(--secondary-color); left: -9px; } .slider-control-bottom{ top: auto !important; bottom: -10px; max-width: 263px; width: 255px; display: flex; column-gap: 0; margin-top: 30px; left: 55px !important; } .slider-control-bottom .uk-slidenav-custom{ position: static !important; transform: none; box-shadow:none; width: 75px; height: 70px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center; } @media (max-width: 1300px) { .full-width-slider-content{ padding-left:20px; } } @media (max-width: 1140px) { .full-width-slider .slider-control-right { right: 20px; } } @media (max-width: 1024px) { .full-width-slider{ padding-bottom:0 } } @media (max-width: 960px) { .circle{ display:none; } .slider-control-right .uk-dotnav>.uk-active>*{ border-color: var(--tagline-font-color); } .full-width-slider .uk-slider-items{ padding-bottom: 125px; } .full-width-slider .slider-control-right { right: auto; top: auto; bottom: 40px; left: calc(50% - 71px); transform: translate(0, -50%); } .slider-control-right .uk-dotnav{ width: auto; flex-direction: row; } .full-width-slider-content { max-width: 100%; } .full-width-slider{ padding-bottom: 0; } .slider-control-bottom{ left: -15px !important; } } @media (max-width: 767px) { .full-width-slider-action{ justify-content:center; } .slider-control-right .uk-dotnav li a{ font-weight: 500;color: rgba(51, 51, 51, 0.7); } .full-width-slider-media img{ height: 395px; object-fit: cover; } .full-width-slider-content{ text-align:center; } .full-width-slider-inner{ padding-right:20px; } .full-width-slider-mobile-top{ text-align: center; padding-bottom: 40px; } .full-width-slider .uk-slidenav-container{ margin: 0 auto; bottom: 35px; justify-content: center; } .full-width-slider .slider-control-bottom .uk-slidenav-custom{ visibility: visible !important; } } .tab-content-right{ padding-left:90px; } .tags-content-action{ margin-top:40px; display: flex; flex-wrap: wrap; column-gap: 30px; } .tabs-image-with-content{ padding-top:140px; position:relative; overflow: hidden; } .tabs-image-with-content.addBg:after{ content: ""; background-image: url(https://assets.milestoneinternet.com/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/meetings-tabs-bg.jpg); transform: rotate(-180deg); width: 100%; display: block; position: absolute; top: 0; right: 0; height: calc(100% + 31px); background-size: cover; background-position: bottom; background-color: #F3F1EF; background-blend-mode: luminosity; z-index: 1; opacity: 0.3; } .tabs-image-with-content:before{ content: ""; background: linear-gradient(180deg, rgba(243, 241, 239, 1), rgba(243, 241, 239, 0.9)); width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: 2; opacity: 0.8; } .tabs-image-with-content .uk-container{ position: relative; z-index: 2; } .mobile-show{ display:none; } @media (max-width: 1200px) { .tab-content-right{ padding-left: 0; } } @media (max-width: 959px) { .tabs-image-with-content .uk-image-container-events{ text-align: center; } } @media (max-width: 767px) { .tabs-image-with-content:after{ background-position: left; } .mobile-show{ display:block; border: 1px solid var(--primary-color); border-radius: 10px; padding: 9px 25px; display: flex; justify-content: space-between; align-items: center; font-family: var(--secondary-font); font-size: 16px; font-weight: 450; text-transform: uppercase; } .tabs-image-with-content{ padding-top: 80px; } .tabs-image-with-content .uk-tab::before{ border-bottom:0; } .uk-tab-custom{ display:none; } #modulelinks-mob.uk-tab-custom{ display: none; border: 1px solid var(--primary-color); border-radius: 0 0 10px 10px; margin-left: 0; position: absolute; width: calc(100% - 40px); z-index: 2; margin-top: -1px; background: var(--bg-alt-1); } .uk-tab-custom.modulelink-active{ display:block; } .tabs-image-with-content .uk-tab>*{ padding-left: 0; } .tabs-image-with-content .uk-tab>.uk-active>a{ border-bottom: 0; } .tabs-image-with-content .uk-tab>*>a{ display: block; color: var(--primary-color); margin: 10px 0; font-weight:450; padding: 0 20px; } .tags-content-action{ row-gap: 20px; } } .map-section-container { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; background-color: #f8f8f8; } .map-section-container img.background-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .location-content-block { position: absolute; top: 50%; right: 50px; transform: translateY(-50%); padding: 40px; border-radius: 8px; max-width: 480px; text-align: left; } .location-content-block h2 { margin-bottom: 15px; } .location-content-block p { margin-bottom: 25px; } .map-section-container:before { content: ""; background: linear-gradient(180deg, #f0edec, rgba(243, 241, 239, 0)); height: 100px; width: 100%; display: block; position: absolute; top: 0; z-index: 1; } .map-section{ overflow: hidden; } .map-section-container{ background: var(--bg-alt-1); } @media (max-width: 1399px) { .map-section-container img.background-map{ left: -10%; } } @media (max-width: 1100px) { .map-section-container img.background-map{ left: -12%; } .location-content-block{ right: 0; } } @media (max-width: 959px) { .map-section-container img.background-map { left: 0; object-fit: contain; } .location-content-block { position: static; transform: none; margin: 0 auto 40px; max-width: 100%; text-align: left; width: 100%; padding: 20px; } .location-content-block .uk-grid-small { justify-content: start; } .map-section-container { padding-top: 0; } .map-section-container img.background-map{ position: static; } } @media (max-width: 640px) { .map-section-container { padding-top: 0; } } .right-media img{ width:100%; } .two-column-content{ max-width: 600px; padding-left: 100px; } .two-column-content-image{ padding-bottom:140px; } .two-column-content-image .home-video__wrapper{ width: 100%; height: 695px; margin: 0; max-width: 100%; } .two-column-content-image .home-video__actions-more{ display:block; } .two-column-content-image .home-video__btn{ width: 50px; height: 50px; background: transparent; opacity: 1; } .two-column-content-image .home-video__actions-more{ bottom: 20px; left: 20px; } .two-column-content-image .home-video__btn .uk-icon{ margin-bottom:0; } .two-column-content-image .home-video__btn-icon svg{ width:40px; } .two-column-content img{ margin: 20px 0; } @media (max-width: 1199px) { .two-column-content { padding-left: 20px; } } @media (max-width: 959px) { .uk-content-align-left-spaced{ order: 2; margin: 30px 0 !important; } .right-media{ order:1; } .two-column-content{ max-width: 100%; } .two-column-content{ padding-right: 20px; } .two-column-content-image{ padding-bottom: 50px; } } @media (max-width: 767px) { .two-column-content-image .home-video__wrapper{ height:440px; } .right-media img{ height: 440px; object-fit: cover; } .two-column-content{ padding-right:20px; } } .full-width-content{ max-width:640px; margin: 10px auto 0; filter:opacity(1); } .content-only-section{ position: relative; z-index: 2; padding:0 20px 70px; } .full-width-content a{ filter:opacity(1); } @media (max-width: 767.98px) { .content-only-section{ padding: 0 20px 20px; } } .three-column-slider-media{ position:relative; } /* .three-column-slider-media:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); } */ .uk-card-activity{ position: relative; } .uk-slider-container-card{ z-index: 2; position: relative; } .uk-card-activity-content{ position: static; bottom: 0; width: 100%; padding: 30px 0 30px; } .uk-slidenav svg + svg{ display:none; } .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: var(--bg-alt-1); } .uk-slidenav:hover path, .uk-slidenav:focus path{ fill: var(--primary-color) !important; } .uk-slider-container-card .uk-position-center-right{ margin: 0 -90px 0 0; } .uk-slider-container-card .uk-position-center-left{ margin: 0 0 0 -90px; } .three-column-slider{ position:relative; } .three-column-slider:before{ content: ""; background: url(https://assets.milestoneinternet.com/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/bg-shape1.svg) no-repeat; width: 867px; height: 798px; display: block; position: absolute; left: -11%; background-size: contain; top: -43%; } @media (max-width: 1280px) { .uk-slider-container-card{ max-width: calc(100% - 80px); } } @media (max-width: 1100px) { .uk-slider-container-card li{ width:50%; } .three-column-slider-media img{ width:100%; } } @media (max-width: 1024px) { .three-column-slider:before{ width: 50%; height: 50%; } } @media (max-width: 767px) { .uk-card-activity-content{ padding: 0 0 10px; } .uk-card-activity-content h4{ margin-bottom:10px; } .uk-slider-container-card li{ width: 100%; } .uk-slider-container-card{ max-width: calc(100% - 5px); } .uk-slider-container-card .uk-position-center-left { left: 105px; } .uk-slider-container-card .uk-position-center-right { right: 105px; } .uk-slider-container-card .uk-slidenav { background-size: contain !important; background-repeat:no-repeat; width: 40px; height: 40px; } .three-column-slider-media{ padding: 30px 0; } } .uk-instagram-grid-item { overflow: hidden; } .uk-instagram-grid-item a{ display: block; position: relative; } .uk-instagram-grid-item a span.template-icon-instagram{ position: absolute; left: 13px; top: 13px; color: #fff; } .uk-instagram-grid-item a:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; right:0; } .uk-instagram-grid-item img{ width: 100%; height: 100%; object-fit: cover; } .social-feed{ position: relative; } .social-feed-top{ position: relative; padding-top: 70px; overflow-x: clip; } .social-feed:before { content: ""; background: url(https://assets.milestoneinternet.com/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/bg-shape.svg) no-repeat; width: 805px; height: 740px; display: block; position: absolute; right: -15%; background-size: contain; top: -11%; } .social-feed-action a{ padding-bottom:0; } .social-feed .social-feed-action{ margin-bottom: 20px; } .social-feed .uk-container{ padding-top: 90px; border-top: 1px solid var(--border-color); } .instagram-link:hover, .instagram-link:focus{ color:var(--tertiary-color); } @media (max-width: 959px) { .social-feed:before{ display:none; } } @media (max-width: 767.98px) { .social-details { width: 50%; } .social-feed{ padding-bottom: 0; } } .footer-subscribe{ min-height:350px; position:relative; padding:0; } /*.footer-subscribe:after{ content:""; width:100%; height:100%; left:0;top:0; background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); position: absolute; } */ .footer-subscribe *{ filter:opacity(1); } .footer-subscribe .uk-container{ position:relative; z-index: 1; border-top: 1px solid var(--border-color); padding: 110px 0; } .uk-stay-in-touch-content{ display: flex; justify-content: space-between; max-width: 100%; } .footer-subscribe-content{ max-width: 514px; } .footer-subscribe .uk-input{ background: transparent !important; border: solid thin var(--primary-color) !important; border-radius: 6px; font-family: var(--secondary-font); height: 48px; padding-left: 25px; color:var(--text-color); font-weight: 400; } .footer-subscribe .uk-input:focus-visible{ border-color: var(--secondary-color) !important; } .footer-subscribe .uk-input::placeholder{ color:var(--text-color); } .footer-subscribe .uk-checkbox{ border-radius: 1px; margin-right: 5px; border-color:var(--primary-color); } .footer-subscribe .uk-checkbox:checked, .footer-subscribe .uk-checkbox:focus{ border-color: var(--primary-color); } .footer-subscribe .form__checkbox a{ text-decoration:underline; } .footer-subscribe .form__checkbox a:hover, .footer-subscribe .form__checkbox a:focus{ text-decoration:none; color:var(--primary-color); } .uk-checkbox-custom{ margin-bottom: 30px; display: block; font-size: 12px; letter-spacing: 0.6px; } .subscribe-desc{ margin-bottom: 30px !important; } .uk-button-notifications{ background:transparent; padding:0; border:0; text-transform: none; } .uk-button-notifications:hover, .uk-button-notifications:focus{ text-decoration:underline; } .form__group, .form__checkbox{ position:relative; margin-bottom:40px; } .footer9-newsletter #input-error-277482{ bottom: -50px; } .footer9-newsletter .input-error~.error-message{ bottom: -32px; width: 250px; } .footer9-newsletter .uk-checkbox:focus{ border-color:var(--primary-color) !important; } .lang-es .form__group, .lang-es .form__checkbox { margin-bottom: 20px; } .lang-es .footer9-newsletter .input-error~.error-message { position: relative !important; width: 100%; bottom: 0; } @media (max-width: 1300px) { .footer-subscribe{ padding: 0 20px; } } @media (max-width: 959px) { .footer-subscribe{ background-repeat: no-repeat; background-size: cover; background-position: center !important; } .uk-stay-in-touch-content{ column-gap: 20px; } } @media (max-width: 767.98px) { .footer-subscribe{ min-height: 645px; padding: 0; display: flex; align-items: center; text-align: center; } .footer-subscribe:after{ background: rgba(0, 0, 0, 0.6); } .uk-checkbox-custom{ text-align: left; display: flex; position: relative; } .footer-subscribe .uk-checkbox-custom{ display: block; padding-left: 30px; } .footer-subscribe .uk-checkbox{ position: absolute; top: 12px; left:1px; } .footer-subscribe .uk-checkbox-custom span{ margin: 9px 0 0 25px; } .subscribe-cta{ width:100%; } .subscribe-cta button{ width:100%; } .subscribe-cta + .subscribe-cta{ display:none; } .uk-stay-in-touch-content{ display: block; padding: 0 20px; text-align: left; } .footer-subscribe .uk-container{ padding: 50px 0 0; } } @media (max-width: 567px) { .footer9-newsletter label.form__checkbox{ display: block; margin-left: 0 !important; padding-left: 0; } .footer-subscribe .uk-checkbox{ top: 0px; left:0; position: inherit; } } .three-grid-section .title--tagline{ color:var(--text-color); } .three-grid-description, .three-grid-cta{ display:none; } .three-grid-title{ font:var(--h4-title-fonts); color:var(--inverse-font-color); } .expandable-section:hover .three-grid-description, .expandable-section:hover .three-grid-cta, .expandable-section:focus .three-grid-description, .expandable-section:focus .three-grid-cta, .expandable-section:focus-within .three-grid-description, .expandable-section:focus-within .three-grid-cta, .expandable-section:focus-within .three-grid-description, .expandable-section:focus-within .three-grid-cta, .expandable-section:focus .three-grid-description, .expandable-section:focus .three-grid-cta{ display:block; } .expandable-container { display: flex; width: 100%; height: 860px; overflow: hidden; } .expandable-section { position: relative; flex: 1; background-size: cover; background-position: center; transition: flex 0.5s ease-in-out, filter 0.5s ease-in-out; display: flex; align-items: center; justify-content: center; padding: 40px; text-align: center; filter: brightness(0.8); } .expandable-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); transition: background-color 0.5s ease-in-out; z-index: 1; } .expandable-section:hover:after, .expandable-section:focus-within:after{ content: ""; background: url(https://assets.milestoneinternet.com/itzana-resort-itzana-management-company-limited/itzana-belize-resort-residences-390945-1/bg-shape.svg) no-repeat; width: 500px; height: 500px; display: block; right: 0; background-size: contain; z-index: 2; opacity: 0.4; } .expandable-section:nth-child(2):hover:after, .expandable-section:nth-child(2):focus-within:after{ opacity:1; } .expandable-content { z-index: 3; color: #fff; transition: opacity 0.5s ease-in-out; opacity: 1; width: 100%; position: absolute; height: 100%; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .expandable-content h2 { margin-bottom: 10px; } .expandable-section:hover .three-grid-title, .expandable-section:focus .three-grid-title, .expandable-section:focus-within .three-grid-title{ font:var(--h2-title-fonts); color:var(--inverse-font-color); } .expandable-section .uk-button-secondary{ color:var(--inverse-font-color); } .expandable-content p, .expandable-content .uk-button { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; } .expandable-content .uk-button{ transition: all .5s; } .expandable-section:hover, .expandable-section:focus-within{ flex: 3; filter: brightness(1); } .expandable-section:first-child:hover::before, .expandable-section:first-child:focus::before, .expandable-section:first-child:focus-within::before{ background-color: rgba(51, 51, 51, 0.9); } .expandable-section:nth-child(2):hover::before, .expandable-section:nth-child(2):focus::before, .expandable-section:nth-child(2):focus-within::before{ background-color: rgba(176, 152, 110, 0.8); } .expandable-section:nth-child(3):hover::before, .expandable-section:nth-child(3):focus::before, .expandable-section:nth-child(3):focus-within::before{ background-color: rgba(31, 68, 58, 0.9); } .expandable-section:hover .expandable-content p, .expandable-section:hover .expandable-content .uk-button, .expandable-section:focus .expandable-content p, .expandable-section:focus .expandable-content .uk-button, .expandable-section:focus-within .expandable-content p, .expandable-section:focus-within .expandable-content .uk-button{ opacity: 1; visibility: visible; } .expandable-container:hover .expandable-section:not(:hover) { flex: 1; } .three-grid-section{ padding-bottom:0; } .celebrations .three-grid-section{ padding-top:0; position: relative; z-index: 2; background: #ebeae9; } .expandable-content-details{ width:450px; } @media (min-width: 1025px) { .expandable-content-details{ margin-top: -30px; } } @media (max-width: 959px) { .expandable-container { flex-direction: column; } .expandable-section { /* height: 300px; */ flex: 1 !important; filter: brightness(1); } .expandable-section:hover { filter: brightness(1); } .expandable-section:hover::before { background-color: rgba(160, 64, 48, 0.7); } .expandable-content p, .expandable-content .uk-button { opacity: 1; visibility: visible; } } @media (max-width: 767px) { .expandable-content-details{ padding: 0 20px; width: 100%; } .expandable-section{ height:700px; } .three-grid-section{ padding-top: 0; } .three-grid-section .title--tagline { color: var(--secondary-color); } .expandable-container{ height: auto; display: block; } .expandable-media{ position: relative; } .three-grid-title{ position: absolute; bottom: 0; text-align: center; width: 100%; padding: 20px 20px 10px; font-size: 30px; z-index: 1; } .expandable-content-details .three-grid-title{ position:static; } .expandable-media:after { content: ""; width: 100%; height: 100%; bottom: 0; left: 0; display: block; position: absolute; background: linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0)); } .expandable-cont{ padding: 20px; text-align: center; } .expandable-media img{ height: 450px; width:100%; object-fit: cover; } .three-grid-description, .three-grid-cta { display: block; } } .uk-slider-container-fullwidth { position: relative; width: 100%; height: 70vh; min-height: 960px; overflow: hidden; } .uk-slider-container-fullwidth .uk-slider-items>*{ width:100%; } .full-width-description{ margin: 40px 0 20px !important; } .uk-slider-content-inner .uk-button-primary{ margin-top: 30px; color:var(--inverse-font-color); } .uk-slider-content-inner .uk-button-primary:hover, .uk-slider-content-inner .uk-button-primary:focus{ color: var(--primary-cta-font-hover-color); } .uk-slider-items-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .uk-slider-items-background > li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; } .uk-slider-items-background > li.uk-active { } .uk-slider-content-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.2); } .uk-slider-content-inner { max-width: 530px; background: var(--bg-alt-1); padding: 70px 70px 100px; margin: 0 15% 0 auto; } .uk-slider-content-inner *{ color: var(--primary-color); } .uk-slider-content-inner .title--tagline{ margin-bottom:15px; } .uk-slider-content-inner h2 { margin-top: 0; margin-bottom: 15px; } .uk-slider-content-inner p { margin-bottom: 0; } .uk-slidenav-container { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2; transform: none; } .full-width-image-slider .uk-slidenav-container{ margin: 0 15% -100px auto; max-width: 580px; justify-content: end; top: auto; bottom: 34%; left: auto; padding-right: 20px; } .uk-slidenav-custom { border-radius: 50%; width: 75px; height: 70px; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out; background-size: contain !important; background-repeat: no-repeat; background-position: center; } .full-width-image-slider .uk-slidenav-custom{ position: static !important; transform: none !important; } .uk-slidenav-custom:hover { } .uk-slidenav-custom svg { } .full-width-image-slider{ padding-bottom: 100px; } .slide-background{ height:100%; } .slide-background:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; /* background: linear-gradient(270deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); */ } .slide-background img{ width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1100px) { .lang-es .full-width-image-slider .uk-slidenav-container { bottom: 31.5%; } } @media (max-width: 1100px) { .uk-slider-content-inner{ margin: 0 auto; } .full-width-image-slider .uk-slidenav-container{ margin: 0 auto -100px auto; } } @media (max-width: 959px) { .uk-slider-container-fullwidth { min-height: 600px; } .uk-slidenav-custom { width: 40px; height: 40px; } } @media (max-width: 767px) { .uk-slider-content-overlay{ background-color: rgba(0, 0, 0, 0.55); } .slide-background:after{ content:none; } .full-width-description ul{ text-align:left; } .uk-slider-container-fullwidth{ min-height: 750px; } .full-width-image-slider .uk-slidenav-container{ top: auto; bottom: 40px; width: 150px; height: 50px; margin: 0 auto; } .full-width-image-slider .uk-slidenav-custom{ position: static !important; } .full-width-image-slider .uk-slider-content-inner{ margin: 0 auto; text-align: center !important; background: transparent; padding: 70px 30px 100px; } .full-width-image-slider .uk-slider-content-inner *{ color:var(--inverse-font-color); } } .home-banner-main-modal .uk-modal-body { padding: 0; width: 800px; } .home-banner-main { max-width: 800px; display: flex; flex-wrap: nowrap; margin: 0 auto; background: #fff; justify-content: space-between; } .home-banner-text { padding: 16px 30px; } .home-banner-text .popup-cta{ margin-top: 20px; } .home-banner-text .uk-button { height: 46px; padding: 18px 20px; } .custom-banner-close { background-color: var(--secondary-color); border-radius: 50%; right: -15px; top: -15px; color: #fff; width: 40px; height: 40px; padding: 0; text-decoration: none; } .custom-banner-close:hover, .custom-banner-close:focus { background: var(--highlight-color); color: #fff; } .custom-banner-close span.template-icon-plus { width: 40px; height: 40px; position: relative; display: flex; align-items: center; justify-content: center; } .home-banner-text span { color: var(--secondary-color); } .banner-text { font-size: 16px; } .banner-text h3 { font-size: 24px; font-weight: 600; } .banner-text h4 { font-size: 20px; } .custom-banner-img { height: 594px; max-height: 594px; } .custom-banner-img img { height: 100%; object-fit: cover; } @media (max-width: 960px) { .banner-text h3 { font-size: 20px; } .banner-text h4 { font-size: 16px; } } @media (max-width: 767.98px) { .home-banner-text { max-height: 380px; /*overflow-y: scroll;*/ overflow-y: auto; } } @media (max-width: 639.98px) { .home-banner-main { flex-wrap: wrap; flex-direction: column-reverse; /* max-width: 350px; */ } .home-banner-main-modal .uk-modal-body { width: 100%; height: auto; } .home-banner-main h2 { font-size: 24px; line-height: 29px; } .custom-banner-img img { width: 100%; /*max-height: 130px;*/ /* max-height: 190px; */ object-fit: cover; max-height: 300px; } .custom-banner-img { padding: 0; height: auto; max-height: max-content; } .home-banner-text { margin-top: 0 !important; padding: 16px; } .banner-text h3 { font-size: 18px; margin-bottom: 8px; } .banner-text h4 { font-size: 16px; margin-bottom: 8px; } .home-banner-text .uk-button { margin-bottom: 0; } .home-banner-main-modal { /* max-width: 350px; */ overflow: hidden; } } @font-face { font-family: 'ota-widget-icons'; src: url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.ttf') format('truetype'), url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.woff') format('woff'), url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="ow_icons-"], [class*=" ow_icons-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ota-widget-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ow_icons-chevron-down:before { content: "\e900"; } .ow_icons-dollar-stamp:before { content: "\e901"; } /* OTA Widget Variables [START] */ :root { --ota-primary-color: #1F443A; --ota-highlight-color: #1F443A; --ota-highlight-two-color: #edeff7; --ota-border-color: #d9d9d9; --ota-text-color: #262729; --ota-invert-color: #ffffff; --ota-white-color: #ffffff; --ota-bg-color: #ffffff; --ota-font-size: 14px; --ota-header-top: 120px; --ota-header-right: 40px; --ota-font-size-mob: 14px; --ota-header-top-mob: 120px; --ota-header-right-mob: 10px; --ota-z-index: 100; } /* OTA Widget Variables [END] */ .ota-widget { top: var(--ota-header-top); right: var(--ota-header-right); color: var(--ota-text-color); display: block; position: fixed; z-index: var(--ota-z-index); min-width: 225px; } .ota-widget.no-rates .ota-drop.uk-open { padding:0 20px 20px 20px; } .ota-button { background-color: var(--ota-primary-color); color: var(--ota-text-color); display: flex; flex-direction: column; align-items: center; border-radius: 4px; overflow: hidden; cursor: pointer; position: relative; z-index: var(--ota-z-index); } .ota-label-container { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px; } .ota-label { font-weight: 600; font-size: 14px; line-height: 100%; text-transform: capitalize; color: var(--ota-invert-color); } .ota-price { font-weight: 600; font-size: 22px; line-height: 100%; color: var(--ota-invert-color); } .dollar-stamp-img .ow_icons-dollar-stamp:before{ font-size: 24px; color: var(--ota-invert-color); vertical-align: middle; } .ota-toggle { display: flex; justify-content: center; gap: 10px; width: 100%; background: var(--ota-highlight-two-color); padding-block: 5px; font-weight: 400; font-size: 12px; line-height: 100%; text-transform: capitalize; align-items: center; } .ota-toggle .ow_icons-chevron-down:before { font-size: 8px; vertical-align: middle; color: var(--ota-primary-color); } .ota-button[aria-expanded="true"] { transform: scale(1); transition: all 0.3s ease-in-out; } .ota-button[aria-expanded="true"] .ota-toggle span { transform: rotate(-180deg); transition: transform 0.3s ease; } .ota-drop{ display: none; } .ota-drop.uk-open { background: var(--ota-bg-color); width: calc(100% + 0px); top: 65px !important; left: 0px !important; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index: calc(var(--ota-z-index) - 1); padding: 20px; margin-top: unset; overflow:hidden; } .ota-price-list { list-style: none; padding: unset; display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; } ul.ota-price-list { max-height: 135px; /* Adjust based on your li height */ overflow-y: hidden; /* Default: hide scroll */ } ul.ota-price-list.enable-scroll { overflow-y: auto; /* Show scroll when JS adds the class */ } ul.ota-price-list.enable-scroll { scroll-behavior: smooth; scrollbar-width: thin; /* Firefox */ } ul.ota-price-list.enable-scroll::-webkit-scrollbar { width: 4px; } .ota-price-list li { display: flex; align-items: center; gap: 10px; width: 100%; font-weight: 500; font-size: 16px; line-height: 100%; color: var(--ota-text-color); } .ota-price-list li > img { width: 18px; } .ota-price-list li strong { font-weight: 600; font-size: 16px; margin-left: auto; } .ota-content { padding-top: 15px; padding-bottom: 20px; position: relative; } .ota-content:after { content: ""; display: block; background: var(--ota-border-color); position: absolute; top: 0; left: -20px; width: 200%; height: 1px; } .ota-sub-heading { font-weight: 600; font-size: 16px; text-align: center; color: var(--ota-text-color); padding-bottom: 10px; } .ota-sub-list ul{ list-style: none; padding: unset; margin: unset; display: flex; flex-direction: column; align-items: center; gap: 8px; line-height: 100%; text-align: center; justify-content: center; font-weight: 400; font-size: 14px; color: var(--ota-text-color); } .ota-booking-button { background: var(--ota-highlight-color); width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; color: var(--ota-white-color); font-weight: 700; font-size: 13px; letter-spacing: 0.3px; transition: all 0.2s ease-in-out; text-transform: uppercase; border-radius: 6px; } .ota-booking-button:hover { background: transparent; border: 1px solid var(--ota-highlight-color); color: var(--ota-highlight-color); transition: all 0.2s ease-in-out; } /* OTA Mobile CSS [START] */ @media screen and (max-width: 768px) { .ota-widget { top: var(--ota-header-top-mob); right: var(--ota-header-right-mob); } } /* OTA Mobile CSS [END] */ /* OTA Widget CSS [END] */ .ota-price-list li.stayforlong, .ota-price-list li.ticati{ display: none; }