    <link rel="stylesheet" media="screen" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script>
      'use strict';
      //$.noConflict();
      jQuery(document).ready(function ($) {
        function getField(id) {
          var el = jQuery('#' + id + '-picker');
          return el.length ? el : null;
        }

        function pickerSetup(id, date) {
          var el = getField(id);
          //console.log("sdsdsd1");
           //console.log(el);
          if (el !== null) {
            var checkin = id === 'checkin';
            el.datepicker({
              altField: el.get(0).form[id],
              altFormat: 'dd-mm-yy',
              dateFormat: 'dd-mm-yy',
              onSelect: function () {
                if (checkin && getField('checkout') !== null) {
                  var constraint = new Date(el.datepicker('getDate'));
                  constraint.setDate(constraint.getDate() + 1);
                  getField('checkout').datepicker('option', 'minDate', constraint);
                }
              },
              numberOfMonths: 2,
              mandatory: true,
              firstDay: 1,
              minDate: date,
              maxDate: '+2y',
            });
            
            el.datepicker('setDate', date);
          }
        }

        pickerSetup('checkin', '+1');
        pickerSetup('checkout', '+2');
        $('.fa.fa-calendar').on('click', function() {
    $('#checkin-picker').focus();
  })
      });
    </script>
    
    <!--
END COPY
-->
<style>
#ds_search_box {
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: auto;
  border: 1px solid #BD9830;
  margin-top: 64px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: auto;
  background: #BD9830;
}
.front_form {
  bottom: 35px !important;
}
@media only screen and (max-width: 768px) {
#ds_search_box{
  display:none !important;
}
}
</style>
<div id='ds_search_box'  class='front_form'>
<div id='ds_search_box1'> 
<div class="row">

<!--<form action="https://christofiniahotel.reserve-online.net/" method="post" target="_blank">-->

<script src="https://momentjs.com/downloads/moment.js"></script>
<form action="https://tasiamarisbeachhotelandspa.reserve-online.net/" method="post" target="_blank" id='pix_form' name='pix_form'>
	<input type="hidden" name="lang" value="en_GB">
<div class="col-md-4">
<div class="col-md-6">
	<label for="checkin">Check-in</label>
	<input id="checkin-picker" name="checkin" size="12" maxlength="10" placeholder="dd/mm/yyyy" value="22/04/2026" readonly>
	<i class="fa fa-calendar"></i>
</div>
<div class="col-md-6">
	<label for="checkout-picker">Check-out</label>
    <input type="text" name="checkout" size="12" maxlength="10" id="checkout-picker" placeholder="dd/mm/yyyy" readonly/>
    <i class="fa fa-calendar"></i>
</div>
</div>
<div class="col-md-3">
	<label for="rooms">Rooms</label><br/>
	<select id="rooms" name="rooms">
		<option value="1" selected="selected">1 room</option>
		<option value="2">2 rooms</option>
		<option value="3">3 rooms</option>
		<option value="4">4 rooms</option>
	</select>
</div><div class="col-md-3">
	<label for="adults">Adults</label><br/>
	<select id="adults" name="adults">
		<option value="1">1 adult</option>
		<option value="2" selected="selected">2 adults</option>
		<option value="3">3 adults</option>
		<option value="4">4 adults</option>
	</select>
</div><!--<div class="col-md-2">
	<label for="children">Children</label><br/>
	<select id="children" name="children">
		<option value="0" selected="selected">no children</option>
		<option value="1">1 child</option>
		<option value="2">2 children</option>
		<option value="3">3 children</option>
	</select>
</div>--><div class="col-md-2">

	<!--<button type="submit" class="prime">Room Search</button>-->
	<label for="children"></label>
	<button type='button' class="prime" name='pix_sub' id='pix_sub'>Book Now</button>
