B'Cabins Butterfly Dreams'
Savegre, Puntarenas Province, Costa Rica

<div>
                                            <div if="{premium}">
                                                <div if="{!contactDetailsError}" class="uk-alert-primary uk-alert" style="margin-top: 20px;">
                                                    <div if="{!contactDetailsLoaded}">
                                                        <p if="{signedIn}">You can contact owner/manager of this property directly. <a href="#" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" onclick="{showContactDetails}" >Get contact details</a></p>
                                                        <p if="{!signedIn}">You can contact owner/manager of this property directly. <a href="#" onclick="{openSignIn}" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" >Sign In To See Contact Details</a></p>
                                                    </div>
                                                    <div if="{contactDetailsLoaded}">
                                                        <div class="uk-text-bold">Contact Details:</div>
                                                        <div if="{email}">Email: {email}</div>
                                                        <div if="{mobile}">Phone: {mobile}</div>
                                                        <div if="{website}">Website: {website}</div>
                                                        <div if="{brand}">Brand: {brand}</div>
                                                    </div>
                                                </div>
                                                <div if="{contactDetailsError}" class="uk-alert-danger uk-alert" style="margin-top: 20px;">
                                                    <p>Oops!! We are not able to fetch contact details at the moment. Please try again later.</p>
                                                </div>
                                            </div>
                                        </div>

Homestay

2 Bedrooms

2 Bathrooms

5 Max Guests

Wifi

Kitchen

Parking Space

Pets Not Allowed

Overview
Amenities
Map
Policies & Fees

Homestay Type Of Property

2 Bedrooms

2 Bathrooms

5 Max. Guests

Rental basis: Entire house or apartment
Number of bedrooms: 2; Number of other rooms with beds: 0

Our beautiful paradise is located just 15 minutes from the city Dominical with all the beauty of nature that characterizes Costa Rica 2 bedrooms a kitchen an outdoor dining the views all built in rustic precious woods but with all the amenities that you need to enjoy your stay the best beaches in the area and a number of places to have fun and know without forgetting that you will leave the routine that you have every day
We offer free Wifi during your stay!

Rental Basis: Entire house or apartment

Amenities:
Dining table, Radio, Dining chairs, Seating area, Laptop, Armchair, Sofa, Outdoor fur ... See More

Things you can do in & around Savegre

Key Amenities

Microwave

Music System

Safe Locker/Deposit box

Iron

Kitchen supplies

Dish Washer

Toaster

Gas/Stove

Refrigerator

Washing machine

Garden/Lawn

Private Patio

Linen provided

Kettle

Parking Space

Fan

Wireless Internet

Kitchen (fully functional)

Decks with sunbeds

Ironing board

Tea/Coffee maker

Bar.B.Q. Grill

Clothes Dryer

Oven

Balcony

Private Swimming Pool

Bedroom 1

1 King Bed(s)

Bedroom 2

1 King Bed(s)

Bathroom 1

Bathroom 1 info not found.

Bathroom 2

Bathroom 2 info not found.

Map

Policies & Fees

Default Cancellation Policy

Non Refundable: This is the strictest clause. As soon the booking is confirmed & payment is accepted, booking becomes non-refundable. Zero amount will be refunded to the customer if she or he cancels the booking.

House Rules

Loud Music not allowed. Pets not allowed.

Cleaning Fee

Cleaning Fee EUR 8.88 Fixed Amount Per Stay

<div if="{reviews.length > 0}" id="reviews" class="uk-padding uk-padding-remove-top">
                                    <div class="uk-text-lead ">Reviews</div>
                                    <hr />
                                    <article each="{reviews}" class="uk-article" style="margin-top: 30px;">
                                        <p class="uk-text-lead">
                                            <span class="uk-badge">{rating}/5</span> {title}
                                        </p>

<p class="uk-text-meta">Written by {first_name} on {submitted_on}. <span if="{date_stay}">Customer stayed on {date_stay}</span></p>
                                        <p><raw html="{description}"></raw></p>
                                    </article>
                                    <div if="{nextPageNumber && !loading}" class="uk-padding" style="text-align: center;">
                                        <button class="uk-button uk-button-primary uk-button-small" onclick="{showMoreResults}">Show More Results</button>
                                    </div>
                                </div>

<div style="height: 40px;"></div>
                                    <div if="{min_rate_range}" id="startingprice" class="uk-heading-small" style="color: black;margin-top: 0px;">
                                        <span style="font-size: 0.4em; color: #484848;display: block;">Starting</span>
                                        {min_rate_range}
                                        <span style="font-size: 0.4em; color: #484848;display: inline-block;padding-left: 5px;">per night</span>
                                    </div>
                                    <div  class="uk-flex uk-flex-column">
                                        <div>
                                            <div if="{available && !error}" class="uk-alert uk-alert-success" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: check" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div if="{!available || error}" class="uk-alert uk-alert-danger" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: warning" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div if="{ units_array.length > 0}" class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="units" onchange="{ changeUnits }">
                                                <option each="{ u in units_array }" value="{u.key}" selected="{units == u.key}">{u.value || 'Select Bookable Units'}</option>

