.lt289-widget{position:relative;width:100%;display:block}.lt289-widget:before{content:"";width:100%;height:100%;display:block;background:var(--tertiary-color) url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/l4-amenities-info-icons.png);background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;left:0;z-index:1}.reefcocobeach .lt289-widget:before{height:1270px;background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/why-choose-the-reef-coco-beach-bg.jpg);background-repeat:no-repeat;background-size:cover}.reefplayacar .lt289-widget:before{height:1270px;background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/why-choose-the-reef-playacar-beach-bg.jpg);background-repeat:no-repeat;background-size:cover}.reef28 .lt289-widget:before{height:1270px;background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/why-choose-the-reef-28-bg.jpg);background-repeat:no-repeat;background-size:cover}.lt289-widget__container{position:relative;max-width:1130px;z-index:2}.lt289-widget__maintitle{margin-bottom:50px}.lt289-widget__container *:focus-visible{outline:1px solid #fff;box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none}.reef28 .lt289-widget__maintitle,.reef28 .lt289-widget__title{color:var(--inverse-font-color)}.lt289-widget__icon{box-shadow:0 2px 15px 0 rgba(0,0,0,.1);border-radius:100%;display:inline-flex;justify-content:center;align-items:center;padding:10px;width:90px;height:90px;background:var(--inverse-font-color);position:relative;z-index:0}.lt289-widget__icon svg{color:var(--secondary-color)}.reef28 .lt289-widget__icon svg{color:var(--primary-color)}.lt289-widget-box{width:118px;height:118px;display:block;margin:0 auto 20px;border-radius:50%;padding:14px;background:linear-gradient(160.72deg,rgba(200,218,229,.8) 12.96%,rgba(255,255,255,.8) 91.53%)}.reefcocobeach .lt289-widget-box{background:linear-gradient(160.72deg,rgba(173,220,220,.8) 12.96%,rgba(255,255,255,.8) 91.53%)}.reef28 .lt289-widget-box{background:linear-gradient(160.72deg,rgba(237,229,218,.8) 12.96%,rgba(255,255,255,0) 91.53%)}.lt289-widget__title{color:var(--text-color);font-size:16px;line-height:140%;max-width:140px;margin:0 auto}.lt289-widget__smalltitle{font:var(--body-text-fonts);font-weight:bold;margin:0 0 10px 0}.lt289-widget__desc:last-child,.lt289-widget__smalltitle:last-child{margin-bottom:0}.lt289-widget__more{margin-top:60px;text-align:center}.lt289-widget__toggle:after{content:'';font-size:110%}.lt289-widget__toggle{padding-right:30px}.lt289-widget__content{text-align:left}.lt289-widget__toggle[aria-expanded="true"]:after{content:''}.lt289-widget__content--grid ul{display:grid;row-gap:5px;grid-template-columns:repeat(3,calc(100%/3));column-gap:20px;margin-bottom:30px}.lt289-widget__actions{margin-top:60px}.lt289-widget__actions .uk-button>.template-icon{margin-left:10px;display:inline-block;font-size:24px;font-weight:normal}.lt289-widget__actions .button-link{padding-right:0}.lt289-widget__actions .button-link:after{display:none}.lt289-widget__actions-link-text{text-decoration:underline}.lt289-widget--secondary-bg{background:var(--bg-alt-1)}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1023.98px){}@media(max-width:959.98px){.lt289-widget__head{padding-bottom:0}}@media(max-width:767.98px){.lt289-widget{padding:60px 0;background-position:right -274px top}.lt289-widget__maintitle{margin-bottom:25px}.lt289-widget__actions{margin-top:40px}.lt289-widget-box{width:90px;height:90px;margin:0 auto 10px}.lt289-widget__icon{width:60px;height:60px}.lt289-widget__icon svg{width:30px}.lt289-widget__title{font-size:13px}}@media(max-width:639.98px){}@media(max-width:575px){}
.snippet__title{margin-bottom:35px}.snippet__desc-readmore{margin-top:10px}.snippet__actions-call{margin-top:10px;letter-spacing:.32px}.snippet__actions-call>a{font-weight:700}.snippet__actions,.snippet__actions--grid{margin-top:40px;display:flex;align-items:center}.snippet__actions .uk-button+.uk-button,.snippet__actions--grid .uk-button+.uk-button{margin:0 0 0 25px}.snippet__actions--block{margin-top:40px;display:flex;align-items:flex-start;flex-direction:column}.snippet__actions--block .uk-button+.uk-button{margin:25px 0 0}.snippet__amenities{display:flex;align-items:center;justify-content:flex-start;text-align:center;justify-self:flex-start;column-gap:30px;grid-row-gap:20px;margin-bottom:30px;flex-flow:wrap}.snippet__amenities-item--grid{display:flex;align-items:center;column-gap:15px}.snippet__amenities-name{font:var(--h6-title-fonts);margin:10px 0 0}.snippet__accoradian .uk-accordion-title{color:var(--secondary-color);font:var(--body-text-fonts);font-weight:600;text-transform:uppercase;letter-spacing:0}.snippet__accoradian .uk-accordion-title:hover,.snippet__accoradian .uk-accordion-title:focus{color:var(--highlight-color)}.snippet__accoradian .uk-accordion-title:before{color:var(--secondary-color)}.snippet__accoradian .uk-accordion-title:hover:before,.snippet__accoradian .uk-accordion-title:focus:before{color:var(--highlight-color)}.snippet__amenities-item--grid .snippet__amenities-name{margin:0;text-align:left}.snippet__amenities-icon{display:block;color:var(--highlight-color);font-size:20px}.snippet__amenities-item--grid .snippet__amenities-icon{display:flex;font-size:26px}.snippet__amenities--stack{flex-direction:column;align-items:flex-start;grid-row-gap:15px}.snippet__media{width:610px;max-width:100%;overflow:hidden;height:0;padding-bottom:103.89610389610388%;border-radius:var(--border-radius)}.snippet__media:focus-within{outline:1px solid var(--highlight-color);box-shadow:0 0 2px var(--highlight-color) inset;-webkit-box-shadow:0 0 2px var(--highlight-color) inset;-ms-box-shadow:0 0 2px var(--highlight-color) inset;-moz-box-shadow:0 0 2px var(--highlight-color) inset}.snippet__media>img{width:100%}.snippet__media--l{width:750px}.snippet__media--xl{width:800px}.snippet__media--vl{width:700px;padding-bottom:115%}.snippet__media--square{padding-bottom:100%}.snippet__media.our-history-media{padding-bottom:133%}.snippet__media--map{height:650px;padding:0}.snippet__media-mapholder{height:100%}.snippet__media-map,.snippet__media-map>div{height:100%!important}.snippet__title .template-icon{display:inline;width:25px;height:25px;font-size:25px;font-weight:normal;line-height:1;align-items:center;vertical-align:baseline;color:var(--highlight-color)}.snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden){margin-top:40px}.snippet__zigzag.is-hidden+.snippet__zigzag{margin-top:0;transition:margin .4s ease}.snippet__accordion{margin-bottom:30px}.snippet__accordion-name{font:var(--h5-title-fonts)}.snippet__accordion-content{}.snippet__accordion--border{border-bottom:1px solid #ccc;padding-bottom:25px;border-top:1px solid #ccc;padding-top:25px}.snippet__dotnav{position:absolute;left:0;z-index:11;bottom:0;right:0;width:50%;margin-left:auto;margin-right:0;padding-left:35px}.snippet__slider-dotnav{margin-top:40px;width:610px;max-width:100%;justify-content:center}.tabs-under-tabs .snippet__accoradian{margin-top:30px}.tabs-under-tabs .snippet__accoradian .uk-accordion-title{font:var(--body-text-fonts)}@media(min-width:1200px){.snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden){margin-top:80px}.snippet__container--small{max-width:1070px}}@media(min-width:960px){.snippet__zigzag:nth-child(even) .snippet__col:first-child{order:2}.snippet__zigzag:nth-child(even) .snippet__col:last-child{order:1}.snippet__zigzag:nth-child(odd) .snippet__col:first-child{order:1}.snippet__zigzag:nth-child(odd) .snippet__col:last-child{order:2}.snippet__zigzag--revert:nth-child(odd) .snippet__col:first-child{order:2}.snippet__zigzag--revert:nth-child(odd) .snippet__col:last-child{order:1}.snippet__zigzag--revert:nth-child(even) .snippet__col:first-child{order:1}.snippet__zigzag--revert:nth-child(even) .snippet__col:last-child{order:2}.snippet__zigzag--padding-middle{align-items:flex-start}.snippet__zigzag--padding-middle .snippet__conent{padding-top:50px}}@media(max-width:1399.98px){.uk-container-small .snippet__media{width:450px}.snippet__media--xl,.snippet__media--l{width:610px}}@media(max-width:1199.98px){.snippet__media{width:100%!important}.snippet__slider-dotnav{margin-top:20px;width:50%}}@media(max-width:1023.98px){.snippet__title{margin-bottom:30px}.snippet__desc,.snippet__amenities{margin-bottom:20px}.snippet__actions .button-booknow{min-width:unset;padding:10px 25px}.snippet__actions--grid{display:flex;align-items:center;flex-direction:row}}@media(max-width:959.98px){.snippet__media{width:100%;max-width:100%}.snippet__media img{width:100%}.snippet__title svg{width:15px;height:15px}.snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden){margin-top:50px}.snippet__media--map{height:600px}.snippet__slider-dotnav{width:100%;justify-content:flex-start;margin-top:40px}}@media(max-width:767.98px){.snippet__actions--block .uk-button+.uk-button{margin:15px 0 0}.snippet__dotnav{position:static;width:auto;padding:0;margin-left:-15px;margin-top:30px}.snippet__actions .uk-button-primary,.snippet__actions--grid .uk-button-primary,.snippet__actions .uk-button-default,.snippet__actions--grid .uk-button-default{padding:10px 15px}.snippet__actions .uk-button+.uk-button,.snippet__actions--grid .uk-button+.uk-button{margin:0 0 0 15px}.overview .snippet__actions{margin-top:25px;display:flex;align-items:center;flex-direction:row}.overview .snippet__actions .uk-button+.uk-button,.overview .snippet__actions--grid .uk-button+.uk-button,.overview .snippet__actions--block .uk-button+.uk-button{margin:0 0 0 25px}}@media(max-width:767.98px)and (min-width:640px){}@media(max-width:639.98px){.snippet__media--map{height:400px}.inner-padding--thirdlevel .snippet__title{font-size:35px}}@media(max-width:575px){.snippet__actions .button-booknow{padding:10px 15px}.snippet__amenities{column-gap:20px}}@media(max-width:374px){.snippet__actions{margin-top:25px;display:flex;flex-direction:column}.snippet__actions .uk-button+.uk-button,.snippet__actions--grid .uk-button+.uk-button,.snippet__actions--block .uk-button+.uk-button{margin:20px 0 0}.snippet__dotnav{justify-content:center}}.gcp-slider__nav{position:absolute;right:0;bottom:0;background:var(--primary-cta-inverse-color);color:var(--inverse-font-color);width:190px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.gcp-slider__nav-link{background:var(--primary-cta-inverse-color);color:var(--primary-cta-inverse-font-color);border-radius:0;font-size:10px;letter-spacing:1px;font-weight:600;min-height:35px;padding:5px 15px;transition:all .4s ease;line-height:1;display:flex;align-items:center}.gcp-slider__nav-link+.gcp-slider__nav-link{padding-left:10px}.gcp-slider__nav-link:first-child{padding-right:10px}.gcp-slider__nav-link.uk-invisible{visibility:visible!important;display:inline-flex!important;cursor:not-allowed;color:rgba(255,255,255,.36)}.gcp-slider__nav-link>.template-icon{font-size:14px;font-weight:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-right:7px;transition:all .4s ease;margin-left:15px}.gcp-slider__nav-link>.template-icon:last-child{margin-left:15px;margin-right:0}.gcp-slider__nav-link>.template-icon:first-child{margin-right:15px;margin-left:0;margin-top:unset}.gcp-slider__nav-link-text{min-height:14px;display:inline-flex;align-items:flex-end;margin-top:-2%}.gcp-slider__nav-link:hover,.gcp-slider__nav-link:focus,.gcp-slider__nav-link:focus-visible{outline:0;box-shadow:unset}.gcp-slider__nav-link:hover>.template-icon,.gcp-slider__nav-link:focus>.template-icon,.gcp-slider__nav-link:focus-visible>.template-icon,.gcp-slider__nav-link.uk-invisible>.template-icon{opacity:.5}.gcp-slider__expand{font-size:22px;color:#000;position:absolute;bottom:0;right:190px;line-height:1;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;transition:all .4s ease}.gcp-slider__expand:hover,.gcp-slider__expand:focus,.gcp-slider__expand:focus-visible{color:var(--highlight-color)}.gcp-slider__actions{position:absolute;bottom:0;left:0;z-index:10;display:inline-flex;width:101px;height:35px;background:var(--body-bg);color:var(--text-color);justify-content:center;align-items:center;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1}.gcp-slider__actions--revert{left:auto;right:0}.gcp-slider__actions>.template-icon{margin-left:5px;font-size:16px}@media(max-width:639.98px){}
.three-columns-slider-tab-widget{background:var(--bg-alt-1)}.three-columns-slider-tab-widget .snippet-grid__content{background:var(--inverse-font-color);padding:20px 30px 40px 30px}.snippet-grid__content--desc{position:relative;width:100%;display:block}.three-columns-slider-tab-widget .snippet-grid__head{text-align:center;margin-bottom:60px}.three-columns-slider-container{max-width:1380px;padding:0 70px}.three-columns-slider-container .slider-controls__arrows{max-width:100%;width:100%}.three-columns-slider-container .slider-controls__arrows a.slider-controls__slidenav--left{position:relative;left:-60px}.three-columns-slider-container .slider-controls__arrows a.slider-controls__slidenav--right{position:relative;right:-60px}.three-columns-slider-tab-widget .snippet-grid__box{position:relative;width:100%;display:block}.three-columns-slider-tab-widget .offer-tag{padding:10px 20px;background:var(--primary-color);display:inline-block;vertical-align:top;position:absolute;left:0;top:0;color:var(--inverse-font-color);text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:.7px;z-index:1}.lt229-widget__box .snippet-grid__media{overflow:hidden}.lt229-widget__box .snippet-grid__media img{transition:all .4s linear 0s}.lt229-widget__box .snippet-grid__media:hover img{transform:scale(1.1)}.three-columns-slider-tab-widget .offer-tagline{border-bottom:1px solid rgba(35,60,87,.4);padding-bottom:15px;margin-bottom:25px}.three-columns-slider-container .snippet-grid__media img{width:100%}.lt229-widget__action{margin-top:40px;text-align:center}.lt229-widget--primary-bg{background:var(--primary-color);color:var(--inverse-font-color)}.lt229-widget--primary-bg *{color:var(--inverse-font-color)}.lt229-widget--secondary-bg{background:var(--bg-alt-1)}.lt229-widget--primary-bg .uk-dotnav>*>*{border:1px solid var(--inverse-font-color)}.lt229-widget--primary-bg .uk-dotnav>.uk-active>*{background:var(--inverse-font-color);border-color:var(--inverse-font-color)}.lt229-widget__dotnav--numbers{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-12px;margin-left:0;align-items:center;margin-top:30px}.lt229-widget__dotnav--numbers>*>*{width:auto;height:auto;background:transparent;border:none;border-bottom:1px solid var(--text-color);border-radius:0;color:var(--text-color);display:flex;text-indent:inherit;opacity:50%;padding:2px 0}.lt229-widget__dotnav--numbers>*{flex:none;padding-left:30px}.lt229-widget__dotnav--numbers>.uk-active>*{opacity:1}@media(max-width:1399.98px){}@media(max-width:1199.98px){.three-columns-slider-container .slider-controls__arrows a.slider-controls__slidenav--left{left:0}.three-columns-slider-container .slider-controls__arrows a.slider-controls__slidenav--right{right:0}.three-columns-slider-container .slider-controls__slidenav{background:var(--highlight-color);color:var(--inverse-font-color)}.three-columns-slider-container .slider-controls__slidenav:hover,.three-columns-slider-container .slider-controls__slidenav:focus{background:transparent;color:var(--highlight-color)}}@media(max-width:1024.98px){.three-columns-slider-container{padding:0 20px}.three-columns-slider-container .snippet-grid__media img{width:100%}}@media(max-width:959.98px){}@media(max-width:767.98px){.lt229-widget .snippet-grid__content.uk-text-left{text-align:center!important}.lt229-widget .snippet-grid__actions{align-items:center!important}.three-columns-slider-container{padding:0 20px}}@media(max-width:639.98px){}@media(max-width:575px){}
.gallery17-widget{padding-left:0;position:relative;z-index:1}.gallery17-widget__media{position:relative}.gallery17-widget__media:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.gallery17-widget__container--foot{margin-top:50px}.gallery17-widget__grid{align-items:center}.gallery17-widget__headpart{width:22%}.gallery17-widget__slider{width:78%}.gallery17-widget__box{padding-left:30px}.gallery17-widget__media{width:300px;height:300px;display:block;overflow:hidden}.gallery17-widget__media img{width:100%;height:100%;display:block;object-fit:cover}.gallery17-widget__media .template-icon{position:absolute;right:10px;bottom:10px;pointer-events:none;color:var(--inverse-font-color);z-index:2}.gallery17-widget__container--foot .slider-controls{justify-content:center}.gallery-social-handle>.gallery-social-name{display:inline-flex;align-items:center;gap:0 10px}.gallery-social-handle>a:not(:hover){color:var(--text-color)}.gallery-social-name .template-icon-instagram{color:var(--highlight-color);position:relative;top:2px}.gallery17-slider-controls__arrows{top:50%;position:absolute;transform:translateY(-50%);margin-top:-35px;right:40px;left:0;max-width:100%;margin-left:auto;margin-right:0}.gallery17-slider-controls__arrows .slider-controls__slidenav--left{margin-left:50px}.gallery17-slider-controls__arrows .slider-controls__slidenav{background:var(--body-bg)}.gallery17-widget--primary-bg{background:var(--primary-color);color:var(--inverse-font-color)}.gallery17-widget--primary-bg *{color:var(--inverse-font-color)}.gallery17-widget--secondary-bg{background:var(--secondary-color)}@media(min-width:1200px){.gallery17-slider-controls__arrows{width:calc(1200px + (100% - 1200px)/2);width:-webkit-calc(1200px + (100% - 1200px)/2)}}@media(min-width:1400px){.gallery17-slider-controls__arrows{width:calc(1304px + (100% - 1304px)/2);width:-webkit-calc(1304px + (100% - 1304px)/2)}}@media(max-width:1399.98px){.gallery17-widget{}.gallery17-slider-controls__arrows{right:35px}.gallery17-slider-controls__arrows .slider-controls__slidenav--left{margin-left:30px}}@media(max-width:1199.98px){.gallery17-widget__container.side-container{padding-right:0}.gallery17-widget{padding-left:20px;padding-right:0}.gallery17-slider-controls__arrows .slider-controls__slidenav--left{margin-left:-5px}.gallery17-widget__headpart{width:30%}.gallery17-widget__slider{width:70%}}@media(max-width:1023.98px){}@media(max-width:959.98px){.gallery17-widget{padding-left:0;padding-right:0}.gallery17-widget__container.side-container{padding-left:0;padding-right:0}.gallery17-slider-controls__arrows{right:20px}.gallery17-widget__container.side-container .gallery17-widget__grid{margin:0}.gallery17-widget__headpart{max-width:250px;width:100%;display:block;margin:0 auto;text-align:center;padding:0}.gallery17-widget__headpart .buttons__block{justify-content:center;margin-top:30px}.gallery17-widget__slider{width:100%;margin-top:40px}}@media(max-width:767.98px){.gallery17-widget__media{width:270px}}@media(max-width:639.98px){}@media(max-width:575px){}body.fragata .gallery17-widget{background:#dadbd5;background:linear-gradient(0deg,rgba(218,219,213,1) 0%,rgba(233,221,204,1) 100%)}
.faq3-widget{}.faq3-widget__container{max-width:1190px;position:relative;z-index:2}.faq3-widget__col--left .left-content{margin-bottom:60px}.faq3-widget__col--left .left-logo img:focus-visible{filter:opacity(.8);background:#fff}.faq3-widget__col--left .left-logo svg{color:var(--secondary-color)}.reefcocobeach .faq3-widget__col--left .left-logo svg,.reefplayacar .faq3-widget__col--left .left-logo svg,.reef28 .faq3-widget__col--left .left-logo svg{color:var(--primary-color)}.faq3-widget--primary-bg{background:var(--primary-color);color:var(--inverse-font-color)}.faq3-widget__content{width:773px;max-width:100%}.faq3-widget__accordion{border-bottom:1px solid var(--border-color);padding:0 0 25px}.faq3-widget__accordion .uk-accordion-title:before{color:var(--highlight-color)}.reefplayacar .faq3-widget__accordion .uk-accordion-title,.reefcocobeach .faq3-widget__accordion .uk-accordion-title,.reef28 .faq3-widget__accordion .uk-accordion-title,.reefplayacar .faq3-widget__accordion .uk-accordion-title:before,.reefcocobeach .faq3-widget__accordion .uk-accordion-title:before,.reef28 .faq3-widget__accordion .uk-accordion-title:before{color:var(--primary-color)}.faq3-widget--primary-bg{background:var(--primary-color);color:var(--inverse-font-color)}.faq3-widget--primary-bg *{color:var(--inverse-font-color)}.faq3-widget--secondary-bg{background:var(--bg-alt-1)}.enable-bg-image-faqs{position:relative}.enable-bg-image-faqs.addBg:before{content:"";background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/intro-bg.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;background-position:center;position:absolute;top:0;left:0}.enable-bg-image-faqs.addBg:after{background:linear-gradient(to bottom,#eaeaea 0%,#eaeaea 0%,rgba(245,239,234,0) 24%,rgba(245,239,234,0) 100%);content:"";width:100%;height:100%;position:absolute;top:0;left:0}@media(min-width:640px){.faq3-widget__grid{align-items:flex-start}.faq3-widget__stickycol{position:sticky;top:125px}}@media(max-width:1023.98px){}@media(max-width:959.98px){.faq3-widget__grid>*{width:100%}.faq3-widget__title:last-child{margin-bottom:0}.faq3-widget__grid>.uk-grid-margin{margin-top:40px}.faq3-widget__col--left{max-width:300px;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.faq3-widget__col--left .left-logo{margin-bottom:30px}.left-logo.hide-on-mobile{display:none}.faq3-widget__col--left .buttons__block{justify-content:center}.faq3-widget__col--left .left-content{order:2;margin-bottom:10px}}@media(max-width:767.98px){.faq3-widget{padding:40px 0}}@media(max-width:639.98px){}
:root{--header-height:120px}body:not(.milestone){padding-top:var(--header-height)}body.milestone .header{background:transparent;padding-top:15px}.header{position:fixed;z-index:990;background:var(--inverse-font-color);color:var(--header-color);padding:0;left:0;top:0;width:100%;min-height:var(--header-height);transition:padding 300ms ease-in-out}body.milestone .header.header.is-fixed{background:var(--inverse-font-color);padding-top:0}.reef28 .header{background:var(--bg-header)}.header.is-fixed{}.header__container,.navbar__container{max-width:1392px;transition:max-width 300ms ease-in-out}body:not(.milestone) .navbar__container,.header.is-fixed .navbar__container{max-width:100%;padding:0}.header__grid{align-items:center;padding-bottom:15px;padding-top:15px;justify-content:space-between}.header__col--right,.header__col--left{display:flex;align-items:center;width:40.3%}.header__col--right{justify-content:flex-end}.header-book-direct{font-size:14px;font-weight:400;letter-spacing:.28px;text-transform:var(--header-fonts-text-transform);padding-left:16px;margin-left:16px;border-left:1px solid var(--border-color)}.reef28 .header-book-direct{border-color:rgba(255,255,255,.3)}.header-book-direct a{color:var(--header-color)}.header-book-direct a:hover,.header-book-direct a:focus{color:var(--primary-color)}.uk-subnav>*>.current-resort{font-size:14px;font-weight:400;letter-spacing:.28px;color:var(--header-color);cursor:pointer}.resorts-dropdown-list .uk-dropdown{padding:20px 0;margin:0;background:var(--bg-header);overflow:auto}.resorts-dropdown-list .uk-dropdown a{font:var(--header-fonts);color:var(--header-color);display:block;padding:8px 15px;text-align:left;text-transform:capitalize}.resorts-dropdown-list .uk-dropdown a:hover,.resorts-dropdown-list .uk-dropdown a:focus{color:var(--primary-color)}.current-resort .template-icon-site-icon{color:var(--primary-color);margin-right:5px}.current-resort .template-icon-down-arrow{color:var(--primary-color);margin-left:5px;font-size:8px}.current-language{font-size:14px;font-weight:400;letter-spacing:.28px;color:var(--header-color);padding-left:16px;margin-left:16px;margin-right:25px;border-left:1px solid var(--border-color);background:transparent;border:0;text-transform:uppercase;cursor:pointer}.language-toggle-box ul{list-style:none;padding-left:0}.language-dropdown-list .uk-dropdown{padding:20px 0;margin:0;background:var(--bg-header);overflow:auto;min-width:80px}.language-dropdown-list .uk-dropdown a{font:var(--header-fonts);color:var(--header-color);display:block;padding:8px 15px;text-align:left;text-transform:uppercase}.language-dropdown-list .uk-dropdown a:hover,.language-dropdown-list .uk-dropdown a:focus{color:var(--primary-color)}.current-language .template-icon-down-arrow{color:var(--primary-color);margin-left:5px;font-size:8px}.header__col--center{text-align:center}.header__logo{max-width:var(--logo-width);max-height:var(--logo-height);display:inline-block;align-items:center;color:var(--header-color)!important}.header-collapsible{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.reef28 .header-collapsible{border-color:rgba(255,255,255,.3)}.header__phone{display:inline-flex;align-items:center;color:inherit;font-size:14px;font-weight:400;letter-spacing:.28px;text-transform:var(--header-fonts-text-transform)}.header__phone:hover,.header__phone:focus-within{color:var(--primary-color)}.header__phone>.template-icon{margin-right:5px;font-size:16px;color:var(--primary-color)}.navmenu__list{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center}.navmenu__list-item{margin-right:15px;position:relative}html[lang="es"] .navmenu__list-item{margin-right:0}.navmenu__list-link{display:inline-flex;padding:15px 10px;position:relative;font:var(--header-fonts);text-transform:var(--header-fonts-text-transform);color:var(--header-color);letter-spacing:.14px}.navmenu__list-link:after{content:'';height:3px;background:var(--primary-color);opacity:1;width:100%;position:absolute;bottom:0;left:0;right:0;margin:auto;opacity:0;transition:all .4s ease}.navmenu__list-link:hover,.navmenu__list-link:focus-visible,.navmenu-dropmenu__link:hover,.navmenu-dropmenu__link:focus-visible{color:var(--primary-color)}.navmenu__dropdown>a{position:relative;padding:15px 10px 15px 10px}.navmenu__dropdown>a:before{content:''}.navmenu__dropdown>a[aria-expanded="true"]:before{transform:translateY(-50%) rotate(180deg)}.navmenu-dropmenu{padding:20px 0;margin:0;min-width:265px;background:var(--bg-header);overflow:auto;max-height:70vh;--uk-position-offset:0}.navmenu-dropmenu__link{display:block;padding:8px 15px;text-align:left;text-transform:capitalize;font:var(--header-fonts);color:var(--header-color);font-size:18px}.navmenu__list-link.navON{color:var(--primary-color);font-weight:700}.navmenu-dropmenu__link.navON,.navmenu-dropmenu__link.is-page-active{text-decoration:underline;color:var(--primary-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:0}@media(min-width:1024.98px){.header__toggler,.navmenu__list-item--onlymob,.navmenu__list-link--btn,.header-social,.mobile-header-booknow-fixed .header__phone,.header-mobile-only{display:none!important}}@media(min-width:1024.98px){.header__bookstay{margin-left:20px}.current-language{margin-right:0}}@media(max-width:1399.98px){.uk-subnav>*>.current-language,.uk-subnav>*>.current-resort,.header__phone,.header-book-direct{font-size:12px}.navmenu__list-link{font-size:13px}.reef28 .navmenu__list-link{font-size:14px}}@media(max-width:1399.98px){.navmenu__list-link{font-size:11px}.reef28 .navmenu__list-link{font-size:14px}}@media(max-width:1199.98px){.navmenu__list-item{margin-right:0}body.milestone .header{background:var(--inverse-font-color)}.navmenu__list-link{font-size:12px}.reef28 .navmenu__list-link{font-size:12px}.header__col--right,.header__col--left{width:auto}}@media(max-width:1100px){.navmenu__list-link{font-size:11px;padding:15px 5px}}@media(max-width:1000px){.navmenu__list-link{font-size:10px}}@media(max-width:1024.98px){:root{--header-height:65px}body{padding-top:var(--header-height)}.header,.header--active{min-height:var(--header-height);z-index:101;padding:0}.navmenu-dropmenu__link{text-align:center}body.milestone .header{padding-top:0}.header__container{width:100%}.mobile-header-booknow-fixed{position:fixed;bottom:0;width:100%;left:0;padding:8px 20px;z-index:1;border-radius:0;border:0;border-top:1px solid var(--primary-cta-font-color);display:flex;align-items:center;justify-content:center;column-gap:20px;background:var(--secondary-color)}.is-bookstay-active .header__bookstay{display:none}.header__toggler-btn{background:transparent;border:0;display:inline-flex;padding:3px 0;margin:0;font-size:18px;line-height:1;color:var(--text-color);cursor:pointer;align-items:center;min-width:24px;justify-content:flex-end}button.header__toggler-btn.is-active{color:var(--text-color)}.reef28 .header__toggler-btn{color:var(--inverse-font-color)}.reef28 button.header__toggler-btn.is-active{color:var(--text-color)}.header__toggler-btn .is-togglemenu-active{display:none}.header__toggler-btn .is-togglemenu-close{display:block;font-size:24px}.header__hamburger-label{letter-spacing:.28px;text-transform:uppercase;font-size:14px;margin-left:8px}.is-header-active{overflow:hidden}.is-header-active .header__toggler-btn .is-togglemenu-active{display:block;font-size:24px}.is-header-active .header__toggler{position:absolute;z-index:10;text-align:center;left:0;right:0;background:#fff;top:0;padding-top:28px;padding-bottom:10px}.is-header-active .header__toggler .header__hamburger-label{display:none}.is-header-active .header__toggler-btn .is-togglemenu-close{display:none}.header__phone{display:none}.mobile-header-booknow-fixed .header__phone{display:inline-flex;font-size:14px;color:var(--inverse-font-color)}.header-book-direct a{color:var(--text-color)}.mobile-header-booknow-fixed .header__phone:not(:hover){color:var(--inverse-font-color)}.mobile-header-booknow-fixed .header__bookstay{width:220px;max-width:100%}.mobile-header-booknow-fixed .header__bookstay:not(:hover){background-color:var(--inverse-font-color)}.profile-page .mobile-header-booknow-fixed .header__bookstay:not(:hover){background:var(--primary-cta-color)}.mobile-header-booknow-fixed .header__phone>.template-icon{}.is-header-active .header__phone{display:none}.header__logo{max-width:125px}.header-collapsible{position:fixed;top:0;bottom:0;left:-100%;width:100%;height:100vh;z-index:9;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--inverse-font-color);transition:right .4s ease;padding-top:95px;padding-bottom:50px;border:0}.is-header-active .header-collapsible{left:0}.navmenu__list{display:block;position:relative;z-index:10}.navmenu__list-link{display:flex;padding:15px 30px;color:var(--text-color);font:var(--mob-header-fonts);text-transform:var(--header-fonts-text-transform);text-align:center;justify-content:center;font-size:22px}.navmenu__list-link:hover,.navmenu__list-link:focus-visible,.navmenu-dropmenu__link:hover,.navmenu-dropmenu__link:focus-visible{color:var(--primary-color)}.navmenu-dropmenu{position:relative!important;box-shadow:none!important;background:transparent;padding:0 40px 10px;top:0!important;left:0!important;right:0!important;bottom:auto!important;max-width:100%!important;list-style:none}.navmenu-dropmenu:after{content:''}.navmenu__list-link:after{display:none}.navmenu__list-link.navON,.navmenu__more-link.navON{opacity:.75}.header__top-left,.header__top-right{width:60px}.header__top-center{width:calc(100% - 60px*2);width:-webkit-calc(100% - 60px*2);max-width:calc(100% - 60px*2);max-width:-webkit-calc(100% - 60px*2)}.navmenu__dropdown>a{padding:15px 40px}.navmenu__dropdown>a:before{content:'';font-family:var(--icon-fonts);position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:25px;background-size:contain;transition:all .4s ease;font-size:18px;font-weight:normal;color:var(--highlight-color)}.navmenu__dropdown>a[aria-expanded="true"]:before{transform:translateY(-50%) rotate(180deg)}.header__col--left .resorts-dropdown-list,.header__col--left .header-book-direct{display:none}.header-mobile-only{text-align:center;padding:50px 30px 20px}.header-book-direct{border-left:0;border-top:1px solid var(--border-color);padding-left:0;margin-left:0;padding-top:16px;margin-top:16px}.resorts-dropdown-list{display:inline-block;vertical-align:top}.uk-subnav>*>.current-language,.uk-subnav>*>.current-resort,.header__phone,.header-book-direct{font-size:14px;color:var(--text-color)}.reef28 .header-book-direct{border-color:var(--border-color)}.uk-subnav>*>.current-language{padding-left:0;margin-left:0;margin-right:0;border-left:0}.current-language{margin:0}.blog .uk-grid.header__grid,.localEvent .uk-grid.header__grid{margin:0}.blog .header__col--right,.blog .header__col--left,.localEvent .header__col--right,.localEvent .header__col--left{padding:0}.blog .header__col--center,.localEvent .header__col--center{padding:0;margin-left:-40px}}@media(max-width:767px){body.reef28 .navmenu-dropmenu__link{font-size:13px;color:var(--text-color)}.reef28 .navmenu__list-link{font:var(--mob-header-fonts)}}.ng-star-inserted header.header,.ng-star-inserted body.milestone header.header{position:relative;background:var(--inverse-font-color)}body.reef28 .ng-star-inserted header.header{background:var(--bg-header)}
.bookstay-form__group .uk-input::-webkit-input-placeholder,.bookstay-form__group .uk-select::-webkit-input-placeholder,.bookstay-form__group .uk-textarea::-webkit-input-placeholder{color:var(--secondary-color)}.bookstay-form__group .uk-input::-moz-placeholder,.bookstay-form__group .uk-select::-moz-placeholder,.bookstay-form__group .uk-textarea::-moz-placeholder{color:var(--secondary-color)}.bookstay-form__group .uk-input::-ms-input-placeholder,.bookstay-form__group .uk-select::-ms-input-placeholder,.bookstay-form__group .uk-textarea::-ms-input-placeholder{color:var(--secondary-color)}.bookstay-form__group .uk-input::placeholder,.bookstay-form__group .uk-select::placeholder,.bookstay-form__group .uk-textarea::placeholder{color:var(--secondary-color)}.bookstay{background:var(--body-bg) url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/bookstay-bg.png);padding:0;background-repeat:no-repeat;background-size:cover}body.is-bookstay-active .bookstay{top:0;display:flex!important}.bookstay .uk-modal-dialog{background:transparent;width:100%;position:relative;display:flex;padding:0;margin-top:0!important;align-items:stretch;min-height:100vh}.bookstay__container{padding:0;height:100%}.bookstay__grid{margin:0;height:100%}.bookstay__grid>*{padding:0}.bookstay-form__col.uk-grid{margin-left:0;gap:20px;display:flex}.bookstay-form__col.uk-grid>*{width:31%}.bookstay__media{width:40%;z-index:1;background-color:var(--primary-color);background-size:513px;background-position:top center;background-repeat:no-repeat;padding:60px 20px;align-items:center;flex-wrap:wrap;justify-content:center;overflow:auto;display:flex}#booking-widget-modal.uk-open .bookstay__media{background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/bookstay-shape-bg.svg)}.root-portal .bookstay__media .booking-media-wrap:nth-child(n+2){display:none}.book-img-wrap{text-align:center;width:100%;margin-bottom:30px}.bnefit-content-sec *{color:var(--inverse-font-color);text-align:center;margin:0 auto}.bnefit-content-sec .title{text-transform:uppercase;margin-bottom:15px}.bnefit-content-sec .hotel-tag-text{max-width:300px;margin:0 auto 60px}.benefit-text-sec ul{display:flex;flex-wrap:wrap;max-width:450px;font-size:13px}.benefit-text-sec ul li:nth-child(odd){width:50%}.benefit-text-sec ul li{margin:0;text-align:left}#booking-widget{max-width:60%;width:100%;padding-left:80px;overflow:auto;padding:120px 50px;margin:auto}.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:absolute;top:0;right:0;min-height:unset;font-size:14px;cursor:pointer;border:0;left:0;width:max-content;margin:30px;text-transform:uppercase;letter-spacing:.28px;line-height:1;vertical-align:middle;display:flex;align-items:center;gap:10px}.bookstay__close .template-icon,.bookstay__close .template-icon:last-child{margin:0;font-size:22px}.bookstay__close .booking-close-icon{color:var(--secondary-color)}.bookstay__close .booking-close-icon svg{width:16px}.bookstay__close:hover,.bookstay__close:focus-visible,.bookstay__close:hover .booking-close-icon,.bookstay__close:focus .booking-close-icon{color:var(--highlight-color)}.close-phone-sec{z-index:2}.close-phone-sec a.header__phone{position:absolute;right:40px;top:40px}.open-remind-later .side-widget__booking{display:none}.open-remind-later .side-widget__reminder{display:block!important}@media(min-width:768px){.bookstay__close:not(.bookstay__close--desktop){display:none}}.bookstay-form{text-align:center;max-width:590px;margin:auto}.bookstay-form__title{text-align:center;margin-bottom:20px;text-transform:uppercase}.bookstay-form__group .booking-border{margin-bottom:30px;text-align:left;border:1px solid var(--border-color);position:relative;padding:18px 20px 18px 25px;min-height:108px}.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;display:none}.bookstay-form__col .bookstay-form__group--dropdown:after{display:none}.bookstay-form__label{width:auto;display:inline-block;font:var(--reservation-widget-label-fonts);color:var(--highlight-color);text-transform:var(--reservation-widget-label-fonts-text-transform);letter-spacing:2.1px;text-transform:uppercase;font-weight:600;margin-bottom:10px}.bookstay-form__label.custom-radio{margin-right:18px;padding-right:18px;border-right:1px solid rgba(0,0,0,.2)}.bookstay-form__control{border:0;color:var(--secondary-color);font:var(--reservation-widget-input-fonts);text-transform:uppercase;padding:0 20px 0 0;background:none;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:var(--title-fonts)}.bookstay-form__control:focus{color:var(--secondary-color)}.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__radio-grp .bookstay-form__radio{margin-bottom:35px}.bookstay-form__radio .uk-radio{border-color:var(--primary-color)}.bookstay-form__radio .bookstay-form__label{color:var(--text-color)}.bookstay-form__radio .uk-radio:checked{background-image:none;background-color:var(--primary-color)}.bookstay-form__group--dropdown .bookstay-form__label{pointer-events:none}.bookstay-reminder .bookstay-form__control{padding:0!important}.bookstay-form__group--dropdown .bookstay-form__control{position:relative;z-index:1;height:20px}.bookstay-form__group--dropdown .bookstay-form__control.uk-select{background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/icons/gold-arrow.svg);background-repeat:no-repeat;background-position:center right;background-size:auto}.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;min-height:85px;color:var(--text-color)}.bookstay-form__group--full-height .bookstay-form__control::placeholder{color:var(--text-color)}.bookstay-form__submit{margin-top:20px}.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-right:10px;font-size:14px;color:var(--highlight-color)}.bookstay__toggle-btn .button-link{padding:0;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-color)}.bookstay__toggle-btn .button-link:hover,.bookstay__toggle-btn .button-link:focus{color:var(--highlight-color)}.bookstay__tagline{text-transform:uppercase;margin-top:10px;text-align:center;font-size:15px;color:var(--primary-color);font-weight:600}.bookstay__toggle-btn{margin-top:15px;text-align:center}.bookstay-form__box{text-align:center;max-width:590px;margin:auto;border:none;padding:30px 0 0;margin-bottom:10px}.side-widget__form-group{text-align:left;position:relative}#input-error-contact-privacy-reminder{position:relative!important;bottom:0}.bookstay-reminder .bookstay-form__control{}.bookstay-form__group input.room-guests__input__popup{padding-right:20px;background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/icons/gold-arrow.svg)!important;background-repeat:no-repeat!important;background-position:center right!important;background-size:auto!important;cursor:pointer}.bookstay-form__col-inner__popup{display:none;min-width:200px;color:var(--secondary-color);background:var(--inverse-font-color);padding:12px;margin:0 auto;position:absolute;bottom:60px;left:0;right:0;z-index:99}.bookstay-form__col-inner__popup:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid var(--inverse-font-color);position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.bookstay-form__col-inner__block{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.bookstay-form__rooms,.bookstay-form__guests{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.floating-booking__col-inner__block:not(:last-child){margin-bottom:8px}.bookstay-form__col-inner__block label.bookstay-form__label{min-width:98px;color:var(--secondary-color);margin-bottom:0}.bookstay-form__group .bookstay-form__col-inner__block input{color:var(--secondary-color)}.bookstay-form__group .bookstay-form__col-inner__block .room-guests__button{color:var(--secondary-color)}.cocobeach-mirai-hero{display:none}.cocobeach-mirai-enable .floating-booking__col,.cocobeach-mirai-enable .bookstay-form__group{display:none!important}.cocobeach-mirai-enable .floating-booking__col.floating-booking__col--has-title,.cocobeach-mirai-enable .floating-booking__col.floating-booking__col--has-resort,.cocobeach-mirai-enable .bookstay-form__group.bookstay-form__group--has-hotel{display:block!important}.cocobeach-mirai-enable .cocobeach-mirai-hero{display:block;min-width:820px}.cocobeach-mirai-enable .bookstay-form__box .cocobeach-mirai-hero{min-width:270px;margin:0 auto;padding-left:0}.profile-page.reefcocobeach .floating-booking__col{display:none!important}.profile-page.reefcocobeach .floating-booking__col.floating-booking__col--has-title{display:block!important}.profile-page.reefcocobeach .cocobeach-mirai-hero{display:block}.profile-page.reefcocobeach .cocobeach-mirai-enable .bookstay-form__group.bookstay-form__group--has-hotel{display:none!important}@media(max-width:1399.98px){}@media(max-width:1280px){.bookstay-form__col.uk-grid>*{width:31.6%}}@media(max-width:1199.98px){.bookstay-form__col.uk-grid{gap:15px}}@media(max-width:1023.98px){.bookstay-form__col.uk-grid>*{width:100%;margin-bottom:15px}}@media(max-width:959.98px){.bookstay__media{display:none;width:100%;height:100%;overflow:visible}.bookstay .uk-modal-dialog{flex-direction:column;max-height:100%;overflow:auto}#booking-widget{max-width:100%;width:100%;overflow:visible}.bookstay-form__col.uk-grid>*:first-of-type{width:100%}.bookstay-form__col.uk-grid>*{width:48.5%}.close-phone-sec a.header__phone{display:none}.bookstay__close{justify-content:center;margin:20px auto}}@media(max-width:767.98px){.bookstay-form__title{text-transform:uppercase}.bookstay{padding:0}.bookstay__col--media{display:none}.bookstay__content{padding:75px 40px 40px}.close-text{display:none}.bookstay-form__group--dropdown:after{font-size:20px;top:14px}.bookstay-form__box{padding:15px 30px 0;max-width:100%}.bookstay-form{max-width:100%}.bookstay__toggle-btn{margin-top:30px;text-align:center}.bookstay-form__col.uk-grid>*{width:48%}.bookstay__media{}.bookstay__media>img{max-width:360px;margin:0 auto;text-align:center;z-index:1;position:relative;padding-bottom:50px}.bookstay-form__group .booking-border{margin-bottom:20px;padding:18px 15px 18px 20px}#booking-widget{padding:90px 20px 0}.room-guests__col--actions{margin-top:20px;margin-top:0;top:10px;position:relative}.bookstay__close .booking-close-icon svg{width:20px}.bookstay-form__control{padding:0 0 0 0!important}}@media(max-width:639.98px){.bookstay-form__box{padding:15px 0 0;max-width:100%}}@media(max-width:575px){.bookstay-form__group{padding:0 10px}.bookstay-form__group .booking-border{margin-bottom:20px}}.room-guests{}.room-guests__item{position:relative;display:flex;align-items:center;justify-content:space-evenly;border-top:none;padding:0 0 0}.room-guests__col--input{width:18px}.room-guests__input{position:relative;border:0!important;background:transparent!important;width:100%;padding:0;margin:0;line-height:1;text-align:left;padding-right:0}.room-guests__col--text{width:125px;padding-left:10px;padding-right:10px}.room-guests__col--actions{display:flex;align-items:center;row-gap:7px;flex-wrap:wrap;justify-content:flex-end;width:auto;padding:0;text-align:right;min-width:auto;position:relative;top:10px}.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;background:transparent;align-items:center;justify-content:flex-end;font-size:16px;color:var(--highlight-color);cursor:pointer;transition:all .4s ease;border:none}.room-guests__button:hover,.room-guests__button:focus-visible{background:transparent;color:var(--primary-color);border:none}.room-guests__item:first-child{border:0}.bookstay .edit-overlay{float:left}.bookstay-form__box .ui-datepicker-trigger{bottom:15px;bottom:5px;width:18px;height:18px;top:auto;right:0}.reminder-message{text-align:center;margin-top:10px}.side-widget__form-actions-sec:after{display:none}.profile-page .bookstay-form__group--has-hotel{display:none}.destination-wrapup-onlyjs{position:relative}.autosuggestion-box{position:absolute;background-color:#fff;padding:20px;max-height:300px;overflow-y:auto;width:300px;left:0;top:107px;display:none;z-index:2;color:var(--text-color)}.autosuggestion-box ul{padding:0}.autosuggestion-box ul li:first-child{display:none}.autosuggestion-box ul li{list-style:none;padding:10px!important;border-bottom:1px solid #f9efe6;cursor:pointer}.floating-booking .autosuggestion-box{top:inherit;bottom:60px}
.footer9{position:relative;width:100%;display:block;padding:100px 20px 76px}.footer9:before{content:'';background:linear-gradient(0deg,rgba(200,218,229,0) 18.91%,#f5efea 94.72%),url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/footer-bg.png),var(--bg-footer);position:absolute;left:0;bottom:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}.reef28 .footer9:before{background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/footer-bg.png);z-index:1}.fragata .footer9:before{background:linear-gradient(0deg,rgba(200,218,229,0) 18.91%,#dadbd5 94.72%),url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/footer-bg.png),var(--bg-footer)}.footer9:after{content:"";width:100%;height:100%;display:block;background:linear-gradient(180deg,rgba(200,218,229,0) 18.91%,#f5efea 94.72%),#c8dae5;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:1}.reefcocobeach .footer9::after{background:linear-gradient(0deg,rgba(173,220,220,0) 18.91%,#f5efea 94.72%),#d4f1f1}.reefplayacar .footer9::after{background:linear-gradient(0deg,rgba(211,233,226,0) 18.91%,#f5efea 94.72%),#d3e9e2}.reef28 .footer9::after{background:linear-gradient(180deg,rgba(237,229,218,0) 18.91%,#ede5da 94.72%),#ede5da;opacity:.1;z-index:2}.reefplayacar .footer9::before{background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/footer-bg.png)}.reefcocobeach .footer9::before{background:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/footer-bg.png)}.footer9__container{position:relative;z-index:3}.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__menu{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:20px 0;list-style:none;margin:0;border-top:1px solid var(--secondary-color);border-bottom:1px solid var(--secondary-color);font-size:16px;column-gap:10px}.footer9 a{color:var(--footer-color)}.footer9 a img:focus-visible{background:#fff}.footer9 a:hover,.footer9 a:focus-visible{text-decoration:underline}.footer9-newsletter{max-width:500px}.footer9__logo{margin-bottom:25px}.footer9-newsletter__grid{padding:15px 0}.footer9-newsletter__control{position:relative;margin-bottom:20px}.footer9-newsletter__input{height:48px;background:var(--inverse-font-color)!important;border-color:var(--footer-color);border-radius:5px;color:var(--footer-color);padding:0 20px;font-size:14px}.footer9-newsletter__input:focus{color:var(--footer-color);opacity:1}.footer9-newsletter__input::placeholder{color:var(--footer-color)}.footer9__title{margin:0 0 30px 0}.footer9__address>a,.footer9__phone>a,.footer9__email>a{padding:8px 0;display:inline-flex}.footer9__menu-item>a{padding:5px 0;display:inline-flex;align-items:center;letter-spacing:.16px}.footer9__menu-item>a.navON{text-decoration:underline;color:var(--footer-color)}.footer9__social{display:flex;column-gap:20px;justify-content:center;margin-top:30px}.footer9__social-item>a{width:30px;height:30px;border:1px solid var(--secondary-color);color:var(--secondary-color);border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.footer9__social-item>a:hover,.footer9__social-item>a a:focus{background:var(--highlight-color);border-color:var(--highlight-color);color:var(--inverse-font-color);text-decoration:none}.footer9__hr{margin-top:50px;margin-bottom:30px}.footer9__grid{margin-top:70px;margin-bottom:70px}.footer9__grid .footer9__col:not(.footer9__col--newsletter){border-right:1px solid rgba(35,60,87,.2)}.footer9__copygrid{font-size:14px;margin-top:30px}.footer-widget__digitalpresence-text{display:none}.milestone .footer-widget__digitalpresence-text{display:block}.footer-properties-row{column-gap:100px;justify-content:center;align-items:center;flex-wrap:wrap}.footer-properties-row .title--tagline{color:var(--secondary-color)}.properties-items{padding:20px 0 15px}.footer9__content,.footer9__address,.footer9-newsletter{max-width:310px;margin:0 auto;width:100%;line-height:1.8;padding:0 5px}@media(max-width:1199.98px){.footer9__address a,.footer9__content a{display:inline-block;vertical-align:top}.footer-properties-row{column-gap:50px}.footer9__menu{justify-content:center}}@media(max-width:991px){.footer9__grid .footer9__col:not(.footer9__col--newsletter){border-bottom:1px solid rgba(35,60,87,.2);border-right:0}.footer9__copygrid{text-align:center}.footer9__copyright{margin-bottom:15px!important}.footer9__menu{column-gap:0}.footer9__menu-item{width:33.3%;text-align:center;padding:0 10px}.footer-properties-row{column-gap:20px}.footer9__grid .footer9__col{padding:45px 0}.footer9__grid>.uk-grid-margin{margin-top:0}.footer9__grid{margin:0}}@media(max-width:959px){.footer9:before{background-size:cover}}@media(max-width:767.98px){.footer9__copygrid{font-size:13px;text-align:center}.footer9__copygrid>*.uk-grid-margin{margin-top:30px}.footer9{padding:40px 0 100px}.footer9__hr{margin-top:40px;margin-bottom:25px}.footer9__submenu{row-gap:5px}.footer9__submenu>*{width:100%}.footer9__submenu-item>a{padding:5px 0}.footer9__logo{margin-bottom:20px}.footer9__col--newsletter{margin-bottom:0}.footer-properties-row{display:none}.footer9__menu{padding:25px 0}.footer9__menu-item{width:50%}.footer9__menu-item>a{padding:10px 0}.footer9__content,.footer9__address,.footer9-newsletter{padding:0}}body.booking-js-affixed-widget .footer-whatsapp{bottom:120px}.footer-whatsapp{position:fixed;bottom:20px;left:20px;z-index:2}@media(max-width:1023.98px){.footer-whatsapp{bottom:55px}}
body.booking-js-affixed-widget{padding-bottom:100px}.floating-booking__col .uk-input::-webkit-input-placeholder,.floating-booking__col .uk-select::-webkit-input-placeholder,.floating-booking__col .uk-textarea::-webkit-input-placeholder{color:var(--inverse-font-color)}.floating-booking__col .uk-input::-moz-placeholder,.floating-booking__col .uk-select::-moz-placeholder,.floating-booking__col .uk-textarea::-moz-placeholder{color:var(--inverse-font-color)}.floating-booking__col .uk-input::-ms-input-placeholder,.floating-booking__col .uk-select::-ms-input-placeholder,.floating-booking__col .uk-textarea::-ms-input-placeholder{color:var(--inverse-font-color)}.floating-booking__col .uk-input::placeholder,.floating-booking__col .uk-select::placeholder,.floating-booking__col .uk-textarea::placeholder{color:var(--inverse-font-color)}.floating-booking__input:focus{border-color:var(--highlight-color);color:var(--inverse-font-color)}.floating-booking{color:var(--inverse-font-color);background:var(--secondary-color);padding:0;margin:auto;position:fixed;bottom:0;left:0;right:0;z-index:10}.reefcocobeach .floating-booking{background:var(--primary-color)}.reefplayacar .floating-booking{background:var(--primary-color)}.floating-booking__container{max-width:100%;padding-left:20px;padding-right:20px}.floating-booking__area{position:relative;width:100%;display:block;padding:20px 0}.floating-booking__area *:focus-visible{outline:1px solid #fff;box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none}.floating-booking__area button.floating__close{width:25px;height:25px;border-radius:25px;color:var(--inverse-font-color);background:var(--highlight-color);border:1px solid var(--highlight-color);display:flex;align-items:center;position:absolute;justify-content:center;right:0;top:-12px;z-index:11;cursor:pointer}.reefcocobeach .floating-booking__area button.floating__close{color:var(--inverse-font-color);background:var(--highlight-color);border-color:var(--highlight-color)}.floating-booking__area button.floating__close span.uk-close{color:var(--inverse-font-color)}.reefcocobeach .floating-booking__area button.floating__close span.uk-close{color:var(--inverse-font-color)}.floating-booking__form{position:relative;width:100%;display:block}.floating-booking__input{background:transparent;border:0;color:var(--inverse-font-color);-webkit-appearance:none;appearance:none;padding:0 17px 0 0;height:27px;border-bottom:1px solid var(--inverse-font-color)}.floating-booking__col{display:flex;position:relative;flex-direction:column;justify-content:flex-end;align-items:flex-start}.floating-booking__col-inner{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.4)}.floating-booking__col .uk-input,.floating-booking__col .uk-select,.floating-booking__col .uk-textarea{color:var(--inverse-font-color);font:var(--tagline-fonts);letter-spacing:.15em;background:transparent;border:0;padding:0}html[lang="es"] .floating-booking__col .uk-input,html[lang="es"] .floating-booking__col .uk-select,html[lang="es"] .floating-booking__col .uk-textarea{font-size:13px}.floating-booking__grid{margin-left:-20px;align-items:stretch;justify-content:center}.floating-booking__grid>*{padding-left:20px}.floating-booking__label{display:block;color:var(--inverse-font-color);font:var(--tagline-fonts);text-transform:var(--tagline-font-text-transform);letter-spacing:.15em;margin-bottom:5px}html[lang="es"] .floating-booking__label{font-size:12px}.floating-booking__col .title{max-width:100%;width:auto;display:block;color:var(--inverse-font-color);font-size:22px;text-transform:uppercase;letter-spacing:0}html[lang="es"] .floating-booking__col .title{font-size:20px}.floating-form__radio{max-width:100%;width:150px;display:block}.floating-form__radio label.floating-booking__label{border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}.floating-form__radio label.floating-booking__label:last-child{border-bottom:none;padding:0;margin:0}.uk-select:not([multiple]):not([size]).floating-booking__input{background:transparent!important;padding:0 30px 0 0;height:auto}.floating-booking__col--has-icon{position:relative}.floating-booking__col--has-date .ada-datepicker button.ui-datepicker-trigger{right:5px;bottom:7px}.room-guests__col{width:25px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.floating-booking__col .room-guests__button{color:var(--inverse-font-color);font-size:20px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .4s ease}html[lang="es"] .floating-booking__col .room-guests__button{font-size:18px}.floating-booking__col--has-title,html[lang="es"] .floating-booking__col--has-title{max-width:max-content;justify-content:center}.floating-booking__col--has-hotel{max-width:180px}.floating-booking__col--no-label,.floating-booking__col--airport-nom,.floating-booking__col--has-resort,.floating-booking__col--has-date,.floating-booking__col--has-icon{max-width:240px}.floating-booking__col--button{max-width:175px}html[lang="es"] .floating-booking__col--no-label{max-width:200px}html[lang="es"] .floating-booking__col--button{max-width:280px}button.floating-booking__button{max-width:175px;width:100%;color:var(--primary-cta-font-hover-color);background:var(--inverse-font-color);padding:11px 15px}.reef28 button.floating-booking__button{color:var(--primary-cta-font-color);background:var(--primary-cta-color)}html[lang="es"] button.floating-booking__button{max-width:190px}.floating-booking__col--has-date .ada-datepicker{width:100%}.floating-booking__form .uk-checkbox,.floating-booking__form .uk-radio{border-color:var(--primary-color)}.floating-booking__form .uk-checkbox:checked,.floating-booking__form .uk-checkbox:indeterminate,.floating-booking__form .uk-radio:checked,.floating-booking__form .uk-checkbox:checked:focus,.floating-booking__form .uk-checkbox:indeterminate:focus,.floating-booking__form .uk-radio:checked:focus{background:var(--primary-color);border-color:var(--primary-color)}.reefcocobeach .floating-booking__form .uk-checkbox,.reefcocobeach .floating-booking__form .uk-radio{border-color:var(--tertiary-color)}.reefcocobeach .floating-booking__form .uk-checkbox:checked,.reefcocobeach .floating-booking__form .uk-checkbox:indeterminate,.reefcocobeach .floating-booking__form .uk-radio:checked,.reefcocobeach .floating-booking__form .uk-checkbox:checked:focus,.reefcocobeach .floating-booking__form .uk-checkbox:indeterminate:focus,.reefcocobeach .floating-booking__form .uk-radio:checked:focus{background:var(--tertiary-color);border-color:var(--tertiary-color)}.reefplayacar .floating-booking__form .uk-checkbox,.reefplayacar .floating-booking__form .uk-radio{border-color:#d3e9e2}.reefplayacar .floating-booking__form .uk-checkbox:checked,.reefplayacar .floating-booking__form .uk-checkbox:indeterminate,.reefplayacar .floating-booking__form .uk-radio:checked,.reefplayacar .floating-booking__form .uk-checkbox:checked:focus,.reefplayacar .floating-booking__form .uk-checkbox:indeterminate:focus,.reefplayacar .floating-booking__form .uk-radio:checked:focus{background:#d3e9e2;border-color:#d3e9e2}.floating-booking__area button.floating__close:hover,.floating-booking__area button.floating__close:focus-visible{color:var(--primary-cta-font-hover-color);background:var(--primary-color);border-color:var(--primary-color)}.floating-booking__area button.floating__close:hover span,.floating-booking__area button.floating__close:focus-visible span{color:var(--primary-cta-font-hover-color)}.reefcocobeach button.floating-booking__button{color:var(--primary-cta-color);background:var(--inverse-font-color)}.floating-booking__col .floating-form__control.uk-select{background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/icons/white-arrow.svg);background-repeat:no-repeat;background-position:center right;background-size:auto}.floating-booking__col-inner ul,.floating-booking__col-inner ul li{list-style:none;padding:0;cursor:pointer}.floating-booking__col input.room-guests__input__popup{padding-right:20px;background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/icons/white-arrow.svg)!important;background-repeat:no-repeat!important;background-position:center right!important;background-size:auto!important;cursor:pointer}.floating-booking__col-inner__popup{display:none;min-width:200px;color:var(--secondary-color);background:var(--inverse-font-color);padding:12px;margin:0 auto;position:absolute;bottom:45px;left:0;right:0;z-index:99}.floating-booking__col-inner__popup:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid var(--inverse-font-color);position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.floating-booking__col-inner__block{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.floating-booking__col-inner__block:not(:last-child){margin-bottom:8px}.floating-booking__col-inner__block label.floating-booking__label{min-width:115px;color:var(--secondary-color);margin-bottom:0}.floating-booking__col .floating-booking__col-inner__block input{color:var(--secondary-color)}.floating-booking__col .floating-booking__col-inner__block .room-guests__button{color:var(--secondary-color)}.cocobeach-mirai-hero{display:none}.cocobeach-mirai-enable .floating-booking__col,.cocobeach-mirai-enable .bookstay-form__group{display:none!important}.cocobeach-mirai-enable .floating-booking__col.floating-booking__col--has-title,.cocobeach-mirai-enable .floating-booking__col.floating-booking__col--has-resort,.cocobeach-mirai-enable .bookstay-form__group.bookstay-form__group--has-hotel{display:block!important}.cocobeach-mirai-enable .cocobeach-mirai-hero{display:block;min-width:820px}.cocobeach-mirai-enable .bookstay-form__box .cocobeach-mirai-hero{min-width:270px;margin:0 auto;padding-left:0}.profile-page.reefcocobeach .floating-booking__col{display:none!important}.profile-page.reefcocobeach .floating-booking__col.floating-booking__col--has-title{display:block!important}.profile-page.reefcocobeach .cocobeach-mirai-hero{display:block}.profile-page.reefcocobeach .cocobeach-mirai-enable .bookstay-form__group.bookstay-form__group--has-hotel{display:none!important}@media(min-width:1600px)and (max-width:1800px){.floating-booking__grid{margin-left:-10px}.floating-booking__grid>*{padding-left:10px}.floating-booking__label{font-size:14px;line-height:normal;letter-spacing:.1em}.floating-booking__col .uk-input,.floating-booking__col .uk-select,.floating-booking__col .uk-textarea{font-size:14px;line-height:normal;letter-spacing:.1em}}@media(min-width:1400px)and (max-width:1599.98px){.floating-booking__grid{margin-left:-10px}.floating-booking__grid>*{padding-left:10px}.floating-booking__col .title{width:100px;font-size:18px;line-height:26px}.floating-booking__label{font-size:12px;line-height:normal;letter-spacing:.1em}.floating-booking__col .uk-input,.floating-booking__col .uk-select,.floating-booking__col .uk-textarea{font-size:12px;line-height:normal;letter-spacing:.1em}button.floating-booking__button{font-size:14px;line-height:normal}.floating-booking__col--has-icon{max-width:110px}.floating-booking__form .uk-checkbox,.floating-booking__form .uk-radio{width:14px;height:14px}html[lang="es"] .floating-booking__col .title{font-size:17px}html[lang="es"] .floating-booking__label,html[lang="es"] .floating-booking__col .uk-input,html[lang="es"] .floating-booking__col .uk-select,html[lang="es"] .floating-booking__col .uk-textarea{font-size:11px}}@media(min-width:1300px)and (max-width:1399.98px){.floating-booking__grid{margin-left:-10px}.floating-booking__grid>*{padding-left:10px}.floating-booking__col .title{width:85px;font-size:16px;line-height:24px}.floating-booking__label{font-size:12px;line-height:normal;letter-spacing:.1em}html[lang="es"] .floating-booking__label{font-size:10px}.floating-booking__col .uk-input,.floating-booking__col .uk-select,.floating-booking__col .uk-textarea{font-size:12px;line-height:normal;letter-spacing:.1em}html[lang="es"] .floating-booking__col .uk-input,html[lang="es"] .floating-booking__col .uk-select,html[lang="es"] .floating-booking__col .uk-textarea{font-size:10px}button.floating-booking__button{font-size:13px;line-height:normal}.floating-booking__col--has-icon{max-width:90px}.floating-booking__form .uk-checkbox,.floating-booking__form .uk-radio{width:12px;height:12px}}@media(max-width:1299.98px){.floating-booking{display:none}}@media(max-width:1024.98px){body.booking-js-affixed-widget{padding-bottom:60px}}.profile-page .floating-booking__col--has-resort{display:none}.ng-star-inserted aside.floating-booking{position:relative}
.intro-feature-box-large-snippet-bg{position:relative;width:100%;display:block;overflow:hidden}.intro-feature-box-large-snippet-bg:before{content:"";width:100%;height:100%;display:block;background:linear-gradient(0deg,rgba(255,255,255,0) 54.18%,#fff 100%);position:absolute;top:0;left:0;z-index:0}.reef28 .intro-feature-box-large-snippet-bg:before{background:linear-gradient(0deg,rgba(237,229,218,0) 54.18%,#ede5da 100%)}.intro-feature-box-large-snippet-bg:after{content:"";background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/intro-bg.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;background-position:center;position:absolute;top:0;left:0;z-index:1}.lt194-block{position:relative;width:100%;display:block;z-index:2}.lt194-block__title{margin-bottom:50px}.lt194-block__container{max-width:1260px}.lt194-block__content{max-width:550px}.lt194-block__content .buttons__block{margin-top:40px}.snippet__media.lt194-block__media{width:420px;max-width:100%;padding-bottom:100%}.lt194-block--primary{background:var(--primary-color);color:var(--inverse-font-color)}.lt194-block--primary .title{color:var(--inverse-font-color)}@media(min-width:1400px){}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1024px){.intro-feature-box-large-snippet-bg:after{display:none}}@media(max-width:959.98px){.lt194-block__media img{width:100%}.lt194-block__content{max-width:100%}}@media(max-width:767.98px){.lt194-block__title{margin-bottom:30px}}@media(max-width:639.98px){}@media(max-width:575px){}
.hover-elms{background-color:var(--tertiary-color)}.three-cards-hover.addbg{background-image:url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/three-cards-bg.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.hover-elms__maintitle{margin-bottom:50px}.three-cards-hover .hover-elms__container{max-width:1425px}.three-cards-hover .hover-elms__grid{margin-left:-20px}.three-cards-hover .hover-elms__col{padding-left:20px}.hover-elms__box{position:relative;background:var(--primary-color);color:var(--inverse-font-color)}.hover-elms__box .title{color:var(--inverse-font-color)}.hover-elms__content{width:calc(100% - 30px);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;position:absolute;bottom:15px;left:15px;z-index:3}.hover-elms__media{position:relative;width:100%;display:block}.hover-elms__media img{max-width:100%;width:100%;display:block}.hover-elms__media:after{content:'';background:linear-gradient(180deg,rgba(35,60,87,0) 9.63%,#233c57 90.74%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hover-elms__data{margin-left:auto;margin-right:auto;max-width:360px}.hover-elms__box .hover-elms__data .button-readmore{margin-bottom:20px}.hover-elms__title{margin-bottom:0}.hover-elms__content{justify-content:center}.hover-elms__data{opacity:0;height:0;overflow:hidden;transition:opacity .3s ease,height .3s ease,padding-bottom .3s ease}.hover-elms__box:hover .hover-elms__title,.hover-elms__box:focus-within .hover-elms__title{margin-bottom:20px;color:var(--highlight-color)}.hover-elms__box:hover,.hover-elms__box:focus-within{color:var(--text-color)}.hover-elms__box:hover .hover-elms__data,.hover-elms__box:focus-within .hover-elms__data{opacity:1;height:auto;overflow:unset;padding-bottom:40px}.hover-elms__box:hover .hover-elms__content,.hover-elms__box:focus-within .hover-elms__content{top:15px;background-color:var(--inverse-font-color);overflow-x:auto}.hover-elms__box-inner{position:relative;width:100%;display:block;padding:15px 30px;overflow-x:auto}.hover-elms__box:hover .hover-elms__media:after,.hover-elms__box:focus-within .hover-elms__media:after{background:none}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1024px){.hover-elms__box .hover-elms__data .button-readmore,.hover-elms__box .hover-elms__data .button-link{color:var(--inverse-font-color)}.three-cards-hover .hover-elms__col{min-height:480px}.hover-elms__box,.hover-elms__media{height:100%}.hover-elms__media img{height:100%;object-fit:cover}.hover-elms__data{margin-left:0;opacity:1;height:auto}.text-editor.hover-elms__desc{display:none}.hover-elms__action{display:block;margin-top:20px}.hover-elms__box:hover .hover-elms__media:after,.hover-elms__box:focus-within .hover-elms__media:after{background:linear-gradient(180deg,rgba(35,60,87,0) 9.63%,#233c57 90.74%)}.hover-elms__box:hover .hover-elms__content,.hover-elms__box:focus-within .hover-elms__content{top:auto;background:none;overflow:inherit}.hover-elms__box:hover .hover-elms__title,.hover-elms__box:focus-within .hover-elms__title{color:var(--inverse-font-color)}.hover-elms__box:hover .hover-elms__data,.hover-elms__box:focus-within .hover-elms__data{padding:0}}@media(max-width:959.98px){}@media(max-width:767.98px){.hover-elms{padding:60px 0}.hover-elms__maintitle{margin-bottom:30px}.hover-elms__grid>.uk-grid-margin{margin-top:20px}}@media(max-width:639.98px){}@media(max-width:575px){}
.bnr-block{position:relative;text-align:center;overflow:hidden;background:var(--text-color)}.bnr-block__media{position:relative;padding-bottom:40%}.bnr-block__media>*{width:100%;position:absolute;left:0;width:100%;top:0;bottom:0;object-fit:cover;height:100%}.bnr-block__media:after{content:'';background:linear-gradient(180deg,rgba(25,39,14,0) 24.61%,rgba(25,39,14,.8) 100%);position:absolute;left:0;top:0;width:100%;height:100%}.bnr-block__content{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:3;color:var(--inverse-font-color)}.bnr-block__container{max-width:664px;padding-bottom:60px}.bnr-block__content .title{color:var(--inverse-font-color)}.bnr-block--vcenter .bnr-block__content{bottom:auto;top:50%;transform:translateY(-50%)}.bnr-block--vcenter .bnr-block__media:after{background:rgba(0,0,0,.5)}.bnr-block--vcenter .bnr-block__container{padding-top:40px;padding-bottom:40px}@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){.bnr-block__media{position:relative;padding-bottom:100%;height:0}.bnr-block__media:after{background:linear-gradient(180deg,rgba(25,39,14,0) 24.61%,rgba(25,39,14,.8) 100%)}.bnr-block__media>*{width:100%;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:none!important}.bnr-block__container{max-width:570px;padding-bottom:40px}}@media(max-width:639.98px){}@media(max-width:575px){}
.full-width-video-block {
     position: relative;
     width: 100%;
     display: block;
     background: var(--secondary-color);
     overflow-x: hidden;
}
 .full-width-video-thumbnail {
     width: 100%;
     display: block;
     max-height: 800px;
     object-fit: cover;
}
 .full-width-video {
     width: 100%;
     object-fit: cover;
     height: 100vh;
}
 .full-width-video-block:after {
     content: "";
     width: 100%;
     height: 100%;
     display: block;
     background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 48.31%, rgba(0, 0, 0, 0.5) 100% ), linear-gradient( 9deg, rgba(255, 255, 255, 0) 55.36%, rgba(255, 255, 255, 0.9) 86.09% );
     position: absolute;
     left: 0;
     bottom: 0;
     pointer-events: none;
}
.full-width-video-block.full-width-title:after {
	display: none;
}
 .full-width-video-title {
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     top: 58%;
     transform: translateY(-50%);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1;
     padding: 20px;
     text-align: center;
     color: var(--inverse-font-color);
     font-family: var(--secondary-font-family);
}
 .full-width-video-title .top-line{
     letter-spacing: 8px;
     text-transform: uppercase;
     font-size: 40px;
     line-height: 100%;
}
 .full-width-video-title .center-line{
     letter-spacing: 7px;
     font-size: 140px;
     text-transform: uppercase;
     line-height: 100%;
}
 .full-width-video-title .bottom-line{
     font-size: 40px;
     line-height: 100%;
     font-weight: 400;
     font-style: italic;
}
@media(max-width: 1024px) {
  .full-width-video-block:after {
           background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42%, rgba(0, 0, 0, 0.70) 100%);
  }
}
 @media(max-width: 959.98px) {
     .full-width-video-title .top-line{
         letter-spacing: 6px;
         font-size: 30px;
    }
     .full-width-video-title .center-line{
         letter-spacing: 4px;
         font-size: 80px;
    }
     .full-width-video-title .bottom-line{
         font-size: 30px;
    }
     .full-width-video-block:after {
         background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42%, rgba(0, 0, 0, 0.70) 100%);
    }
     .full-width-video{
         height: calc(100vh - 126px);
    }
}
 @media (max-width: 767.98px) {
     .full-width-video {
         height: 450px;
    }
}
 .fragata .full-width-video-block {
     overflow: hidden;
}
 .fragata .full-width-video-block:after {
     background: #000000;
     background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}
 .fragata .full-width-video-title {
     bottom: 0;
     padding-bottom:44px;
     text-transform: uppercase;
     letter-spacing: 0.10em;
     font-size:14px;
     font-family: 'chiswick_deck_triallight';
}
 .fragata .full-width-video-title:before {
    content:"";
     width:1px;
     height:34px;
     position: absolute;
     left:50%;
     bottom:0;
     background:#FFF;
}
 .fragata .full-width-video-title a {
    color:#FFF;
}
 .fragata .full-width-video-title a:hover, .fragata .full-width-video-title a:focus {
    color:#FFF;
     opacity:0.8;
}

@media (max-width: 767px) {
  .fragata .full-width-video-title:before{
      bottom: -12px;
  }
  .fragata .full-width-video-title{
  	top:auto;
  }
}
.single-snippet-large-bg {
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
    height: 1020px;
    z-index: 2;
}
.single-snippet-large-bg-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.single-snippet-large-bg__media img {
    width: 100%;
    object-fit: cover;
}
.single-snippet-large-bg__media img.attractions-map-desktop {
    display: block;
}
.single-snippet-large-bg__media img.attractions-map-mobile {
    display: none;
}
.single-snippet-large-bg__small-media {
  padding: 0 15px;
  margin-top: 90px;
  text-align: center;
}
.single-snippet-large-bg__content {
  max-width: 100%;
}

.snippet__accoradian-location {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 60px;
}

.uk-accordion-content--location {
  padding: 15px 0;
}

.single-snippet-large-bg__subdesc{
	font-size: 14px;
    font-style: italic;
}
.single-snippet-large-bg__content hr{
	border-top: 1px solid var(--secondary-color); opacity:0.4;
}
.milestone .single-snippet-large-bg:before,
.milestone .single-snippet-large-bg:after{
	top: 0; height:100%;
}
.single-snippet-large-bg__content .title--tagline, .single-snippet-large-bg__content .single-snippet-large-bg__title {
    text-align: center;
}

.reef28 .single-snippet-large-bg__content .title--tagline, .reef28 .single-snippet-large-bg__content .single-snippet-large-bg__title, .reefcocobeach .single-snippet-large-bg__content .title--tagline, .reefcocobeach .single-snippet-large-bg__content .single-snippet-large-bg__title, .reefplayacar .single-snippet-large-bg__content .title--tagline, .reefplayacar .single-snippet-large-bg__content .single-snippet-large-bg__title {
    text-align: left;
}

.single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title {
    color: var(--h2-font-color);
    font: var(--h4-title-fonts);
    text-transform: var(--h2-title-fonts-text-transform);
}

.single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title:hover, .single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title:focus {
    color: var(--highlight-color);
}

.single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title:before {
    color: var(--h4-font-color);
}

.single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title:hover:before, .single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title:focus:before {
    color: var(--highlight-color);
}

@media (min-width: 1450px) and (max-width: 1600px)  {
  	.single-snippet-large-bg__media img {
    	height: 100%;
    }
}
@media (min-width: 1367px) and (max-width: 1449px)  {
  	.single-snippet-large-bg__media img {
    	height: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1366px)  {
	.single-snippet-large-bg {
    	height: 940px;
    }
  	.single-snippet-large-bg__media img {
    	height: 100%;
    }
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
	.single-snippet-large-bg {
    	height: 640px;
    }
  	.single-snippet-large-bg__media img {
    	height: 100%;
    }
}
@media (min-width: 1025px) {
  .single-snippet-large-bg__media {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        inset: 0;
        z-index: 0;
    }
        .single-snippet-large-bg__container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 2;
    }
  	.single-snippet-large-bg__grid {
        position: relative;
        justify-content: flex-end;
        align-items: center;
    }
  	.single-snippet-large-bg__content {
        width: 100%;
        max-width: 504px;
        display: block;
    }
}

@media (max-width: 1024px) {
  .single-snippet-large-bg__media {
    margin-bottom: 50px;
  }
  .single-snippet-large-bg__small-media{
    margin-top: 50px;
  }
  .single-snippet-large-bg {
    position: relative;
    height: auto;
    z-index: 1;
  }
  .single-snippet-large-bg{  	
    padding-top: 50px;
  }
  .single-snippet-large-bg__container{
  	padding-bottom: 55px;
  }
  .snippet__accoradian-location{
		    padding-top: 30px;
  }
  .single-snippet-large-bg__container .uk-first-column{
  	    width: 100%;
  }
  .single-snippet-large-bg__content .snippet__accoradian .uk-accordion-title {
    	font: var(--mob-h4-title-fonts);
    }
  	.single-snippet-large-bg__media img {
        max-width: 100%;
        width: auto;
        height: auto;
    }  
  .single-snippet-large-bg__media img.attractions-map-desktop {
            display: none;
    }
        .single-snippet-large-bg__media img.attractions-map-mobile {
            display: block;
    }
   .single-snippet-large-bg__media{
  		width: 45%;
    }
    .single-snippet-large-bg__container{
        width: 50%;
        padding-top: 45px;
    }
    .single-snippet-large-bg-inner{
          display: flex;
    }
}
@media (max-width: 640px) {
 	.single-snippet-large-bg__media{
        width: 100%;
    }    
  	.single-snippet-large-bg-inner {
        display: block;
    }
  .single-snippet-large-bg__container {
        width: 100%;
        padding-top: 0;
    }
}


.full-image-snipet-box {
    position: relative;
    width: 100%;
    display: block;
    background: var(--secondary-color);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.full-image-snipet-box.uk-padding-bottom {
	margin-bottom: 80px;
}
.full-image-snipet-box.uk-padding-top {
	margin-top: 80px;
}
.full-image-snipet-box__content {
	height: 800px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.full-image-snipet-box__container {
    position: relative;
    max-width: 540px;
    width: 100%;
    padding: 60px;
    background: var(--inverse-font-color);
}
.right-side-block .full-image-snipet-box__container {
    margin-left: auto;
}
.left-side-block .full-image-snipet-box__container {
    margin-right: auto;
}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1023.98px) {}
@media (max-width: 959.98px) {
	.full-image-snipet-box__content {
		height: auto;
	}
  .right-side-block .full-image-snipet-box__container{
  	    margin-right: auto;
  }
  .full-image-snipet-box.uk-padding-bottom {
	margin-bottom: 40px;
}
.full-image-snipet-box.uk-padding-top {
	margin-top: 40px;
}
}
@media (max-width: 767.98px) {
	.full-image-snipet-box__container {
		max-width: 100%;
		padding: 30px 20px;
	}
}
@media (max-width: 639.98px) {}
@media (max-width: 575px) {}
.three-columns-reviews {
  /* background: var(--bg-alt-1);*/
}

.three-columns-reviews .rating-icon {
  margin-bottom: 20px;
}

.three-columns-reviews .reviews-block__title {
  margin-bottom: 50px;
}

.three-columns-reviews .snippet-grid__box {
  background: var(--inverse-font-color);
  padding: 30px;
}

.three-columns-reviews .snippet-grid__title {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.three-columns-reviews .snippet-grid__box .snippet-grid__desc {
  margin-bottom: 20px;
}

.three-columns-reviews .author-name  {
  font-weight: 700;
}



@media (max-width: 767.98px) {
  .three-columns-reviews .reviews-block__title {
    margin-bottom: 30px;
  }

  .three-columns-reviews .snippet-grid__box {
    padding: 40px 20px;
  }

}

.four-cards-elms {
  /* padding: 60px 20px;*/
  background-color: var(--tertiary-color);
}

.four-cards-hover.addbg {
  background-image: url(https://assets.milestoneinternet.com/the-reef-resorts/the-reef-resorts-2026/background-images/three-cards-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.four-cards-elms__maintitle {
  margin-bottom: 50px;
}

.four-cards-elms .four-cards-elms__container {
  max-width: 1404px;
}

.four-cards-elms .four-cards-elms__grid {
  margin-left: -20px;
}

.four-cards-elms .four-cards-elms__col {
  padding-left: 20px;
}

.four-cards-elms__box {
    position: relative;
    background: var(--secondary-color);
    color: var(--inverse-font-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.four-cards-elms__box .title,
.four-cards-elms__box .button-link {
  color: var(--inverse-font-color);
}

.four-cards-elms__content {
    display: flex;
    flex-direction: column;
    z-index: 3;
    justify-content: flex-end;
    padding: 20px 20px 30px;
    transition: all 0.4s ease;
}
.four-cards-elms__content .button-readmore {
    justify-content: flex-start;
    margin-bottom: 20px;
}
.four-cards-elms__media {
    position: relative;
    width: 100%;
    display: block;
}
.four-cards-elms__media img {
    max-width: 100%;
    width: 100%;
    display: block;
}

.four-cards-elms__media:after {
  content: "";
  background: linear-gradient(180deg, rgba(35, 60, 87, 0) 9.63%, #233c57 85.83%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 0;
  opacity: 0;
  transition: all .3s ease;
}
.four-cards-elms__box:hover .four-cards-elms__media:after {
	height: 100%;
  	opacity: 1;
  	transition: all .3s ease;
}
.four-cards-elms__media img:focus-visible, .four-cards-elms__content *:focus-visible {
	outline: 1px solid var(--inverse-font-color);
}
.four-cards-elms__box .title, .four-cards-elms__box .text-editor {
    transform: translateY(20px);
    transition: all 0.4s ease;
}
.four-cards-elms__box:hover .title, .four-cards-elms__box:hover .text-editor {
    transform: translateY(0);
    transition: all 0.4s ease;
}
.four-cards-elms__action {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease;
}
.four-cards-elms__box:hover .four-cards-elms__action {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  	transition: all 0.4s ease;
}

.four-cards-elms .slider-controls__arrows .slider-controls__slidenav {
    font-size: 30px;
    color: var(--inverse-font-color);
    background: var(--highlight-color);
    border-color: var(--highlight-color);
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
	.four-cards-elms .four-cards-elms__grid {
        padding-bottom: 70px;
    }
    .four-cards-elms .slider-controls__arrows {
        top: auto;
        bottom: 0;
        justify-content: center;
    }
}

@media (max-width: 1023.98px) {}

@media (max-width: 959.98px) {}

@media (max-width: 767.98px) {
  .four-cards-elms {
    padding: 60px 0;
  }

  .four-cards-elms__maintitle {
    margin-bottom: 30px;
  }

  .four-cards-elms__grid>.uk-grid-margin {
    margin-top: 20px;
  }
}