<a href="#" style="color: white;">
                            <span if="{!user}" uk-icon="user"></span>
                            <span if="{user}">{user.first_name}</span>
                            <span if="{user}" uk-icon="triangle-down"></span>
                        </a>
                        <div uk-dropdown="mode: click" style="display: none;">
                            <ul class="uk-nav uk-dropdown-nav">
                                <li if="{!user}"><a href="#" onclick="{openSignInView}">SIGN IN</a></li>
                                <li if="{!user}"><a href="#" onclick="{openSignUpView}">SIGN UP</a></li>
                                <li if="{user}"><a href="#" onclick="{handleSignOut}">SIGN OUT</a> </li>
                            </ul>
                        </div>
                        <div id="signinmodal" uk-modal style="display: none;">
                            <div class="uk-modal-dialog uk-modal-body">
                                <h2 if="{signInView}" class="uk-modal-title">Sign In <a href="#" style="float: right; font-size: 0.5em;" onclick="{openSignUpView}">Sign Up Instead</a> </h2>
                                <h2 if="{signUpView}" class="uk-modal-title">Sign Up <a href="#" style="float: right; font-size: 0.5em;" onclick="{openSignInView}">Sign In Instead</a></h2>
                                <hr />
                                    <div if="{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">{error}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <form if="{otpView}">
                                         <fieldset class="uk-fieldset">
                                             <div style="padding: 10px;">
                                             <input class="uk-input" type="text" placeholder="Your OTP" oninput="{changeOtp}">
                                             <div style="margin-top: 10px;">
                                                <a href="#" style="" onclick="{hideOtpView}">Go Back</a>
                                             </div>
                                             </div>
                                         </fieldset>
                                    </form>
                                    <form if="{!otpView}">
                                         <fieldset class="uk-fieldset">
                                             <div if="{!withEmail || signUpView}" class="uk-flex">
                                                 <div class="uk-width-auto">
                                                     <div style="padding: 10px;">
                                                     <select class="uk-select" onchange="{changeMobileCode}">
                                                        <option each="{mc in mobile_codes}" value="{mc.id}" selected="{mc.id == mobile_code}">{mc.value}</option>
                                                    </select>
                                                     </div>
                                                 </div>
                                                 <div class="uk-width-expand">
                                                     <div style="padding: 10px;">
                                                     <input class="uk-input" type="text" placeholder="Mobile Number" oninput="{changeMobile}">
                                                         <div style="font-size: 0.8em; color: #888888;">Only digits allowed.</div>
                                                     </div>
                                                 </div>
                                             </div>
                                            <div if="{withEmail || signUpView}">
                                                <div  style="width: 100%;">
                                                     <div style="padding: 10px;">
                                                         <input placeholder="Email Address"  type="text" style="opacity: 0;position: absolute;" />
                                                     <input class="uk-input" type="text" autocomplete="off" placeholder="Email Address" oninput="{changeEmail}">
                                                     </div>
                                                 </div>
                                                <div  style="width: 100%;">
                                                     <div style="padding: 10px;">
                                                         <input placeholder="" type="password" style="opacity: 0;position: absolute;" />
                                                     <input class="uk-input" type="password" autocomplete="off" placeholder="Password" oninput="{changePassword}">
                                                     </div>
                                                 </div>
                                            </div>

<div if="{signInView}" class="uk-flex uk-flex-wrap">
                                                  <div style="margin-top: 10px;padding: 10px;">
                                                    <a if="{!withEmail}" href="#" style="" onclick="{enableSignInWithEmail}">Sign In With Email?</a>
                                                    <a if="{withEmail}" href="#" style="" onclick="{enableSignInWithMobile}">Sign In With Mobile & One Time Password?</a>
                                                 </div>
                                             </div>
                                             <div if="{signUpView}" class="uk-flex uk-flex-wrap">
                                                 <div class="uk-width-1-2@m">
                                                     <div style="padding: 10px;">
                                                         <input class="uk-input" type="text" placeholder="First Name" oninput="{changeFirstName}">
                                                     </div>

</div>
                                                 <div class="uk-width-1-2@m">
                                                     <div style="padding: 10px;">
                                                     <input class="uk-input" type="text" placeholder="Last Name" oninput="{changeLastName}">
                                                     </div>
                                                 </div>

</div>
                                         </fieldset>
                                    </form>
                                <hr />
                                <p class="uk-text-right">
                                    <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>

