//if( !window['jcClWidgetBase'] ){
//открытие по тэгу
if( typeof jcClWidgetBaseOk === 'undefined'){
  
var jcClWidgetBase = function (param) {
  this.hash = param.hash;
  this.wid  = param.wid;
  this.host = param.host;
  this.type = '';
  this.content = '';
  this.button = '';
  this.cssfile = this.host+'/widget/widget.css';
  this.parentid = 0;  //родительская сделка
  this.customer = {};

  this.init(param);
  this.referrer = '';
  this.setstat();
  this.onopenform = '';
  this.oncloseform = '';
  
  this.progressDiv = false;
  this.progress   = false;

  if(!jcClWidgetBase.mapWidgets[this.wid])
    jcClWidgetBase.mapWidgets[this.wid] = this;

}

jcClWidgetBase.prototype = {
  init: function(param) {
    var thisObj = this;
    this.maindiv = document.createElement('div');  
    this.maindiv.id='cl_widget_'+this.hash;
    this.maindiv.innerHTML = '<link href="'+this.cssfile+'" type="text/css" rel="stylesheet" />';
    this.img = document.createElement('img');
    this.img.id='cl_widget_'+this.hash+'_img';
    this.img.className = 'clwidget_img';
    this.maindiv.appendChild(this.img);
    this.btn = document.createElement('div');  
    this.btn.id = 'cl_widget_button_'+this.hash;
    this.btn.className = 'clwidget-btn';
    this.btn.onclick = function(e) {
      thisObj.openform();
    }
    this.maindiv.appendChild(this.btn);
    this.container = document.createElement('div');  
    this.container.id='cl_widget_content_'+this.hash;
    this.container.className='clwidget-content';
    this.container.style.display = 'none';
    this.maindiv.appendChild(this.container);
    this.modal = document.createElement('div');  
    this.modal.id='cl_widget_overlay_'+this.hash;
    this.modal.className='clwidget-overlay';
    this.modal.onclick = function(e) {
      thisObj.closeform();
    }
    this.maindiv.appendChild(this.modal)
    document.body.appendChild(this.maindiv); 
    this.modal.style.zIndex = 9990;
    this.container.style.zIndex = 9999;
    
    jcClWidgetBase.mapWidgets[ this.wid ] = this;
    this.parentid = 0;
    this.customer = { id:0, fname:'', mname:'', lname:'', phone:'', email:'', city:''};
  }, //init
  openform: function() {
    this.modal.style.display='block';
    this.modal.style.opacity = 0.7;
    this.container.style.display='block';
    if(this.onopenform)
      this.onopenform();    
  },
  closeform: function() {
    this.modal.style.display='none';
    this.modal.style.opacity = 0;
    this.container.style.display='none';
    if(this.oncloseform)
      this.oncloseform();    
  },
  getcookie: function(name) {
    var reg = new RegExp('('+name+'=)([^;]*)','i');
    var matches = document.cookie.match(reg);
    return matches ? decodeURIComponent(matches[2]) : false;
  },
  setcookie: function(name,val,options) {
    var str=name+'='+val+';path=/;';
    if(options && options.expires)
      str+='expires='+options.expires;
    document.cookie = str;
  },
  deletecookie: function(name) {
    this.setcookie(name, "", {expires: -1})
  },
  setstat: function() {
    this.referrer = this.getcookie('clwd_ref');
    if(this.referrer == false) {
      this.referrer = document.referrer;          
      var date = new Date;
      date.setDate(date.getDate() + 7);
      this.setcookie('clwd_ref',document.referrer,{expires : date.toUTCString()});
    }
  },
  toYandex: function(target) {
    //Yandex metrika
    var yaID=0;
    if (typeof Ya !== "undefined") 
      if(Ya && Ya._metrika && Ya._metrika.getCounters && Ya._metrika.getCounters().length && Ya._metrika.getCounters()[0].id) {
        yaID = Ya._metrika.getCounters()[0].id+'';
        if(eval('yaCounter'+yaID)) {
          var yaCNT = eval('yaCounter'+yaID);
          yaCNT.reachGoal(target);      
        }
      }
  },
  toGoogle: function(target) {
    //Google Analytics 
    if (typeof _gaq !== "undefined") 
      if(_gaq && _gaq.push)
        _gaq.push(['_trackEvent', 'CloffWidget', target]);
    //Universal Analytics
    else if (typeof ga !== "undefined") 
      if(ga)
        ga('send', 'event', 'CloffWidget', target);
  },
  callscript: function(url,data,fcallback) {
    var t = new Date().getTime();
    var str = url+'?_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer);
    if(data)
      str+='&'+data;
    this.img.onload = function() {
      var nstatus = parseInt(this.naturalHeight,10);
      if(fcallback)
        fcallback(nstatus);
    }
    this.img.src = str;
  },
  getparams: function(){
    var t = new Date().getTime();
    return ('_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
  },
  //отправка запроса CORS
  callajax: function(url, data, fcallback, isprogress, errfunc) {
    var t = new Date().getTime();
    var thisObj = this;
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.withCredentials = true;
    
    if(data){
      xmlHttp.open( (data?'POST':'GET'), url, true);
      xmlHttp.setRequestHeader("Method", "POST " + url + " HTTP/1.1");
      xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      data += ('&_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
    }
    else {
      url += ( ( (url.indexOf('?')<=0) ? '?' : '&')+'_t='+t+'&_w='+this.wid+'&_h='+this.hash+'&_r='+encodeURIComponent(this.referrer));
      xmlHttp.open( (data?'POST':'GET'), url, true);
    }
    xmlHttp.onreadystatechange = function(){
      var param = false;
      //console.log('xmlHttp.readyState',xmlHttp.readyState, 'isprogress', isprogress);
      if(isprogress){ 
        //console.log('xmlHttp.readyState if(isprogress){ ',(25*xmlHttp.readyState));
        thisObj.setProgress(25*xmlHttp.readyState); 
      }
      if(xmlHttp.readyState == 4){
        if(isprogress){ thisObj.hideProgress(); }
        if(xmlHttp.status !=200 ) {
          if(errfunc)
            errfunc();
          if( xmlHttp.status != 0 ){
            alert('ERROR: request error.\nResponce status:'+xmlHttp.status);
            return false;
          }
          else{
            xmlHttp.abort();
            return false; 
          }          
        }
        var resp = xmlHttp.responseText;
        try {
          param = eval(resp)[0];
        } catch (e) {
          console.log('Ошибка обработки ответа:', resp);
          console.error(e);
          if(errfunc)
            errfunc();
          return false;
        };
        if(fcallback) fcallback(param);
      }
    };
    if(isprogress){ this.showProgress(); }

    xmlHttp.send(data);
    var n = 0;
    var prog = function(){
      n++;
      thisObj.setProgress(4*n);
      if(n<20)
        window.setTimeout( prog, 100);  
    };
    prog();
    
  },

  setProgress: function(v){
    this.progress.value = v;
  },
  showProgress: function(){
    if(!this.progressDiv){
      this.progressDiv = document.createElement("DIV");
      this.progressDiv.className = 'clwidget-progress-overlay';
      this.progressDiv.style.display = 'none';
      this.progress = document.createElement("PROGRESS");
      this.progress.className = 'clwidget-progress';
      this.progress.max = 100;
      this.progressDiv.appendChild(this.progress);
      document.body.appendChild(this.progressDiv);
    }
    //получим zIndex
    this.progress.value = 0;
    this.progressDiv.style.zIndex = ( this.zIndex ? parseInt(this.zIndex,10)+10000: (this.container?parseInt(this.container.style.zIndex,10):0)+5);
    this.progressDiv.style.display = 'block';
  },
 
  hideProgress: function(){
    this.progressDiv.style.display = 'none';
  }, //hideProgress
  
  setParent: function(pid){
    this.parentid = pid;
  }, //setParent
  
  setCustomer: function(oc){
    this.customer = Object.assign({}, oc);
  }, //setCustomer

}

jcClWidgetBase.mapWidgets = {};

jcClWidgetBase.getWidget = function(wid){
  return ( jcClWidgetBase.mapWidgets[wid] ? jcClWidgetBase.mapWidgets[wid]: false );
};

jcClWidgetBase.onHASH = function(e){
  console.log('HASH333', location.hash);
  if(location.hash.substr(0,6)==='#CLWDG'){
    let wid = parseInt(location.hash.substr(6),10);
    if(wid){
      let wgd = jcClWidgetBase.getWidget(wid);
      if(wgd)
        wgd.openform();
    }
  }
}

window.addEventListener('DOMContentLoaded', (event) => {
  window.addEventListener("hashchange"
  , function(e) {
      jcClWidgetBase.onHASH(e);
    }
  , false);
  console.log('OK DOMContentLoaded', jcClWidgetBase.mapWidgets);  
    
  //ну и проверим а вдруг сразу?
  if( location.hash && location.hash.length)
    setTimeout( function(){ jcClWidgetBase.onHASH(); },800);
    
});
console.log('SET DOMContentLoaded', jcClWidgetBase.mapWidgets);  
var jcClWidgetBaseOk = 1;
} //END if jcClWidgetBaseOk;


//} //if( !window['jcClWidgetBase'] ){
/*

.LINE {max-width: 1010px;}
.BLOCK_1 {max-width: 880px;}
.BLOCK_2 {max-width: 560px;}
.COLUMN_1 {max-width: 346px;}
.COLUMN_2 {max-width: 226px;
  
*/
function jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3(param) {
  jcClWidgetBase.apply(this, arguments);
  this.type = 'hour';
  var thisObj = this;
  this.content = param.content;
  this.onopenform = function() { };
  this.oncloseform = function() { 
    thisObj.resetAll();
  };
  this.host = param.host;
  
  this.dtStart = false;
  this.dtEnd = false;
  
  this.curVar = false;
  
  this.arrService = [];
  this.arrOption = [];

  
  this.mapAdd = {};
  
  this.total;  
  this.bedType = 1;
  this.chBedType = false;
  this.bookingID = 0;
  this.cntAdt = 2;
  this.cntChild   = 0;
  this.cntInfants = 0;
  this.descr = '';
  this.prepay = 0;
  this.staticForm = param.staticForm;
  this.hash = '588f707ded5756c148a5c943f7c1e3e3';
  this.varDescr   = false;
  this.initChilds = false;
  this.tariffId   = '';
  this.addPrice   = 0;    //сумма услуг и опций
  this.sortByHousing = 0; //сортировать по корпусам

  this.sizes = [
    {w:880, cl: 'BLOCK_1'},
    {w:560, cl: 'BLOCK_2'},
    {w:390, cl: 'COLUMN_1'},
    {w:226, cl: 'COLUMN_2'},
  ];


  this.childmax  = cl_hotel3682.childmax;
  this.infantmax = cl_hotel3682.infantmax;
  this.cityrq    = cl_hotel3682.cityrq;
  this.selbed    = cl_hotel3682.selbed;
  this.cntGuests = 4;
  
  this.frm     = false;
  this.ispromo   = 0;
  this.promocode = 0;
  
  this.cntday = 1;
  this.SUTKI = 24*3600*1000;

  this.bookend = ( cl_hotel3682&&cl_hotel3682.bookend ? cl_hotel3682.bookend: '');
  this.bookstart = ( cl_hotel3682&&cl_hotel3682.bookstart ? cl_hotel3682.bookstart: '');
  this.money = cl_hotel3682&&cl_hotel3682.money;
  
  this.ssid = this.getcookie('cl_ssid');
  if(!this.ssid) this.ssid = '';
  
  this.addEvent = function(elem, type, handler){
    if (elem.addEventListener){elem.addEventListener(type, handler, false)}
    else { elem.attachEvent("on"+type, handler)}
  };
  
  this.removeEvent = function(elem, type, handler){
    if (elem.removeEventListener){elem.removeEventListener(type, handler, false)}
    else { elem.detachEvent("on"+type, handler)}
  };
  
  this.alert = function(msg){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_msg').innerHTML = msg;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert').style.display = 'block';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert').classList.remove('hide');
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close_x').onclick = 
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close').onclick = function(){
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert').classList.add('hide');
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert').style.display = 'none'
    };
  };
 
  //пересадим наши окна в боди
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery')) );
  
  
  //работа с куками
  this.setCookie = function(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  };
  
  this.getCookie = function(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
  };//END работа с куками
  
  this.arrVars = [];
  this.arrTypes = {};
  
  this.freeVars = function() {
    return;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list').innerHTML = '<li></li>';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dt_legend').innerHTML = '';
    this.cntday = Math.ceil((this.dtEnd.dt1-this.dtStart.dt1)/this.SUTKI);
    this.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1'),'showBookingList');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert'), 'showBookingList');
  }
  
  // Добавить класс
  this.jscClassAdd = function(obj,cl) {
    if(!obj)
      return;
    
    if(obj.className === undefined)
     console.error("Wrong object for class add", obj, cl); 
    
    if(obj.className.length==0) { 
     obj.className = cl;
     return;
    }

    var arrItems=obj.className.split(" ");
    var res = "";
    var i, j;
    var isFind;
   
    var arrNew = cl.split(" ");
   
    for(i=0; i<arrNew.length; i++){
      isFind = 0;
     
      for(j=0; j<arrItems.length; j++)
        if(arrNew[i]==arrItems[j]){
          isFind = 1;
          break;
        }
       
      if(isFind)
        continue;
      
      obj.className += " " + arrNew[i];
    }
  } // eof jscClassAdd()


  // Удалить класс
  this.jscClassRemove = function(obj,cl){
    if(!obj)
      return;
    
    if(obj.className === undefined)
      console.error("Wrong object for class remove", obj, cl); 
    
    if(obj.className.length==0)
      return; 

    var arrItems=obj.className.split(" ");
    var arrDel=cl.split(" ");
    var i,j;
    var isFind;
    var cl_new = "";
   
    for(i=0; i<arrItems.length; i++){
      isFind = 0;
     
      for(j=0; j<arrDel.length; j++)
        if(arrItems[i]==arrDel[j]) {
          isFind = 1;
          break;
        }
        
      if(isFind)
        continue;
        
      cl_new += " " + arrItems[i];
    }

   obj.className = cl_new.substr(1);
  } // eof jscClassRemove()

  
  this.checkEMail = function(str) {
    var emailPattern = /^[a-zA-Z0-9._\+]+[a-zA-Z0-9\.\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/;  
    return emailPattern.test(str);   
  };
  
  //если форма уберём кнопку
  this.btn.style.display = 'none';
  this.formContainer = document.body;
  this.formScreen = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1');
  this.wrapper = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wrapper');
  this.addEvent(window, 'resize', function(e){
    thisObj.resize();
  });
  
  if(!this.selbed){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype').parentNode.style.display = 'none';
  }
  
  pURL = 'https://terzahotel.ru/wp-content/themes/zoohotel-tz/info/agreement.pdf';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_agree_link').onclick = function(){
    window.open(pURL);
  }  
  
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close1').onclick = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close2').onclick = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close3').onclick = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close4').onclick = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close5').onclick = function(){
    thisObj.closeform();
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_button').onclick = function(){
    thisObj.loadVars();
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next3_button').onclick = function(){
    thisObj.toStep4();
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_order_form').onsubmit = function(){
    thisObj.send();
    return false;
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_back').onclick = function(){
    thisObj.closeform();
    thisObj.openform();
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back3_button').onclick = function(){
    thisObj.toStep2();
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back4_button').onclick = function(){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2').style.display = 'block';
  }
  if(!cl_hotel3682.islc){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_lc_button').style.display = 'none';
  }
  
  //проинициализируем даты
  var ds = new Date() ;
  var hds = new Date(this.bookstart); 
  if(ds<hds){ ds = hds; }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart').value = wDate.dt2german( ds );
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend').value = wDate.dt2german( new Date(ds.getTime()+(24*3600*1000*cl_hotel3682.mind)) );
  /*
  this.dtEnd = new wDate( 
                          { input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend')
                          , button: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend_button') 
                          , dtstart: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart') 
                          , class: 'cl_wdt_588f707ded5756c148a5c943f7c1e3e3' 
                          , onchange: function(){ thisObj.dtOnChange(); }
                          } 
                        );
  
  this.dtStart = new wDate( 
                            { input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart')
                            , button: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart_button') 
                            , dtend: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend') 
                            , endobj: this.dtEnd 
                            , class: 'cl_wdt_588f707ded5756c148a5c943f7c1e3e3' 
                            , onchange: function(){ thisObj.dtOnChange(); }
                            } 
                          );
  */
  //END проинициализируем даты
  
  /*
  //кровать
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype').onchange = function(e){
    if(e.target.checked){
      document.getElementById(e.target.id+'_icon').setAttribute("xlink:href", "#bed_double");
    }
    else{
      document.getElementById(e.target.id+'_icon').setAttribute("xlink:href", "#bed_two");
    }
  };
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype').checked = false;
  //END кровать
  
  //гости
  if( (cl_hotel3682.maxadt>4) || (cl_hotel3682.maxchd>4) ){
    //много через SELECT
    var contAdt = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_cont').parentNode;
    var contChd = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_cont').parentNode;
    contAdt.innerHTML = '<select class="clh_widget_input"></select>';
    contChd.innerHTML = '<select class="clh_widget_input"></select>';

    this.cntA = contAdt.firstChild;
    sAdt = '';
    for(var a=1; a<=cl_hotel3682.maxadt; a++)
      sAdt += ('<option value="'+a+'">'+a+'</option>');
    this.cntA.innerHTML = sAdt;
    this.cntA.onchange = function(obj){  thisObj.freeVars(); }

    this.cntC = contChd.firstChild;
    sChd = '';
    for(a=0; a<=cl_hotel3682.maxchd; a++)
      sChd += ('<option value="'+a+'">'+a+'</option>');
    this.cntC.innerHTML = sChd;
    //спрячем количества
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_span').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_span').style.display = 'none';
  }
  else{
    //мало "человечки"
    this.cntA = new clMans({
        input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults')
      , elem : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_span')
      , del  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_del')
      , add  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_add')
      , container  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_cont')
      , classOn  : 'clh_widget_svg_icon'
      , classOff : 'clh_widget_svg_icon clh_widget_inactive'
      , cnt : this.cntAdt
      , min: 1
      , max: cl_hotel3682.maxadt
      , widget : this
      , onChange: function(obj){  thisObj.freeVars(); }
    });
    
    this.cntC = new clMans({
        input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs')
      , elem : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_span')
      , del  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_del')
      , add  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_add')
      , container  : document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_cont')
      , classOn  : 'clh_widget_svg_icon'
      , classOff : 'clh_widget_svg_icon clh_widget_inactive'
      , cnt : (this.cntChild+this.cntInfants)
      , min: 0
      , max: cl_hotel3682.maxchd
      , widget : this
      , onChange: function(){ thisObj.cntC.onchange(); }
    });
  }

  this.cntC.onchange = function(){
    console.log('thisObj.cntC.onchange');
    thisObj.changeChild();
  };

    //дети 89025070899
  var sChildAges = '<option value="-1"></option>';
  for(var ca=0; ca<=cl_hotel3682.childmax; ca++)
    sChildAges += ('<option value="'+ca+'">'+ca+'</option>');
  
  for(var c=1; c<5; c++){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_'+c).innerHTML = sChildAges;
  }
  //ENDдети
  //END гости 88153350515
  */
  
  this.toGermanString = function(t) {
    return ('0'+t.getDate()).substr(-2)+'.'+('0'+(1+t.getMonth())).substr(-2)+'.'+t.getFullYear();
  };
  
  this.toJapanString = function(t) {
    return t.getFullYear()+'-'+('0'+(1+t.getMonth())).substr(-2)+'-'+('0'+t.getDate()).substr(-2);
  };
  
  var errPhone = 'Номер надо вводить в формате:\n8XXXXXXXXXX - для России и либо 810 и любое количество цифр для международных номеров\n';
  /* САША ЭТО НИХУЯ НЕ РАБОТАЕТ А ПАТТЕРНОМ НЕРАБОТАЕТ СОВСЕМ */
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone').addEventListener("change", function (event) {
      //проверка параметров
      var phone = this.value;
      phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,''); //ВОТ так работать будет