</div>
</form>
</div>
</div>
</div>
<script>
$ = jQuery;
$(document).ready(function () {
       jQuery("#pix_sub").on('click',function () {
       var date_c = jQuery("#checkin-picker").val();
       var tmp = date_c.split("-");
       var check_in = tmp[2]+'-'+tmp[1]+'-'+tmp[0];
       var objcheck_in = new Date(check_in);
       var hd1 = check_in;
      var hr =  jQuery("#rooms").val();
      var adult =  parseInt(jQuery("#adults").val());
      var child =  parseInt(jQuery("#children").val());
      var traveler = adult+child;
      var date_chk = jQuery("#checkout-picker").val();
       var tmp_chk = date_chk.split("-");
       var check_out = tmp_chk[2]+'-'+tmp_chk[1]+'-'+tmp_chk[0];
       var hd2 = check_out;
      var hc1 = 'Protaras';
      var hs1 = 'Paralimni'; 
      var params = {
hd1: hd1 , /* Check In Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hd2: hd2, /* Check Out Date. Format yyyy-mm-dd. Ex: 2015-02-14 */
hc1: hc1, /* Destination City */
hs1: "", /* Destination State or Region */
hr: hr, /* Number of Rooms */
t: traveler /* Number of Travelers */
};

/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot","et":"hpr"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=350231&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
 jQuery('#pix_form').submit(); 
          
      });
     
});
</script>
<style>
#ds_search_box{
padding:0px !important;
}
#ds_search_box1 {
  width: 80%;
  margin: 0 auto;
  padding:15px;
 
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
}
#ds_search_box1 input {
  background: #fff;
    background-color: rgb(255, 255, 255);
  display: table;
  width: 100%;
  position: relative;
}
#ds_search_box1 input, #ds_search_box1 select {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: 0 none;
  background-color: #fff !important;
  width: 100%;
}
#ds_search_box1 label {
  color: #fff !important;
}	
#ds_search_box1 .prime{background-color:#48818C !important;
color:#fff;
padding: 5px !important;
border: 1px solid #BD9830;
width:100%;}
.ui-datepicker .ui-datepicker-current-day a {
  color: #000;
}
.ui-datepicker .ui-datepicker-calendar td{padding:0px;}
#ds_search_box1 .fa-calendar {
 /*background: #e5e5e5 none repeat scroll 0 0;*/
  color: #777;
  cursor: pointer;
  padding: 10px 5px;
  position: absolute;
  right: 20px;
  top: 26px;
  font-family: FontAwesome !important;
}
</style>{"id":21,"date":"2019-02-28T08:12:17","date_gmt":"2019-02-28T08:12:17","guid":{"rendered":"https:\/\/tasiamarisbeach.com\/?page_id=21"},"modified":"2025-03-28T08:47:48","modified_gmt":"2025-03-28T08:47:48","slug":"home","status":"publish","type":"page","link":"https:\/\/tasiamarisbeach.com\/SE\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_id=&#8221;ctws-home-slider&#8221;][vc_column][rev_slider_vc alias=&#8221;ctws-home-slider&#8221;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;ctws-our-services&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;7641&#8243; img_size=&#8221;377&#215;230&#8243;][vc_custom_heading text=&#8221;OUR ROOMS&#8221; font_container=&#8221;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8221;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]<strong>Alla 196 rum p\u00e5 detta fem v\u00e5ningar \u00e4r utformade f\u00f6r att kombinera komfort och bekv\u00e4mlighet. Varje smakfullt inrett tv\u00e5b\u00e4ddsrum har sin egen privata balkong (begr\u00e4nsad havsutsikt och havsuppgradering tillg\u00e4nglig), eget badrum, dusch och toalett, v\u00e4rdesk\u00e5p, telefon, radio och satellit-TV, litet kylsk\u00e5p, h\u00e5rtork, luftkonditionering och hela spegelns l\u00e4ngd. Rum med dubbels\u00e4ng finns ocks\u00e5.<\/strong>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one exab1c806902d205c  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300601440\" href=\"\/rooms\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">L\u00c4S MER<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;7701&#8243; img_size=&#8221;377&#215;230&#8243;][vc_custom_heading text=&#8221;SPA&#8221; font_container=&#8221;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8221;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Blu Spa p\u00e5 strandhotellet &amp; Spa p\u00e5 Tasia Maris Hotel erbjuder ett rikt utbud av spabehandlingar f\u00f6r g\u00e4ster som vill uppt\u00e4cka konsten att slappna av och roa. Omfamna en sann lyxreservat, en himmel av fred, ett mycket behagligt omr\u00e5de som blandar estetikens k\u00e4rlek och n\u00e5r de b\u00e4sta sk\u00f6nhetsl\u00f6sningarna. Det erbjuder v\u00e5rd genom gester och viktiga tekniker som slappnar av sinnet och kroppen, harmoniserar silhuetten, \u00e5terupplivar huden och bevarar ungdomen. Blu Spa \u00e4r en privilegierad plats f\u00f6r m\u00e4n och kvinnor som s\u00f6ker varaktig h\u00e4lsa, sk\u00f6nhet och ungdom.<\/p>\n<p>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one ex8362cec4df77c21  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300607559\" href=\"https:\/\/tasiamarisbeach.com\/leisure-facilities\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">L\u00c4S MER<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;7624&#8243; img_size=&#8221;377&#215;230&#8243;][vc_custom_heading text=&#8221;RESTAURANTS &amp; BARS&#8221; font_container=&#8221;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8221;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">L\u00e4ckra restauranger finns som standard i Tasia Maris Hotel.<\/p>\n<p>[\/vc_column_text]\r<!-- rt-button2 -->\r<div class=\"rt-button2 element-two hover-style-one ex7ffe835521c9eec  \"  data-button-direction=\"center\" data-button-fullwidth=\"true\" ><a style=\" color: #b2a470;font-family:Roboto; font-weight:400; font-style:normal; \" class=\"rt-button2-main  vc_custom_1615300616556\" href=\"\/restaurants-bars\/\"  title=\"READ MORE\" target=\" _blank\"><div class=\"overlay\"><\/div><div class=\"placeholder\">L\u00c4S MER<\/div><\/a><\/div>\r<!-- rt-button2 -->\r[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-wel-wrap&#8221; css=&#8221;.vc_custom_1551419840303{background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221;container&#8221;][vc_column_inner][vc_custom_heading text=&#8221;WELCOME TO TASIA MARIS BEACH HOTEL &amp; SPA&#8221; font_container=&#8221;tag:h1|font_size:45px|text_align:center|color:%23b2a470&#8243; google_fonts=&#8221;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text el_class=&#8221;ctws-wel-txt&#8221;]<\/p>\n<p style=\"text-align: center;\"><strong>WELCOME TO TASIA MARIS BEACH HOTEL &amp; SPA<\/strong><\/p>\n<p>Det \u00e4r mer \u00e4n destinationen som g\u00f6r en semester minnesv\u00e4rd, det \u00e4r den v\u00e4nliga och v\u00e4lkomnande atmosf\u00e4ren du hittar n\u00e4r du kommer till Tasia Maris Hotel.<br \/>\nEn plats d\u00e4r du hittar bra boende, service som b\u00e4st, fina middagar och professionell underh\u00e5llning; alla tillgodoser likasinnade par som bara har sig att behaga.<br \/>\nVid Tasia Maris har vi ett enda m\u00e5l i \u00e5tanke; f\u00e5 m\u00e4nniskor att le i en v\u00e4nlig, h\u00e4lsosam och s\u00e4ker milj\u00f6.<br \/>\nFantastiskt l\u00e4ge: Hotellet ligger bara 30 meter fr\u00e5n den perfekta \u201csandstranden\u201d p\u00e5 Nissi Resort i Ayia Napa, troligen den mest popul\u00e4ra semesterorten p\u00e5 \u00f6n. Utvalda butiker restauranger och barer ligger inom r\u00e4ckh\u00e5ll, medan de viktigaste aktiviteterna i stadens livliga centrum ligger bara 20 minuters promenad bort. Den internationella flygplatsen i Larnaca ligger 40 km bort.<\/p>\n<p style=\"text-align: center;\"><strong>THOMSON GULLPRIS<\/strong><br \/>\nHotellet Tasia Maris har vunnit Thomson Gold Award-medaljen m\u00e5nga g\u00e5nger. Tilldelas av v\u00e5ra kunder genom kundn\u00f6jdhetsfr\u00e5gorna<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; disable_element=&#8221;yes&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_id=&#8221;ctws-home-slider&#8221;][vc_column][rev_slider_vc alias=&#8221;ctws-home-slider&#8221;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;ctws-our-services&#8221;][vc_column][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;7641&#8243; img_size=&#8221;377&#215;230&#8243;][vc_custom_heading text=&#8221;OUR ROOMS&#8221; font_container=&#8221;tag:h2|font_size:30PX|text_align:center|color:%23b2a470&#8243; google_fonts=&#8221;font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Alla 196 rum p\u00e5 detta fem v\u00e5ningar \u00e4r utformade f\u00f6r att kombinera komfort och bekv\u00e4mlighet. Varje smakfullt inrett tv\u00e5b\u00e4ddsrum har sin egen privata balkong (begr\u00e4nsad havsutsikt och havsuppgradering tillg\u00e4nglig), eget badrum, dusch och toalett, v\u00e4rdesk\u00e5p, telefon, radio och satellit-TV, litet kylsk\u00e5p, h\u00e5rtork, luftkonditionering och [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/pages\/21"}],"collection":[{"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":84,"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":8443,"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/pages\/21\/revisions\/8443"}],"wp:attachment":[{"href":"https:\/\/tasiamarisbeach.com\/SE\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}