<button if="{withEmail && signInView && !otpView}" disabled="{signingIn}" class="uk-button uk-button-primary" type="button" onclick="{signInWithEmail}"><img class="{ signingIn ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ signingIn ? '' :'Sign In'}</button></button>
                                    <button if="{!otpView && (!withEmail || (withEmail && signUpView))}" disabled="{sendingOtp}" class="uk-button uk-button-primary" type="button" onclick="{getOtp}"><img class="{ sendingOtp ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ sendingOtp ? '' :'Verify With OTP'}</button></button>
                                    <button if="{otpView}" disabled="{verifyingOtp}" class="uk-button uk-button-primary" type="button" onclick="{verifyOtp}"><img class="{ verifyingOtp ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" /> {signUpView ? 'Sign Up':'Sign In'}</button>
                                </p>
                            </div>
                        </div>
                        <a if="{selectedCurrency}" class="menuleft" id="currencydropdownbutton" href="#" style="color: white;" >
                            <span>{selectedCurrency.id}</span>
                            <span uk-icon="triangle-down"></span>
                        </a>
                        <div id="currencydropdown" style="display: none;">
                            <div class="uk-flex uk-flex-wrap">
                                <div each="{currency in currencies}" class="uk-width-1-3"><a href="#" onclick="{changeCurrency(currency)}">{currency.value}</a></div>
                            </div>

</div>

<ul class="uk-nav uk-nav-primary uk-nav-center">
                                 <li class="uk-nav-header" if="{!signedIn || (signedIn && !propertiesExist)}">Are You A Property Owner/Manager?</li>
                                 <li class="uk-nav-header" if="{signedIn && propertiesExist}">For Property Managers/Owners</li>
                                    <li class="uk-parent">
                                         <ul class="uk-nav-sub">
                                            <li><a href="/host/create-property/">List New Property</a></li>
                                            <li if="{!signedIn}"><a href="#" onclick="{openSignIn}">Sign In To Your Dashboard</a></li>
                                            <li if="{signedIn && propertiesExist}"><a href="{dashboardUrl}">Your Listing Dashboard</a></li>
                                        </ul>
                                    </li>
                                    <li class="uk-nav-divider"></li>
                                </ul>

Villa Accommodation In Lonavala
Lonavala, Maharashtra, India | The Machan Road

Rated 5.0/5 By 1 Travelers See Reviews

<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>

Villa

5 Bedrooms

5 Bathrooms

20 Max Guests

Kitchen

Parking Space

Overview
Amenities
Map
Policies & Fees
Reviews

Villa Type Of Property

5 Bedrooms

5 Bathrooms

20 Max. Guests

Close your eyes and wish for wings to take you away to our villa, breathtakingly beautiful, peaceful and serene. On earth there is no heaven but there are pieces of it, come join us at our villa for a magical and heavenly experience. Our villa is located at a height of 1500 ft. above Lonavala. Between the clouds and right beneath the starry skies, the casual elegance Hills makes it a beloved destination and romantic place for Couples, Family outings, One-Day Picnics, Social gatherings, Birthday parties and Kitty parties

Things you can do in & around The machan road, Lonavala

Key Amenities

Power backup

Microwave

Music System

Gas/Stove

Refrigerator

Hot water

Parking Space

Restaurants Close by

Fan

Kitchen (fully functional)

Oven

Balcony

Bedroom 1

1 King Bed(s)

10 Single Bed(s)

Bedroom 2

1 King Bed(s)

Bedroom 3

1 King Bed(s)

Bedroom 4

1 King Bed(s)

Bedroom 5

1 King Bed(s)

Bathroom 1

Bathroom 1 info not found.

Bathroom 2

Bathroom 2 info not found.

Bathroom 3

Bathroom 3 info not found.

Bathroom 4

Bathroom 4 info not found.

Bathroom 5

Bathroom 5 info not found.

Map

Policies & Fees

Default Cancellation Policy

Stringent: No charges will be levied if booking is canceled 61 days prior to check-in. If cancellation is done between 30 to 60 days prior to check-in, 50% of the total booking amount will be charged. Post that, there will be no refund.

Cleaning Fee

Cleaning Fee INR 500.00 Fixed Amount Per Stay

Reviews

5.00/5 Its magical

Written by on 14-aug-2016.

This place is magical, i cant belive i m stay in clouds, The atmosphere is chill, its conected with cloud 9 resort, this is my best experience in lonavala,

<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: No meals provided (European Plan)</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>
                                                                                 No meals provided (European Plan)
                                                                             </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>

Villa Accommodation In Lonavala Lonavala, Maharashtra, India | The Machan Road

Villa Accommodation in Lonavala

Villa Accommodation In Lonavala
Lonavala, Maharashtra, India | The Machan Road