console.log('phone:',phone);
      var errMsg = '';
      if( !phone.length ) {
        errMsg += 'Введите телефон! \n';
      }
      else{
        var phonePattern = /^\d+$/;
        if( (!phonePattern.test(phone)) ){ 
          errMsg = errPhone;
        }
        else{
          if( phone.substr(0,1)!='8' ){ 
            errMsg = errPhone;
          }
          else 
            if( (phone.substr(0,3)!='810') )
              if(phone.length!=11){ errMsg = errPhone; }
        }
      }
      this.setCustomValidity(errMsg);
  });
  //document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone').setCustomValidity('Введите телефон!');
  
  this.booking_init();
  
  //hour
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_start').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_hstart').style.display = '';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_end').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_time').style.display = '';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_bed').style.display = 'none';
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_adult').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_person').style.display = '';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_child').style.display = 'none';  
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1_legend').style.display = 'none';  
  //проинициализируем даты
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth').value = wDate.dt2german( ds );  
  this.dtHour = new wDate( 
                          { input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth')
                          , button: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth_button') 
                          , nolegend:true
                          , class: 'cl_wdt_588f707ded5756c148a5c943f7c1e3e3 CL_WDT_HOUR' 
                          , onchange: function(){ 
                              thisObj.tmHour.reset();
                              thisObj.disableOccupancy();
                            }
                          } 
                        );  
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus').onclick = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_plus').onclick = function() {
    var fld = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person');
    if(this.id=='cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus') 
      fld.value = parseInt(fld.value,10) - 1;
    else
      fld.value = parseInt(fld.value,10) + 1;

    if(parseInt(fld.value,10) <= 1) {
      fld.value = 1;
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus').classList.add('clh_widget_inactive');
    } else {        
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus').classList.remove('clh_widget_inactive');
    }    
  }  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').onchange = function() {
    if(parseInt(this.value,10) <= 1) {
      this.value = 1;
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus').classList.add('clh_widget_inactive');
    } else {        
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus').classList.remove('clh_widget_inactive');
    }     
  }
  
  this.occupancy = {};
  this.tmHour = new wTime( {input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time'),
                            button: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_button'),
                            step: parseInt(cl_hotel3682.interval,10) ,
                          pass: parseInt(cl_hotel3682.intpass,10),
                          selonlyone: parseInt(cl_hotel3682.intone,10),
                            starttime: parseInt(cl_hotel3682.tmstart,10),
                            endtime: parseInt(cl_hotel3682.tmend,10),
                            class: 'cl_wdt_588f707ded5756c148a5c943f7c1e3e3',
                            beforeshow: function() {
                              if(!thisObj.occupancy[thisObj.dtHour.getDate().toGermanStr()])
                                thisObj.loadOccupancy();
                              else
                                thisObj.disableOccupancy();
                            }
                            });        
  this.dtHour.onchange();                            
  this.tmSelect = new wTime( {input: document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_select'),
                            button: false,
                            step: parseInt(cl_hotel3682.interval,10),
                            showlegend: true,
                            class: 'cl_wdt_588f707ded5756c148a5c943f7c1e3e3',                            
                            statusfree: 1,
                            statusdis: 2,
                            statusbusy: 3,
                            statusselect: 4,
                            oncommit: function() {
                              var dtstart = new Date;
                              dtstart.setHours(0,0,0);
                              dtstart.setMinutes(thisObj.tmSelect.start);
                              var dtend = new Date;
                              dtend.setHours(0,0,0);
                              dtend.setMinutes(thisObj.tmSelect.end);
                              thisObj.tmHour.setInterval(dtstart,dtend);
                              thisObj.loadVars(true);
                            }
                            }); 
                            
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_button').onclick = function(e){};
  //services
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list').style.display = 'none';
  
  //
  this.multyselect = (cl_hotel3682.rentmulty > 1);
  this.selVars = {};
  
  //скрыть брендирование
  if(cl_hotel3682.antibrand == 1) {
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights2').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights3').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights4').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights5').style.display = 'none';
  }
}

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype = Object.create(jcClWidgetBase.prototype);
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.opencnt = 0;
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.openform = function( ID_CONTAINER, e ){
  if(window.clW_588f707ded5756c148a5c943f7c1e3e3){
    jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.opencnt = 0;
    clW_588f707ded5756c148a5c943f7c1e3e3.openform( ID_CONTAINER, e );
  }
  else{
    setTimeout( function(){
      if(jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.opencnt<10){
        jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.opencnt++;
        jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.openform( ID_CONTAINER, e );
      }
    },500);
  }
};
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.zIndex = 99998;

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.jscCntRus = function (cnt, one, two, five) {
  var last = Math.abs(cnt%10);
  var res = five;

  if(  ( (cnt%100)<10 || (cnt%100)>20)  ){
    switch(last){
      case 1 :
        res = one;
        break;
      case 2 :
      case 3 :
      case 4 :
        res = two;
        break;
    }
  }
  
  return res;
} // eof jscCntRus()

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.maxZIndex = function() {

     return Array.from(document.querySelectorAll('body *'))
           .map(a => parseFloat(window.getComputedStyle(a).zIndex))
           .filter(a => !isNaN(a))
           .sort()
           .pop();
           
}


jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.openform = function( ID_CONTAINER, e ){
  
  if(ID_CONTAINER && document.getElementById(ID_CONTAINER) ){
    this.add_class = '';
    this.formContainer = document.getElementById(ID_CONTAINER);
    this.formContainer.innerHTML = '';
    
  }
  else{
    this.jscClassAdd( this.firstScreen, 'clh_window' );
    this.formContainer = this.wrapper;
    //посмотреим вдруг нужен 
    if(e && e.target){
      var el = e.target;
      var xIndex = 99998;
      var cl = '';
      var cnt = 0;
      var x = 0;
      while( el.parentNode ){
        el = el.parentNode;
        if(el.tagName=='BODY'){
          break;
        }
        else{
          x = parseInt((getComputedStyle ? getComputedStyle(el, null) : el.currentStyle).zIndex,10);
          if( x && x>0 ) xIndex += x;
        }
        cnt++;
        if(cnt>10000) break;
      }
      
      jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.zIndex = xIndex;
    }
  }
  jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.zIndex = jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.maxZIndex()+1;
  this.formContainer.appendChild( this.formScreen.parentNode.removeChild(this.formScreen)  );
  document.body.appendChild( this.wrapper.parentNode.removeChild(this.wrapper));
  this.formScreen.style.display = 'block';
  
  if(this.staticForm){
    //убираем крестик
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close1').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_back').style.display = 'none';
  }
  else{
    //модальность
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close1').style.display = 'block';
    this.wrapper.style.display = 'block';
  }
  this.container.style.zIndex = Math.max(99998, jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.zIndex);
  if(!document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_styleZ')){
    var s = document.createElement('STYLE');
    s.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_styleZ';
    document.body.appendChild(s);
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_styleZ').innerHTML = '#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1,'
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2,'
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3,'
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4,'
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5, '
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert, '
               +'#cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery, '
               +'.cl_wdt_588f707ded5756c148a5c943f7c1e3e3.cl_calendar, .clh_widget_wrapper {  --z-index: '+this.container.style.zIndex+';  }';
  
  this.resize();
  //this.dtOnChange();
  if(cl_hotel3682.islc){
   window.setTimeout(function(){
//console.log('window.cloff_myaccount_widget',window.cloff_myaccount_widget);
     if(window.cloff_myaccount_widget){
        cloff_myaccount_widget.initLinks();
     }
     else{
      if(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_lc_button')) 
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_lc_button').style.display = 'none';
     }
   },600);
  }  
};

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.booking_init = function(){
  //проверим если возврат с оплаты прорисуем итог и почистим кукисе
  var bookingID = parseInt( this.getCookie('bookingID'), 10);
  if(bookingID>0){
    this.bookingID = bookingID;
    this.descr     = this.getCookie('bookingDescr');
    
    this.setCookie('bookingID',     0, 1/24/3600);
    this.setCookie('bookingDescr', '', 1/24/3600);    
    
    this.toStep5();
  }
};

/*
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.dtOnChange = function(){
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1_legend').innerHTML = this.getLegend();
};


//сложим легенду
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getLegend = function(){
  return this.dtEnd.getLegend( this.dtStart.dt1, this.dtEnd.dt1, true);
}
*/
//полную легенду
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getLegendFull = function(){
  var pers = parseInt(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value,10);
  var dtobj = this.tmHour.getInterval(this.dtHour.getDate())
  return pers + ((pers>1 && pers<5)?' человека, ':' человек, ')
        + (this.tmHour.afterPM()
            ?' c ' + dtobj.start + ' по ' + dtobj.end
            :this.dtHour.getDate().toGermanStr() + ' c ' + this.tmHour.getTimeStart() + ' по ' + this.tmHour.getTimeEnd()
          )
        + (this.curVar?(this.multyselect?', количество: ':', объект: ')+this.curVar.NAME:'');
  /*
  var ssN = '';
  var roomAmt = 0;
  if(this.curVar){
    if(this.curVar.nums==1){
      ssN = 'Номер:'+this.curVar.arrRooms[0].name+' за '+this.curVar.arrRooms[0].amount+this.money.code;
      roomAmt += this.curVar.arrRooms[0].amount;
    }
    else{
      ssN = 'Номера:'
      for(var k=0; k<this.curVar.arrRooms.length; k++){
        ssN += (' '+this.curVar.arrRooms[k].name+' ('+(this.curVar.arrRooms[k].cnt>1 ? this.curVar.arrRooms[k].cnt+' по ':'')+this.curVar.arrRooms[k].amount+this.money.code+')');
        roomAmt += this.curVar.arrRooms[k].amount;
      }
    }
  }
  if(roomAmt!=this.curVar.amount){
    ssN += ' стоимость по выбранному тарифу '+this.curVar.amount;
  }
  var adt = this.cntA.value;
  var ch = this.cntC.value;
  
  var ssVar = adt+' взрослых'+(ch>0?' '+ch+'&nbsp;'+jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.jscCntRus(ch, 'ребёнок', 'ребёнка', 'детей')+' ':'');
  
  if(this.addPrice)
    ssN = (ssN+' дополнительно услуги: '+this.addPrice+this.money.code);
  
  return( ssVar+' c '+this.dtStart.dt1.toGermanStr()+' по '+this.dtEnd.dt1.toGermanStr()+'. '+ssN);
  */
}; 
//END getLegendFull

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.setLegend2 = function(){
  var cnt = 0;
  var sm = 0;
  var pers = 0;
  for(var v in this.selVars) {
    if(!this.selVars.hasOwnProperty(v))
      continue;
    sm+=this.selVars[v].price;
    cnt++;
    pers+=this.selVars[v].occupancy;
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend2').innerHTML = cnt+' объект(-а) на сумму '+sm+' р.';              
  return {'pers':pers,'cnt':cnt};
}
//загрузка вариантов
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.loadVars = function(select){
  var thisObj = this;  
  //формируем данные
  var dtobj = this.tmHour.getInterval(this.dtHour.getDate());
  if(!dtobj) {
    this.alert('Выберите интервал времени.');
    return false;
  }
  
  var msg = '';
  if(this.bookend != '') {
    var bookend = new Date( Date.parse(this.bookend) );
    if(bookend < this.dtHour.getDate()){
      msg += ( msg==''?'':'<br>');
      msg += 'Бронирование доступно только до '+this.toGermanString(bookend);
    }
  }
   
  var hds = new Date( Date.parse(this.bookstart) );
  if(hds > this.dtHour.getDate()){
    msg += ( msg==''?'':'<br>');
    msg += 'Бронирование доступно только с '+this.toGermanString(hds);
  }    
    
  //Если ошибка выводим и выходим!
  if(msg!=''){
    this.alert(msg);
    return;
  }
  
  var spost = 'dtfrom=' + dtobj.start +
              '&dtto='+ dtobj.end +
              '&person='+document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value;
  
  //отправляем на сервер
  var rs = 'start';
  if(this.multyselect)
    rs = 'startmulty';
  this.callajax( thisObj.host+'/widget/rent.'+rs+'.rs.php?aj=1', spost, function(param){
    console.log('588f707ded5756c148a5c943f7c1e3e3', param);
    if(parseInt(param.errcode,10)>0){
      if(param.errmsg){
        thisObj.alert(param.errmsg);
        return;
      }
    }
      
    //есть ли варианты
    if(param.arrvariant.length==0){
      thisObj.alert('Нет подходящих вариантов на указанные даты');
      return;
    }
    
    if(param.full)
      thisObj.alert('В указанный период нет свободных мест. <br> В списке приведены все доступные на указанный день объекты и их свободные и занятые периоды.<br>'+
                 'Попробуйте выбрать другой период, проверив расписание доступности объекта под кнопкой "Подобрать время". ')
    
    thisObj.arrVars = param.arrvariant;
    thisObj.arrOption = param.arroption;
    thisObj.mapAdd['option']= {};
    for(k in thisObj.arrOption){
      thisObj.mapAdd['option'][thisObj.arrOption[k].id] = thisObj.arrOption[k];
    }    
    
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list').innerHTML = '';
    for(var i=0;i<thisObj.arrVars.length;i++) {
      if(select && (thisObj.arrVars[i].ID != thisObj.curVar.ID))
        continue;
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list').appendChild( thisObj.getVarItem(thisObj.arrVars[i], !!param.full) );
    }
    thisObj.closeform();
    thisObj.curVar = false;
    thisObj.selVars = {};
    thisObj.setLegend2();
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend').innerHTML = thisObj.getLegendFull();    
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2').style.display = 'block';
  }, true);
  
}; 
//END loadVars


//Открываем окно с вариантами заселения
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.toStep2 = function(){
  this.closeform();
  var thisObj = this;
  
  /*
  //рисуем варианты
  //console.log('thisObj.arrVars', this.arrVars);
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list').innerHTML = '';
  for(var k=0; k<this.arrVars.length; k++){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list').appendChild( this.getVarItem(this.arrVars[k]) );
  }
  //END рисуем варианты
  
  //легенду
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend').innerHTML = this.getLegendFull(1);
  
  if(this.ispromo){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_button').onclick = function(e){
      thisObj.loadVars();
    };
  }
  else{
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_button').onclick = function(e){};
  }
  */
  //Открываем окно
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2').style.display = 'block';
};
//END toStep2


//Открываем окно с услугами и опциями
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.toStep3 = function(){
  this.closeform();
  var cnt = 0;
  /*
  //заполняем сервисы  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list').innerHTML = '';
  for(var s=0; s<this.arrService.length; s++){
    if(this.arrService[s].maxcnt>0){
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list').appendChild( this.getServiceItem(this.arrService[s]) );
      cnt++;
    }
  }
  */
  if(!this.arrOption.length){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list').style.display = 'none';
  }
  else{
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list').innerHTML = '';
    for(var o=0; o<this.arrOption.length; o++){
      if(this.arrOption[o].maxcnt>0){
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list').appendChild( this.getSrvOptItem(this.arrOption[o], 'option') ); 
        cnt++;
      }
    }
  }
  
  
  
  //пересчитаем цену
  this.reCalc();
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next3_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel3682.btoverbooking: cl_hotel3682.btbooking);

  //вкладки на втором экране
  var thisObj = this;
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label').onclick = function(e){
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label'), 'clh_service_list_header_active');
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label'), 'clh_service_list_header_active');
    
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list'), 'clh_mob_hide');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list'), 'clh_mob_hide');
  }


  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label').onclick = function(e){
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label'), 'clh_service_list_header_active');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label'), 'clh_service_list_header_active');
    
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list'), 'clh_mob_hide');
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list'), 'clh_mob_hide');
  }
  
  //Открываем окно
  if( cnt>0 )
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3').style.display = 'block';
  else
    this.toStep4();
};
//END toStep2