</select>
                                        </div>
                                        <div class="uk-flex uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                             <div style="margin-right: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-in"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check In" id="checkin" />
                                                </div>
                                             </div>
                                             <div style="margin-left: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-out"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check Out" id="checkout">
                                                </div>
                                             </div>
                                         </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="guests" onchange="{ updateGuests }">
                                                <option each="{ o in occupancies }" value="{o.key}" selected="{guests == o.key}">{o.value || 'Select Guests'}</option>
                                            </select>
                                        </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <div class="uk-text-meta">Rateplan: </div>
                                        </div>
                                    <div if="{available && !error}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom" id="totalcontainer">
                                        <div class="totalsubcontainer" uk-grid>
                                            <div class="uk-width-1-2">
                                                <p class="uk-text-bold">
                                                    Total
                                                    <span style="display: block; font-weight: normal;font-size: 0.8em;">Includes taxes & fees</span>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-visible@m">
                                                <p class="uk-text-bold" style="text-align: right;">
                                                    <span>{total}</span>
                                                    <a href="#" style="display: block; font-weight: normal; font-size: 0.8em;" uk-toggle="target: #bookingsummary">View details</a>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-hidden@m">
                                                <a class="uk-button uk-button-small uk-button-default " href="" style="float: right;padding: 5px 15px;line-height: 20px;" uk-toggle="target: #bookingsummary">
                                                    <span style="display: block;" class="uk-text-bold">{total}</span>
                                                    <span style="display: block;font-size: 0.8em;">View details</span>
                                                </a>

</div>
                                        </div>

</div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <button onclick="{proceedBooking}" disabled="{ isButtonDisabled() }" class="uk-button uk-button-primary uk-width-1-1 uk-button-large"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                        </div>
                                        <div if="{available && !error && cancellation_policy}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom uk-text-center">
                                            <a href="#" onclick="return false;" style="font-size:0.8em;" uk-tooltip="{cancellation_policy.description}">{ cancellation_policy.name } Cancellation Policy</a>
                                        </div>
                                    </div>
                                     <div  id="bookingsummary" uk-modal>
                                        <div class="uk-modal-dialog uk-modal-body">
                                            <button class="uk-modal-close-default" type="button" uk-close></button>

<h2 class="uk-text-lead">Booking Summary</h2>

<hr />

<div class="uk-grid-small uk-flex-center uk-text-center uk-grid-match" uk-grid>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                             <span class="uk-text-bold" style="display: block;">
                                                                {checkin}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check In
                                                            </span>
                                                            </div>

</div>
                                                    </div>
                                                    <div class=" uk-width-1-2 uk-width-1-4@m ">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {checkout}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check Out
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {guests}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Guests
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div if="{units_array.length > 0}" class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {units}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Units
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="margin-top: 40px;">
                                                    <div each="{ inclusive }" class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand" uk-leader>{name}</div>
                                                        <div if="{value}">{value}</div>
                                                    </div>

<hr />
                                                    <div class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand uk-text-bold" uk-leader>Total</div>
                                                        <div class="uk-text-bold">{total}</div>
                                                    </div>
                                                    <hr />
                                                </div>
                                                <div if="{security_deposit}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Security deposit of {security_deposit} to be paid at the time of checkin.</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                <div if="{exclusive.length > 0}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Cost does not include: <span each="{exclusive}">{name} <span if="{value}">({value})</span></span></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                            <div class="uk-text-bold subhead">Rate Plan</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 
                                                                             </p>
                                                                         </div>
                                                <div class="uk-text-bold subhead">{cancellation_policy ? cancellation_policy.name : ''} Cancellation Policy</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 {cancellation_policy ? cancellation_policy.description : ''}
                                                                             </p>
                                                                         </div>
                                                 <div if="{restrictions.length > 0}" class="uk-text-bold subhead">House Rules</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                <span each="{name,i in restrictions}">{name} </span>
                                                                             </p>
                                                                         </div>

<div class="uk-flex uk-flex-wrap uk-flex-wrap-around" style="margin-top: 30px;">
                                                    <button class="uk-button uk-button-default uk-modal-close uk-width-auto" style="margin-right: 30px;" type="button">Close</button>
                                                    <button class="uk-button uk-button-primary uk-width-expand" type="button" onclick="{proceedBooking}" disabled="{ isButtonDisabled() }"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                                </div>

</div>
                                        </div>

</div>
                        </div>
                    </div>
                    <div class="uk-hidden@m bottomcontainer" style="position: fixed; bottom: 0;left: 0; right: 0; background: black; ">
                        <div id="mobilestartingprice" class="uk-padding-small uk-flex" >
                            <div class="uk-width-1-3">
                                <p if="{min_rate_range}" class="uk-text-lead" style="color: white;margin-bottom: 0px;">
                                    {min_rate_range}
                                    <span style="display: block; font-weight: normal;font-size: 0.5em;">Per Night</span>
                                </p>
                            </div>
                            <div class="uk-width-2-3 uk-text-right">
                                 <button class="uk-button uk-button-primary" onclick="openDateSelect()" style="height: 100%;">Check Availability</button>
                            </div>
                        </div>

</div>

B'Cabins Butterfly Dreams' Savegre, Puntarenas Province, Costa Rica

b'Cabins butterfly dreams'

B'Cabins Butterfly Dreams'
Savegre, Puntarenas Province, Costa Rica