</noscript> <!-- header start --> <header class="header clearfix"> <!-- Header Top Start --> <div class="h-top clearfix"> <div class="container"> <!-- Header Left Start --> <div class="h-top__left"> <ul> <li class="hidden-xs hidden-sm"><a id="cta-head-contact" href="en/contact">Contact</a></li> <li class="hidden-xs hidden-sm u-pl-10"><a href="en/about-us">About Us</a></li> <li class="booking-num hidden-xs"><a id="cta-head-telf" href="tel:+34971200222">BOOKINGS (+34) 971 200 222</a></li> </ul> </div> <!-- Header Left End --> <!-- Header Right Start --> <div class="h-top__right"> <div class="h-top__right__language"> <ul style="display: flex; align-content: center; align-items: center;justify-content: flex-end;"> <!-- <li class="li-monsafety"> <a href="http://habitaciones.monport.com.pages.services/prueba-app/?ts=1597157161197" class="monsafety-link" target="_blank" rel="nofollow"> <img class="mon-safety-icon" src="/images/monsafety.png" alt=""> <span>MON SAFETY</span> </a> </li> --> <li style="padding:5px!important; align-self: center;"> <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://booking.hotelmonport.com"> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.min.js"></script> <link rel="stylesheet" type="text/css" href="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.css"> <!-- <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com" data-settingsURL="https://reservas.hotelmonport.com/bookcore/partempresas/loyalty/settings/" data-signinURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signin/" data-signupURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signup/" data-getUserURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/user/" data-passwordRecoveryURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/" data-changePasswordURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/change/" data-socialSigninURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular-integracion/" data-socialCheckUserURL="https://reservas.hotelmonport.com/bookcore/partempresas/comprobar-registro-particular/" data-logoutURL="https://reservas.hotelmonport.com/bookcore/partempresas/ajax/logout/" data-loginURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular/" data-dropURL="https://reservas.hotelmonport.com/bookcore/shopping-cart/drop/" data-resetAvailabilityURL="https://reservas.hotelmonport.com/bookcore/availability/reset/" data-loyaltyDispoURL="https://reservas.hotelmonport.com/bookcore/availability/loyalty/" data-setCookieURL="https://reservas.hotelmonport.com/bookcore/set-cookie/"> </div> --> <style> #roi-auth * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 600px) { .d-none-sm { display: none !important; } } } </style> </li> <li class="hidden-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" selected>English</option> <option value="https://www.hotelmonport.com/promociones" >Spanish</option> <option value="https://www.hotelmonport.com/de/promotions" >Deutsch</option> </select> </li> <li class="visible-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" selected>En</option> <option value="https://www.hotelmonport.com/promociones" >Es</option> <option value="https://www.hotelmonport.com/de/promotions" >De</option> </select> </li> <li class="book-now visible-xs visible-sm visible-md"><a id="cta-head-book" href="#">Book now</a></li> <!--<li class="book-now book-now-fly-hotel visible-xs visible-sm visible-md"><a href="#"></a></li>--> <li class="visible-xs visible-sm"> <div class="navigation clearfix"> <a href="#" class="menu"> <span></span> <span></span> <span></span> </a> </div> </li> </ul> </div> </div> <!-- Header Right End --> </div> </div> <!-- Header Top End --> <!-- Header Bottom Start --> <div id="header" class="h-bottom clearfix"> <div class="bg-white"> <div class="container"> <div class="row"> <div class="col-md-2"> <!-- Logo Start --> <div class="logo"> <a href="https://www.hotelmonport.com/en"><img class="img-responsive" src="/images/logo.svg" alt="Hotel MonPort"></a> </div> <!-- Logo End --> </div> <div class="col-sm-9 col-md-10"> <!-- Navigation Start --> <div class="navigation clearfix"> <a href="#" class="menu hidden-xs hidden-sm"><span></span><span></span><span></span></a> <ul id="main-menu" class="sm sm-simple"> <a href="#" class="close-icon visible-xs visible-sm"><i class="fa fa-times" aria-hidden="true"></i></a> <li ><a href="/en">Home</a></li> <li class="menu-subitems"> <a class="submenu">Hotel</a> <ul class="menu-item-submenu"> <li ><a href="en/gallery">Gallery</a></li> <li ><a href="en/services">Services</a></li> <li><a href="en/reviews" >Reviews</a></li> <li ><a href="en/work-with-us">Work With Us</a></li> </ul> </li> <li ><a href="en/rooms">Rooms</a></li> <li class="active"><a href="en/promotions">Promotions</a></li> <li><a href="https://www.hoteltreats.com/en/spain/balearic-islands/mallorca/mon-port-hotel-spa" target="_blank">Experiences</a></li> <li ><a href="en/spa">Spa</a> </li> <li ><a href="en/blog">Blog</a></li> <li ><a href="en/events">Events</a></li> <!-- <li ><a href="en/mon-sports">Mon Sports</a></li> --> <li ><a href="en/mon-sports">Mon Sports</a> <li > <a href="en/monamics">Mon Amics</a> </li> <!-- <li ><a href="en/about-us" rel="nofollow">About Us</a> </li> --> <li class="visible-xs"><a href="en/contact">Contact</a></li> </ul> </div> <!-- Navigation End --> </div> </div> </div> </div> <!-- <div class="offer-bar"> <div class="container"> <div class="discount-number"> <p>5%</p> </div> <div class="discount-text"> <p class="color upper">Best price guaranteed on our website</p> <p></p> </div> </div> </div> --> </div> <!-- Header Bottom End --> </header> <!-- header end --> <style> .book_now__title { font-size: 1.5em !important; line-height: 1.5em !important; text-transform: capitalize; color: #bfae71 !important; margin: 0 0 10px; text-align: center; } .c-input__text{ border: 1px solid #DDD; padding: 10px; } .c-promocode__title{ padding-top: 10px ; text-transform: uppercase; } </style> <div class="booking-block clearfix wow fadeInLeft" data-wow-duration="0.4s"> <div class="booking-block__date clearfix"> <p class="book_now__title">Book Now</p> <div class="booking-block__date-list"> <a href="#" class="calender">Arrival <span>23</span> SEP 2023</a> <a href="#" class="calender">Departure <span>24</span> SEP 2023</a> <a href="#" rel="nofollow" class="silver hotelicon calender" id="cta-middle-booknow"> <img src="images/hotelicon.png" /> <span>BOOK NOW</span> </a> <!--<a href="#" class="silver vuelohotelicon"> <img src="images/vuelohotelicon.png" /> <span>BOOK NOW FLY+HOTEL</span> </a>--> </div> </div> </div> <style> .calendar__details { font-family: UnitSlabProLight,Helvetica,Arial,sans-serif; margin: 0; text-transform: uppercase; color: #fff; text-align: center; background-color: #3d4752; letter-spacing: 5px; font-weight: 300; padding: 8px; } .holiday_check__title { color: white !important; float: right !important; font-size: 1.271em !important; line-height: 1.486em !important; margin: 0 !important; min-height: 55px !important; } .holiday_check__span { color: #fff; display: block; font-size: 2.227em; } .holiday_check__review { color: #325faa !important; min-height: 55px; font-size: 1.3em !important; } .review__title { font-size: 1.5em !important; color: #bfae71; letter-spacing: .4px; line-height: 1.229em; } .review__subtitle { font-family: UnitSlabProMedi; font-size: 1.286em !important; letter-spacing: .2px; line-height: 1.286em; } .booking-block__date-list a.silver span { position: initial; left: initial; top: initial; transform: initial; font-size: 13px; text-align: center; } .booking-block__date-list a.silver:hover { background: #bfae71; } .hotelicon { } .vuelohotelicon img { width: 100%; } </style> <div class="booking-date-detail subscribe-block clearfix"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="booking-popup__left"> <p><span>Get our latest guide to</span> Mallorca´s <br>BEST CALAS</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tellus libero, egestas sit amet justo sit amet, congue iaculis massa. Cras bibendum tempor nulla, quis scelerisque neque cursus a.</p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__middle"> <img class="img-responsive" src="images/booking-popup-img.jpg" alt="IMAGE"> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__right offers-info"> <form action="" method="post" class="offer-form clearfix formNewsletterBook"> <!-- Name Surname Start --> <div class="name-surname clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control nombre-form" name="nombre" placeholder="My name"> </div> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control apellidos-form" name="apellidos" placeholder="My surname"> </div> </div> </div> </div> <!-- Name Surname End --> <!-- Email Start --> <div class="mail-info clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="email" class="form-control email-form" name="email" placeholder="My email is..."> </div> <div class="col-sm-12 col-md-12"> <button type="submit" class="btn btn-default">GET THE PDF</button> <p class="send-ok">¡Thanks for subscribing!</p> </div> </div> </div> </div> <!-- Email End --> <div class="checkbox"> <label> <input type="checkbox" name="terms" class="terms"> I´ve red and accept the <a href="#" class="terms-link">terms and conditions</a> </label> </div> </form> </div> </div> </div> </div> </div> <div class="booking-date-detail calender-block clearfix"> <div class="booking-popup-padding" style="background-color: white; overflow: scroll !important; height: 100%;"> <div class="close-icon"> <a href="#"><img id="closeBooking" class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix" id="scrollArea"> <form action="https://booking.hotelmonport.com/bookcore/v1pax/search-dispo.htm" method="post" id="formCalendarBooking"> <div class="col-sm-8 col-md-8 col-lg-9"> <div class="calender-block__left"> <p> <input type="hidden" id="input1" name="entrada" class="bk_from" /> <input type="hidden" id="input2" name="salida" class="bk_to" /> </p> <div class="datepicker"></div> </div> </div> <div class="col-sm-4 col-md-4 col-lg-3"> <div class="calender-block__right"> <p class="calendar__details" id="detailScroll">Details</p> <div class="persone-detail clearfix"> <div class="row"> <div class="col-sm-12 col-md-6"> <p>ADULTS</p> <select name="adultos" class="bk_adu"> <option>1</option> <option selected>2</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-12 col-md-6"> <p>CHILDREN</p> <select name="ninos" class="bk_hab" id="ninoSelect"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="col-sm-12 col-md-6"> <p class="c-promocode__title">Promocode</p> <input class="c-input__text" type="text" name="codpromo" id="id_codpromo" value=""> <!-- <select name="ninos" class="bk_hab" id="ninoSelect">--> <!-- <option>0</option>--> <!-- <option>1</option>--> <!-- <option>2</option>--> <!-- <option>3</option>--> <!-- </select>--> </div> </div> <div class="row row-ninos"> <div class=" wrap-nino-0 wrap-nino hidden"> <p>AGE</p> <select name="nino_edad_0" id="nino_edad_0" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="wrap-nino-1 wrap-nino hidden"> <p>AGE</p> <select name="nino_edad_1" id="nino_edad_1" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class=" wrap-nino-2 wrap-nino hidden" id="detail_scroll"> <p>AGE</p> <select name="nino_edad_2" id="nino_edad_2" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> </div> </div> <div class="detail-button clearfix"> <a class="btn btn-default reservar-hotel" href="" rel="nofollow" role="button" id="form_booking_button"> <img src="images/hotelicon.png"> <span>BOOK NOW</span> </a> <!--<a class="btn btn-default vueloMasHotel-open" href="#" role="button"> <img src="images/vuelohotelicon.png" /> <span>BOOK NOW FLY+HOTEL</span> </a>--> </div> </div> </div> <input type="hidden" id="edadesNinos" name="edades" value="" /> <input type="hidden" class="bk_hotel" name="hotel" value="monport" /> </form> </div> </div> </div> <div class="booking-date-detail vuelo-hotel-form clearfix" style="display: block;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup-padding"> <div class="booking-popup clearfix"> <form action="" method="post" id="formFlyWithHotel"> <p class="titulaso upper">Fly + hotel</p> <div class="part-left"> <label>From</label> <input type="text" name="origen" class="autocomplete origen ui-autocomplete-input" /> <input type="hidden" name="origen-code" class="origen-code" /> <label>To</label> <input type="text" name="destino" value="Palma de Mallorca" readonly class="destino" /> <div class="dates-wrapper"> <div class="date"> <label>Departure</label> <input type="text" name="fecha_salida" class="fecha-salida" required /> </div> <div class="date"> <label>Return</label> <input type="text" name="fecha_llegada" class="fecha-llegada" required /> </div> <p class="text-right"> <input type="checkbox" name="check_bussiness" id="check-bussiness" /> Bussiness class </p> </div> </div> <div class="part-right"> <div class="room room-1 active"> <div class="block rooms"> <label>Room 1</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTS</label> <select name="room_1_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>CHILDREN</label> <select name="room_1_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Ages of children</label> <div class="mini-block ages"> <select name="room_1_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-2"> <div class="block rooms"> <label>Room 2</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTS</label> <select name="room_2_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>CHILDREN</label> <select name="room_2_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Ages of children</label> <div class="mini-block ages"> <select name="room_2_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-3"> <div class="block rooms"> <label>Room 3</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTS</label> <select name="room_3_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>CHILDREN</label> <select name="room_3_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Ages of children</label> <div class="mini-block ages"> <select name="room_3_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <button class="remove-room">- Delete room</button> <button class="add-room">+ Add room</button> </div> <button class="consult">Check availability</button> <input type="hidden" name="lang" class="lang" value="en" /> </form> </div> </div> </div> <style> .ui-widget-content { z-index: 99999; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } * html .ui-autocomplete { height: 200px; } .ui-state-active, .ui-widget-content .ui-state-active { color: #000!important; border: 0px solid #9da1a6!important; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff !important; background: #bfae71 !important; } /*.vuelo-hotel-form { left: 0 !important; overflow-y: scroll !important; }*/ .vuelo-hotel-form .booking-popup { overflow-y: scroll; /*max-height: initial;*/ } .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right, .vuelo-hotel-form .dates-wrapper .date, .vuelo-hotel-form .part-left .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .titulaso { text-align: center; background: #3d4752; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 20px; } .vuelo-hotel-form button { width: 48%; } .vuelo-hotel-form button { border: none; background: #bfae71; color: #fff; font-size: 18px; padding: 15px; } .vuelo-hotel-form .part-right button { width: 100%; background: #3d4752; } .vuelo-hotel-form .part-left { margin-right: 36px; } .vuelo-hotel-form .part-left input[type=text] { width: 100%; border: 1px solid #3d4752; padding: 12px; margin-bottom: 10px; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 16px; } .vuelo-hotel-form label { display: block; font-size: 12px; text-transform: uppercase; font-weight: normal; } .vuelo-hotel-form .room { border-bottom: 1px solid gray; padding-bottom: 35px; margin-bottom: 15px; } .vuelo-hotel-form .room:not(.active) { display: none; } .vuelo-hotel-form .room .block { width: 33.33333333%; display: inline-block; vertical-align: top; margin-right: -3px; padding-right: 11px; } .vuelo-hotel-form .room .block:not(:first-of-type) { border-left: 1px dashed gray; padding-left: 13px; } .vuelo-hotel-form .part-right .mini-block .selectric-wrapper { width: 48%; display: inline-block; vertical-align: top; margin-bottom: 3px; border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .rooms .selectric-wrapper { border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .adults-ninos .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .part-right .adults-ninos .mini-block .selectric-wrapper { width: 100%; } .vuelo-hotel-form .part-right .ages-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper { border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .ages .selectric-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper .selectric { background: #bfae71; border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .remove-room { background: #710e0e; margin-bottom: 5px; display: none; } .vuelo-hotel-form .choices { margin-bottom: 10px; border: 1px solid #3d4752; } .vuelo-hotel-form .choices__inner { background: #fff; } @media screen and (max-width: 1300px) { .vuelo-hotel-form form { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1090px) { .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right { width: 100%; } .vuelo-hotel-form .part-left { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date { width: 100%; } .vuelo-hotel-form button { width: 100%; } .vuelo-hotel-form button.consult { margin-top: 20px; } } </style> <div class="booking-date-detail reviews-list-block clearfix" style="max-height: 100%; height: 100%;"> <div class="booking-popup-padding" style="height: 100%;"> <div class="booking-popup clearfix" style="height: 100%; touch-action: auto !important;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="container h-100"> <div class="recommend-booking clearfix"> <div class="col-sm-3 col-md-3 padding"> <script src="https://www.holidaycheck.de/widgets?step=code&type=code&options=hotel-1-34559-de_DE-s-b-1-1---0" type="text/javascript"></script> <div id="holidaycheck-widget-hotel-1-34559-de_DE-s-b-1-1---0"> <div id="holidaycheck_widget_placeholder-34559" style="width:120px;padding:5px;background:#0058a2;"> <a href="https://www.holidaycheck.de/hi/mon-port-hotel-spa/3b28babd-7425-33f6-9015-8adf9cab38f8"> <img alt="Hotels mit Hotelbewertungen bei HolidayCheck" src="https://www.holidaycheck.de/widgets/logo_xlarge.png" border="0"> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"gerne wieder"</p> <p>Michael, 61-65, September 2018</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"Symphatisches Hotel. Top Preis-Leistungs-Verhältnis"</p> <p>Florian, 31-35, May 2019</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"1 Woche voller Freunde mit der Familie"</p> <p>Babsy, 41-45, June 2019</p> </div> </div> </div> <section class="regular slider review-slider"> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – June 2019</p> </div> <span class="review__subtitle">Lovely hotel in Port Andratx</span> <p>We have been to this hotel 4 times, it is outstanding in every area. The location is perfect. The quality is by far outstanding. The staff are extremely helpful and friendly.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking review – June 2019</p> </div> <span class="review__subtitle">Excellent spa hotel</span> <p>Fantastic location everything about Monport is first class surrounded with beautiful maintained landscape.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – May 2019</p> </div> <span class="review__subtitle">Lovely hotel</span> <p>Stayed here with my wife for four nights in May. The breakfast is outstanding. We had half board and evening meals were great. Staff and service lovely and our room was huge. Nice walk down to the port and nice little town.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – April 2019</p> </div> <span class="review__subtitle">Yet another Lovely Stay</span> <p>This is a lovely, relaxing hotel with great facilities and within walking distance of the Port with its bars and restaurants. The pool and pool bar are clean and tidy and all of the hotel staff are friendly and will assist with any requests.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking Review – Sept 2018</p> </div> <span class="review__subtitle">Excellent hotel to stay</span> <p>We traveled with our 4 month old baby, the hotel staff was very helpful throughout the stay. Breakfast was superb and other facilities such as pool, pool bar were excellent.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Expedia Review – May 2019</p> </div> <span class="review__subtitle">Wonderful and peaceful hotel</span> <p>We stay at this hotel regularly. The pool area is great with brilliant lifeguard. Breakfast has everything you need. We feel very comfortable here.</p> </div> </section> </div> </div> </div> </div> <script> let detailScroll = document.getElementById('detailScroll'); let scrollArea = document.getElementById('scrollArea'); if (window.innerWidth < 758) { $(detailScroll).on('click', () => { console.log('Click'); $(scrollArea).animate({scrollTop: 700}, 'slow'); return false; }); } </script> <!-- content start --> <div class="content inner-pg promotion-pg clearfix"> <!-- Service List Start --> <div class="service-list clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_14_12_218_19_37arthurleblanc_99.jpg" alt="early booking 2023"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>FROM</span>110€</h3> </div> <div class="tax"> <span>TAXES INCLUDED</span> </div> </div> <!-- Price With Tax End --> <h1>early booking 2023</h1> <p><p>Up to 20% discount on your vacation for 2023</p><p>We are waiting for you in the coziest place in Port d'Andratx.</p></p> <a class="btn btn-default js-promo-page" href="https://booking.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-0" data-promo='Reserva Anticipada 2023'>Book Now</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_12_04_2213_41_06arthurleblanc_35___copia.jpg" alt="Long Stays"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>FROM</span>120€</h3> </div> <div class="tax"> <span>TAXES INCLUDED</span> </div> </div> <!-- Price With Tax End --> <h3>Long Stays</h3> <p><p>Your long stay reservation has a guaranteed discount.</p><p>Book at least 4 nights, and get a 15% direct discount.</p></p> <a class="btn btn-default js-promo-page" href="https://booking.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-1" data-promo='Reserva de Larga Estancia'>Book Now</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_19_05_207_07_16monamics.JPG" alt="Mon Amics"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>FROM</span>105€</h3> </div> <div class="tax"> <span>TAXES INCLUDED</span> </div> </div> <!-- Price With Tax End --> <h3>Mon Amics</h3> <p><p>Be part of MonAmics and get exclusive advantages:</p><ul><li><strong>10% immediate discount</strong></li><li>Welcome pack Priority Check in - check out</li><li>free use of facilities after check out</li><li>15% Spa treatments</li><li>10% discount on next stays</li></ul></p> <a class="btn btn-default js-promo-page" href="https://booking.hotelmonport.com/bookcore/partempresas/login-particular/ " role="button" data-index="bloque-2" data-promo='Mon Amics'>Book Now</a> </div> </div> <!-- Service Block Start --> </div> </div> </div> </div> <!-- Service List End --> </div> <!-- content end --> <!-- Sitemap Start --> <div class="sitemap light-cream-bg clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="sitemap__left wow fadeInUp" data-wow-duration="0.4s"> <h5>sitemap</h5> </div> </div> <div class="col-sm-5 col-md-4"> <div class="sitemap__right clearfix"> <div class="row"> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.6s"> <ul> <li><a href="en">Home</a></li> <li><a href="en/rooms">Rooms</a></li> <li><a href="en/promotions">Promotions</a></li> <li><a href="en/spa">Spa</a> <li><a href="en/about-us">About Us</a> </li> </ul> </div> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.8s"> <ul> <li><a href="en/events">Events</a></li> <li><a href="en/services">Services</a></li> <li><a href="en/gallery">Gallery</a></li> <li><a href="en/mon-sports">Mon Sports</a></li> <li><a href="en/reviews">Reviews</a></li> <li><a href="en/work-with-us">Work With Us</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Sitemap End --> <!-- footer start --> <footer class="footer clearfix"> <!-- Footer Top Start --> <div class="f-top clearfix"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="f-top__left wow fadeInUp" data-wow-duration="0.4s"> <a href="/en"><img class="img-responsive" src="/images/logo.svg" alt="LOGO"></a> <div class="f-top__contact"> <p>T (+34) <a style="text-decoration: none;color: #bfae71;" href="tel:34971238623" id="tel-hotel-footer"> 971 238 623</a></p> <p>FAX 971 23 86 24</p> <p>Cala d'Egos, Finca la Noria</p> <p>07157 - Port D'andratx - Mallorca</p> <br> <p><b>Phone of the Booking Department: </b><a style="text-decoration: none;color: #bfae71;" href="tel:34971200222" id="tel-booking-footer"> 971 200 222</a></p> <p><b>Schedule: </b>08:00 until 17:00 </p> <br> <p>On weekend and out of time of Booking Department the phone will be the hotel phone.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__middle wow fadeInUp" data-wow-duration="0.6s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix visible-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <p>Live a different holiday experience at our hotels</p> <a href="https://www.esprincep.com/en" target="_blank" class="hidden-xs logo-princep"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/en" target="_blank" class="hidden-xs logo-pergola"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <style> .f-bottom__middle { display: flex; flex-direction: row; flex-wrap: wrap; } .logo-wrapper { display: flex; justify-content: center; width: 50%; } .logo-wrapper p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper img { max-width: 120px; margin: 0 auto; } .f-bottom__middle p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper .logo-wrapper-body { display: flex; flex-direction: column; justify-content: center; } </style> <div class="f-bottom__middle wow fadeInUp hidden-xs" data-wow-duration="0.6s" style="margin-top: 25px;"> <!-- <div class="logo-wrapper"> <a href="/pdf/MONPORT_safety_certified.pdf" target="_blank" style="text-decoration:none;"> <img class="img-responsive" src="/images/Safe_Tourism_Certified.png" alt="Mon safety"> </a> </div> --> <div class="logo-wrapper" itemscope itemtype="http://schema.org/Organization"> <span style='display: none' itemprop="name">Mon Port Hotel & Spa</span> <div class="logo-wrapper-body" itemprop=aggregateRating itemscope itemtype="http://schema.org/AggregateRating"> <a href='https://www.kayak.com/Andratx-Hoteles-Mon-Port-Hotel-Spa.192517.ksp' target='_blank' data-lang="en/"> <img class="img-responsive" src='https://content.r9cdn.net/seo-res/badges/v2/ORANGE_LARGE_BEST_HOTEL_ES_es.png' /> </a> <p style="color: #bfae71;"> <span itemprop="ratingvalue">7,1</span> <meta itemprop="bestRating" content="10"></meta> <meta itemprop="ratingCount" content='29'></meta></p> </div> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__right wow fadeInUp" data-wow-duration="0.8s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix hidden-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <div class="f-top__middle visible-xs"> <a href="https://www.esprincep.com/" target="_blank"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <!-- Copyright Start --> <div class="copyright clearfix"> <p>© 2023, Hotel Monport</p> <p>All rights reserved</p> <div class="keywords-footer"> <a href="https://www.hotelmonport.com/en">4 star hotel in majorca</a> </div> <div class="c-footer__cards"> <img src="/images/credit-cards.jpg" alt="credit cards" class="c-footer__cards--img"> </div> </div> <!-- Copyright End --> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom Start --> <div class="f-bottom clearfix"> <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="f-bottom__left"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> <div class="col-sm-6 col-md-6 col-xs-12"> <div class="f-bottom__middle"> <ul> <li> <a href="en/legal_advice" rel="nofollow">Legal Notice</a> </li> <!-- <li> <a href="en/social_network_policies" rel="nofollow">Social Network Policies</a> </li> --> <li> <a href="en/cookies" rel="nofollow">Cookies policy</a> </li> <li> <a href="en/terms_conditions" rel="nofollow">Terms & Conditions</a> </li> </ul> </div> </div> <div class="col-sm-3 col-md-3 hidden-xs"> <div class="f-bottom__right"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> </div> </div> </div> <!-- Footer Bottom End --> </footer> <!-- footer end --> <script src="/js/jquery-3.2.1.min.js"></script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB5K-gKr0-ZHqOlmWM8bacfh8EkemGUUWg"></script> <script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script> <script src="/js/cookies/gdpr-rw-cookie-notice.js"></script> <script src="/js/all.min.js"></script> <script src="/js/main.js"></script> <script src="/js/jquery-ui.min.js"></script> <script src="/js/flatpickr.js"></script> <script> $('#formCV button').on('click', function(e) { e.preventDefault(); var fieldsName = ['nombre-form', 'apellido-form', 'email-form', 'location-form', 'position-form','cv-form','check-form'], $form = $(this).parent(); if (checkFieldsForm($form, fieldsName)) { var serializedData = $form.serialize(); $.ajax({ url : 'js/sendCV.php', type : 'POST', dataType: "json", data : new FormData(document.getElementById('formCV')), processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType success : function(data) { if (data == 1) { $form.find('button').fadeOut(function() { $form.find('.send-ok').fadeIn(); }); } } }); } }); $('#ninoSelect').on('change', function() { if ($(this).val() == 0) { $('#edadesNinos').val(''); } $('.wrap-nino-0, .wrap-nino-1, .wrap-nino-2').addClass('hidden'); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').prop('disabled', true); for (var a = 0; a < $(this).val(); a++) { $('.wrap-nino-' + a).removeClass('hidden'); $('#nino_edad_' + a).prop('disabled', false); } var edades = ''; if ($(this).val() == 1) { edades = '3'; } else if ($(this).val() == 2) { edades = '3;3'; } else if ($(this).val() == 3) { edades = '3;3;3'; } $('#edadesNinos').val(edades); }); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').on('change', function() { var edades = ''; for (var a = 0; a < 3; a++) { if ($('#nino_edad_' + a).prop('disabled') == false) { edades += $('#nino_edad_' + a).val() + ';'; } } $('#edadesNinos').val(edades.slice(0, -1)); }); var proportionVideo = [1920, 1070]; $(document).ready(function() { if ($('#slide-video').length) { $('#carousel-example-generic').bind('slide.bs.carousel', function(e) { $('.slide-video-iframe')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); $(window).resize(function() { if ($('#slide-video').length) { $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); //Todos los post de blog deben tener la clase lazy load $('.service-block').find('img').each(function(){ $(this).attr('data-src', $(this).attr('src')).attr('loading','lazy').addClass('lazyload'); }); // Si el navegador soporta lazy-load, tomamos todas las imágenes que tienen la clase // `lazyload`, obtenemos el valor de su atributo `data-src` y lo inyectamos en el `src`. // if ('loading' in HTMLImageElement.prototype) { if(false){ var images = document.querySelectorAll("img.lazyload"); images.forEach(img => { img.src = img.dataset.src; }); } else { // Importamos dinámicamente la libreria `lazysizes` var script = document.createElement("script"); script.async = true; script.src = "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js"; document.body.appendChild(script); } </script> <!-- Fastory widget: Use data-offset parameter to change the vertical position of the widget --> <!-- <script id="fastoryWidget" async src="https://yam.li/widget/script/widget.min.js" data-offset="90" data-id="nq2T0heS"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFXR2KW" height="0" width="0" style="display:none;visibility:hidden">
-->