//Форма ввода данных
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.toStep4 = function(){
  this.closeform();

  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4_legend').innerHTML = this.getLegendFull();
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total4').innerHTML = this.total+'&nbsp;'+this.money.code;
  //this.total = this.curVar.amount;
  
  var thisObj = this;
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next4_button').innerHTML = cl_hotel3682.btbooking;
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next4_button').onclick = function(){ return true; };

  var old_element = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next4_button');
  var new_element = old_element.cloneNode(true);
  old_element.parentNode.replaceChild(new_element, old_element);

  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_order_form').onsubmit = function(){
    thisObj.send();
    return false;
  }

  if(this.customer && this.customer.id){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1').value = this.customer.fname;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2').value = this.customer.lname;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3').value = this.customer.mname;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email').value = this.customer.email;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city').value  = this.customer.city;
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone').value = this.customer.phone;
  }
  //Открываем окно
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4').style.display = 'block';
};
//END toStep4

//Форма ввода данных
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.toStep5 = function(){
  this.closeform();
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_bookingid').innerHTML = this.bookingID;
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_booking_descr').innerHTML = this.descr;
  //Открываем окно
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5').style.display = 'block';
};
//END toStep4

//отправка формы - создание брони и переход к оплате/итогам
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.send = function() {
  var errMsg = '';
  var thisObj = this;
  var err = 'Номер надо вводить в формате:\n8XXXXXXXXXX - для России и либо 810 и любое количество цифр для международных номеров\n';
  var trim = function(s){ return s.replace(/^\s+|\s+$/g, ""); };
  
  //проверяем
  var phone = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone').value);
  phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,'');
  var fname = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1').value);
  var lname = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2').value);
  var mname = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3').value);
  var email = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email').value);
  var city  = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city').value);
  var comment  = trim(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_comment').value);
  var name = lname+fname;
  
  //проверка параметров
  if( !phone.length ) {
    errMsg += 'Введите телефон!<br>\n';
  }
  else{
    var phonePattern = /^\d+$/;
    if( (!phonePattern.test(phone)) ){ 
      errMsg += err;
    }
    else{
      if( phone.substr(0,1)!='8' ){ 
        errMsg += err;
      }
      else 
        if( (phone.substr(0,3)!='810') )
          if(phone.length!=11){ errMsg += err;}
    }
  }
  
  if(!email.length){
    errMsg += 'Введите EMail!<br>\n';
  }
  else{
    if(!this.checkEMail(email)){
      errMsg += 'EMail введён некорректно!!<br>\n';
    }
  }
  
  if( name.length==0 ){
    errMsg += 'Введите имя/фамилию!<br>\n';
  }
  
  if( this.cityrq && city.length==0 ){
    errMsg += 'Введите город!<br>\n';
  }
  
  if(errMsg != ''){
    this.alert(errMsg);
    return false;
  }
  
  var options = [];
  var sOption = '';
  for(var o=0; o<this.arrOption.length; o++){
    var op = this.arrOption[o];
    //if(!op.id) continue;
    //if(op.maxcnt<=0) continue;
    if(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_'+op.id+'_chb').checked == 1) {
      var cnt = parseInt(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_'+op.id+'_count').value, 10);
      options.push({id: op.id,
                    cnt: cnt,
                    price: op.price*100,
                    amount: op.amount*100});
      sOption += ('<li>'+op.name+(cnt>1?' x '+cnt:'')+' = <span>'+op.amount+thisObj.money.code+'</span></li>');
    }
  }  
  
  this.descr = '<p><b>Детали бронирования:</b> <span>'+this.getLegendFull()+'</span></p>';
  this.descr += (sOption!=''?'<br>Дополнительно:'+sOption:'');
  this.descr += '<p class="clh_large_txt"><b>Сумма: <span  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total5">'+this.total+'&nbsp;'+this.money.code+'</span></b></p>';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_booking_descr').innerHTML = this.descr;
  
    let customer_id = 0;
  if(this.customer)
    customer_id = this.customer.id;
  
  var sds = this.descr;
  var spost = 'fname='+fname
            +'&lname='+lname
            +'&phone='+phone
            +'&email='+email
            +'&city='+city
            +'&customerid='+customer_id
            +'&parentid='+this.parentid
            +'&comment='+comment
            +'&amount='+(this.total*100)
            +'&price='+(this.curVar.amount*100)
            +'&objid='+this.curVar.ID
            +'&options='+JSON.stringify(options)
            +'&tariffid='+this.curVar.objTariff.OFFERID
            +'&cntperson='+document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value
            +'&dtstart='+this.dtHour.getDate().toGermanStr()+' '+this.tmHour.getTimeStart()
            +'&dtend='+this.dtHour.getDate().toGermanStr()+' '+this.tmHour.getTimeEnd();
  if(this.multyselect)
    spost += '&multy=1'+'&prices='+this.curVar.price;
  
  this.toYandex('cloffHotel_booking');
  this.toGoogle('cloffHotel_booking');  
  
  this.callajax( this.host+'/widget/rent.save.rs.php?aj=1', spost, function(param){
    if(param.errcode){
      thisObj.alert(param.errmsg);
      return false;
    }
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_bookingid').innerHTML = param.bookingID;
    
    thisObj.bookingID = param.bookingID;
    thisObj.toStep5();
    thisObj.bookingID = 0;    
    
    //если была оплата!
    if( cl_hotel3682.ispay ){
      
      if(param.payURL){
        
        //если не сработает перевод - то вручную!
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay').style.display = '';
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay_lnk').href = param.payURL; 
        
        //сохраним в кукисе данные букина
        thisObj.setCookie('bookingID',    param.bookingID, 1);
        thisObj.setCookie('bookingDescr', sds, 1);
        document.location.href = param.payURL;         
        
        if(thisObj.isvkwidget || window.isvkwidget || isvkwidget) {        
          var  str = param.payURL;

          var arr = str.split('?');
          document.getElementById('CLOFF_HOTEL_WIDGET_URL').action = arr[0];
          var params = arr[1].split('&');
          var frm = document.getElementById('CLOFF_HOTEL_WIDGET_URL');
          for(var i=0;i<params.length;i++) {
            var val = params[i].split('=');
            var inp = document.createElement('input')
            inp.name = val[0];
            inp.value = val[1];
            frm.appendChild(inp);
          }
          document.getElementById('CLOFF_HOTEL_WIDGET_URL').submit();                    
        }
        return;
      }
    }

  }, true);
} 
// END send


//пересчёт стоимости заказа
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.reCalc = function(){
  var cnt = 1;
  this.total = this.curVar.amount;
  
  var cntPerson   = parseInt(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value, 10);
  
  var aopt = 0;
  for(var o in this.arrOption){
    var op = this.arrOption[o];
    if(!op.id) continue;
    //if(!op.maxcnt) continue;
    cnt = parseInt(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_'+op.id+'_count').value, 10);
    if(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_'+op.id+'_chb').checked) {
      if(op.ispersonal) {
        op.amount = cnt * op.price * cntPerson;
      } else {
        op.amount = cnt * op.price;
      }
      aopt += op.amount;
    }
  }
  this.total += aopt;
  this.addPrice += aopt;
  
  /*
  //считаем размер предоплаты если надо
  this.prepay = 0;
  if( cl_hotel3682 && cl_hotel3682.ispay ){
    if(cl_hotel3682.prepaytype == 1){
      //фиксированная сумма
      //смотрим нет ли чего в типе номера
      for(var r=0; r<this.curVar.arrRooms.length; r++){
        var roompay = cl_hotel3682.prepayval;
        if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 ){
          roompay = this.arrTypes[ this.curVar.arrRooms[r].typeid].val;
        }
        this.prepay += (roompay * this.curVar.arrRooms[r].cnt);
      }
    }
    else if(cl_hotel3682.prepaytype == 3){
      //стоимость дней проживания
      //если в типах прописаны "исключения"  то берём максимум
      var ppdays = cl_hotel3682.prepayval;
      for(var r=0; r<this.curVar.arrRooms.length; r++){
        if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 && this.arrTypes[ this.curVar.arrRooms[r].typeid].val>ppdays ){
          ppdays = this.arrTypes[ this.curVar.arrRooms[r].typeid].val;
        }
      }
      //делим сумму проживания на количество ночей
      this.prepay = (this.curVar.amount/Math.max(1, this.cntday))*ppdays;
    }
    else{
      //процент
      for(var r=0; r<this.curVar.arrRooms.length; r++){
        var roompercent = cl_hotel3682.prepayval/100;
        if( this.arrTypes[ this.curVar.arrRooms[r].typeid].val>=0 ){
          roompercent = this.arrTypes[ this.curVar.arrRooms[r].typeid].val/100;
        }
        this.prepay += (this.curVar.arrRooms[r].amount * roompercent * this.curVar.arrRooms[r].cnt);
      }
      //и для опций/сервисов
      this.prepay += (cl_hotel3682.prepayval/100 * (aopt+asrv));
    }
    //document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_paysum').innerHTML = this.prepay;
  }
  */
  //легенда
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3_legend').innerHTML = 
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4_legend').innerHTML = this.getLegendFull();

  //document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total5').innerHTML =
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total4').innerHTML =
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total3').innerHTML = this.total+'&nbsp;'+this.money.code;
};
//END reCalc
/*
//прорисовка услуг/опций
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getServiceItem = function(s){
  return this.getSrvOptItem(s, 'service');
};
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getOptionItem = function(s){
  return this.getSrvOptItem(s, 'option');
};
*/
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getSrvOptItem = function(so, name){
  var vSEl = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_tpl').cloneNode(true);
  var res  = /SRVID/gi; 
  var re  = /SONAME/gi; 
  var thisObj = this;
  
  vSEl.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_'+name+'_'+so.id;
  vSEl.innerHTML = vSEl.innerHTML.replace(res, so.id).replace(re, name);
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tpl_place').appendChild(vSEl);
  
  document.getElementById(vSEl.id+'_chb').isrequired = so.isrequired;
  document.getElementById(vSEl.id+'_chb').onclick = function(){
    if(this.isrequired) { 
      this.checked = true;
      thisObj.mapAdd[name][so.id].checked = this.checked;
      return false;
    }
    thisObj.mapAdd[name][so.id].checked = this.checked;
    thisObj.reCalc();
  };
    
  document.getElementById(vSEl.id+'_name').innerHTML = so.name;
  document.getElementById(vSEl.id+'_amount').innerHTML = so.price+'&nbsp;'+this.money.code;
  if(so.ispersonal == 1)
    document.getElementById(vSEl.id+'_amount').innerHTML += '/чел.';
  document.getElementById(vSEl.id+'_count').value = ( thisObj.mapAdd[name][so.id].cht ? thisObj.mapAdd[name][so.id].cht: 1);
  document.getElementById(vSEl.id+'_count').onchange = function(){
    thisObj.mapAdd[name][so.id].cht = this.value;
    thisObj.reCalc();
  };
  /*
  document.getElementById(vSEl.id+'_count').max = so.maxcnt;
  if(so.maxcnt == 1){
    document.getElementById(vSEl.id+'_count').disabled = true;;
    this.jscClassAdd(document.getElementById(vSEl.id+'_count'), 'clh_widget_inactive');
  }
  if(so.isrequired){
    document.getElementById(vSEl.id+'_chb').checked = 1;
    document.getElementById(vSEl.id+'_chb').readOnly = true;
    this.mapAdd[name][so.id].checked = this.checked;
  }
  */
  document.getElementById(vSEl.id+'_chb').parentNode.title = so.descr;
  
  //если было помечено пометим снова
  if(this.mapAdd[name][so.id].checked){
    document.getElementById(vSEl.id+'_chb').checked = 1;
  }
  return vSEl;
}
//END getSrvOptItem

//прорисовка варианта заселения
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.getVarItem = function(v,full){
  var thisObj = this;
  var re = /VARID/gi;
  var rer = /ROOMID/gi; 
  var ret = /TARIFFID/gi;
  var man = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_man_tpl');
  
  if(v.isPromoCode) this.ispromo = 1;
  //клонируем шаблон
  var vEl = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_VAR_TPL').cloneNode(true);
  vEl.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID;
  vEl.innerHTML = vEl.innerHTML.replace(re, v.ID);
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_VAR_TPL').parentNode.appendChild(vEl);
  
  //заполним комнаты
  var vElRoom = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_room_tpl').cloneNode(true);
  vElRoom.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_obj';
  vElRoom.innerHTML = vElRoom.innerHTML.replace(re, v.ID).replace(rer, v.ID);
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_rooms').appendChild(vElRoom);
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_room_'+v.ID+'_info').innerHTML = v.NAME;
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_room_'+v.ID+'_amount').innerHTML = -1;

  //человечки
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_room_'+v.ID+'_bads').innerHTML = (parseInt(v.OCCUPANCY,10)+parseInt(v.ADVOCCUPANCY,10))+' чел';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_room_'+v.ID+'_bads').title = 'Максимальная вместимость';

  if(!full)
    //заполним тарифы
    for(var t=(v.offers.length-1); t>=0; t--){
      var tar = v.offers[t];
      var vElTariff = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tariff_tpl').cloneNode(true);
      vElTariff.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID;
      vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.ID).replace(ret, tar.OFFERID);
      
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariffs').appendChild(vElTariff);
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID+'_name').innerHTML = tar.NAME;
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID+'_total').innerHTML = (tar.PRICE/100)+'&nbsp;'+this.money.code;
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').innerHTML = ( (v.isOverbooking)? cl_hotel3682.btoverbooking  : cl_hotel3682.btbooking);
      if(this.multyselect) {
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').innerHTML = 'Выбрать';        
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_sum').classList.remove('hide');
        document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_book').onclick = function() {
          var sm = 0; var cnt = 0;
          var ids = '';
          var ofs = '';
          var prices = '';
          var pers = 0;
          for(var v in thisObj.selVars) {
            if(!thisObj.selVars.hasOwnProperty(v))
              continue;
            sm+=thisObj.selVars[v].price;
            cnt++;
            if(ids!='') ids+=';';
            if(ofs!='') ofs+=';';
            if(prices!='') prices+=';';
            ids+=v;
            ofs+=thisObj.selVars[v].offer;
            prices+=thisObj.selVars[v].price*100;
            pers+=thisObj.selVars[v].occupancy;
          }
          if(!cnt) {
            thisObj.alert('Выберите объекты для бронирования.');
            return false;
          }
          if(pers<document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value) {
            thisObj.alert('Вы выбрали меньше объектов, чем требуется для размещения всех персон.');
            return false;
          }
          thisObj.curVar = {'amount':sm, 'NAME': cnt+' шт.',ID:ids,'objTariff':{'OFFERID':ofs},'price':prices };
          thisObj.toStep3();
        };
      }
      document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_'+tar.OFFERID+'_button').onclick = (function (x,y) {
        return function() {
            if(thisObj.multyselect) {              
              if(document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.contains('clh_btn_select')) {
                delete(thisObj.selVars[y.ID]);
                document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.remove('clh_btn_select');
                document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').innerHTML = 'Выбрать';
              } else {
                for(var i=0;i<y.offers.length;i++) {
                  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+y.offers[i].OFFERID+'_button').classList.remove('clh_btn_select');
                  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+y.offers[i].OFFERID+'_button').innerHTML = 'Выбрать';                
                }
                document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').classList.add('clh_btn_select');
                document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+y.ID+'_tariff_'+x.OFFERID+'_button').innerHTML = 'Удалить';
                thisObj.selVars[y.ID] = {'offer':x.OFFERID,'price':x.PRICE/100,'occupancy':parseInt(y.OCCUPANCY,10)+parseInt(y.ADVOCCUPANCY,10)};
              }
              var selobj = thisObj.setLegend2();
              if((selobj.pers > document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person').value) && (selobj.cnt>1))
                thisObj.alert('Вы выбрали больше объектов, чем требуется для размещения всех персон.');
            } else {
              thisObj.curVar = y;
              thisObj.curVar.amount = x.PRICE/100; //пропишем стоимость из выбранного тарифа
              thisObj.tariffId = x.OFFERID;
              thisObj.curVar.objTariff = x;
              //пересчитаем цену
              thisObj.toStep3();
            }
        }
      })(tar, v);
    }//заполним тарифы
  else {
    var vElTariff = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tariff_tpl').cloneNode(true);
    vElTariff.id = 'cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_full';
    vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.ID).replace(ret, 0);
    
    vElTariff.querySelector('.clh_room_sum').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariffs').appendChild(vElTariff);
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_0_name').innerHTML = '';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_0_total').innerHTML = '';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_0_button').innerHTML = 'Подобрать время';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_'+v.ID+'_tariff_0_button').onclick = (function (y) {
      return function() {
          thisObj.curVar = y;
          thisObj.curVar.amount = 0; //пропишем стоимость из выбранного тарифа
          thisObj.tariffId = -1;
          thisObj.tmSelect.button = this;
          thisObj.tmSelect.init(y.blocks);
          thisObj.tmSelect.show();
      }
    })(v);    
  }
  return vEl.parentNode.removeChild(vEl);
};
//END getVarItem

/*
//Проигрыватель галлереи
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.playGallery = function(arrImgs, room_descr){
  var cur = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_current');
  cur.innerHTML = '';
  var sto = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_storage');
  sto.innerHTML = '';
  var src = '';
  for(var k in arrImgs){
    var el = document.createElement('DIV');
    if(!arrImgs[k].storageid){
      arrImgs.splice(k,1);
      continue;
    }
    el.className = 'clh_gallery_pic';
    src =''+this.host+'/getimg.php?f='+arrImgs[k].storageid+'&p='+arrImgs[k].md;
    el.style.backgroundImage = 'url(\''+src+'\')';
    sto.appendChild(el);
    if(!room_descr) 
      room_descr = arrImgs[k].descr;
  }

  if( room_descr && room_descr.length>1){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_description').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_description').innerHTML = room_descr;
  }
  else{
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_description').style.display = 'none';
  }
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery').style.display = 'flex';
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_close').onclick = function(){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery').style.display = 'none';
  };
  
  var jfNextImg = function(){
    var ci = cur.firstChild;
    if(ci){
      cur.removeChild(cur.firstChild);
      sto.insertBefore(ci,sto.lastChild.nextSibling);
    }
    cur.appendChild(sto.removeChild(sto.firstChild));
  }
  
  var jfPrevImg = function(){
    var ci = cur.firstChild;
    if(ci){
      cur.removeChild(cur.firstChild);
      sto.insertBefore(ci,sto.firstChild);
    }
    cur.appendChild(sto.removeChild(sto.lastChild));
  }
  jfNextImg();
  
  if(arrImgs.length>1){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_next').style.visibility = 'visible';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_prev').style.visibility = 'visible';
  }
  else{
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_next').style.visibility = 'hidden';
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_prev').style.visibility = 'hidden';
  }
  
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_next').onclick = function(){
    jfNextImg();
  };
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_prev').onclick = function(){
    jfPrevImg();
  };
  
}
//END playGallery

//дети
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.changeChild = function(){
  var cnt = this.cntC.value;
  if(cnt>0){
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_line').style.display = 'flex';
  }
  else{
    document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_line').style.display = 'none';
  }
  var chd;
  for(var c=1; c<5; c++){
    chd = document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_'+c);
    if(c<=cnt){
      chd.disabled = false;
      this.jscClassRemove(chd,'clh_widget_inactive');
    }
    else{
      chd.disabled = true;
      this.jscClassAdd(chd,'clh_widget_inactive');
    }
  }
};
*/
//закрытие формы
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.closeform = function(){
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5').style.display = 'none';
  if(this.staticForm) return; //статическую форму не закрыть!
  this.formScreen.style.display = 'none';
  this.wrapper.style.display = 'none';
} 
//END closeform

//если форма - то надо при ресайзе "подкручивать" класс
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.resize = function(){
  var contW = this.formContainer.clientWidth;
  var className = 'LINE';
  for(var k in this.sizes){
    if( this.sizes[k].w>=contW ){
      className = this.sizes[k].cl;
    }
  }
  if(!this.staticForm){
    className += ' clh_window'
  }
  else{
    this.jscClassAdd(this.formContainer, 'CL_WDT_HOUR'); 
  }
  this.formScreen.className = '.CL_WDT_HOUR clh_widget '+className;
};

//грузим полную занятость временных интервалов за несколько дней
jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.loadOccupancy = function() {
  var thisObj = this;  
  var spost = 'dtfrom=' + this.dtHour.getDate().toGermanStr() +
              '&tmfrom=' + this.tmHour.tmstart +
              '&tmto=' + this.tmHour.tmend +
              '&interval=' + this.tmHour.step+
              '&pass='+ parseInt(cl_hotel3682.intpass,10);
  //отправляем на сервер
  this.callajax( thisObj.host+'/widget/rent.occupancy.rs.php?aj=1', spost, function(param){
    for(var i=0;i<param.occupancy.length;i++) {
      if(!thisObj.occupancy[param.occupancy[i].substr(0,10)])
        thisObj.occupancy[param.occupancy[i].substr(0,10)] = [];
      thisObj.occupancy[param.occupancy[i].substr(0,10)].push(param.occupancy[i].substr(11,5));      
    }
    thisObj.disableOccupancy();
  });
};

jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3.prototype.disableOccupancy = function() {
  this.tmHour.enableAll();
  if(this.occupancy[this.dtHour.getDate().toGermanStr()]) {
    var oc = this.occupancy[this.dtHour.getDate().toGermanStr()];    
    for(var i=0;i<oc.length;i++) {
      var tm = parseInt(oc[i].substr(0,2),10)*60+parseInt(oc[i].substr(3,2),10);
      this.tmHour.disableInterval(tm,tm+this.tmHour.step);
    }
  }
  var now = new Date();
  if(this.dtHour.getDate().toGermanStr() == now.toGermanStr()) {
    this.tmHour.disableInterval(0,now.getHours()*60+now.getMinutes());
  }
}

/*
function clMans(param){
  var thisObj = this;
  this.min =  ( param.min ? param.min: 0 );
  this.cnt =  ( param.cnt ? param.cnt: this.min );
  this.value = this.cnt; //для общности с простым селектом
  this.max =  ( param.max ? param.max: 5 );
  this.inpCount = ( param.input ? param.input : { value: thisObj.cnt } );
  this.elCount = ( param.elem ? param.elem : { innerHTML: thisObj.cnt } );
  this.elDel = ( param.del ? param.del : { } );
  this.elAdd = ( param.add ? param.add: {  } );
  this.container = ( param.container ? param.container: false );
  this.classOn  =  ( param.classOn ? param.classOn: '' );
  this.classOff =  ( param.classOff ? param.classOff: '' );
  this.onChange =  ( param.onChange ? param.onChange: false );
  this.widget =  ( param.widget ? param.widget: false );
  if(!this.container){
    console.log('clMans :: CONTAINER NOT FOUND');
    return false;
  }
  
  this.arrEl = [];
  
  //по новым веяниям не добавляем а убираем лишних
  for(var cnt=0; cnt<this.container.childNodes.length; cnt++){
    var e = this.container.childNodes[cnt];
    if(!e.id) continue; //пропускаем текстноды
    if(this.max<=this.arrEl.length){
      //лишние убираем
      this.container.removeChild(this.container.childNodes[cnt]);
      continue;
    }
    e.cnt = this.arrEl.length;
    e.className = ( e.cnt<this.cnt ? this.classOn: this.classOff);
    e.onclick = function(){

      if(this.className.baseVal==thisObj.classOn){
        for(var k=0; k<thisObj.arrEl.length; k++){
          if(k==this.cnt){
            thisObj.cnt = Math.max(k, thisObj.min);
            break;
          }
        }
        //decrement();
      }
      else {
        for(var k=0; k<thisObj.arrEl.length; k++){
          if(k==this.cnt){
            thisObj.cnt = Math.min(k+1, thisObj.max);
            break;
          }
        }
        //increment(); 
      }
      thisObj.setCount();
      
    }
    this.arrEl.push(e);
  }
  
  //посчитали элементы перепишем ширину
  var w = (thisObj.arrEl.length*21);
  this.container.style.width = w+'px';

  this.setCount = function(isNoCallBack){
    
    thisObj.inpCount.value = thisObj.cnt;
    thisObj.elCount.innerHTML = thisObj.cnt;
    thisObj.value = thisObj.cnt; //для общности с простым селектом
    
    var cl = '';
    for(var cnt=0; cnt<thisObj.arrEl.length; cnt++){
      cl = ( cnt<thisObj.cnt ? thisObj.classOn : thisObj.classOff );
      thisObj.arrEl[cnt].className.baseVal = cl;
    }

    reButton();  
    if((!isNoCallBack) && thisObj.onChange) thisObj.onChange(thisObj);
  }
  
  var reButton = function(){
    if(thisObj.cnt<=thisObj.min)
      thisObj.widget.jscClassAdd( thisObj.elDel, 'clh_widget_inactive');
    else
      thisObj.widget.jscClassRemove( thisObj.elDel, 'clh_widget_inactive');
      
    if(thisObj.cnt>=thisObj.max)
      thisObj.widget.jscClassAdd( thisObj.elAdd, 'clh_widget_inactive');
    else
      thisObj.widget.jscClassRemove( thisObj.elAdd, 'clh_widget_inactive');
  }
  
  var decrement = function(){
    thisObj.cnt = Math.max(thisObj.cnt-1, thisObj.min);
    thisObj.setCount();
  };
  var increment = function(){
    thisObj.cnt = Math.min(thisObj.cnt+1, thisObj.max);
    thisObj.setCount();
  };
  
  this.elDel.onclick = decrement;
  
  this.elAdd.onclick = increment;
  reButton();  
  
  this.setCount(true);
  
}
*/


var cl_hotel3682 = {
    name:'Зоогостиница \"Территория заботы\"'
  , lat:'55.461391'
  , lng:'37.236889'
  , address:'поселение Краснопахорское, вблизи д. Поляны'
  , descr:''
  , minnum:2  , maxnum:3  , mind:3  , maxd:90  , maxadt:3  , maxchd:2  , childmax:18  , infantmax:0  , gallery: 1  , btbooking: 'Бронировать'
  , btoverbooking: 'Оставить заявку'
  , staticForm: 0  , bookstart: '2021-08-01'
  , bookend: ''
  , ispay: 5  , paysum: 1  , prepaytype: 2  , prepayval: 20  , money: {"id":"1","idDict":"307","idGroup":"0","order":"0","name":"\u0420\u0443\u0431\u043b\u044c","code":"\u0440.","descr":"\u0440\u0443\u0431.","isHide":"0","isProtect":"0","flag":"0"}  , cityrq: 0  , selbed: 1  , islc:0  , interval:'30'
  , tmstart:'0'
  , tmnow: '407'
  , tmend:'1440'
  , isnotstep3:0  , bedsdef:3  , rentmulty:1  , isnotchilds:1  , isalterperson:1  , alterpersonstr:'Животных;Животных;Животных'
  , novariant:'Нет подходящих вариантов на указанные даты'
  , antibrand: 0  , intpass: 0  , intone: 0};

//document.write('<style>  /*vars*/  .clh_widget_wrapper,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery,   .cl_wdt_588f707ded5756c148a5c943f7c1e3e3.cl_calendar,  .cl_wdt_588f707ded5756c148a5c943f7c1e3e3.cl_wdt_timecontainer {    --basic-bg-clr: rgba(255,255,255,1.00); /* цвет фона первого шага виджета, легенды и футера на следующих шагах */    --input-bg-clr: rgba(255,255,255,1.00); /* цвет фона окошек полей ввода */    --additional-bg-clr: rgba(137,161,171,1.00); /* цвет фона шапки виджета, окошек алертов, детей и кнопки "оставить заявку" */    --buttons-bg-clr: rgba(215,210,205,1.00); /* цвет кнопок, активных иконок и ссылок */    --body-bg-clr:   #fefefe; /* цвет фона тела виджета */    --inactive-clr: #d3d3d3;  /* цвет неактивных элементов */    --face-txt-clr: rgba(0,0,0,1.00); /* цвет текста на первом шаге */    --header-txt-clr: rgba(255,255,255,1.00); /* цвет текста в шапке */    --btn-txt-clr: rgba(255,255,255,1.00); /* цвет текста в кнопках */    --input-txt-clr: rgba(51,51,51,1.00); /* цвет текста окошек полей ввода */    --txt-clr: black; /* цвет текста в теле виджета на следующих шагах*/        --border-radius: 0px; /* радиус скругления всех углов виджета */    --border-clr: #696969; /* цвет бордеров полей ввода */    --btn-border-clr: transparent; /* цвет бордеров кнопок */    --border: 1px solid;    --f-family: Arial, sans-serif;    --f-size: 14px !important;    --f-size-inpt: 12px !important;    --f-weight: 400;    --z-index: 99999;    --clr-primary: rgba(215,210,205,1.00); /* основной цвет */    --clr-secondary: rgba(137,161,171,1.00); /* дополнительный цвет */    --clr-default: rgba(51,51,51,1.00); /* цвет текста */    --clr-disabled: #d3d3d3; /* цвет неактивных элементов */    --clr-white: #fff;    --clr-alpha: transparent;        --b-rad: 0px; /* радиус скругления всех углов */    --f-size: 14px !important;    --f-small: 12px !important;    --f-big: 20px !important;    --f-bold: 600;    --sp-s: 5px;    --sp-m: 10px;    --sp-l: 15px;    --sp-xl: 30px;  }  /*END vars*/</style><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3" style="display: none;" class="CL_WDT_HOUR"><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wrapper" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1" class="CL_WDT_HOUR clh_widget">  <!-- Title bar -->  <div class="clh_widget_head_line">    <div class="clh_widget_header">Даты услуги и тренер</div>    <div class="clh_widget_legend_line">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1_legend" class="clh_widget_legend">legend</div>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close1" class="clh_widget_close_x">&times;</div>  </div>  <!-- //Title bar -->  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_user_form" class="clh_widget_body">		<div class="clh_widget_block clh_widget_grow">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_start" class="clh_widget_block_inner clh_widget_grow">        <label class="clh_date_label">Заезд:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart" class="clh_widget_input chekin_date" type="text" size="10" name="chekin_date_start">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_hstart" class="clh_widget_block_inner clh_widget_grow" style="display: none;">        <label class="clh_date_label">Дата:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth" class="clh_widget_input chekin_date" type="text" size="10" name="">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth_button" title="Выбрать дату" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_end" class="clh_widget_block_inner clh_widget_grow">        <label class="clh_date_label">Выезд:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend" class="clh_widget_input chekout_date" type="text" size="10" name="chekout_date_end">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_time" class="clh_widget_block_inner clh_widget_grow" style="display: none; flex-wrap: nowrap;">        <label class="clh_date_label">Время:</label>        <input title="Выберите время" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time" class="clh_widget_input chekout_date" type="text" size="10" readonly>        <input title="Выберите время" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_select" class="clh_widget_input chekout_date" type="text" size="10" readonly style="display:none">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_button" title="Выбрать время" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#clock" class="clh_widget_svg_icon"/></svg>      </div>      <div class="clh_widget_bed" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_bed">        <span>Кровать: </span>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype" name="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype" class="clh_bed_type" type="checkbox">        <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" class="clh_widget_bed_btn">            <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="clh_widget_svg_icon"/>          </svg>        </label>      </div>	  </div>	  <div class="clh_widget_block">      <!-- ADULTS COUNT -->			<div class="clh_widget_block_inner" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_adult">			  <label>Взрослых: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_span">4</span></label>				<input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults" class="clh_widget_input clh_widget_hidden" type="number" name="adult_num">				<div class="clh_widget_guest_counter">					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_del" class="clh_widget_count_btn clh_ripple">-</div>					<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_cont" width="85" height="26" class="clh_widget_guest_icons">						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon"/>					</svg>					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_add" class="clh_widget_count_btn clh_widget_inactive clh_ripple">+</div>				</div>        <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_sel" style="display: none;"></select>			</div>      <!-- // ADULTS COUNT -->      <!-- CLIENTS COUNT -->      <div class="clh_widget_block_inner ai_center" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_person" style="display: none;">        <label>Посетителей: </label>        <div class="clh_widget_guest_counter d_flex ai_center">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus" class="clh_widget_count_btn clh_ripple clh_widget_inactive">-</div>          <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person" class="clh_widget_input" type="number" value="1">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_plus" class="clh_widget_count_btn clh_ripple">+</div>        </div>      </div>      <!-- // CLIENTS COUNT -->            <!-- CHILD COUNT -->			<div class="clh_widget_block_inner" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_child">			  <label>Детей: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_span">1</span></label>				<input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs" class="clh_widget_input clh_widget_hidden" type="number" name="child_num">				<div class="clh_widget_guest_counter">					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_del" class="clh_widget_count_btn clh_ripple">-</div>					<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_cont" width="85" height="26" class="clh_widget_guest_icons">            <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/>             <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>					</svg>					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_add" class="clh_widget_count_btn clh_ripple">+</div>				</div>        <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_sel" style="display: none;"></select>			</div>      <!-- // CHILD COUNT -->            <!-- CHILD AGES -->			<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_line" class="clh_widget_block_inner clh_widget_children_age" style="display: none;">			  <div class="clh_widget_select_hldr">			    <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_1" class="clh_widget_input"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_2" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_3" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_4" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>			  </div>			</div>      <!-- // CHILD AGES -->      		</div>		<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_button" class="clh_widget_btn clh_widget_fwd_btn clh_ripple">       <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class="">        <use xlink:href="#chevron_right_w" class=""/>      </svg>      <span>ПОКАЗАТЬ ВАРИАНТЫ</span>    </div>	</div>	<div class="clh_widget_footer">    <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights">      <span>Разработано</span>      <script>var cl_link="https://www.cloff.ru/";</script>      <span class="cl_link" onclick="window.open(cl_link);">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">          <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>        </svg>      </span>    </div>    <span class="clh_auth_link" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_lc_button">Личный кабинет</span>  </div></div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;">  <div id="clh_step_2" class="clh_widget clh_window">		<div class="clh_widget_head_line">	    <div class="clh_widget_header">Выберите услугу</div>	    <div class="clh_widget_legend_line">			  <div  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close2" class="clh_widget_close_x">&times;</div>	    </div>	  </div>    <div class="clh_widget_choise">      <div>        <b>Ваш выбор:</b>&nbsp;        <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span>      </div>      <div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_back" class="clh_widget_booking_btn clh_ripple">Изменить условия</div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo" class="clh_widget_promocode"><!-- Скидка по промокоду -->          <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_input" type="text" class="clh_widget_input" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_button" class="clh_widget_btn clh_ripple">ok</div>        </div>      </div>    </div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list" class="clh_widget_book_var_list"></div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_sum" class="hide clh_widget_choise">      <div style="min-width: 440px;text-align: right;">        <b>Выбрано:</b>&nbsp;        <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend2">0 объект(-ов) на сумму 0 р.</span>      </div>      <div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_book" class="clh_widget_booking_btn clh_ripple">Бронировать</div>      </div>    </div>                <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights2">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>	</div>	<!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;">  <!-- clh_step_3 -->	<div id="clh_step_3" class="clh_widget clh_window" >		<div class="clh_widget_head_line">	    <div class="clh_widget_header">Выберите тренера</div>	    <div class="clh_widget_legend_line">				<div class="clh_widget_close_x" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close3">&times;</div>	    </div>	  </div>	  <div class="clh_widget_choise">	   	<div>	   		<b>Ваш выбор:</b>&nbsp;	   		<span  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span>	   	</div>	   	<div  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3_promo" style="display: none;">Скидка по промокоду <input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div>	  </div>	  <div class="d_flex fx_column">    	<div class="clh_service_list">    		<div class="clh_service_list_header clh_service_list_header_active" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label" >Услуги</div>    		<div class="clh_service_list_header" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label" >Дополнительно</div>    	</div>    	<div class="clh_service_list">    		<div class="clh_service_tab" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list"></div>				<div class="clh_service_tab clh_mob_hide" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list"></div>      </div>		</div>		<div class="clh_widget_summary_holder">      <div class="clh_widget_btn clh_outline clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back3_button">Назад</div>			<div class="clh_widget_summary">				<div class="" style="display: none;">Промокод: <input type="text" class="clh_widget_input" placeholder="Введите промокод"></div>				<div class="">ИТОГО: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total3">100500&nbsp;р.</span></div>			</div>      <div class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next3_button">Бронировать</div>			</div>  	    <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights3">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>  </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none">  <!-- clh_step_4 -->  <div id="clh_step_4" class="clh_widget clh_window">    <div class="clh_widget_head_line">      <div class="clh_widget_header">Заполните ваши данные</div>      <div class="clh_widget_legend_line"><div class="clh_widget_close_x"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close4">&times;</div></div>    </div>    <div class="clh_widget_choise">      <div><b>Ваш выбор:</b>&nbsp;<span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></div>	    <div style="display:none">Скидка по промокоду<input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div>	  </div>		<form id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_order_form" action="" class="clh_bookingform">      <div class="clh_formholder">        <div class="clh_formcolumn">          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2">Фамилия:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2" type="text" class="clh_widget_input" tabindex="1">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1">Имя:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1" type="text" class="clh_widget_input" tabindex="2">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3">Отчество:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3" type="text" class="clh_widget_input" tabindex="3">          </div>        </div>				<div class="clh_formcolumn">          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone">Телефон:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone" type="tel" class="clh_widget_input" tabindex="4" placeholder="89991112233">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email">E-mail:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email" type="email" class="clh_widget_input" tabindex="5">           </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city">Город:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city"  type="text" class="clh_widget_input" tabindex="6">          </div>				</div>			</div>      <textarea id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_comment" name="clh_booking_comment" class="clh_booking_comment" cols="30" rows="10" placeholder="Комментарий"></textarea>			<div class="clh_pers_data_policy">				<input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_agree" type="checkbox" required="required" checked="checked">        <label for="clh_pers_policy" class="cl_wdt_d_inline_flex cl_wdt_fx_wrap cl_wdt_label">          <div class="cl_wdt_mr_s">Я согласен с условиями</div>          <div class="cl_wdt_txt_primary cl_wdt_c_pointer" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_agree_link" target="_blank" href="https://terzahotel.ru/wp-content/themes/zoohotel-tz/info/agreement.pdf">политики обработки персональных данных</div>        </label>                  			</div>      <div class="clh_widget_summary_holder">        <div type="button" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back4_button" class="clh_widget_btn clh_outline clh_ripple">Назад</div>        <div class="clh_widget_summary">          <div class="">ИТОГО: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total4">100500&nbsp;р.</span></div>        </div>        <button type="submit" class="clh_widget_btn clh_ripple"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next4_button">Бронировать</button>        </div>    </form>    <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights4">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>	</div>	<!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none">	<!-- clh_step_5 -->	<div id="clh_step_5" class="clh_widget clh_window">		<div class="clh_widget_head_line">	    	<div class="clh_widget_header">Спасибо за ваше бронирование</div>	    	<div class="clh_widget_legend_line">				<div class="clh_widget_close_x" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close5" >&times;</div>	    	</div>	    </div>		<div class="clh_confirmation">			<p class="clh_large_txt"><b>Спасибо за ваш заказ!</b></p>      <p>На указанные вами контакты отправлены сообщения о заказе. В&nbsp;ближайшее время наш сотрудник свяжется с&nbsp;вами для уточнения деталей заказа</p>			<p><b>Номер вашего бронирования: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_bookingid">1124</span></b></p>      			<span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_booking_descr">			<p><b>Детали бронирования:</b> <span>4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></p>			<p><b>Номер:</b> Двухместный за 5400&nbsp;р.</p>			<p><b>Услуги:</b></p>			<ul>				<li>Уборка номера - <span>1250&nbsp;р.</span></li>				<li>Завтрак - <span>50&nbsp;р.</span></li>			</ul>			<p><b>Дополнительно:</b></p>			<ul>				<li>Детская кроватка - <span>1000&nbsp;р.</span></li>				<li>Сэйф - <span>350&nbsp;р.</span></li>				<li>Обед - <span>150&nbsp;р.</span></li>			</ul>      <p class="clh_large_txt"><b>Сумма: <span  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total5">35900&nbsp;р.</span></b></p>      </span>            <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay" style="display:none; max-width:150px;margin-top:30px">        <a class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay_lnk">Оплатить</a>      </div>      		</div>    <div class="clh_widget_footer">  		<div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights5">  			<span>Разработано</span>  			<span class="cl_link" onclick="window.open(cl_link);">  				<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">  					<use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>  				</svg>  			</span>  		</div>    </div>	</div>	<!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="clh_widget_block_alert clh_widget clh_window" style="max-width: 300px;">    <div class="clh_widget_head_line">      <div class="clh_widget_header">Внимание!</div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close_x" class="clh_widget_close_x">&times;</div>    </div>    <div class="clh_widget_body">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_msg" class="clh_widget_block_alert_body">Внимание!</div>    </div>    <div class="clh_widget_footer">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close" class="clh_widget_btn clh_ripple fx_grow_1">Ok</div>    </div>  </div></div><!-- // ALERT --><!-- VARIANTS ITEMS --><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_man_tpl" width="21" height="26" class="clh_widget_guest_icons"><use xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/></svg><span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_man_plus_tpl" class="clh_widget_plus">+</span><!-- ROOM --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_room_tpl" class="clh_room_var">  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_img" class="clh_room_pic_preview pic_mid" style="display:none;"></div>  <div class="clh_room_offer_var_descr">  	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_info" class="clh_room_info">2-х местный без балкона</div>  	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_bads" class="clh_visual_guest_num"></div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display:none;"></div>  </div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tariff_tpl" class="clh_room_offer_var">  <span class="clh_tarif_descr" style="display: none;" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.">?</span>  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_name" class="clh_room_offer">Длительный срок</div>  <div class="clh_room_sum">Итого: <span class="clh_old_room_price">100500&nbsp;р.</span> <b><span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_total">2 номера за 11900&nbsp;р.</span></b></div>  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_button" class="clh_widget_booking_btn clh_ripple">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_VAR_TPL" class="clh_widget_book_var">	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_rooms" class="clh_room_var_list"></div>	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariffs" class="clh_room_book"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="clh_widget_book_var">  <div class="clh_corp_name">    <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26" class="rotate">      <use xlink:href="#caret_up" class="clh_widget_svg_icon"/>    </svg>&nbsp;    <b><span>Название корпуса</span></b>  </div>  <div class="clh_corp_descr"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.</span></div></div><!-- end CORPUS NAME --><!-- // VARIANTS ITEMS --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tpl_place"></div><!-- SERVICES --><div class="clh_service_list_item" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_tpl">  <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_chb" title="Дополнительная кровать для сна и утех">    <input type="checkbox" hidden="hidden" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_chb">    <span class="clh_pseudo_checkbox"></span>    <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_name">Дополнительная кровать для сна и утех</span>  </label>  <input type="number" class="clh_widget_input" step="1" min="0" max="50"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_count">  <span class="clh_servise_price"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_amount">1850</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery" class="clh_widget clh_gallery_wraper" style="display: none;">	<div class="clh_widget_head_line"><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_close" class="clh_widget_close_x">&times;</div></div>	<div class="clh_gallery_window">	  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_prev" class="clh_control clh_control_left">	    <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26">        <use xlink:href="#chevron_left" class="clh_widget_svg_icon"/>      </svg>	  </div>	  <div class="clh_gallery_view" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_current">      <div class="clh_gallery_pic" style=""></div>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_next" class="clh_control clh_control_right">      <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26">        <use xlink:href="#chevron_right" class="clh_widget_svg_icon"/>      </svg>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div>	</div>	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_description" class="clh_gallery_text"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_picker" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_588f707ded5756c148a5c943f7c1e3e3 cl_wdt_timecontainer">    <div>      <span>Выберите начало периода</span>    </div>    <div class="cl_wdt_col_12 cl_wdt_bg_secondary cl_wdt_txt_bold cl_wdt_py_s">      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>свободно -</span> <span class="cl_wdt_bg_white cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>недоступно -</span> <span class="cl_wdt_bg_disabled cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>выбрано -</span> <span class="cl_wdt_bg_primary cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>    </div>    <div class="cl_timepicker">      <input type="checkbox" hidden id="00:00"><label for="00:00">00:00</label>      <input type="checkbox" hidden id="01:00"><label for="01:00">01:00</label>      <input type="checkbox" hidden id="02:00"><label for="02:00">02:00</label>      <input type="checkbox" hidden id="03:00"><label for="03:00">03:00</label>      <input type="checkbox" hidden id="04:00"><label for="04:00">04:00</label>      <input type="checkbox" hidden id="05:00"><label for="05:00">05:00</label>      <input type="checkbox" hidden id="06:00"><label for="06:00">06:00</label>      <input type="checkbox" hidden id="07:00"><label for="07:00">07:00</label>      <input type="checkbox" hidden id="08:00"><label for="08:00">08:00</label>      <input type="checkbox" hidden id="09:00"><label for="09:00">09:00</label>      <input type="checkbox" hidden disabled id="10:00"><label for="10:00">10:00</label>      <input type="checkbox" hidden id="11:00"><label for="11:00">11:00</label>      <input type="checkbox" hidden id="12:00"><label for="12:00">12:00</label>      <input type="checkbox" hidden id="13:00"><label for="13:00">13:00</label>      <input type="checkbox" hidden id="14:00"><label for="14:00">14:00</label>      <input type="checkbox" hidden id="15:00"><label for="15:00">15:00</label>      <input type="checkbox" hidden id="16:00"><label for="16:00">16:00</label>      <input type="checkbox" hidden id="17:00"><label for="17:00">17:00</label>      <input type="checkbox" hidden id="18:00"><label for="18:00">18:00</label>      <input type="checkbox" hidden id="19:00"><label for="19:00">19:00</label>      <input type="checkbox" hidden id="20:00"><label for="20:00">20:00</label>      <input type="checkbox" hidden id="21:00"><label for="21:00">21:00</label>      <input type="checkbox" hidden id="22:00"><label for="22:00">22:00</label>      <input type="checkbox" hidden id="23:00"><label for="23:00">23:00</label>    </div>    <div class="cl_wdt_col_12 cl_wdt_py_s cl_wdt_d_flex">      <div class="cl_wdt_btn cl_wdt_fx_grow_1 disabled">подтвердить</div>    </div>  </div></div><!-- END timepicker -->     <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>calend</title>  <path id="calend" d="M8.06,5.05H7a.51.51,0,0,1-.5-.51v-3A.51.51,0,0,1,7,1h1.1a.51.51,0,0,1,.5.5v3A.51.51,0,0,1,8.06,5.05Zm9.48-.51v-3A.51.51,0,0,0,17,1h-1.1a.51.51,0,0,0-.5.5v3a.51.51,0,0,0,.5.51H17A.51.51,0,0,0,17.54,4.54ZM23,5.81V20.94A2.1,2.1,0,0,1,20.86,23H3.14A2.1,2.1,0,0,1,1,20.94V5.81A2.1,2.1,0,0,1,3.14,3.75H5.46v.79A1.51,1.51,0,0,0,7,6.05h1.1a1.51,1.51,0,0,0,1.5-1.51V3.75h4.88v.79a1.51,1.51,0,0,0,1.5,1.51H17a1.51,1.51,0,0,0,1.5-1.51V3.75h2.32A2.1,2.1,0,0,1,23,5.81ZM21,7.88H3v12.8a.27.27,0,0,0,.27.26H20.73a.27.27,0,0,0,.27-.26ZM10.79,11.74H9.08a.51.51,0,0,1-.52-.51V9.51A.52.52,0,0,1,9.08,9h1.71a.52.52,0,0,1,.52.52v1.72A.51.51,0,0,1,10.79,11.74Zm4.13,0H13.2a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,13.2,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,14.92,11.74Zm-4.13,4.13H9.08a.52.52,0,0,1-.52-.52V13.63a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,15.87Zm-4.12,0H5a.51.51,0,0,1-.51-.52V13.63A.51.51,0,0,1,5,13.12H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,15.87Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,15.87Zm4.13-4.13H17.33a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,17.33,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,19.05,11.74Zm0,4.13H17.33a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,15.87ZM10.79,20H9.08a.52.52,0,0,1-.52-.52V17.76a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,20ZM6.67,20H5a.51.51,0,0,1-.51-.52V17.76A.51.51,0,0,1,5,17.25H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,20Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,20Zm4.13,0H17.33a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,20Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55.84 16" width="56" height="16" style="display: none;">  <title>CLOFF_logo_ext</title>  <path id="CLOFF_logo_ext" d="M38.15,3.41a4.71,4.71,0,1,0,4.7,4.72h0a4.7,4.7,0,0,0-4.7-4.71Zm0,7.35a2.64,2.64,0,1,1,2.63-2.64h0a2.64,2.64,0,0,1-2.63,2.64Zm-12.25,0v2.07h0a4.71,4.71,0,0,1,0-9.42h0V5.48h0a2.64,2.64,0,1,0-.2,5.28Zm6.77,0v2.07h0A4.71,4.71,0,0,1,28,8.19h0V3.49H30v4.7h0a2.65,2.65,0,0,0,2.64,2.61ZM49.61,3.47V5.54h0A2.64,2.64,0,0,0,47,8.13h1.81v2.08H47v2.65H44.91V10.21h0V8.13h0a4.71,4.71,0,0,1,4.7-4.66Zm6.23,0V5.54h0A2.64,2.64,0,0,0,53.2,8.13H55v2.08H53.23v2.65H51.15V8.19h0v0h0A4.71,4.71,0,0,1,55.84,3.47Zm-42.59,6L14.7,8.05h0A4.7,4.7,0,0,1,8.05,14.7h0l1.46-1.45h0a2.66,2.66,0,0,0,3.07.48,1.35,1.35,0,1,1,1.15-1.54,2.54,2.54,0,0,1,0,.39A2.66,2.66,0,0,0,13.25,9.51ZM8,1.38H8L6.57,2.84h0a2.64,2.64,0,0,0-3.08-.48A1.35,1.35,0,1,1,2.38,3.91a1,1,0,0,1,0-.43,2.63,2.63,0,0,0,.48,3.08h0L1.38,8h0A4.7,4.7,0,0,1,8,1.38ZM9.52,2.84,8.05,1.38h0A4.7,4.7,0,0,1,14.7,8h0L13.25,6.57h0a2.64,2.64,0,0,0,.48-3.07,1.35,1.35,0,1,1-2.67.38A1.34,1.34,0,0,1,12.2,2.36a1.21,1.21,0,0,1,.38,0,2.64,2.64,0,0,0-3.07.48ZM1.38,8.05h0L2.84,9.51h0a2.64,2.64,0,0,0-.48,3.08,1.36,1.36,0,1,1,1.56,1.12,1.62,1.62,0,0,1-.44,0,2.63,2.63,0,0,0,3.08-.48h0L8,14.69H8A4.7,4.7,0,0,1,1.38,8.05Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>guest</title>  <path id="guest" d="M12,12A4.75,4.75,0,1,0,7.25,7.25,4.75,4.75,0,0,0,12,12Zm3.33,1.19h-.62a6.52,6.52,0,0,1-5.42,0H8.68a5,5,0,0,0-5,5v1.55A1.78,1.78,0,0,0,5.47,21.5H18.53a1.78,1.78,0,0,0,1.78-1.78V18.17A5,5,0,0,0,15.33,13.19Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;">  <title>bed_double</title>  <path id="bed_double" d="M29.24,15.82V21H26.65V18.41H3.35V21H.76V15.82ZM25.35,9.35H4.65A3.89,3.89,0,0,0,.76,13.24v1.29H29.24V13.24A3.89,3.89,0,0,0,25.35,9.35ZM17.59,1H12.41c-5,0-9.06,2.06-9.06,7.06h1.3c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h2.58c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h1.3C26.65,3.06,22.59,1,17.59,1Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;">  <title>bed_two</title>  <path id="bed_two" d="M29.24,15.82V21H26.65V18.41H18.88V21H16.29V15.82h13Zm-3-6.47H19.29a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,26.24,9.35ZM22.76,1.59a5.18,5.18,0,0,0-5.17,5.17v1.3h1.29c0-1.43,1.74-2.59,3.88-2.59s3.89,1.16,3.89,2.59h1.29V6.76A5.18,5.18,0,0,0,22.76,1.59ZM11.12,15.82H.76V21H3.35V18.41h7.77V21h2.59V15.82Zm-.41-6.47h-7a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,10.71,9.35ZM7.24,1.59A5.18,5.18,0,0,0,2.06,6.76v1.3H3.35c0-1.43,1.74-2.59,3.89-2.59s3.88,1.16,3.88,2.59h1.29V6.76A5.18,5.18,0,0,0,7.24,1.59Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_left</title>  <path id="chevron_left" d="M5.68,11.15l9.79-9.8a1.21,1.21,0,0,1,1.71,0L18.32,2.5a1.2,1.2,0,0,1,0,1.7L10.56,12l7.76,7.8a1.2,1.2,0,0,1,0,1.7l-1.14,1.15a1.21,1.21,0,0,1-1.71,0l-9.79-9.8A1.2,1.2,0,0,1,5.68,11.15Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_right</title>  <path id="chevron_right" d="M18.32,12.85l-9.79,9.8a1.21,1.21,0,0,1-1.71,0L5.68,21.5a1.2,1.2,0,0,1,0-1.7L13.44,12,5.68,4.2a1.2,1.2,0,0,1,0-1.7L6.82,1.35a1.21,1.21,0,0,1,1.71,0l9.79,9.8A1.2,1.2,0,0,1,18.32,12.85Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_right_w</title>  <path id="chevron_right_w" d="M12.7,21.5C12.7,21.5,12.7,21.5,12.7,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7L12,2.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C13.2,21.4,12.9,21.5,12.7,21.5z M4.4,21.5L4.4,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.4-0.4-0.4-1,0-1.4l0.8-0.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C4.9,21.4,4.7,21.5,4.4,21.5z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>caret_up</title>  <path id="caret_up" d="M21.52,18h-19a1.41,1.41,0,0,1-1-2.43L11,6.42a1.52,1.52,0,0,1,2.1,0l9.51,9.15A1.41,1.41,0,0,1,21.52,18Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>quest_circle_solid</title>  <path id="quest_circle_solid" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12.3,4.64A5.74,5.74,0,0,0,7.13,7.47a.52.52,0,0,0,.12.72L8.79,9.35a.51.51,0,0,0,.73-.09c.8-1,1.34-1.59,2.55-1.59.9,0,2,.58,2,1.46,0,.67-.55,1-1.44,1.51-1,.59-2.42,1.31-2.42,3.13V14a.52.52,0,0,0,.53.53h2.48a.52.52,0,0,0,.53-.53v-.06c0-1.26,3.69-1.31,3.69-4.73C17.46,6.59,14.8,4.64,12.3,4.64Zm-.3,11a2,2,0,1,0,2,2A2,2,0,0,0,12,15.64Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>clock</title>  <path id="clock" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.87A8.87,8.87,0,1,1,20.87,12,8.87,8.87,0,0,1,12,20.87Zm2.74-4.63L11,13.5a.53.53,0,0,1-.22-.43V5.79a.53.53,0,0,1,.53-.53h1.42a.53.53,0,0,1,.53.53v6.29l3,2.15a.54.54,0,0,1,.12.75l-.83,1.15a.55.55,0,0,1-.75.11Z"/></svg><link rel="stylesheet" type="text/css" href="https://30589.cloff.ru//html/v2/css/cl_wdt_new.css?v=234"/> <link rel="stylesheet" type="text/css" href="https://30589.cloff.ru//html/v2/css/clh_flex_booking_widget_2.css?v=234" />');
var staticForm588f707ded5756c148a5c943f7c1e3e3 = 0;

var sc = document.createElement('script');
sc.type = 'text/javascript';
sc.src = 'https://30589.cloff.ru/js/wdt.js?v=599';
sc.charset = 'UTF-8';
var hd = document.getElementsByTagName("HEAD");
hd.item(0).appendChild(sc);

var wdiv588f707ded5756c148a5c943f7c1e3e3 = document.createElement('DIV');
wdiv588f707ded5756c148a5c943f7c1e3e3.id = 'AAA_588f707ded5756c148a5c943f7c1e3e3';
if(document.body) document.body.appendChild(wdiv588f707ded5756c148a5c943f7c1e3e3);
else document.head.appendChild(wdiv588f707ded5756c148a5c943f7c1e3e3);

var scontent588f707ded5756c148a5c943f7c1e3e3 = '<style>  /*vars*/  .clh_widget_wrapper,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert,  #cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery,   .cl_wdt_588f707ded5756c148a5c943f7c1e3e3.cl_calendar,  .cl_wdt_588f707ded5756c148a5c943f7c1e3e3.cl_wdt_timecontainer {    --basic-bg-clr: rgba(255,255,255,1.00); /* цвет фона первого шага виджета, легенды и футера на следующих шагах */    --input-bg-clr: rgba(255,255,255,1.00); /* цвет фона окошек полей ввода */    --additional-bg-clr: rgba(137,161,171,1.00); /* цвет фона шапки виджета, окошек алертов, детей и кнопки "оставить заявку" */    --buttons-bg-clr: rgba(215,210,205,1.00); /* цвет кнопок, активных иконок и ссылок */    --body-bg-clr:   #fefefe; /* цвет фона тела виджета */    --inactive-clr: #d3d3d3;  /* цвет неактивных элементов */    --face-txt-clr: rgba(0,0,0,1.00); /* цвет текста на первом шаге */    --header-txt-clr: rgba(255,255,255,1.00); /* цвет текста в шапке */    --btn-txt-clr: rgba(255,255,255,1.00); /* цвет текста в кнопках */    --input-txt-clr: rgba(51,51,51,1.00); /* цвет текста окошек полей ввода */    --txt-clr: black; /* цвет текста в теле виджета на следующих шагах*/        --border-radius: 0px; /* радиус скругления всех углов виджета */    --border-clr: #696969; /* цвет бордеров полей ввода */    --btn-border-clr: transparent; /* цвет бордеров кнопок */    --border: 1px solid;    --f-family: Arial, sans-serif;    --f-size: 14px !important;    --f-size-inpt: 12px !important;    --f-weight: 400;    --z-index: 99999;    --clr-primary: rgba(215,210,205,1.00); /* основной цвет */    --clr-secondary: rgba(137,161,171,1.00); /* дополнительный цвет */    --clr-default: rgba(51,51,51,1.00); /* цвет текста */    --clr-disabled: #d3d3d3; /* цвет неактивных элементов */    --clr-white: #fff;    --clr-alpha: transparent;        --b-rad: 0px; /* радиус скругления всех углов */    --f-size: 14px !important;    --f-small: 12px !important;    --f-big: 20px !important;    --f-bold: 600;    --sp-s: 5px;    --sp-m: 10px;    --sp-l: 15px;    --sp-xl: 30px;  }  /*END vars*/</style><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3" style="display: none;" class="CL_WDT_HOUR"><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wrapper" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1" class="CL_WDT_HOUR clh_widget">  <!-- Title bar -->  <div class="clh_widget_head_line">    <div class="clh_widget_header">Даты услуги и тренер</div>    <div class="clh_widget_legend_line">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step1_legend" class="clh_widget_legend">legend</div>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close1" class="clh_widget_close_x">&times;</div>  </div>  <!-- //Title bar -->  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_user_form" class="clh_widget_body">		<div class="clh_widget_block clh_widget_grow">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_start" class="clh_widget_block_inner clh_widget_grow">        <label class="clh_date_label">Заезд:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart" class="clh_widget_input chekin_date" type="text" size="10" name="chekin_date_start">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_hstart" class="clh_widget_block_inner clh_widget_grow" style="display: none;">        <label class="clh_date_label">Дата:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth" class="clh_widget_input chekin_date" type="text" size="10" name="">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dth_button" title="Выбрать дату" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_end" class="clh_widget_block_inner clh_widget_grow">        <label class="clh_date_label">Выезд:</label>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend" class="clh_widget_input chekout_date" type="text" size="10" name="chekout_date_end">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#calend" class="clh_widget_svg_icon"/></svg>      </div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_time" class="clh_widget_block_inner clh_widget_grow" style="display: none; flex-wrap: nowrap;">        <label class="clh_date_label">Время:</label>        <input title="Выберите время" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time" class="clh_widget_input chekout_date" type="text" size="10" readonly>        <input title="Выберите время" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_select" class="clh_widget_input chekout_date" type="text" size="10" readonly style="display:none">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_time_button" title="Выбрать время" width="26" height="26" class="clh_widget_date_btn"><use xlink:href="#clock" class="clh_widget_svg_icon"/></svg>      </div>      <div class="clh_widget_bed" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_bed">        <span>Кровать: </span>        <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype" name="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype" class="clh_bed_type" type="checkbox">        <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" class="clh_widget_bed_btn">            <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="clh_widget_svg_icon"/>          </svg>        </label>      </div>	  </div>	  <div class="clh_widget_block">      <!-- ADULTS COUNT -->			<div class="clh_widget_block_inner" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_adult">			  <label>Взрослых: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_span">4</span></label>				<input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults" class="clh_widget_input clh_widget_hidden" type="number" name="adult_num">				<div class="clh_widget_guest_counter">					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_del" class="clh_widget_count_btn clh_ripple">-</div>					<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_cont" width="85" height="26" class="clh_widget_guest_icons">						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adult_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon"/>					</svg>					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_add" class="clh_widget_count_btn clh_widget_inactive clh_ripple">+</div>				</div>        <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_adults_sel" style="display: none;"></select>			</div>      <!-- // ADULTS COUNT -->      <!-- CLIENTS COUNT -->      <div class="clh_widget_block_inner ai_center" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_person" style="display: none;">        <label>Посетителей: </label>        <div class="clh_widget_guest_counter d_flex ai_center">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_minus" class="clh_widget_count_btn clh_ripple clh_widget_inactive">-</div>          <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person" class="clh_widget_input" type="number" value="1">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_person_plus" class="clh_widget_count_btn clh_ripple">+</div>        </div>      </div>      <!-- // CLIENTS COUNT -->            <!-- CHILD COUNT -->			<div class="clh_widget_block_inner" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_child">			  <label>Детей: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_span">1</span></label>				<input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs" class="clh_widget_input clh_widget_hidden" type="number" name="child_num">				<div class="clh_widget_guest_counter">					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_del" class="clh_widget_count_btn clh_ripple">-</div>					<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 85 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_cont" width="85" height="26" class="clh_widget_guest_icons">            <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_1" xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/>             <use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_2" xlink:href="#guest" x="20" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_3" xlink:href="#guest" x="40" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>						<use id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_child_4" xlink:href="#guest" x="60" y="3" class="clh_widget_svg_icon clh_widget_inactive"/>					</svg>					<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_add" class="clh_widget_count_btn clh_ripple">+</div>				</div>        <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_sel" style="display: none;"></select>			</div>      <!-- // CHILD COUNT -->            <!-- CHILD AGES -->			<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_childs_line" class="clh_widget_block_inner clh_widget_children_age" style="display: none;">			  <div class="clh_widget_select_hldr">			    <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_1" class="clh_widget_input"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_2" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_3" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>				  <select id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_sel_4" class="clh_widget_input clh_widget_inactive" disabled="disabled"></select>			  </div>			</div>      <!-- // CHILD AGES -->      		</div>		<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_button" class="clh_widget_btn clh_widget_fwd_btn clh_ripple">       <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class="">        <use xlink:href="#chevron_right_w" class=""/>      </svg>      <span>ПОКАЗАТЬ ВАРИАНТЫ</span>    </div>	</div>	<div class="clh_widget_footer">    <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights">      <span>Разработано</span>      <script>var cl_link="https://www.cloff.ru/";</script>      <span class="cl_link" onclick="window.open(cl_link);">        <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">          <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>        </svg>      </span>    </div>    <span class="clh_auth_link" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_lc_button">Личный кабинет</span>  </div></div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;">  <div id="clh_step_2" class="clh_widget clh_window">		<div class="clh_widget_head_line">	    <div class="clh_widget_header">Выберите услугу</div>	    <div class="clh_widget_legend_line">			  <div  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close2" class="clh_widget_close_x">&times;</div>	    </div>	  </div>    <div class="clh_widget_choise">      <div>        <b>Ваш выбор:</b>&nbsp;        <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span>      </div>      <div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_back" class="clh_widget_booking_btn clh_ripple">Изменить условия</div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo" class="clh_widget_promocode"><!-- Скидка по промокоду -->          <input id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_input" type="text" class="clh_widget_input" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_promo_button" class="clh_widget_btn clh_ripple">ok</div>        </div>      </div>    </div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_list" class="clh_widget_book_var_list"></div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_sum" class="hide clh_widget_choise">      <div style="min-width: 440px;text-align: right;">        <b>Выбрано:</b>&nbsp;        <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_legend2">0 объект(-ов) на сумму 0 р.</span>      </div>      <div>        <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step2_book" class="clh_widget_booking_btn clh_ripple">Бронировать</div>      </div>    </div>                <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights2">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>	</div>	<!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3" class="CL_WDT_HOUR clh_widget_wrapper" style="display: none;">  <!-- clh_step_3 -->	<div id="clh_step_3" class="clh_widget clh_window" >		<div class="clh_widget_head_line">	    <div class="clh_widget_header">Выберите тренера</div>	    <div class="clh_widget_legend_line">				<div class="clh_widget_close_x" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close3">&times;</div>	    </div>	  </div>	  <div class="clh_widget_choise">	   	<div>	   		<b>Ваш выбор:</b>&nbsp;	   		<span  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span>	   	</div>	   	<div  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step3_promo" style="display: none;">Скидка по промокоду <input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div>	  </div>	  <div class="d_flex fx_column">    	<div class="clh_service_list">    		<div class="clh_service_list_header clh_service_list_header_active" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_label" >Услуги</div>    		<div class="clh_service_list_header" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_label" >Дополнительно</div>    	</div>    	<div class="clh_service_list">    		<div class="clh_service_tab" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_list"></div>				<div class="clh_service_tab clh_mob_hide" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_option_list"></div>      </div>		</div>		<div class="clh_widget_summary_holder">      <div class="clh_widget_btn clh_outline clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back3_button">Назад</div>			<div class="clh_widget_summary">				<div class="" style="display: none;">Промокод: <input type="text" class="clh_widget_input" placeholder="Введите промокод"></div>				<div class="">ИТОГО: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total3">100500&nbsp;р.</span></div>			</div>      <div class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next3_button">Бронировать</div>			</div>  	    <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights3">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>  </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none">  <!-- clh_step_4 -->  <div id="clh_step_4" class="clh_widget clh_window">    <div class="clh_widget_head_line">      <div class="clh_widget_header">Заполните ваши данные</div>      <div class="clh_widget_legend_line"><div class="clh_widget_close_x"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close4">&times;</div></div>    </div>    <div class="clh_widget_choise">      <div><b>Ваш выбор:</b>&nbsp;<span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step4_legend">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></div>	    <div style="display:none">Скидка по промокоду<input type="text" class="clh_widget_input" size="15" placeholder="Введите промокод"></div>	  </div>		<form id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_order_form" action="" class="clh_bookingform">      <div class="clh_formholder">        <div class="clh_formcolumn">          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2">Фамилия:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name2" type="text" class="clh_widget_input" tabindex="1">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1">Имя:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name1" type="text" class="clh_widget_input" tabindex="2">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3">Отчество:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_name3" type="text" class="clh_widget_input" tabindex="3">          </div>        </div>				<div class="clh_formcolumn">          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone">Телефон:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_phone" type="tel" class="clh_widget_input" tabindex="4" placeholder="89991112233">          </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email">E-mail:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_email" type="email" class="clh_widget_input" tabindex="5">           </div>          <div class="clh_formgroup">            <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city">Город:</label>            <input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_city"  type="text" class="clh_widget_input" tabindex="6">          </div>				</div>			</div>      <textarea id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_comment" name="clh_booking_comment" class="clh_booking_comment" cols="30" rows="10" placeholder="Комментарий"></textarea>			<div class="clh_pers_data_policy">				<input  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_agree" type="checkbox" required="required" checked="checked">        <label for="clh_pers_policy" class="cl_wdt_d_inline_flex cl_wdt_fx_wrap cl_wdt_label">          <div class="cl_wdt_mr_s">Я согласен с условиями</div>          <div class="cl_wdt_txt_primary cl_wdt_c_pointer" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_agree_link" target="_blank" href="https://terzahotel.ru/wp-content/themes/zoohotel-tz/info/agreement.pdf">политики обработки персональных данных</div>        </label>                  			</div>      <div class="clh_widget_summary_holder">        <div type="button" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_back4_button" class="clh_widget_btn clh_outline clh_ripple">Назад</div>        <div class="clh_widget_summary">          <div class="">ИТОГО: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total4">100500&nbsp;р.</span></div>        </div>        <button type="submit" class="clh_widget_btn clh_ripple"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_next4_button">Бронировать</button>        </div>    </form>    <div class="clh_widget_footer">      <div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights4">        <span>Разработано</span>        <span class="cl_link" onclick="window.open(cl_link);">          <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">            <use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>          </svg>        </span>      </div>    </div>	</div>	<!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5" class="CL_WDT_HOUR clh_widget_wrapper" style="display:none">	<!-- clh_step_5 -->	<div id="clh_step_5" class="clh_widget clh_window">		<div class="clh_widget_head_line">	    	<div class="clh_widget_header">Спасибо за ваше бронирование</div>	    	<div class="clh_widget_legend_line">				<div class="clh_widget_close_x" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_close5" >&times;</div>	    	</div>	    </div>		<div class="clh_confirmation">			<p class="clh_large_txt"><b>Спасибо за ваш заказ!</b></p>      <p>На указанные вами контакты отправлены сообщения о заказе. В&nbsp;ближайшее время наш сотрудник свяжется с&nbsp;вами для уточнения деталей заказа</p>			<p><b>Номер вашего бронирования: <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_bookingid">1124</span></b></p>      			<span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_booking_descr">			<p><b>Детали бронирования:</b> <span>4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</span></p>			<p><b>Номер:</b> Двухместный за 5400&nbsp;р.</p>			<p><b>Услуги:</b></p>			<ul>				<li>Уборка номера - <span>1250&nbsp;р.</span></li>				<li>Завтрак - <span>50&nbsp;р.</span></li>			</ul>			<p><b>Дополнительно:</b></p>			<ul>				<li>Детская кроватка - <span>1000&nbsp;р.</span></li>				<li>Сэйф - <span>350&nbsp;р.</span></li>				<li>Обед - <span>150&nbsp;р.</span></li>			</ul>      <p class="clh_large_txt"><b>Сумма: <span  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_total5">35900&nbsp;р.</span></b></p>      </span>            <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay" style="display:none; max-width:150px;margin-top:30px">        <a class="clh_widget_btn clh_ripple" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_step5_pay_lnk">Оплатить</a>      </div>      		</div>    <div class="clh_widget_footer">  		<div class="clh_widget_addline" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_rights5">  			<span>Разработано</span>  			<span class="cl_link" onclick="window.open(cl_link);">  				<svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56 16" width="56" height="16">  					<use xlink:href="#CLOFF_logo_ext" class="clh_widget_svg_icon"/>  				</svg>  			</span>  		</div>    </div>	</div>	<!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="clh_widget_block_alert clh_widget clh_window" style="max-width: 300px;">    <div class="clh_widget_head_line">      <div class="clh_widget_header">Внимание!</div>      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close_x" class="clh_widget_close_x">&times;</div>    </div>    <div class="clh_widget_body">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_msg" class="clh_widget_block_alert_body">Внимание!</div>    </div>    <div class="clh_widget_footer">      <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_wnd_alert_close" class="clh_widget_btn clh_ripple fx_grow_1">Ok</div>    </div>  </div></div><!-- // ALERT --><!-- VARIANTS ITEMS --><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 26" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_man_tpl" width="21" height="26" class="clh_widget_guest_icons"><use xlink:href="#guest" x="0" y="3" class="clh_widget_svg_icon"/></svg><span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_man_plus_tpl" class="clh_widget_plus">+</span><!-- ROOM --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_room_tpl" class="clh_room_var">  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_img" class="clh_room_pic_preview pic_mid" style="display:none;"></div>  <div class="clh_room_offer_var_descr">  	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_info" class="clh_room_info">2-х местный без балкона</div>  	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_bads" class="clh_visual_guest_num"></div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display:none;"></div>  </div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tariff_tpl" class="clh_room_offer_var">  <span class="clh_tarif_descr" style="display: none;" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.">?</span>  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_name" class="clh_room_offer">Длительный срок</div>  <div class="clh_room_sum">Итого: <span class="clh_old_room_price">100500&nbsp;р.</span> <b><span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_total">2 номера за 11900&nbsp;р.</span></b></div>  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariff_TARIFFID_button" class="clh_widget_booking_btn clh_ripple">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_VAR_TPL" class="clh_widget_book_var">	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_rooms" class="clh_room_var_list"></div>	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_var_VARID_tariffs" class="clh_room_book"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="clh_widget_book_var">  <div class="clh_corp_name">    <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26" class="rotate">      <use xlink:href="#caret_up" class="clh_widget_svg_icon"/>    </svg>&nbsp;    <b><span>Название корпуса</span></b>  </div>  <div class="clh_corp_descr"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium unde iusto in, deleniti dolore minus explicabo ipsa, nostrum possimus libero ipsum quia sit nihil amet laboriosam delectus rerum quasi assumenda.</span></div></div><!-- end CORPUS NAME --><!-- // VARIANTS ITEMS --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_tpl_place"></div><!-- SERVICES --><div class="clh_service_list_item" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_service_tpl">  <label for="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_chb" title="Дополнительная кровать для сна и утех">    <input type="checkbox" hidden="hidden" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_chb">    <span class="clh_pseudo_checkbox"></span>    <span id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_name">Дополнительная кровать для сна и утех</span>  </label>  <input type="number" class="clh_widget_input" step="1" min="0" max="50"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_count">  <span class="clh_servise_price"  id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_SONAME_SRVID_amount">1850</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery" class="clh_widget clh_gallery_wraper" style="display: none;">	<div class="clh_widget_head_line"><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_close" class="clh_widget_close_x">&times;</div></div>	<div class="clh_gallery_window">	  <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_prev" class="clh_control clh_control_left">	    <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26">        <use xlink:href="#chevron_left" class="clh_widget_svg_icon"/>      </svg>	  </div>	  <div class="clh_gallery_view" id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_current">      <div class="clh_gallery_pic" style=""></div>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_next" class="clh_control clh_control_right">      <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" width="26" height="26">        <use xlink:href="#chevron_right" class="clh_widget_svg_icon"/>      </svg>    </div>    <div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div>	</div>	<div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_gallery_photo_description" class="clh_gallery_text"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3_div_picker" class="CL_WDT_HOUR clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_588f707ded5756c148a5c943f7c1e3e3 cl_wdt_timecontainer">    <div>      <span>Выберите начало периода</span>    </div>    <div class="cl_wdt_col_12 cl_wdt_bg_secondary cl_wdt_txt_bold cl_wdt_py_s">      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>свободно -</span> <span class="cl_wdt_bg_white cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>недоступно -</span> <span class="cl_wdt_bg_disabled cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>      <div class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center">        <span>выбрано -</span> <span class="cl_wdt_bg_primary cl_wdt_brdr cl_wdt_b_rad cl_wdt_py_m cl_wdt_px_xl"></span></div>    </div>    <div class="cl_timepicker">      <input type="checkbox" hidden id="00:00"><label for="00:00">00:00</label>      <input type="checkbox" hidden id="01:00"><label for="01:00">01:00</label>      <input type="checkbox" hidden id="02:00"><label for="02:00">02:00</label>      <input type="checkbox" hidden id="03:00"><label for="03:00">03:00</label>      <input type="checkbox" hidden id="04:00"><label for="04:00">04:00</label>      <input type="checkbox" hidden id="05:00"><label for="05:00">05:00</label>      <input type="checkbox" hidden id="06:00"><label for="06:00">06:00</label>      <input type="checkbox" hidden id="07:00"><label for="07:00">07:00</label>      <input type="checkbox" hidden id="08:00"><label for="08:00">08:00</label>      <input type="checkbox" hidden id="09:00"><label for="09:00">09:00</label>      <input type="checkbox" hidden disabled id="10:00"><label for="10:00">10:00</label>      <input type="checkbox" hidden id="11:00"><label for="11:00">11:00</label>      <input type="checkbox" hidden id="12:00"><label for="12:00">12:00</label>      <input type="checkbox" hidden id="13:00"><label for="13:00">13:00</label>      <input type="checkbox" hidden id="14:00"><label for="14:00">14:00</label>      <input type="checkbox" hidden id="15:00"><label for="15:00">15:00</label>      <input type="checkbox" hidden id="16:00"><label for="16:00">16:00</label>      <input type="checkbox" hidden id="17:00"><label for="17:00">17:00</label>      <input type="checkbox" hidden id="18:00"><label for="18:00">18:00</label>      <input type="checkbox" hidden id="19:00"><label for="19:00">19:00</label>      <input type="checkbox" hidden id="20:00"><label for="20:00">20:00</label>      <input type="checkbox" hidden id="21:00"><label for="21:00">21:00</label>      <input type="checkbox" hidden id="22:00"><label for="22:00">22:00</label>      <input type="checkbox" hidden id="23:00"><label for="23:00">23:00</label>    </div>    <div class="cl_wdt_col_12 cl_wdt_py_s cl_wdt_d_flex">      <div class="cl_wdt_btn cl_wdt_fx_grow_1 disabled">подтвердить</div>    </div>  </div></div><!-- END timepicker -->     <svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>calend</title>  <path id="calend" d="M8.06,5.05H7a.51.51,0,0,1-.5-.51v-3A.51.51,0,0,1,7,1h1.1a.51.51,0,0,1,.5.5v3A.51.51,0,0,1,8.06,5.05Zm9.48-.51v-3A.51.51,0,0,0,17,1h-1.1a.51.51,0,0,0-.5.5v3a.51.51,0,0,0,.5.51H17A.51.51,0,0,0,17.54,4.54ZM23,5.81V20.94A2.1,2.1,0,0,1,20.86,23H3.14A2.1,2.1,0,0,1,1,20.94V5.81A2.1,2.1,0,0,1,3.14,3.75H5.46v.79A1.51,1.51,0,0,0,7,6.05h1.1a1.51,1.51,0,0,0,1.5-1.51V3.75h4.88v.79a1.51,1.51,0,0,0,1.5,1.51H17a1.51,1.51,0,0,0,1.5-1.51V3.75h2.32A2.1,2.1,0,0,1,23,5.81ZM21,7.88H3v12.8a.27.27,0,0,0,.27.26H20.73a.27.27,0,0,0,.27-.26ZM10.79,11.74H9.08a.51.51,0,0,1-.52-.51V9.51A.52.52,0,0,1,9.08,9h1.71a.52.52,0,0,1,.52.52v1.72A.51.51,0,0,1,10.79,11.74Zm4.13,0H13.2a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,13.2,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,14.92,11.74Zm-4.13,4.13H9.08a.52.52,0,0,1-.52-.52V13.63a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,15.87Zm-4.12,0H5a.51.51,0,0,1-.51-.52V13.63A.51.51,0,0,1,5,13.12H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,15.87Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,15.87Zm4.13-4.13H17.33a.51.51,0,0,1-.51-.51V9.51A.51.51,0,0,1,17.33,9h1.72a.52.52,0,0,1,.52.52v1.72A.52.52,0,0,1,19.05,11.74Zm0,4.13H17.33a.51.51,0,0,1-.51-.52V13.63a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,15.87ZM10.79,20H9.08a.52.52,0,0,1-.52-.52V17.76a.51.51,0,0,1,.52-.51h1.71a.51.51,0,0,1,.52.51v1.72A.52.52,0,0,1,10.79,20ZM6.67,20H5a.51.51,0,0,1-.51-.52V17.76A.51.51,0,0,1,5,17.25H6.67a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,6.67,20Zm8.25,0H13.2a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,14.92,20Zm4.13,0H17.33a.51.51,0,0,1-.51-.52V17.76a.51.51,0,0,1,.51-.51h1.72a.52.52,0,0,1,.52.51v1.72A.52.52,0,0,1,19.05,20Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55.84 16" width="56" height="16" style="display: none;">  <title>CLOFF_logo_ext</title>  <path id="CLOFF_logo_ext" d="M38.15,3.41a4.71,4.71,0,1,0,4.7,4.72h0a4.7,4.7,0,0,0-4.7-4.71Zm0,7.35a2.64,2.64,0,1,1,2.63-2.64h0a2.64,2.64,0,0,1-2.63,2.64Zm-12.25,0v2.07h0a4.71,4.71,0,0,1,0-9.42h0V5.48h0a2.64,2.64,0,1,0-.2,5.28Zm6.77,0v2.07h0A4.71,4.71,0,0,1,28,8.19h0V3.49H30v4.7h0a2.65,2.65,0,0,0,2.64,2.61ZM49.61,3.47V5.54h0A2.64,2.64,0,0,0,47,8.13h1.81v2.08H47v2.65H44.91V10.21h0V8.13h0a4.71,4.71,0,0,1,4.7-4.66Zm6.23,0V5.54h0A2.64,2.64,0,0,0,53.2,8.13H55v2.08H53.23v2.65H51.15V8.19h0v0h0A4.71,4.71,0,0,1,55.84,3.47Zm-42.59,6L14.7,8.05h0A4.7,4.7,0,0,1,8.05,14.7h0l1.46-1.45h0a2.66,2.66,0,0,0,3.07.48,1.35,1.35,0,1,1,1.15-1.54,2.54,2.54,0,0,1,0,.39A2.66,2.66,0,0,0,13.25,9.51ZM8,1.38H8L6.57,2.84h0a2.64,2.64,0,0,0-3.08-.48A1.35,1.35,0,1,1,2.38,3.91a1,1,0,0,1,0-.43,2.63,2.63,0,0,0,.48,3.08h0L1.38,8h0A4.7,4.7,0,0,1,8,1.38ZM9.52,2.84,8.05,1.38h0A4.7,4.7,0,0,1,14.7,8h0L13.25,6.57h0a2.64,2.64,0,0,0,.48-3.07,1.35,1.35,0,1,1-2.67.38A1.34,1.34,0,0,1,12.2,2.36a1.21,1.21,0,0,1,.38,0,2.64,2.64,0,0,0-3.07.48ZM1.38,8.05h0L2.84,9.51h0a2.64,2.64,0,0,0-.48,3.08,1.36,1.36,0,1,1,1.56,1.12,1.62,1.62,0,0,1-.44,0,2.63,2.63,0,0,0,3.08-.48h0L8,14.69H8A4.7,4.7,0,0,1,1.38,8.05Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>guest</title>  <path id="guest" d="M12,12A4.75,4.75,0,1,0,7.25,7.25,4.75,4.75,0,0,0,12,12Zm3.33,1.19h-.62a6.52,6.52,0,0,1-5.42,0H8.68a5,5,0,0,0-5,5v1.55A1.78,1.78,0,0,0,5.47,21.5H18.53a1.78,1.78,0,0,0,1.78-1.78V18.17A5,5,0,0,0,15.33,13.19Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;">  <title>bed_double</title>  <path id="bed_double" d="M29.24,15.82V21H26.65V18.41H3.35V21H.76V15.82ZM25.35,9.35H4.65A3.89,3.89,0,0,0,.76,13.24v1.29H29.24V13.24A3.89,3.89,0,0,0,25.35,9.35ZM17.59,1H12.41c-5,0-9.06,2.06-9.06,7.06h1.3c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h2.58c0-1.43,2-2.59,4.53-2.59s4.53,1.16,4.53,2.59h1.3C26.65,3.06,22.59,1,17.59,1Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 21" width="30" height="21" style="display: none;">  <title>bed_two</title>  <path id="bed_two" d="M29.24,15.82V21H26.65V18.41H18.88V21H16.29V15.82h13Zm-3-6.47H19.29a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,26.24,9.35ZM22.76,1.59a5.18,5.18,0,0,0-5.17,5.17v1.3h1.29c0-1.43,1.74-2.59,3.88-2.59s3.89,1.16,3.89,2.59h1.29V6.76A5.18,5.18,0,0,0,22.76,1.59ZM11.12,15.82H.76V21H3.35V18.41h7.77V21h2.59V15.82Zm-.41-6.47h-7a3,3,0,0,0-3,3v2.18h13V12.35A3,3,0,0,0,10.71,9.35ZM7.24,1.59A5.18,5.18,0,0,0,2.06,6.76v1.3H3.35c0-1.43,1.74-2.59,3.89-2.59s3.88,1.16,3.88,2.59h1.29V6.76A5.18,5.18,0,0,0,7.24,1.59Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_left</title>  <path id="chevron_left" d="M5.68,11.15l9.79-9.8a1.21,1.21,0,0,1,1.71,0L18.32,2.5a1.2,1.2,0,0,1,0,1.7L10.56,12l7.76,7.8a1.2,1.2,0,0,1,0,1.7l-1.14,1.15a1.21,1.21,0,0,1-1.71,0l-9.79-9.8A1.2,1.2,0,0,1,5.68,11.15Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_right</title>  <path id="chevron_right" d="M18.32,12.85l-9.79,9.8a1.21,1.21,0,0,1-1.71,0L5.68,21.5a1.2,1.2,0,0,1,0-1.7L13.44,12,5.68,4.2a1.2,1.2,0,0,1,0-1.7L6.82,1.35a1.21,1.21,0,0,1,1.71,0l9.79,9.8A1.2,1.2,0,0,1,18.32,12.85Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>chevron_right_w</title>  <path id="chevron_right_w" d="M12.7,21.5C12.7,21.5,12.7,21.5,12.7,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7L12,2.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C13.2,21.4,12.9,21.5,12.7,21.5z M4.4,21.5L4.4,21.5c-0.3,0-0.5-0.1-0.7-0.3l-0.8-0.8c-0.2-0.2-0.3-0.4-0.3-0.7c0-0.3,0.1-0.5,0.3-0.7l7-7l-7-7c-0.4-0.4-0.4-1,0-1.4l0.8-0.8c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4l-8.5,8.5C4.9,21.4,4.7,21.5,4.4,21.5z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>caret_up</title>  <path id="caret_up" d="M21.52,18h-19a1.41,1.41,0,0,1-1-2.43L11,6.42a1.52,1.52,0,0,1,2.1,0l9.51,9.15A1.41,1.41,0,0,1,21.52,18Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>quest_circle_solid</title>  <path id="quest_circle_solid" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12.3,4.64A5.74,5.74,0,0,0,7.13,7.47a.52.52,0,0,0,.12.72L8.79,9.35a.51.51,0,0,0,.73-.09c.8-1,1.34-1.59,2.55-1.59.9,0,2,.58,2,1.46,0,.67-.55,1-1.44,1.51-1,.59-2.42,1.31-2.42,3.13V14a.52.52,0,0,0,.53.53h2.48a.52.52,0,0,0,.53-.53v-.06c0-1.26,3.69-1.31,3.69-4.73C17.46,6.59,14.8,4.64,12.3,4.64Zm-.3,11a2,2,0,1,0,2,2A2,2,0,0,0,12,15.64Z"/></svg><svg baseProfile="tiny" version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" style="display: none;">  <title>clock</title>  <path id="clock" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.87A8.87,8.87,0,1,1,20.87,12,8.87,8.87,0,0,1,12,20.87Zm2.74-4.63L11,13.5a.53.53,0,0,1-.22-.43V5.79a.53.53,0,0,1,.53-.53h1.42a.53.53,0,0,1,.53.53v6.29l3,2.15a.54.54,0,0,1,.12.75l-.83,1.15a.55.55,0,0,1-.75.11Z"/></svg><link rel="stylesheet" type="text/css" href="https://30589.cloff.ru//html/v2/css/cl_wdt_new.css?v=234"/> <link rel="stylesheet" type="text/css" href="https://30589.cloff.ru//html/v2/css/clh_flex_booking_widget_2.css?v=234" />';//document.getElementById('cl_hotel_booking_widget_588f707ded5756c148a5c943f7c1e3e3').innerHTML;
wdiv588f707ded5756c148a5c943f7c1e3e3.innerHTML = scontent588f707ded5756c148a5c943f7c1e3e3;
var clW_588f707ded5756c148a5c943f7c1e3e3;
sc.onload = function(){
  clW_588f707ded5756c148a5c943f7c1e3e3 = new jcClWidgetBooking588f707ded5756c148a5c943f7c1e3e3({ hash:'588f707ded5756c148a5c943f7c1e3e3', wid:3682, content:scontent588f707ded5756c148a5c943f7c1e3e3, host:'https://30589.cloff.ru/', staticForm: staticForm588f707ded5756c148a5c943f7c1e3e3 });
}