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

  <575px (XS)
  576px-767px (SM)
  768px-991px (MD)
  992px-1199px (LG)
  >1200px (XL)
  
*/
console.log('WDG 2.1');
function jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166(param) {

  jcClWidgetBase.apply(this, arguments);
  this.type = 'bookig.2';
  var thisObj = this;
  this.content = param.content;
  this.onopenform = function() { };
  this.oncloseform = function() { 
    thisObj.resetAll();
  };
  this.onCloseCallBack = false;
  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 = 'd823937e2903081e9d5d4a2d1863c166';
  this.varDescr   = false;
  this.initChilds = false;
  this.tariffId   = '';
  this.addPrice   = 0;  //сумма услуг и опций

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

  this.sizes = [
    {w:1199, cl: 'LG'},
    {w:991, cl: 'MD'},
    {w:767, cl: 'SM'},
    {w:575, cl: 'XS'},
  ];
  

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

  this.bookend = ( cl_hotel3589&&cl_hotel3589.bookend ? cl_hotel3589.bookend: '');
  this.bookstart = ( cl_hotel3589&&cl_hotel3589.bookstart ? cl_hotel3589.bookstart: '');
  this.money = cl_hotel3589&&cl_hotel3589.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_d823937e2903081e9d5d4a2d1863c166_wnd_alert_msg').innerHTML = msg;
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert'), 'hide');
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert').style.display = 'block'
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close_x').onclick = 
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close').onclick = function(){
      thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert'), 'hide');
      document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert').style.display = 'none'
    };
  };
 
  //пересадим наши окна в боди
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5')) );
  document.body.appendChild(  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_step2_list').innerHTML = '<li></li>';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dt_legend').innerHTML = this.dtStart.getLegend(this.dtStart.dt1, this.dtEnd.dt1);
    this.cntday = Math.ceil((this.dtEnd.dt1-this.dtStart.dt1)/this.SUTKI);
    this.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1'),'showBookingList');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_step1');
  this.wrapper = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wrapper');
  this.addEvent(window, 'resize', function(e){
    thisObj.resize();
  });
  
  if(!this.selbed){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype').parentNode.style.display = 'none';
  }
  if( cl_hotel3589.bedsdef==3){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype').parentNode.style.display = 'none';
  }
  
  var pURL = 'https://alpen-club.ru/confidential';
  if(pURL.length>0)
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_agree_link').onclick = function(){
      window.open(pURL);
    }
  
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close1').onclick = 
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close2').onclick = 
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close3').onclick = 
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close4').onclick = 
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close5').onclick = function(){
    thisObj.closeform();
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_button').onclick = function(){
    thisObj.loadVars();
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next3_button').onclick = function(){
    thisObj.toStep4();
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_order_form').onsubmit = function(){
    thisObj.send();
    return false;
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_back').onclick = function(){
    thisObj.closeform();
    thisObj.openform();
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back3_button').onclick = function(){
    thisObj.toStep2();
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back4_button').onclick = function(){
    thisObj.toStep3();
  }
  if(!cl_hotel3589.islc){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_dtstart').value = wDate.dt2german( ds );
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend').value = wDate.dt2german( new Date(ds.getTime()+(24*3600*1000*cl_hotel3589.mind)) );
 
  this.dtEnd = new wDate( 
                          { input: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend')
                          , button: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend_button') 
                          , dtstart: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtstart') 
                          , class: 'cl_wdt_d823937e2903081e9d5d4a2d1863c166' 
                          , onchange: function(){ thisObj.dtOnChange(); }
                          } 
                        );
  
  this.dtStart = new wDate( 
                            { input: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtstart')
                            , button: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtstart_button') 
                            , dtend: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend') 
                            , endobj: this.dtEnd 
                            , class: 'cl_wdt_d823937e2903081e9d5d4a2d1863c166' 
                            , onchange: function(){ thisObj.dtOnChange(); }
                            } 
                          );
  //END проинициализируем даты
  
  //кровать
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_bedtype').checked = ( cl_hotel3589.bedsdef!=1 );
  if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype').checked){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype_icon').setAttribute("xlink:href", "#bed_double");
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype_icon').setAttribute("xlink:href", "#bed_two");
  }
  //END кровать
  
  //гости
  //название гостя
  var man_width = 21;
  this.persName1 = 'Взрослый';
  this.persName3 = 'Взрослых';
  this.persName5 = 'Взрослых';
  if( cl_hotel3589.isalterperson && (cl_hotel3589.alterpersonstr!='') ){
    var arrStr = cl_hotel3589.alterpersonstr.split(';');
    this.persName1 = arrStr[0];
    this.persName3 = arrStr[1];
    this.persName5 = arrStr[2];
    man_width = 26;
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont').setAttribute("x", "100");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont').setAttribute("viewBox", "0 0 100 26");
    
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_1').setAttribute("xlink:href", "#pet_paw");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_2').setAttribute("xlink:href", "#pet_paw");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_2').setAttribute("x", "25");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_3').setAttribute("xlink:href", "#pet_paw");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_3').setAttribute("x", "50");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_4').setAttribute("xlink:href", "#pet_paw");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_4').setAttribute("x", "74");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_man_tpl').firstChild.setAttribute("xlink:href", "#pet_paw");
    
    this.cntAdt = 1;
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_name').innerHTML = this.persName5;
  
  if( (cl_hotel3589.maxadt>4) || (cl_hotel3589.maxchd>4) ){
    //много через SELECT
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_del').onclick =
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_del').onclick = 
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_add').onclick =
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_add').onclick = function(e){
      switch (this.id.substr(-10)) {
        case 'adults_del' : 
          thisObj.cntA.value = Math.max(1, parseInt(thisObj.cntA.value,10)-1 );
          break;
        case 'adults_add' : 
          thisObj.cntA.value = Math.min(cl_hotel3589.maxadt, parseInt(thisObj.cntA.value,10)+1 );
          break;
        case 'childs_del' : 
          thisObj.cntC.value = Math.max(0, parseInt(thisObj.cntC.value,10)-1 );
          thisObj.changeChild();
          break;
        case 'childs_add' : 
          thisObj.cntC.value = Math.min(cl_hotel3589.maxchd, parseInt(thisObj.cntC.value,10)+1 );
          thisObj.changeChild();
          break;
      }
    }
    
    this.cntA = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults');
    this.cntA.onchange = function(obj){  thisObj.freeVars(); }
    this.cntC = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs');
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_cont').style.display = 'none';
  }
  else{
    //мало "человечки"

    this.cntA = new clMans({
        input: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults')
      , elem : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_span')
      , del  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_del')
      , add  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_add')
      , container  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont')
      , classOn  : 'cl_wdt_i_primary'
      , classOff : 'cl_wdt_i_primary cl_wdt_i_disabled'
      , cnt : this.cntAdt
      , min: 1
      , max: cl_hotel3589.maxadt
      , widget : this
      , onChange: function(obj){  thisObj.freeVars(); }
      , elwidth: man_width
    });
    
    this.cntC = new clMans({
        input: document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs')
      , elem : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_span')
      , del  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_del')
      , add  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_add')
      , container  : document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_cont')
      , classOn  : 'cl_wdt_i_primary'
      , classOff : 'cl_wdt_i_primary cl_wdt_i_disabled'
      , cnt : (this.cntChild+this.cntInfants)
      , min: 0
      , max: cl_hotel3589.maxchd
      , widget : this
      , onChange: function(){ thisObj.cntC.onchange(); }
    });
    //спрячем количества
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs').style.display = 'none';

  }
  
  if( (cl_hotel3589.maxchd<=0) || (cl_hotel3589.isnotchilds)  ){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_child').style.display = 'none';
  }
  
  //спрячем количества
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_span').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_span').style.display = 'none';

  this.cntC.onchange = function(){
    console.log('thisObj.cntC.onchange');
    thisObj.changeChild();
  };
  thisObj.changeChild();
  
  //дети 89025070899
  var sChildAges = '<option value="-1"></option>';
  for(var ca=0; ca<=cl_hotel3589.childmax; ca++)
    sChildAges += ('<option value="'+ca+'">'+ca+'</option>');
  
  for(var c=1; c<5; c++){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_'+c).innerHTML = sChildAges;
  }
  //ENDдети
  //END гости
  
  
  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_d823937e2903081e9d5d4a2d1863c166_phone').addEventListener("change", function (event) {
      //проверка параметров
      var phone = this.value;
      phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,'');
      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; }
        }
      }
console.log('errMsg',errMsg);
      this.setCustomValidity(errMsg);
  });
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').setCustomValidity('Введите телефон!');
  
  this.booking_init();
}

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

jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.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()

jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.maxZIndex = function() {

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


jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.openform = function( ID_CONTAINER, e ){
  //console.log('cl_hotel3589::', cl_hotel3589)
  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;
      }
      
      jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.zIndex = xIndex;
    }
  }
  jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.zIndex = jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.maxZIndex()+1;
  this.formContainer.appendChild( this.formScreen.parentNode.removeChild(this.formScreen)  );
  document.body.appendChild( this.wrapper.parentNode.removeChild(this.wrapper));
  this.formScreen.style.display = 'flex';
  
  if(this.staticForm){
    //убираем крестик
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close1').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_back').style.display = 'none';
  }
  else{
    //модальность
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close1').style.display = 'flex';
    this.wrapper.style.display = 'flex';
  }
  this.container.style.zIndex = Math.max(99998, jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.zIndex);
  
  if(!document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_styleZ')){
    var s = document.createElement('STYLE');
    s.id = 'cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_styleZ';
    document.body.appendChild(s);
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_styleZ').innerHTML = '#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert,\n'
               +'#cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery,\n'
               +'.cl_wdt_d823937e2903081e9d5d4a2d1863c166.cl_calendar, .cl_wdt_widget_wrapper, .clh_widget_wrapper {  --z-index: '+this.container.style.zIndex+';  }';
  
  this.resize();
  this.dtOnChange();
  if(cl_hotel3589.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_d823937e2903081e9d5d4a2d1863c166_lc_button')) 
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_lc_button').style.display = 'none';
     }
   },600);
  }
};

jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.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();
  }
};

jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.dtOnChange = function(){
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1_legend').innerHTML = this.getLegend();
};

//сложим легенду
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getLegend = function(){
  return this.dtEnd.getLegend( this.dtStart.dt1, this.dtEnd.dt1, true);
}

//полную легенду
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getLegendFull = function(isNoNums){
  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+' '+jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.jscCntRus(adt, this.persName1, this.persName3, this.persName5)+(ch>0?' '+ch+'&nbsp;'+jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.jscCntRus(ch, 'ребёнок', 'ребёнка', 'детей')+' ':'');
  
  if(this.addPrice)
    ssN = (ssN+' дополнительно услуги: '+this.addPrice+this.money.code);
  
  if(isNoNums) ssN = this.getLegend();
  return( ssVar+' c '+this.dtStart.dt1.toGermanStr()+' по '+this.dtEnd.dt1.toGermanStr()+'. '+ssN);
}; 
//END getLegendFull

//загрузка вариантов Хомяков
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.loadVars = function(){
  var msg = '';  //сообщение об ошибке
  
  //собираем / проверяем даты
  var dts = this.dtStart.toCLStr();
  if(!dts){
    msg += ( msg==''?'':'<br>');
    msg += 'Выберите дату заезда.';
  }
  var dte = this.dtEnd.toCLStr();
  if(!dte){
    msg += ( msg==''?'':'<br>');
    msg += 'Выберите дату отъезда.';
  }
  
  if(this.bookend != '') {
    var bookend = new Date( Date.parse(this.bookend) );
    if(bookend<this.dtEnd.getDate()){
      msg += ( msg==''?'':'<br>');
      msg += 'Бронирование доступно только до '+this.toGermanString(bookend);
    }
  }
  var hds = new Date( this.bookstart );
  var cds = new Date( this.toJapanString(this.dtStart.dt1)  ); 
  if(hds>cds){
    msg += ( msg==''?'':'<br>');
    msg += 'Бронирование доступно только с '+this.toGermanString(hds);
  }
  var dd = Math.ceil((this.dtEnd.dt1-this.dtStart.dt1)/this.SUTKI);
  if(dts>=dte){
    msg += ( msg==''?'':'<br>');
    msg += 'Период бронирования выбран не корректно.';
  }
  else {
    if(cl_hotel3589.mind>dd){
      msg += ( msg==''?'':'<br>');
      msg += 'Минимальный период бронирования '+cl_hotel3589.mind+' '+jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.jscCntRus(cl_hotel3589.mind, 'сутки', 'суток', 'суток');
    }
    if(cl_hotel3589.maxd<dd){
      msg += ( msg==''?'':'<br>');
      msg += 'Максимальный период бронирования '+cl_hotel3589.maxd+' '+jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.jscCntRus(cl_hotel3589.mind, 'сутки', 'суток', 'суток');
    }
  }
  //END собираем / проверяем даты
  
  var adt = this.cntA.value;
  //дети
  var ch = this.cntC.value;
  if(ch<0){
    msg += ( msg==''?'':'<br>');
    msg += 'Количество детей введено не верно.';
  }
  if(!ch) ch=0;
    
  var childs  = 0;  //детей
  var infants = 0;  //младенцев
    
  var achilds = '';
  if(ch < 5){
    //возраст детей проверяем только если их мало
    for(k=1; k<=ch; k++){
      var age = parseInt(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_'+k).value,10);
      if(age<0){
        msg += ( msg==''?'':'<br>');
        msg += 'Введите возраст ';
        switch(k){
          case 1 :
            msg += 'первого';
            break;
          case 2 :
            msg += 'второго';
            break;
          case 3 :
            msg += 'третьего';
            break;
          case 4 :
            msg += 'четвёртого';
            break;
          case 5 :
            msg += 'пятого';
            break;
          default :
            msg += (''+k+'го');
            break;
        }
        msg += ' ребёнка.\n';
      }
      else{
        if(age>this.infantmax){
          childs++
        }
        else{
          infants++;
        }
        achilds += ('&arrch['+k+']='+age);
      }
    }
  }//END for(k=1; k<=ch; k++)
  //END дети
  
  //Если ошибка выводим и выходим!
  if(msg!=''){
    this.alert(msg);
    return;
  }
  
  this.cntAdt = adt;
  this.cntChild = childs;
  this.cntInfants = infants;
  
  var thisObj = this;
  
  //формируем данные
  var spost = 'wv=2&dts='+dts+'&dte='+dte+'&cntadlt='+adt+'&ssid='+this.ssid;
  if(ch>0)
    spost += ('&cntinfant='+infants+'&cntchild='+childs+achilds);
  
  //промо
  this.promocode = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_input').value;
  spost += ('&promocode='+this.promocode);
  
  this.store_spost = 'dts='+dts+'&dte='+dte+'&promocode='+this.promocode;
  
  //отправляем на сервер
  this.callajax( thisObj.host+'/widget/booking.start.rs.php?aj=1', spost, function(param){
    console.log('d823937e2903081e9d5d4a2d1863c166', param);
    if(parseInt(param.errcode,10)>0){
      if(parseInt(param.errcode,10) == 777) {
        thisObj.alert('Минимальный период бронирования '+cl_hotel3589.mind+' суток');
        return;
      }
      if(param.errmsg){
        thisObj.alert(param.errmsg);
        return;
      }
    }
      
    //есть ли варианты
    if(param.arrvariant.length==0){
      thisObj.alert(cl_hotel3589.novariant);
      return;
    }
      
    thisObj.arrVars = param.arrvariant;
    thisObj.arrService = param.arrservice;
    thisObj.arrOption = param.arroption;
    thisObj.mapAdd = {};
    thisObj.mapAdd['service']= {};
    thisObj.mapAdd['option']= {};
    for(var k in thisObj.arrService){
      thisObj.mapAdd['service'][thisObj.arrService[k].id] = thisObj.arrService[k];
    }
    for(k in thisObj.arrOption){
      thisObj.mapAdd['option'][thisObj.arrOption[k].id] = thisObj.arrOption[k];
    }
    thisObj.arrTypes = param.arrtypes;
    thisObj.arrImgs = (param.arrimgs ? param.arrimgs: []);
    
    if(param.ssid) {
      var date = new Date((new Date()).getTime()+30*60*1000);
      thisObj.ssid = param.ssid;
      thisObj.setcookie('cl_ssid', param.ssid, {expires : date.toUTCString()});
    }
    thisObj.toStep2();
  }, true);
  
}; 
//END loadVars

//Открываем окно с вариантами заселения
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.toStep2 = function(){
  this.closeform();
  var thisObj = this;
  
  //рисуем варианты
  //console.log('thisObj.arrVars', this.arrVars);
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_list').innerHTML = '';
  for(var k=0; k<this.arrVars.length; k++){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_list').appendChild( this.getVarItem(this.arrVars[k]) );
  }
  //END рисуем варианты
  
  //легенду
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_legend').innerHTML = this.getLegendFull(1);
  
  if(this.ispromo){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_button').onclick = function(e){
      thisObj.loadVars();
    };
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_button').onclick = function(e){};
  }
    
  if(window.cl_hotel1561){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo').style.visibility = 'hidden';
  }
  
  //Открываем окно
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2').style.display = 'block';
};
//END toStep2

//Открываем окно с услугами и опциями
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.toStep3 = function(){
  this.closeform();
  
  //заполняем сервисы
  var cnt = 0;
  var cntSrv = cntOpt = 0;
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list').innerHTML = '';
  for(var s=0; s<this.arrService.length; s++){
    if(this.arrService[s].maxcnt>0){
      document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list').appendChild( this.getServiceItem(this.arrService[s]) );
      cnt++;
      cntSrv++;
    }
  }
  
  if(!this.arrOption.length){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label').style.display = 'none';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list').style.display = 'none';
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list').innerHTML = '';
    for(var o=0; o<this.arrOption.length; o++){
      if(this.arrOption[o].maxcnt>0){
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list').appendChild( this.getOptionItem(this.arrOption[o]) ); 
        cnt++;
        cntOpt++;
      }
    }
  }
  
  //пересчитаем цену
  this.reCalc();
  
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next3_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel3589.btoverbooking: cl_hotel3589.btbooking);

  //вкладки на втором экране
  var thisObj = this;
  var showService = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_label').onclick = function(e){
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label'), 'cl_wdt_bg_disabled_mob');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_label'), 'cl_wdt_bg_disabled_mob');
    
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list'), 'cl_wdt_mob_hide');
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list'), 'cl_wdt_mob_hide');
  }


  var showOption = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label').onclick = function(e){
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label'), 'cl_wdt_bg_disabled_mob');
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_label'), 'cl_wdt_bg_disabled_mob');
    
    thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list'), 'cl_wdt_mob_hide');
    thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list'), 'cl_wdt_mob_hide');
  }
  
  if(!cntOpt){
    showService();
  }
  if(!cntSrv){
    showOption();
  }
  
  //Открываем окно
  if( cl_hotel3589.isnotstep3==1){
    this.toStep4();
    return;
  }
  
  if( cnt>0 )
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3').style.display = 'block';
  else
    this.toStep4();
};
//END toStep2

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

  //пересчитаем цену
  this.reCalc();
  var thisObj = this;
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel3589.btoverbooking: cl_hotel3589.btbooking);
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button').onclick = function(){ return true; };

  var old_element = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button');
  var new_element = old_element.cloneNode(true);
  old_element.parentNode.replaceChild(new_element, old_element);
  /*
  try{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').setCustomValidity("Введите номер телефона");
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').addEventListener("input", function (event) {
      this.value = this.value.replace('+7','8').replace('-','').replace('(','').replace(')','');
            //проверка параметров
      var errMsg = '';
      if( !phone.length ) {
        errMsg += 'Введите телефон!<br>\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);
      
      if ( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').validity.patternMismatch) {
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').setCustomValidity("Номер телефона вводится в формате\n89211112233 для номеров РФ и\n810+любое количество цифр для иностранных номеров");
      }
      if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').validity.valueMissing){
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone').setCustomValidity("Введите номер телефона");
      }
      
      
    });
  }
  catch(e){
    console.error(e);
  }
  */
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button').onclick =
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_order_form').onsubmit  = function(){
    thisObj.send();
    return false;
  }
  
  //Открываем окно
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4').style.display = 'block';
};
//END toStep4

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

//отправка формы - создание брони и переход к оплате/итогам
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.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_d823937e2903081e9d5d4a2d1863c166_phone').value);
  phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,'');
  var fname = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name1').value);
  var lname = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name2').value);
  var mname = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name3').value);
  var email = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_email').value);
  var city  = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_city').value);
  var comment  = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_comment').value);
  var name = lname+fname;
  var amount  = trim(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_comment').value);
  
  //проверка параметров
  if(!document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_agree').checked){
    errMsg += 'Для продолжения необходимо согласие на  обработку персональных данных!<br>\n';
  }

  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';
  }
  
  //собираем данные
  //сервисы
  asrv = '';
  var sService = '';
  var cnt = 1;
  for(var ks=0; ks<this.arrService.length; ks++){
    var srv = this.arrService[ks];
    if(srv.maxcnt<=0) continue;
    if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_'+srv.id+'_chb').checked==1){
      cnt = parseInt(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_'+srv.id+'_count').value, 10);
      sService += ('<li>'+srv.name+(cnt>1?' '+cnt+' X ':'')+' <span>'+srv.price+thisObj.money.code+'</span></li>');
      asrv += ((asrv==''?'':',')+srv.id+';'+cnt+';'+srv.amount);
    }
  }
  aopt = '';
  var sOption = '';
  var addbed = 0;
  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_d823937e2903081e9d5d4a2d1863c166_option_'+op.id+'_chb').checked==1){
      cnt = parseInt(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_'+op.id+'_count').value, 10);
      sOption += ('<li>'+op.name+(cnt>1?' '+cnt+' X ':'')+' <span>'+op.amount+thisObj.money.code+'</span></li>');
      aopt += ((aopt==''?'':',')+op.id+';'+op.price+';'+cnt+';'+op.amount);
      if(op.type==1) addbed = addbed+cnt;
    }
  }
  /* 
  if( ((this.cntAdt+thisObj.cntChild)>this.curVar.beds+addbed) && (thisObj.cntChild<=3) ){
    errMsg += 'Выберите дополнительные места\n';
  }
  убрал ограничение на детей 13.07.20 
  мне кажется это полный бред
  +пожаловались клиенты к которым приезжают с 4 детьми
  */
  if(!this.curVar.isOverbooking )
    if((this.cntAdt+thisObj.cntChild)>this.curVar.beds+addbed) {
      errMsg += 'Выберите дополнительные места\n';
    }  
  
  
  if(errMsg != ''){
    this.alert(errMsg);
    return false;
  }
  this.descr = '<div class="cl_wdt_d_flex cl_wdt_fx_wrap cl_wdt_mb_l"><div class="cl_wdt_txt_bold cl_wdt_mr_m">Детали бронирования:</div> <div>'+this.getLegendFull()+'</div></div>';
  this.descr += (sService!=''?'<div class="cl_wdt_txt_bold">Услуги:</div><ul>'+sService:'</ul>');
  this.descr += (sOption!=''?'<br><div class="cl_wdt_txt_bold">Дополнительно:</div><ul>'+sOption:'</ul>');
  this.descr += '<div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_d_flex cl_wdt_my_m">Сумма: <div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_ml_m" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total5">'+this.total+'&nbsp;'+this.money.code+'</div></div>';
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_booking_descr').innerHTML = this.descr;
  
  var sds = this.descr;
  var spost = 'fname='+fname
            +'&lname='+lname
            +'&phone='+phone
            +'&email='+email
            +'&city='+city
            +'&comment='+comment
            +'&amount='+(this.total*100)
            +'&bedtype='+( this.chBedType.checked ? 2: 1 )
            +'&services='+asrv
            +'&options='+aopt
            +'&varid='+this.curVar.vid
            +'&tariffid='+this.curVar.objTariff.id
            +'&tariffabc='+this.curVar.objTariff.abc
            +'&prepay='+this.prepay
            +'&cururl='+(window.isvkwidget? document.referrer :document.location.href)
            +'&promocode='+this.promocode
            +'&ssid='+this.ssid;
  
  this.toYandex('cloffHotel_booking');
  this.toGoogle('cloffHotel_booking');    
  
  this.callajax( this.host+'/widget/booking.save.rs.php?aj=1', spost, function(param){
    if(param.errcode){
      thisObj.alert(param.errmsg);
      return false;
    }
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_bookingid').innerHTML = param.bookingID;
    //если была оплата!
    if( cl_hotel3589 && cl_hotel3589.ispay ){
      if(param.payURL){
        //сохраним в кукисе данные букина
        thisObj.setCookie('bookingID',    param.bookingID, 1);
        thisObj.setCookie('bookingDescr', sds, 1);
        document.location.href = param.payURL;

        if(window.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;
      }
    }
    thisObj.bookingID = param.bookingID;
    thisObj.toStep5();
    thisObj.bookingID = 0;
  }, true);
} 
// END send

//пересчёт стоимости заказа
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.reCalc = function(){
  var cnt = 1;
  this.total = this.curVar.amount;
  
  this.cntAdt   = parseInt(this.cntAdt, 10);
  this.cntChild = parseInt(this.cntChild, 10);
  this.cntday   = Math.ceil((this.dtEnd.dt1-this.dtStart.dt1)/this.SUTKI);
  
  
  //сервисы
  var asrv = 0;
  var srv_price = 0;
  for(var ks in this.arrService){
    var srv = this.arrService[ks];
    if(!srv.id) continue;
    if(!srv.maxcnt) continue;
    cnt = parseInt(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_'+srv.id+'_count').value, 10);
    if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_'+srv.id+'_chb').checked)
      if(srv.ispersonal){
        srv_price = (cnt * srv.price*(this.cntAdt+this.cntChild) * ( srv.isonce? 1: this.cntday) );
        asrv += srv_price;
      }
      else {
        srv_price = (cnt * srv.price * (srv.isonce?  1:this.cntday) );
        asrv += srv_price;
      }
      this.arrService[ks].amount = srv_price;
  }
  this.total += asrv;
  this.addPrice = asrv;
  
  var aopt = 0;
  var sopt = 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_d823937e2903081e9d5d4a2d1863c166_option_'+op.id+'_count').value, 10);
    sopt = 0;
    if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_'+op.id+'_chb').checked)
      if(op.ispersonal){
        sopt = (cnt * op.price*(this.cntAdt+this.cntChild));
      }
      else {
        sopt = (cnt * op.price);
      }
      
    aopt += sopt;
    this.arrOption[o].amount = sopt;
  }
  this.total += aopt;
  this.addPrice += aopt;

  //считаем размер предоплаты если надо
  this.prepay = 0;
  if( cl_hotel3589 && cl_hotel3589.ispay ){
    if(cl_hotel3589.prepaytype == 1){
      //фиксированная сумма
      //смотрим нет ли чего в типе номера
      for(var r=0; r<this.curVar.arrRooms.length; r++){
        var roompay = cl_hotel3589.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_hotel3589.prepaytype == 3){
      //стоимость дней проживания
      //если в типах прописаны "исключения"  то берём максимум
      var ppdays = cl_hotel3589.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{
      //процент
      var roompercent = cl_hotel3589.prepayval/100;
      if(  (this.curVar.arrTariffs.length==1)  // тариф 1 
        && (this.curVar.arrTariffs[0].id==0)   // он базовый
        ){
        //считаем от комнат для учёта индивидуального %
        for(var r=0; r<this.curVar.arrRooms.length; r++){
          roompercent = cl_hotel3589.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);
        }
      } 
      else{
        //иначе от тарифа
        this.prepay += (this.curVar.amount * roompercent);
      }
      
      //и для опций/сервисов
      this.prepay += (cl_hotel3589.prepayval/100 * (aopt+asrv));
    }
    //document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_paysum').innerHTML = this.prepay;
  }
  //легенда
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_legend').innerHTML = 
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_legend').innerHTML = this.getLegendFull();

  //document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total5').innerHTML =
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total4').innerHTML =
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total3').innerHTML = this.total+'&nbsp;'+this.money.code;
};
//END reCalc

//прорисовка услуг/опций
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getServiceItem = function(s){
  return this.getSrvOptItem(s, 'service');
};
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getOptionItem = function(s){
  return this.getSrvOptItem(s, 'option');
};
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getSrvOptItem = function(so, name){
  var vSEl = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_tpl').cloneNode(true);
  var res  = /SRVID/gi; 
  var re  = /SONAME/gi; 
  var thisObj = this;
  
  vSEl.id = 'cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_'+name+'_'+so.id;
  vSEl.innerHTML = vSEl.innerHTML.replace(res, so.id).replace(re, name);
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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;
  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

//прорисовка варианта заселения
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.getVarItem = function(v){
  var thisObj = this;
  var re = /VARID/gi;
  var rer = /ROOMID/gi; 
  var ret = /TARIFFID/gi;
  var man = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_man_tpl');
  
  if(v.isPromoCode) 
    this.ispromo = 1;
  else
    this.ispromo = 0;
  //клонируем шаблон
  var vEl = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_VAR_TPL').cloneNode(true);
  vEl.id = 'cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid;
  vEl.innerHTML = vEl.innerHTML.replace(re, v.vid);
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_VAR_TPL').parentNode.appendChild(vEl);
  
  //заполним комнаты
  var guests = this.cntAdt + this.cntChild + this.cntInfants;
  for(var r=(v.arrRooms.length-1); r>=0; r--){
    var room = v.arrRooms[r];
    var vElRoom = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_room_tpl').cloneNode(true);
    vElRoom.id = 'cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid;
    vElRoom.innerHTML = vElRoom.innerHTML.replace(re, v.vid).replace(rer, room.typeid);
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_rooms').appendChild(vElRoom);
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_info').innerHTML = room.name;
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_amount').innerHTML = room.amount;

    if(v.nums>1)
      document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_amount').style.display = 'none';

    //человечки
    for(var p=0; p<room.bads+room.addbads; p++){
      var m = man.cloneNode(true);
      document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_bads').appendChild(m);

      if( guests<=0 )
        m.firstChild.className.baseVal = 'cl_wdt_i_primary cl_wdt_i_disabled';
      else
        guests--;
      
      if((p+1)==room.bads && room.addbads>0){
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_bads').appendChild( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_man_plus_tpl').cloneNode(true) );
      }
    }
    
    //фото pic_min pic_mid pic_max
    if( cl_hotel3589.gallery>0 )
      if( this.arrImgs && this.arrImgs[room.typeid] && this.arrImgs[room.typeid].length ){
        img0 = this.arrImgs[room.typeid][0];
        if(cl_hotel3589.gallery==2){
          this.jscClassRemove( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_max');
          this.jscClassAdd( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_mid');
        }
        else{
          this.jscClassRemove( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_mid');
          this.jscClassAdd( document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_max');
        }
        if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode){
          document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode.style.display = 'flex';
        }
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').style.display = 'flex';
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').style.backgroundImage = 'url(\''+this.host+'/getimg.php?f='+img0.storageid+'&p='+img0.md+'&pt=1\')';
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').arrImg = this.arrImgs[room.typeid];
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').room_descr = room.descr;
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').onclick = function(){
          thisObj.playGallery(this.arrImg, this.room_descr);
        }
      }
      else{
        document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_room_'+room.typeid+'_img').style.display = 'none';
      }
  }//заполним комнаты
  //заполним тарифы
  for(var t=(v.arrTariffs.length-1); t>=0; t--){
    var tar = v.arrTariffs[t];
    var vElTariff = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_tariff_tpl').cloneNode(true);
    vElTariff.id = 'cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id;
    vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.vid).replace(ret, tar.id);
    
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariffs').appendChild(vElTariff);
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_name').innerHTML = tar.name;
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_total').innerHTML = v.nums+jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.jscCntRus( v.nums, 'номер', 'номера', 'номеров')+' за '+tar.amount+'&nbsp;'+this.money.code;
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML = ( (v.isOverbooking)? cl_hotel3589.btoverbooking  : cl_hotel3589.btbooking);
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_button').onclick = (function (x,y) {
      return function() {
          thisObj.curVar = y;
          thisObj.curVar.amount = x.amount; //пропишем стоимость из выбранного тарифа
          thisObj.tariffId = x.id;
          thisObj.curVar.objTariff = x;
          thisObj.arrOption = [];
          var spost = 'varid='+thisObj.curVar.vid+'&tarid='+x.id;
          spost += '&'+thisObj.store_spost;
          thisObj.callajax( thisObj.host+'/widget/booking.option.rs.php?aj=1', spost, function(param){
            thisObj.arrOption = param.arroption;
            thisObj.mapAdd['option']= {};
            for(k in thisObj.arrOption){
              thisObj.mapAdd['option'][thisObj.arrOption[k].id] = thisObj.arrOption[k];
            }
            for(var i=0;i<param.offeroption.length;i++) {
              if(param.offeroption[i].TYPE == 1)
                for(var opt=0;opt<thisObj.arrOption.length;opt++){
                  if(thisObj.arrOption[opt].id == param.offeroption[i].ID) {
                    thisObj.arrOption[opt].isrequired = parseInt(param.offeroption[i].CNT,10);
                  }
                }
              else
                for(srv=0;srv<thisObj.arrService.length;srv++){
                  if(thisObj.arrService[srv].id == param.offeroption[i].ID) {
                    thisObj.arrService[srv].isrequired = parseInt(param.offeroption[i].CNT,10);
                    break;
                  }
                }
            }            
            //пересчитаем цену
            thisObj.toStep3();
          }, true);
      }
    })(tar, v);
  }//заполним тарифы
  
  if(v.isOverbooking){
    this.jscClassAdd(vEl, 'clh_busy');
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML = cl_hotel3589.btoverbooking;
    if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML.length>16)  {
      thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_'+v.vid+'_tariff_'+tar.id+'_button'), 'cl_wdt_btn_long');
    }
  }
  
  return vEl.parentNode.removeChild(vEl);
};
//END getVarItem

//Проигрыватель галлереи
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.playGallery = function(arrImgs, room_descr){
  var cur = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_current');
  cur.innerHTML = '';
  var sto = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_gallery_photo_description').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_description').innerHTML = room_descr;
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_description').style.display = 'none';
  }
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery').style.display = 'flex';
  
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_close').onclick = function(){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_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_d823937e2903081e9d5d4a2d1863c166_gallery_photo_next').style.visibility = 'visible';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_prev').style.visibility = 'visible';
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_next').style.visibility = 'hidden';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_prev').style.visibility = 'hidden';
  }
  
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_next').onclick = function(){
    jfNextImg();
  };
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_prev').onclick = function(){
    jfPrevImg();
  };
  
}
//END playGallery

//дети
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.changeChild = function(){
  var thisObj = this;
  var cnt = this.cntC.value;
  if(cnt>0){
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_line').style.display = 'flex';
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_close').onclick = function(){
      for(var c=1; c<=cnt; c++){
        if(document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_'+c).value<0){
          thisObj.alert('Укажите возраст ребёнка');
          return;
        }
      }
      document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_line').style.display = 'none';
    };
  }
  else{
    document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_line').style.display = 'none';
  }

  var chd;
  for(var c=1; c<5; c++){
    chd = document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_'+c);
    if(c<=cnt){
      chd.disabled = false;
      this.jscClassRemove(chd,'clh_widget_inactive');
    }
    else{
      chd.disabled = true;
      this.jscClassAdd(chd,'clh_widget_inactive');
    }
  }
};

//закрытие формы
jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166.prototype.closeform = function(){
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4').style.display = 'none';
  document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5').style.display = 'none';
  if(this.staticForm) return; //статическую форму не закрыть!
  this.formScreen.style.display = 'none';
  this.wrapper.style.display = 'none';
  if(this.onCloseCallBack) this.onCloseCallBack();
} 
//END closeform

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

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 );
  this.elwidth = ( param.elwidth ? param.elwidth: 21);
//console.log('fucking this.elwidth:', this.elwidth, param);
  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 * this.elwidth );
  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_hotel3589 = {
    name:'Альпен Клаб'
  , lat:'0'
  , lng:'0'
  , address:'652971, Кемеровская обл., Таштагольский р-н, пгт. Шерегеш, ул. Туристическая, 6/2'
  , descr:''
  , minnum:2  , maxnum:14  , mind:2  , maxd:90  , maxadt:6  , maxchd:4  , childmax:12  , infantmax:5  , gallery: 2  , btbooking: 'Бронировать'
  , btoverbooking: 'Оставить заявку'
  , staticForm: 0  , bookstart: '2018-01-01'
  , bookend: '2024-04-30'
  , ispay: 221  , paysum: 2  , prepaytype: 2  , prepayval: 50  , 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: 1  , selbed: 0  , islc:1  , interval:'60'
  , tmstart:'0'
  , tmnow: '810'
  , tmend:'1440'
  , isnotstep3:1  , bedsdef:1  , rentmulty:1  , isnotchilds:0  , isalterperson:0  , alterpersonstr:''
  , novariant:'Нет подходящих вариантов на указанные даты'
  , antibrand: 0  , intpass: 0  , intone: 0  , minint: 1  , hmaxpers: 99  , hviewbusy: 0  , hdayoccupancy: 0};

//document.write('<style>  .cl_wdt_widget_wrapper,  .clh_widget_wrapper,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery,   .cl_wdt_d823937e2903081e9d5d4a2d1863c166.cl_calendar,  .cl_wdt_d823937e2903081e9d5d4a2d1863c166.cl_wdt_timecontainer {    --clr-primary: rgba(173,25,8,1.00); /* основной цвет */        --clr-secondary: rgba(86,76,76,1.00); /* дополнительный цвет */        --clr-default: rgba(51,51,51,1.00); /* цвет текста */        --clr-disabled: #d3d3d3; /* цвет неактивных элементов */        --clr-white: #fff;        --clr-alpha: transparent;        --b-rad: 4px; /* радиус скругления всех углов */    --border: 1px solid;    --f-family: Arial, sans-serif;    --f-size: 14px !important;    --f-small: 12px !important;    --f-big: 20px !important;    --f-bold: 600;    --f-weight: 400;    --sp-s: 5px;    --sp-m: 10px;    --sp-l: 15px;    --sp-xl: 30px;    --z-index: 99999;  }  /*END vars*/</style><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166" class="" style="display: none;"><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wrapper" class="cl_wdt_widget_wrapper cl_wdt_ai_center cl_wdt_jc_center" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1" class="">  <div class="cl_WDT cl_wdt_container" style="width: 100%; max-width: 1200px; min-width: 255px;">    <!-- Title bar -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_d_flex cl_wdt_fx_wrap cl_wdt_fx_fill cl_wdt_ai_center cl_wdt_fx_column_xs">        <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white cl_wdt_fx_grow_12">Даты поездки и количество гостей</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1_legend" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_input cl_wdt_my_0 cl_wdt_fx_grow_1 cl_wdt_bg_white">legend (optional)</div>      </div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close1" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</i>      </div>    </div>    <!-- //Title bar -->    <!-- Посуточная аренда -->    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_user_form" class="cl_wdt_row cl_wdt_pt_s cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_as_stretch cl_wdt_bg_white  cl_wdt_brdr_x cl_wdt_brdr_secondary">      <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_12 cl_wdt_fx_basis_0 cl_wdt_fx_column_sm cl_wdt_fx_column_xs cl_wdt_as_stretch">        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">          <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_1 cl_wdt_fx_basis_0 cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_as_stretch">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_start" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_fx_column_sm cl_wdt_as_stretch">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Заезд:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtstart" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekin_date_start" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_end" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_fx_column_sm cl_wdt_as_stretch">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Выезд:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date_end" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>          </div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_bed" class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_fx_column_sm">            <span class="cl_wdt_label cl_wdt_mr_s cl_wdt_hide_lg">Кровать:</span>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" name="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" class="cl_wdt_d_none" type="checkbox">            <label for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" class="cl_wdt_my_s">              <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="28" class="cl_wdt_c_pointer">                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="cl_wdt_i_primary"/>              </svg>            </label>          </div>        </div>        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_xs">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_adult" class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs">            <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0"><span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_name">Взрослых</span>:              <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_span" class="cl_wdt_hide_lg">2</span>            </label>            <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div>              <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults" class="cl_wdt_input cl_wdt_ta_center" value="2" type="number" name="adult_num" style="max-width: 40px;">              <svg id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont" 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" width="85" height="26" class="">                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_4" xlink:href="#guest" x="60" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>              </svg>              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div>            </div>            <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_sel" style="display: none;"></select>          </div>          <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_wrap_xs cl_wdt_fx_basis_auto_xs cl_wdt_fx_column_xs">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_child" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md">              <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0">Детей:                <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_span" class="cl_wdt_hide_lg">1</span>              </label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div>                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs" class="cl_wdt_input cl_wdt_ta_center" value="0" type="number" name="child_num" style="max-width: 40px;">                <svg  id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_cont" 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" width="85" height="26" class="">                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_4" xlink:href="#guest" x="60" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                </svg>                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div>              </div>              <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_sel" style="display: none;"></select>            </div>            <!-- CHILD AGES -->            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_line" class="cl_wdt_childs cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_grow_1 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs cl_wdt_popup">              <div class="cl_wdt_d_flex">                <div class="cl_wdt_txt_white cl_wdt_p_s">Возраст детей:</div>                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_close" class="cl_wdt_txt_white cl_wdt_p_s cl_wdt_popup_x" style="position:absolute; left: 180px;">X</div>              </div>              <div class="cl_wdt_d_flex">                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_1" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_2" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_3" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_4" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>              </div>            </div>            <!-- // CHILD AGES -->          </div>        </div>      </div>      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_button" class="cl_wdt_btn cl_wdt_ripple cl_wdt_my_s cl_wdt_mx_m cl_wdt_py_0 cl_wdt_fx_grow_1_md cl_wdt_fx_grow_1_sm cl_wdt_as_stretch">        <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="cl_wdt_hide_xs cl_wdt_hide_xl cl_wdt_hide_sm cl_wdt_hide_md">          <use xlink:href="#chevron_right_w" class="cl_wdt_i_white"/>        </svg>        <div class="cl_wdt_hide_lg cl_wdt_txt_white">Показать варианты</div>      </div>    </div>    <!-- END Посуточная аренда -->    <!-- Почасовая аренда -->    <div class="cl_wdt_row cl_wdt_pt_s cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_as_stretch cl_wdt_bg_white  cl_wdt_brdr_x cl_wdt_brdr_secondary" style="display: none;">       <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_12 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">          <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_1 cl_wdt_fx_basis_0 cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_as_stretch">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_hstart" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_as_stretch cl_wdt_fx_column_sm">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Дата:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dth" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekin_date" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dth_button" title="Выбрать дату" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_time" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_as_stretch cl_wdt_fx_column_sm">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Время:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_time" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date" style="min-width: 95px; width: 100%;" readonly>                <input  id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_time_select" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date" style="min-width: 95px; width: 100%; display: none;" readonly>                <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_d823937e2903081e9d5d4a2d1863c166_time_button" title="Выбрать время" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#clock" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>          </div>        </div>        <!-- CLIENTS COUNT -->        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_person" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_xs">          <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs cl_wdt_fx_column_sm">            <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0">Посетителей:</label>            <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person_minus" class="cl_wdt_btn cl_wdt_ripple">-</div>              <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person" class="cl_wdt_input cl_wdt_ta_center" value="1" type="number" name="" style="max-width: 40px;">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person_plus" class="cl_wdt_btn cl_wdt_ripple">+</div>            </div>          </div>        </div>        <!-- // CLIENTS COUNT -->      </div>      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_button" class="cl_wdt_btn cl_wdt_ripple cl_wdt_my_s cl_wdt_mx_m cl_wdt_py_0 cl_wdt_fx_grow_1_md cl_wdt_fx_grow_1_sm cl_wdt_as_stretch">        <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="cl_wdt_hide_xs cl_wdt_hide_xl cl_wdt_hide_sm cl_wdt_hide_md">          <use xlink:href="#chevron_right_w" class="cl_wdt_i_white"/>        </svg>        <div class="cl_wdt_hide_lg cl_wdt_txt_white">Показать варианты</div>      </div>    </div>    <!-- END Почасовая аренда -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center cl_wdt_brdr cl_wdt_brdr_secondary cl_wdt_brdr_t_0">      <div class="clh_auth_link cl_wdt_col cl_wdt_txt_small cl_wdt_txt_hvr_primary cl_wdt_c_pointer" xlink:href="#" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_lc_button">Личный кабинет</div>      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->  </div> </div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">  <div id="clh_step_2" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">    <!-- Заголовок окна -->		<div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Выберите вариант проживания</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close2" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_sw_sm cl_wdt_fx_column_sw_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_fx_grow_1_xs cl_wdt_fx_column_sw_xs cl_wdt_jc_between">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo" class="cl_wdt_ai_center cl_wdt_mr_m">          <div>Скидка по промокоду</div>          <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_input" type="text" class="cl_wdt_input cl_wdt_fx_fill" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_back" class="cl_wdt_btn cl_wdt_ripple">Изменить условия</div>      </div>    </div>    <!-- END Выбор клиента -->        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_list" class="cl_wdt_row cl_wdt_fx_column cl_wdt_bg_white"></div>    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;"><!-- clh_step_3 -->	<div id="clh_step_3" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">    <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Выберите дополнительные опции</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close3" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_promo" style="display: none;">          <div>Скидка по промокоду</div>          <input type="text" class="cl_wdt_input cl_wdt_mr_0" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>      </div>      <div class="cl_wdt_col_12 cl_wdt_mb_m cl_wdt_mt_s cl_wdt_d_flex">        <!-- <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="cl_wdt_fx_shrink_0 cl_wdt_mr_s cl_wdt_mt_s">          <use xlink:href="#excl_triangle_solid" class="cl_wdt_i_primary"/>        </svg>        <div> -->                  <!-- </div> -->      </div>    </div>        <!-- END Выбор клиента -->	  <div class="cl_wdt_row cl_wdt_d_flex cl_wdt_fx_column cl_wdt_bg_white">      <!-- Область списка услуг и допопций -->      <div class="cl_wdt_d_flex cl_wdt_w_100">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_label" class="cl_wdt_col cl_wdt_jc_center cl_wdt_ta_center cl_wdt_py_m cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_tab_hdr cl_wdt_c_pointer">Услуги</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label" class="cl_wdt_col cl_wdt_jc_center cl_wdt_ta_center cl_wdt_py_m cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_tab_hdr cl_wdt_c_pointer cl_wdt_bg_disabled_mob">Дополнительно</div>      </div>    	<div class="cl_wdt_d_flex cl_wdt_w_100">    		<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_col_6 cl_wdt_half_sm cl_wdt_half_xs"></div>				<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_col_6 cl_wdt_half_sm cl_wdt_half_xs cl_wdt_mob_hide"></div>      </div>      <!-- END Область списка услуг и допопций -->      <!-- Область кнопок снизу -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_py_s">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back3_button" class="cl_wdt_btn cl_wdt_outline cl_wdt_ripple">Назад</div>        <div class="cl_wdt_d_flex cl_wdt_fx_column_xs">          <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md" style="display: none;">            <div class="cl_wdt_txt_bold cl_wdt_mr_s">Промокод:</div>            <input type="text" class="cl_wdt_input cl_wdt_ml_0" placeholder="Введите промокод">          </div>          <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_py_m">            <div class="cl_wdt_txt_bold cl_wdt_mr_s">ИТОГО:</div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total3" class="cl_wdt_txt_bold">100500&nbsp;р.</div>          </div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next3_button" class="cl_wdt_btn cl_wdt_ripple">Бронировать</div>      </div>      <!-- END Область кнопок снизу -->    </div>  	    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->  </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">  <!-- clh_step_4 -->  <div id="clh_step_4" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">        <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Заполните ваши данные</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close4" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_promo" style="display: none;">          <div>Скидка по промокоду</div>          <input type="text" class="cl_wdt_input cl_wdt_mr_0" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>      </div>    </div>    <!-- END Выбор клиента -->    <!-- Область данных клиента -->		<form id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_order_form" action="" class="cl_wdt_row cl_wdt_fx_column cl_wdt_bg_white cl_wdt_mb_0">      <div class="cl_wdt_d_flex cl_wdt_fx_wrap">        <div class="cl_wdt_col_6 cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_half_xs">          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name2" style="width: 70px;">Фамилия:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name2" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="1" required="required">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name1" style="width: 70px;">Имя:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name1" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="2" required="required">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name3" style="width: 70px;">Отчество:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name3" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="3">          </div>        </div>        <div class="cl_wdt_col_6 cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_half_xs">          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone" style="width: 70px;">Телефон:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone" type="tel" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="4" placeholder="89991112233"required="required" pattern="^8[0-9]{10}|810[0-9]{9,}$">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_email" style="width: 70px;">E-mail:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_email" type="email" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="5" required="required">           </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_city" style="width: 70px;">Город:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_city" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="6">          </div>        </div>      </div>      <div class="cl_wdt_col_12">        <textarea id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_comment" name="clh_booking_comment" class="cl_wdt_textarea cl_wdt_w_100 cl_wdt_mx_0" cols="30" rows="10" placeholder="Комментарий"></textarea>      </div>      <!-- Согласие на обработку персональных данных -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center">        <input class="cl_wdt_mr_s" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_agree" type="checkbox" id="clh_pers_policy" 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_d823937e2903081e9d5d4a2d1863c166_agree_link" target="_blank" href="https://alpen-club.ru/confidential">политики обработки персональных данных</div>        </label>      </div>      <!-- END Согласие на обработку персональных данных -->      <!-- Область кнопок внизу -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_py_s">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back4_button" class="cl_wdt_btn cl_wdt_outline cl_wdt_ripple">Назад</div>        <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_jc_center">          <div class="cl_wdt_txt_bold cl_wdt_mr_s">ИТОГО:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total4" class="cl_wdt_txt_bold">100500&nbsp;р.</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button" type="submit" class="cl_wdt_btn cl_wdt_ripple">Бронировать</div>      </div>      <!-- END Область кнопок внизу -->    </form>    <!-- END Область данных клиента -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">	<!-- clh_step_5 -->	<div id="clh_step_5" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">		<!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Спасибо за ваше бронирование</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close5" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Область диалога с клиентом -->    <div class="cl_wdt_row cl_wdt_bg_white">      <div class="cl_wdt_col_12">        <div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_mt_m">Спасибо за ваш заказ!</div>        <div class=" cl_wdt_mt_m">На указанные вами контакты отправлены сообщения о заказе. В&nbsp;ближайшее время наш сотрудник свяжется с&nbsp;вами для уточнения деталей заказа</div>        <div class="cl_wdt_d_flex cl_wdt_mt_m">          <div class="cl_wdt_txt_bold cl_wdt_mr_s">Номер вашего бронирования:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_bookingid" class="cl_wdt_txt_bold">0000</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_booking_descr" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_mt_m">          <div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_mt_l">Сумма:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total5">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</div>        </div>      </div>    </div>    <!-- END Область диалога с клиентом -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_container cl_wdt_my_xl" style="max-width: 300px;">    <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Внимание!</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close_x" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <div class="cl_wdt_row cl_wdt_bg_white">      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_msg" class="cl_wdt_col_12 cl_wdt_my_l">Внимание!</div>    </div>    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center cl_wdt_p_m">      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close" class="cl_wdt_btn cl_wdt_ripple cl_wdt_fx_grow_1">Ok</div>    </div>    <!-- END Подвал окна -->  </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_d823937e2903081e9d5d4a2d1863c166_var_man_tpl" width="21" height="26" class=""><use id="clh_adult_1" xlink:href="#guest" x="0" y="3" class="cl_wdt_i_primary"/></svg><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_man_plus_tpl" class="cl_wdt_txt_bold cl_wdt_txt_primary">+</div><!-- ROOM --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_room_tpl" class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_pr_m cl_wdt_py_s">  <div class="cl_wdt_pic_thumb cl_wdt_room">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_img" style="display: none;"></div>  </div>  <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_fx_wrap">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_info" class="clh_room_info">room_name</div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_bads" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_2 cl_wdt_jc_end"></div>  </div>  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display: none;"></div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_tariff_tpl" class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_fx_column_sm cl_wdt_fx_column_xs">  <div class="cl_wdt_d_flex" title="">    <svg width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0 cl_wdt_mr_s">      <use xlink:href="#quest_circle" class="cl_wdt_i_primary"/>    </svg>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_name" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center">tarif_name</div>  </div>  <div class="cl_wdt_ta_right cl_wdt_px_m">Итого:&nbsp;    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_total" class="cl_wdt_txt_bold">2 номера за 11900&nbsp;р.</div>  </div>  <!-- <div class="clh_room_status clh_free">Свободен</div> -->  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_button" class="cl_wdt_btn cl_wdt_ripple" style="flex-basis: 160px;">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_VAR_TPL" class="cl_wdt_w_100 cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_fx_wrap cl_wdt_brdr_secondary cl_wdt_py_s cl_wdt_fx_column_xs" style="border-top: var(--border); border-bottom: var(--border);">	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_rooms" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_as_stretch cl_wdt_col_6 cl_wdt_half_xs"></div>	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariffs" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column cl_wdt_col_6 cl_wdt_half_xs"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="cl_wdt_w_100 cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_fx_wrap cl_wdt_brdr_secondary cl_wdt_py_s cl_wdt_fx_column_xs" style="border-top: var(--border); border-bottom: var(--border);">  <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_d823937e2903081e9d5d4a2d1863c166_tpl_place"></div><!-- SERVICES --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_tpl" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_brdr_secondary" style="border-bottom: var(--border);">  <label for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_chb" class="cl_wdt_checkbox" title="">    <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_chb" type="checkbox" hidden="hidden">    <span class="cl_wdt_checkbox"></span>    <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_name">service</span>  </label>  <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_count" type="number" class="cl_wdt_input" step="1" min="0" max="50" style="width: 40px;">  <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_amount" class="cl_wdt_ta_right" style="min-width: 60px;">1250</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery" class="cl_GAL cl_gallery_wraper" style="display: none;">	<div class="cl_gallery_head_line">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_close" class="cl_gallery_close_x">&times;</div>  </div>	<div class="cl_gallery_window">	  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_prev" class="cl_gallery_control cl_gallery_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="cl_gallery_svg_icon"/>      </svg>	  </div>	  <div class="cl_gallery_view" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_current">      <div class="clh_gallery_pic" style=""></div>    </div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_next" class="cl_gallery_control cl_gallery_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="cl_gallery_svg_icon"/>      </svg>    </div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div>	</div>	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_description" class="cl_gallery_text cl_gal_mob_hide"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_picker" class="clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_d823937e2903081e9d5d4a2d1863c166 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_wdt_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_ripple cl_wdt_fx_grow_1 disabled">подтвердить</div>    </div>  </div></div><!-- END timepicker --><!-- <link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/clh_flex_booking_widget.css?v=234" /> --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_new.css?v=234"/> <!-- НОВЫЕ УНИВЕРСАЛЬНЫЕ СТИЛИ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_gal.css?v=234"/> <!-- СТИЛИ ГАЛЕРЕИ ДЛЯ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_calend.css?v=234"/> <!-- СТИЛИ КАЛЕНДАРЯ ДЛЯ ВИДЖЕТОВ --><!-- WDT SVG pack --><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" width="56" height="16" viewBox="0 0 55.84 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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_sign</title>  <path id="file_sign" d="M3.78,5.94H7.22a.35.35,0,0,0,.34-.35V4.91a.35.35,0,0,0-.34-.35H3.78a.35.35,0,0,0-.34.35v.68A.35.35,0,0,0,3.78,5.94Zm0,2.75H7.22a.35.35,0,0,0,.34-.35V7.66a.35.35,0,0,0-.34-.35H3.78a.35.35,0,0,0-.34.35v.68A.35.35,0,0,0,3.78,8.69Zm19.89.64-1,1a.28.28,0,0,1-.4,0l-2.6-2.6a.28.28,0,0,1,0-.4l1-1a1.12,1.12,0,0,1,1.59,0l1.41,1.41A1.12,1.12,0,0,1,23.67,9.33ZM21.6,11a.28.28,0,0,1,0,.4l-6.3,6.3-2.68.3-.14,0-.1,0h-.66a1.86,1.86,0,0,1-1.66-1,.48.48,0,0,0-.87,0l-.33.66a.68.68,0,0,1-.61.38H8.2a.69.69,0,0,1-.6-.47l-.72-2.17-.46,1.37A1.85,1.85,0,0,1,4.66,18H4.13a.69.69,0,0,1-.69-.69.68.68,0,0,1,.69-.68h.53a.48.48,0,0,0,.45-.33L5.9,14a1,1,0,0,1,1.95,0l.6,1.79a1.93,1.93,0,0,1,2.84.61.47.47,0,0,0,.43.27h.37l.21-1.92,6.3-6.3a.28.28,0,0,1,.4,0ZM16,18.41l-.25.24-.35,0-1,.11v2.14H2.06V3.07H8.94V7.53a1,1,0,0,0,1,1h4.47v2.58L16.5,9.08V6.67a2.08,2.08,0,0,0-.61-1.46l-3.6-3.6A2.06,2.06,0,0,0,10.83,1H2.06A2.07,2.07,0,0,0,0,3.07V20.94A2.06,2.06,0,0,0,2.06,23H14.43a2.07,2.07,0,0,0,2.07-2.06v-3ZM11,3.23,14.27,6.5H11Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_dollar</title>  <path id="file_dollar" d="M19.64,5.21,16,1.61A2.06,2.06,0,0,0,14.58,1H5.81A2.07,2.07,0,0,0,3.75,3.07V20.94A2.06,2.06,0,0,0,5.81,23H18.18a2.07,2.07,0,0,0,2.07-2.06V6.67A2.08,2.08,0,0,0,19.64,5.21Zm-4.89-2L18,6.5H14.75V3.23Zm3.44,17.71H5.81V3.07h6.88V7.53a1,1,0,0,0,1,1h4.47Zm-5.5-10.66a.35.35,0,0,0-.35-.34h-.68a.35.35,0,0,0-.35.34v1a1.91,1.91,0,0,0-1.83,1.93,2,2,0,0,0,1.36,1.87l1.93.58a.57.57,0,0,1,.38.55.54.54,0,0,1-.51.56H11.43a1,1,0,0,1-.55-.16.36.36,0,0,0-.43,0l-.51.49a.34.34,0,0,0,0,.52,2.52,2.52,0,0,0,1.34.49v1a.35.35,0,0,0,.35.34h.68a.35.35,0,0,0,.35-.34v-1a1.91,1.91,0,0,0,1.83-1.93,2,2,0,0,0-1.36-1.87l-1.93-.58a.57.57,0,0,1-.38-.55.54.54,0,0,1,.51-.56h1.21a1,1,0,0,1,.55.16.38.38,0,0,0,.44,0l.5-.49a.35.35,0,0,0,0-.52,2.58,2.58,0,0,0-1.35-.49ZM7.53,5.81H11a.34.34,0,0,0,.34-.34V4.78A.34.34,0,0,0,11,4.44H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,5.81Zm3.78,2.41V7.53A.34.34,0,0,0,11,7.19H7.53a.34.34,0,0,0-.34.34v.69a.34.34,0,0,0,.34.34H11A.34.34,0,0,0,11.31,8.22Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_template</title>  <path id="file_template" d="M16.47,18.19H13a.34.34,0,0,0-.34.34v.69a.34.34,0,0,0,.34.34h3.44a.34.34,0,0,0,.34-.34v-.69A.34.34,0,0,0,16.47,18.19ZM7.19,11.31v4.13a.69.69,0,0,0,.69.69h8.25a.69.69,0,0,0,.68-.69V11.31a.68.68,0,0,0-.68-.68H7.88A.68.68,0,0,0,7.19,11.31ZM8.56,12h6.88v2.75H8.56ZM19.64,5.21,16,1.61A2.06,2.06,0,0,0,14.58,1H5.81A2.07,2.07,0,0,0,3.75,3.07V20.94A2.06,2.06,0,0,0,5.81,23H18.18a2.07,2.07,0,0,0,2.07-2.06V6.67A2.08,2.08,0,0,0,19.64,5.21Zm-4.89-2L18,6.5H14.75V3.23Zm3.44,17.71H5.81V3.07h6.88V7.53a1,1,0,0,0,1,1h4.47ZM7.53,5.81H11a.34.34,0,0,0,.34-.34V4.78A.34.34,0,0,0,11,4.44H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,5.81Zm0,2.75H11a.34.34,0,0,0,.34-.34V7.53A.34.34,0,0,0,11,7.19H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,8.56Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>print_new</title>  <path id="print_new" d="M22.43,9.48A2,2,0,0,0,21,8.88h-.33V6.53H18.63v-1a1.66,1.66,0,0,0-.49-1.17l-2.9-2.89A1.66,1.66,0,0,0,14.07,1H7A1.65,1.65,0,0,0,5.38,2.66V6.53H3.32V8.88H3a2,2,0,0,0-2,2v5.07a2.88,2.88,0,0,0,2.32,2.35H5.38V21.5A1.5,1.5,0,0,0,6.88,23H17.13a1.5,1.5,0,0,0,1.5-1.5V18.29h2.05A2.85,2.85,0,0,0,23,16V10.87A2,2,0,0,0,22.43,9.48ZM14.21,2.79l2.62,2.63H14.21ZM17,21.62H7v-8H17ZM17,9H7V2.66h5.52V6.24a.83.83,0,0,0,.83.83H17Zm3.73,4a1.11,1.11,0,1,1,1.1-1.11A1.11,1.11,0,0,1,20.7,13Zm-5.39,2.89v1a.41.41,0,0,1-.41.41H9.1a.41.41,0,0,1-.41-.41v-1a.41.41,0,0,1,.41-.41h5.8A.41.41,0,0,1,15.31,15.89Zm-.41,2.49H9.1a.41.41,0,0,0-.41.41v1a.41.41,0,0,0,.41.41h5.8a.41.41,0,0,0,.41-.41v-1A.41.41,0,0,0,14.9,18.38Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>email_alt</title>  <path id="email_alt" d="M20.94,3H3.06A2.09,2.09,0,0,0,1,5.13V17.88A2.09,2.09,0,0,0,3.06,20H20.94A2.09,2.09,0,0,0,23,17.88V5.13A2.09,2.09,0,0,0,20.94,3Zm0,2.13v1.8c-1,.81-2.5,2.07-5.79,4.72-.72.58-2.15,2-3.15,2s-2.43-1.39-3.15-2C5.56,9,4,7.74,3.06,6.93V5.13ZM3.06,17.88V9.66l4.51,3.66c.94.76,2.59,2.44,4.43,2.43s3.46-1.65,4.43-2.43l4.51-3.66v8.22Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>dots_reg_h</title>  <path id="dots_reg_h" d="M14.64,12A2.64,2.64,0,1,1,12,9.36,2.64,2.64,0,0,1,14.64,12Zm5.72-2.64A2.64,2.64,0,1,0,23,12,2.64,2.64,0,0,0,20.36,9.36Zm-16.72,0A2.64,2.64,0,1,0,6.28,12,2.64,2.64,0,0,0,3.64,9.36Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>dots_reg_v</title>  <path id="dots_reg_v" d="M12,9.36A2.64,2.64,0,1,1,9.36,12,2.64,2.64,0,0,1,12,9.36ZM9.36,3.64A2.64,2.64,0,1,0,12,1,2.64,2.64,0,0,0,9.36,3.64Zm0,16.72A2.64,2.64,0,1,0,12,17.72,2.64,2.64,0,0,0,9.36,20.36Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>bars</title>  <path id="bars" d="M1.79,5.91H22.21A.78.78,0,0,0,23,5.13v-2a.78.78,0,0,0-.79-.78H1.79A.78.78,0,0,0,1,3.16v2A.78.78,0,0,0,1.79,5.91Zm0,7.86H22.21A.79.79,0,0,0,23,13V11a.79.79,0,0,0-.79-.79H1.79A.79.79,0,0,0,1,11v2A.79.79,0,0,0,1.79,13.77Zm0,7.86H22.21a.79.79,0,0,0,.79-.79v-2a.79.79,0,0,0-.79-.79H1.79a.79.79,0,0,0-.79.79v2A.79.79,0,0,0,1.79,21.63Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>delete_outline_alt</title>  <path id="delete_outline_alt" d="M16.65,8.93,15.11,7.39,12,10.46,9,7.39,7.41,8.93,10.49,12,7.41,15.07,9,16.61,12,13.54l3.08,3.07,1.54-1.54L13.57,12Zm3.19-4.72A11,11,0,0,0,4.22,19.79,11,11,0,0,0,19.84,4.21Zm-14.08,14a8.78,8.78,0,1,1,12.43,0A8.78,8.78,0,0,1,5.76,18.25Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>attach_money</title>  <path id="attach_money" d="M12.47,10.66C9.76,9.92,8.94,9.19,8.94,8.09c0-1.35,1.18-2.32,3.18-2.32s2.82,1.1,2.94,2.56h2.59a4.85,4.85,0,0,0-3.77-4.64V1H10.35V3.69c-2.23.49-4.11,2.08-4.11,4.4,0,2.81,2.23,4.28,5.52,5,3,.73,3.53,1.83,3.53,2.93,0,.86-.58,2.2-3.17,2.2s-3.41-1.1-3.53-2.56H6c.12,2.69,2.12,4.15,4.35,4.64V23h3.53V20.31c2.24-.49,4.12-1.83,4.12-4.4C18,12.61,15.18,11.39,12.47,10.66Z"/></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>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 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="display: none;">  <title>caret_down</title>  <path id="caret_down" d="M2.48,6h19a1.41,1.41,0,0,1,1,2.43l-9.51,9.15a1.52,1.52,0,0,1-2.1,0L1.44,8.43A1.41,1.41,0,0,1,2.48,6Z"/></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_down</title>  <path id="caret_down" d="M2.48,6h19a1.41,1.41,0,0,1,1,2.43l-9.51,9.15a1.52,1.52,0,0,1-2.1,0L1.44,8.43A1.41,1.41,0,0,1,2.48,6Z"/></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><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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>exit_new</title>  <path id="exit_new" d="M20,2H8A2,2,0,0,0,6,4V7.64L8.18,9.82a1.67,1.67,0,0,1,0,2.36L6,14.36V18a2,2,0,0,0,2,2h2v2a2.25,2.25,0,0,0,2.4,2,2.78,2.78,0,0,0,.69-.09l7.2-2.85A2.1,2.1,0,0,0,22,19.12V4A2,2,0,0,0,20,2Zm0,17a.52.52,0,0,1-.2.1l-.13,0-.12,0-7,2.79H12.4a.65.65,0,0,1-.4-.12V7a.52.52,0,0,1,.2-.1l.13,0,.12,0,7-2.79h.11a.65.65,0,0,1,.4.12ZM2,15.33V6.67A.67.67,0,0,1,3.15,6.2l4.32,4.32a.67.67,0,0,1,0,1L3.15,15.8A.67.67,0,0,1,2,15.33ZM15,14a1,1,0,1,1-1-1A1,1,0,0,1,15,14Z"/></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>excl_triangle_solid</title>  <path id="excl_triangle_solid" d="M23.73,19.91A2.06,2.06,0,0,1,22,23H2A2.06,2.06,0,0,1,.27,19.91L10.27,2a2,2,0,0,1,3.46,0l10,17.88ZM12,16.21a2,2,0,1,0,1.92,2A2,2,0,0,0,12,16.21Zm-1.82-7.1L10.49,15a.51.51,0,0,0,.5.49h2a.51.51,0,0,0,.5-.49l.31-5.84a.51.51,0,0,0-.5-.55H10.68a.51.51,0,0,0-.5.55Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>check</title>  <path id="check" d="M8.47,19.88,1.32,12.73a1.1,1.1,0,0,1,0-1.56L2.88,9.62a1.09,1.09,0,0,1,1.55,0l4.82,4.82L19.57,4.12a1.09,1.09,0,0,1,1.55,0l1.56,1.55a1.1,1.1,0,0,1,0,1.56L10,19.88a1.1,1.1,0,0,1-1.56,0Z"/></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>pet_paw</title>  <path id="pet_paw" d="M12,11c-3.41,0-8.25,5.27-8.25,8.6,0,1.5,1.15,2.4,3.08,2.4,2.1,0,3.49-1.08,5.17-1.08S15.09,22,17.17,22c1.93,0,3.08-.9,3.08-2.4C20.25,16.27,15.41,11,12,11Zm-6.24-.88A2.9,2.9,0,0,0,2.57,7.83c-1.3.32-2,1.86-1.52,3.44a2.9,2.9,0,0,0,3.2,2.28c1.3-.32,2-1.85,1.51-3.43Zm2.82-.76c1.59,0,2.8-1.62,2.69-3.65S9.79,2,8.2,2,5.41,3.61,5.51,5.65,7,9.34,8.58,9.36ZM21.43,7.83a2.91,2.91,0,0,0-3.19,2.29c-.46,1.58.21,3.12,1.51,3.43A2.9,2.9,0,0,0,23,11.27c.46-1.58-.22-3.12-1.52-3.44ZM15.54,9.37c1.59-.07,2.91-1.78,2.94-3.82S17.27,1.93,15.68,2s-2.91,1.78-2.95,3.81S14,9.44,15.54,9.37Z"/></svg><!-- END WDT SVG pack --> <!-- ПОДКЛЮЧЕНИЕ НАБОРА ВЕКТОРНЫХ ИКОНОК -->');
var staticFormd823937e2903081e9d5d4a2d1863c166 = 0;

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

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

var scontentd823937e2903081e9d5d4a2d1863c166 = '<style>  .cl_wdt_widget_wrapper,  .clh_widget_wrapper,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert,  #cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery,   .cl_wdt_d823937e2903081e9d5d4a2d1863c166.cl_calendar,  .cl_wdt_d823937e2903081e9d5d4a2d1863c166.cl_wdt_timecontainer {    --clr-primary: rgba(173,25,8,1.00); /* основной цвет */        --clr-secondary: rgba(86,76,76,1.00); /* дополнительный цвет */        --clr-default: rgba(51,51,51,1.00); /* цвет текста */        --clr-disabled: #d3d3d3; /* цвет неактивных элементов */        --clr-white: #fff;        --clr-alpha: transparent;        --b-rad: 4px; /* радиус скругления всех углов */    --border: 1px solid;    --f-family: Arial, sans-serif;    --f-size: 14px !important;    --f-small: 12px !important;    --f-big: 20px !important;    --f-bold: 600;    --f-weight: 400;    --sp-s: 5px;    --sp-m: 10px;    --sp-l: 15px;    --sp-xl: 30px;    --z-index: 99999;  }  /*END vars*/</style><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166" class="" style="display: none;"><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wrapper" class="cl_wdt_widget_wrapper cl_wdt_ai_center cl_wdt_jc_center" style="display: none;"></div><!-- FIRST SCREEN --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1" class="">  <div class="cl_WDT cl_wdt_container" style="width: 100%; max-width: 1200px; min-width: 255px;">    <!-- Title bar -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_d_flex cl_wdt_fx_wrap cl_wdt_fx_fill cl_wdt_ai_center cl_wdt_fx_column_xs">        <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white cl_wdt_fx_grow_12">Даты поездки и количество гостей</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step1_legend" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_input cl_wdt_my_0 cl_wdt_fx_grow_1 cl_wdt_bg_white">legend (optional)</div>      </div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close1" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</i>      </div>    </div>    <!-- //Title bar -->    <!-- Посуточная аренда -->    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_user_form" class="cl_wdt_row cl_wdt_pt_s cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_as_stretch cl_wdt_bg_white  cl_wdt_brdr_x cl_wdt_brdr_secondary">      <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_12 cl_wdt_fx_basis_0 cl_wdt_fx_column_sm cl_wdt_fx_column_xs cl_wdt_as_stretch">        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">          <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_1 cl_wdt_fx_basis_0 cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_as_stretch">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_start" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_fx_column_sm cl_wdt_as_stretch">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Заезд:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtstart" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekin_date_start" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dtstart_button" title="Выбрать дату заезда" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_end" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_fx_column_sm cl_wdt_as_stretch">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Выезд:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dtend" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date_end" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dtend_button" title="Выбрать дату отъезда" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>          </div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_bed" class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_fx_column_sm">            <span class="cl_wdt_label cl_wdt_mr_s cl_wdt_hide_lg">Кровать:</span>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" name="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" class="cl_wdt_d_none" type="checkbox">            <label for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype" class="cl_wdt_my_s">              <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="28" class="cl_wdt_c_pointer">                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_bedtype_icon" xlink:href="#bed_two" x="0" y="0" class="cl_wdt_i_primary"/>              </svg>            </label>          </div>        </div>        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_xs">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_adult" class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs">            <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0"><span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_name">Взрослых</span>:              <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_span" class="cl_wdt_hide_lg">2</span>            </label>            <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div>              <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults" class="cl_wdt_input cl_wdt_ta_center" value="2" type="number" name="adult_num" style="max-width: 40px;">              <svg id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_cont" 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" width="85" height="26" class="">                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adult_4" xlink:href="#guest" x="60" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>              </svg>              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div>            </div>            <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_adults_sel" style="display: none;"></select>          </div>          <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_wrap_xs cl_wdt_fx_basis_auto_xs cl_wdt_fx_column_xs">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_child" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md">              <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0">Детей:                <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_span" class="cl_wdt_hide_lg">1</span>              </label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div>                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs" class="cl_wdt_input cl_wdt_ta_center" value="0" type="number" name="child_num" style="max-width: 40px;">                <svg  id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_cont" 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" width="85" height="26" class="">                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                  <use id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_child_4" xlink:href="#guest" x="60" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/>                </svg>                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div>              </div>              <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_sel" style="display: none;"></select>            </div>            <!-- CHILD AGES -->            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_line" class="cl_wdt_childs cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_grow_1 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs cl_wdt_popup">              <div class="cl_wdt_d_flex">                <div class="cl_wdt_txt_white cl_wdt_p_s">Возраст детей:</div>                <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_childs_close" class="cl_wdt_txt_white cl_wdt_p_s cl_wdt_popup_x" style="position:absolute; left: 180px;">X</div>              </div>              <div class="cl_wdt_d_flex">                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_1" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_2" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_3" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>                <select id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_sel_4" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;" disabled="disabled"></select>              </div>            </div>            <!-- // CHILD AGES -->          </div>        </div>      </div>      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_button" class="cl_wdt_btn cl_wdt_ripple cl_wdt_my_s cl_wdt_mx_m cl_wdt_py_0 cl_wdt_fx_grow_1_md cl_wdt_fx_grow_1_sm cl_wdt_as_stretch">        <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="cl_wdt_hide_xs cl_wdt_hide_xl cl_wdt_hide_sm cl_wdt_hide_md">          <use xlink:href="#chevron_right_w" class="cl_wdt_i_white"/>        </svg>        <div class="cl_wdt_hide_lg cl_wdt_txt_white">Показать варианты</div>      </div>    </div>    <!-- END Посуточная аренда -->    <!-- Почасовая аренда -->    <div class="cl_wdt_row cl_wdt_pt_s cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_as_stretch cl_wdt_bg_white  cl_wdt_brdr_x cl_wdt_brdr_secondary" style="display: none;">       <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_12 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">        <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_fx_column_xs cl_wdt_as_stretch">          <div class="cl_wdt_d_flex cl_wdt_fx_shrink_1 cl_wdt_fx_grow_1 cl_wdt_fx_basis_0 cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_as_stretch">            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_hstart" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_as_stretch cl_wdt_fx_column_sm">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Дата:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_dth" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekin_date" style="min-width: 95px; width: 100%;">                <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_d823937e2903081e9d5d4a2d1863c166_dth_button" title="Выбрать дату" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#calend" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_time" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_ai_center cl_wdt_fx_basis_0 cl_wdt_px_m cl_wdt_fx_column_md cl_wdt_as_stretch cl_wdt_fx_column_sm">              <label class="cl_wdt_label cl_wdt_fx_shrink_0 cl_wdt_mr_m" style="width: 45px;">Время:</label>              <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_1 cl_wdt_as_stretch">                <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_time" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date" style="min-width: 95px; width: 100%;" readonly>                <input  id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_time_select" class="cl_wdt_input cl_wdt_fx_grow_1 cl_wdt_fx_shrink_1 cl_wdt_fx_basis_0 cl_wdt_ml_0" type="text" name="chekout_date" style="min-width: 95px; width: 100%; display: none;" readonly>                <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_d823937e2903081e9d5d4a2d1863c166_time_button" title="Выбрать время" width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0">                  <use xlink:href="#clock" class="cl_wdt_i_primary"/>                </svg>              </div>            </div>          </div>        </div>        <!-- CLIENTS COUNT -->        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_person" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_column_xs">          <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_shrink_0 cl_wdt_fx_column_md cl_wdt_fx_basis_auto_xs cl_wdt_fx_column_sm">            <label class="cl_wdt_label cl_wdt_mr_s cl_wdt_fx_shrink_0">Посетителей:</label>            <div class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_my_s">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person_minus" class="cl_wdt_btn cl_wdt_ripple">-</div>              <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person" class="cl_wdt_input cl_wdt_ta_center" value="1" type="number" name="" style="max-width: 40px;">              <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_person_plus" class="cl_wdt_btn cl_wdt_ripple">+</div>            </div>          </div>        </div>        <!-- // CLIENTS COUNT -->      </div>      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_button" class="cl_wdt_btn cl_wdt_ripple cl_wdt_my_s cl_wdt_mx_m cl_wdt_py_0 cl_wdt_fx_grow_1_md cl_wdt_fx_grow_1_sm cl_wdt_as_stretch">        <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="cl_wdt_hide_xs cl_wdt_hide_xl cl_wdt_hide_sm cl_wdt_hide_md">          <use xlink:href="#chevron_right_w" class="cl_wdt_i_white"/>        </svg>        <div class="cl_wdt_hide_lg cl_wdt_txt_white">Показать варианты</div>      </div>    </div>    <!-- END Почасовая аренда -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center cl_wdt_brdr cl_wdt_brdr_secondary cl_wdt_brdr_t_0">      <div class="clh_auth_link cl_wdt_col cl_wdt_txt_small cl_wdt_txt_hvr_primary cl_wdt_c_pointer" xlink:href="#" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_lc_button">Личный кабинет</div>      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->  </div> </div><!-- // FIRST SCREEN --><!-- VARIANTS LIST --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">  <div id="clh_step_2" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">    <!-- Заголовок окна -->		<div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Выберите вариант проживания</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close2" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_sw_sm cl_wdt_fx_column_sw_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_fx_grow_1_xs cl_wdt_fx_column_sw_xs cl_wdt_jc_between">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo" class="cl_wdt_ai_center cl_wdt_mr_m">          <div>Скидка по промокоду</div>          <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_input" type="text" class="cl_wdt_input cl_wdt_fx_fill" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_back" class="cl_wdt_btn cl_wdt_ripple">Изменить условия</div>      </div>    </div>    <!-- END Выбор клиента -->        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step2_list" class="cl_wdt_row cl_wdt_fx_column cl_wdt_bg_white"></div>    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_2 --></div><!-- // VARIANTS LIST --><!-- OPTIONS/SERVICES LIST --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;"><!-- clh_step_3 -->	<div id="clh_step_3" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">    <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Выберите дополнительные опции</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close3" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_promo" style="display: none;">          <div>Скидка по промокоду</div>          <input type="text" class="cl_wdt_input cl_wdt_mr_0" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step3_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>      </div>      <div class="cl_wdt_col_12 cl_wdt_mb_m cl_wdt_mt_s cl_wdt_d_flex">        <!-- <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="cl_wdt_fx_shrink_0 cl_wdt_mr_s cl_wdt_mt_s">          <use xlink:href="#excl_triangle_solid" class="cl_wdt_i_primary"/>        </svg>        <div> -->                  <!-- </div> -->      </div>    </div>        <!-- END Выбор клиента -->	  <div class="cl_wdt_row cl_wdt_d_flex cl_wdt_fx_column cl_wdt_bg_white">      <!-- Область списка услуг и допопций -->      <div class="cl_wdt_d_flex cl_wdt_w_100">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_label" class="cl_wdt_col cl_wdt_jc_center cl_wdt_ta_center cl_wdt_py_m cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_tab_hdr cl_wdt_c_pointer">Услуги</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_label" class="cl_wdt_col cl_wdt_jc_center cl_wdt_ta_center cl_wdt_py_m cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_tab_hdr cl_wdt_c_pointer cl_wdt_bg_disabled_mob">Дополнительно</div>      </div>    	<div class="cl_wdt_d_flex cl_wdt_w_100">    		<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_list" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_col_6 cl_wdt_half_sm cl_wdt_half_xs"></div>				<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_option_list" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_col_6 cl_wdt_half_sm cl_wdt_half_xs cl_wdt_mob_hide"></div>      </div>      <!-- END Область списка услуг и допопций -->      <!-- Область кнопок снизу -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_py_s">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back3_button" class="cl_wdt_btn cl_wdt_outline cl_wdt_ripple">Назад</div>        <div class="cl_wdt_d_flex cl_wdt_fx_column_xs">          <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md" style="display: none;">            <div class="cl_wdt_txt_bold cl_wdt_mr_s">Промокод:</div>            <input type="text" class="cl_wdt_input cl_wdt_ml_0" placeholder="Введите промокод">          </div>          <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_py_m">            <div class="cl_wdt_txt_bold cl_wdt_mr_s">ИТОГО:</div>            <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total3" class="cl_wdt_txt_bold">100500&nbsp;р.</div>          </div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next3_button" class="cl_wdt_btn cl_wdt_ripple">Бронировать</div>      </div>      <!-- END Область кнопок снизу -->    </div>  	    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->  </div><!-- END clh_step_3 --></div><!-- END OPTIONS/SERVICES LIST --><!-- ORDER FORM --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">  <!-- clh_step_4 -->  <div id="clh_step_4" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">        <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Заполните ваши данные</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close4" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Выбор клиента -->    <div class="cl_wdt_row cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_brdr_secondary cl_wdt_fx_column_xs cl_wdt_bg_white" style="border-bottom: var(--border);">      <div class="cl_wdt_col cl_wdt_d_flex">        <div class="cl_wdt_txt_bold cl_wdt_mr_s">Ваш выбор:</div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_legend">legend</div>      </div>      <div class="cl_wdt_col_auto cl_wdt_d_flex cl_wdt_ai_center">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_promo" style="display: none;">          <div>Скидка по промокоду</div>          <input type="text" class="cl_wdt_input cl_wdt_mr_0" size="15" placeholder="Введите промокод">          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step4_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div>        </div>      </div>    </div>    <!-- END Выбор клиента -->    <!-- Область данных клиента -->		<form id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_order_form" action="" class="cl_wdt_row cl_wdt_fx_column cl_wdt_bg_white cl_wdt_mb_0">      <div class="cl_wdt_d_flex cl_wdt_fx_wrap">        <div class="cl_wdt_col_6 cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_half_xs">          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name2" style="width: 70px;">Фамилия:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name2" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="1" required="required">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name1" style="width: 70px;">Имя:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name1" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="2" required="required">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name3" style="width: 70px;">Отчество:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_name3" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="3">          </div>        </div>        <div class="cl_wdt_col_6 cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_half_xs">          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone" style="width: 70px;">Телефон:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_phone" type="tel" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="4" placeholder="89991112233"required="required" pattern="^8[0-9]{10}|810[0-9]{9,}$">          </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_email" style="width: 70px;">E-mail:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_email" type="email" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="5" required="required">           </div>          <div class="cl_wdt_d_flex cl_wdt_ai_center">            <label class="cl_wdt_label" for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_city" style="width: 70px;">Город:</label>            <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_city" type="text" class="cl_wdt_input cl_wdt_fx_fill cl_wdt_mx_0" tabindex="6">          </div>        </div>      </div>      <div class="cl_wdt_col_12">        <textarea id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_comment" name="clh_booking_comment" class="cl_wdt_textarea cl_wdt_w_100 cl_wdt_mx_0" cols="30" rows="10" placeholder="Комментарий"></textarea>      </div>      <!-- Согласие на обработку персональных данных -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center">        <input class="cl_wdt_mr_s" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_agree" type="checkbox" id="clh_pers_policy" 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_d823937e2903081e9d5d4a2d1863c166_agree_link" target="_blank" href="https://alpen-club.ru/confidential">политики обработки персональных данных</div>        </label>      </div>      <!-- END Согласие на обработку персональных данных -->      <!-- Область кнопок внизу -->      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column_xs cl_wdt_fx_column_sm cl_wdt_py_s">        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_back4_button" class="cl_wdt_btn cl_wdt_outline cl_wdt_ripple">Назад</div>        <div class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center cl_wdt_fx_column_md cl_wdt_jc_center">          <div class="cl_wdt_txt_bold cl_wdt_mr_s">ИТОГО:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total4" class="cl_wdt_txt_bold">100500&nbsp;р.</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_next4_button" type="submit" class="cl_wdt_btn cl_wdt_ripple">Бронировать</div>      </div>      <!-- END Область кнопок внизу -->    </form>    <!-- END Область данных клиента -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_4 --></div><!-- END ORDER FORM --><!-- SUCCESS SCREEN --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="display: none;">	<!-- clh_step_5 -->	<div id="clh_step_5" class="cl_wdt_container cl_wdt_my_xl" style="min-width: 300px; width: 100%; max-width: 1200px;">		<!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Спасибо за ваше бронирование</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_close5" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <!-- Область диалога с клиентом -->    <div class="cl_wdt_row cl_wdt_bg_white">      <div class="cl_wdt_col_12">        <div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_mt_m">Спасибо за ваш заказ!</div>        <div class=" cl_wdt_mt_m">На указанные вами контакты отправлены сообщения о заказе. В&nbsp;ближайшее время наш сотрудник свяжется с&nbsp;вами для уточнения деталей заказа</div>        <div class="cl_wdt_d_flex cl_wdt_mt_m">          <div class="cl_wdt_txt_bold cl_wdt_mr_s">Номер вашего бронирования:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_bookingid" class="cl_wdt_txt_bold">0000</div>        </div>        <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_step5_booking_descr" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_mt_m">          <div class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_mt_l">Сумма:</div>          <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_total5">4 взрослых, 1 ребёнок, c 30.04.2019 по 09.05.2019</div>        </div>      </div>    </div>    <!-- END Область диалога с клиентом -->    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center">      <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_end cl_wdt_py_s">        <div class="cl_wdt_txt_small cl_wdt_mr_s">Разработано</div>        <script>var cl_link="https://www.cloff.ru/";</script>        <div onclick="window.open(cl_link);" target="blank" class="cl_wdt_c_pointer">          <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="cl_wdt_i_primary"/>          </svg>        </div>      </div>    </div>    <!-- END Подвал окна -->	</div>	<!-- END clh_step_5 --></div><!-- END SUCCESS SCREEN --><!-- ALERT --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert" class="cl_WDT cl_wdt_jc_center cl_wdt_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_container cl_wdt_my_xl" style="max-width: 300px;">    <!-- Заголовок окна -->    <div class="cl_wdt_modal_title">      <div class="cl_wdt_col cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">Внимание!</div>      <div class="cl_wdt_modal_controls">        <i id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close_x" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">&times;</i>      </div>    </div>    <!-- END Заголовок окна -->    <div class="cl_wdt_row cl_wdt_bg_white">      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_msg" class="cl_wdt_col_12 cl_wdt_my_l">Внимание!</div>    </div>    <!-- Подвал окна -->    <div class="cl_wdt_modal_footer cl_wdt_ai_center cl_wdt_p_m">      <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_wnd_alert_close" class="cl_wdt_btn cl_wdt_ripple cl_wdt_fx_grow_1">Ok</div>    </div>    <!-- END Подвал окна -->  </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_d823937e2903081e9d5d4a2d1863c166_var_man_tpl" width="21" height="26" class=""><use id="clh_adult_1" xlink:href="#guest" x="0" y="3" class="cl_wdt_i_primary"/></svg><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_man_plus_tpl" class="cl_wdt_txt_bold cl_wdt_txt_primary">+</div><!-- ROOM --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_room_tpl" class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_pr_m cl_wdt_py_s">  <div class="cl_wdt_pic_thumb cl_wdt_room">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_img" style="display: none;"></div>  </div>  <div class="cl_wdt_col cl_wdt_d_flex cl_wdt_fx_wrap">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_info" class="clh_room_info">room_name</div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_bads" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_fx_grow_2 cl_wdt_jc_end"></div>  </div>  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display: none;"></div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_tariff_tpl" class="cl_wdt_d_flex cl_wdt_jc_between cl_wdt_ai_center cl_wdt_py_s cl_wdt_fx_column_sm cl_wdt_fx_column_xs">  <div class="cl_wdt_d_flex" title="">    <svg width="26" height="26" class="cl_wdt_c_pointer cl_wdt_fx_shrink_0 cl_wdt_mr_s">      <use xlink:href="#quest_circle" class="cl_wdt_i_primary"/>    </svg>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_name" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_ai_center">tarif_name</div>  </div>  <div class="cl_wdt_ta_right cl_wdt_px_m">Итого:&nbsp;    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_total" class="cl_wdt_txt_bold">2 номера за 11900&nbsp;р.</div>  </div>  <!-- <div class="clh_room_status clh_free">Свободен</div> -->  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariff_TARIFFID_button" class="cl_wdt_btn cl_wdt_ripple" style="flex-basis: 160px;">Бронировать</div></div><!-- //TARIFF --><!-- VAR --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_VAR_TPL" class="cl_wdt_w_100 cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_fx_wrap cl_wdt_brdr_secondary cl_wdt_py_s cl_wdt_fx_column_xs" style="border-top: var(--border); border-bottom: var(--border);">	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_rooms" class="cl_wdt_d_flex cl_wdt_fx_column cl_wdt_fx_grow_1 cl_wdt_as_stretch cl_wdt_col_6 cl_wdt_half_xs"></div>	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_var_VARID_tariffs" class="cl_wdt_d_flex cl_wdt_fx_grow_1 cl_wdt_jc_between cl_wdt_ai_center cl_wdt_fx_column cl_wdt_col_6 cl_wdt_half_xs"></div></div><!-- END VAR --><!-- CORPUS NAME --><div class="cl_wdt_w_100 cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_fx_wrap cl_wdt_brdr_secondary cl_wdt_py_s cl_wdt_fx_column_xs" style="border-top: var(--border); border-bottom: var(--border);">  <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_d823937e2903081e9d5d4a2d1863c166_tpl_place"></div><!-- SERVICES --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_service_tpl" class="cl_wdt_d_flex cl_wdt_ai_center cl_wdt_jc_between cl_wdt_brdr_secondary" style="border-bottom: var(--border);">  <label for="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_chb" class="cl_wdt_checkbox" title="">    <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_chb" type="checkbox" hidden="hidden">    <span class="cl_wdt_checkbox"></span>    <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_name">service</span>  </label>  <input id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_count" type="number" class="cl_wdt_input" step="1" min="0" max="50" style="width: 40px;">  <span id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_SONAME_SRVID_amount" class="cl_wdt_ta_right" style="min-width: 60px;">1250</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery" class="cl_GAL cl_gallery_wraper" style="display: none;">	<div class="cl_gallery_head_line">    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_close" class="cl_gallery_close_x">&times;</div>  </div>	<div class="cl_gallery_window">	  <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_prev" class="cl_gallery_control cl_gallery_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="cl_gallery_svg_icon"/>      </svg>	  </div>	  <div class="cl_gallery_view" id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_current">      <div class="clh_gallery_pic" style=""></div>    </div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_next" class="cl_gallery_control cl_gallery_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="cl_gallery_svg_icon"/>      </svg>    </div>    <div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div>	</div>	<div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_gallery_photo_description" class="cl_gallery_text cl_gal_mob_hide"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166_div_picker" class="clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;">  <div class="cl_wdt_d823937e2903081e9d5d4a2d1863c166 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_wdt_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_ripple cl_wdt_fx_grow_1 disabled">подтвердить</div>    </div>  </div></div><!-- END timepicker --><!-- <link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/clh_flex_booking_widget.css?v=234" /> --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_new.css?v=234"/> <!-- НОВЫЕ УНИВЕРСАЛЬНЫЕ СТИЛИ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_gal.css?v=234"/> <!-- СТИЛИ ГАЛЕРЕИ ДЛЯ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_calend.css?v=234"/> <!-- СТИЛИ КАЛЕНДАРЯ ДЛЯ ВИДЖЕТОВ --><!-- WDT SVG pack --><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" width="56" height="16" viewBox="0 0 55.84 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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_sign</title>  <path id="file_sign" d="M3.78,5.94H7.22a.35.35,0,0,0,.34-.35V4.91a.35.35,0,0,0-.34-.35H3.78a.35.35,0,0,0-.34.35v.68A.35.35,0,0,0,3.78,5.94Zm0,2.75H7.22a.35.35,0,0,0,.34-.35V7.66a.35.35,0,0,0-.34-.35H3.78a.35.35,0,0,0-.34.35v.68A.35.35,0,0,0,3.78,8.69Zm19.89.64-1,1a.28.28,0,0,1-.4,0l-2.6-2.6a.28.28,0,0,1,0-.4l1-1a1.12,1.12,0,0,1,1.59,0l1.41,1.41A1.12,1.12,0,0,1,23.67,9.33ZM21.6,11a.28.28,0,0,1,0,.4l-6.3,6.3-2.68.3-.14,0-.1,0h-.66a1.86,1.86,0,0,1-1.66-1,.48.48,0,0,0-.87,0l-.33.66a.68.68,0,0,1-.61.38H8.2a.69.69,0,0,1-.6-.47l-.72-2.17-.46,1.37A1.85,1.85,0,0,1,4.66,18H4.13a.69.69,0,0,1-.69-.69.68.68,0,0,1,.69-.68h.53a.48.48,0,0,0,.45-.33L5.9,14a1,1,0,0,1,1.95,0l.6,1.79a1.93,1.93,0,0,1,2.84.61.47.47,0,0,0,.43.27h.37l.21-1.92,6.3-6.3a.28.28,0,0,1,.4,0ZM16,18.41l-.25.24-.35,0-1,.11v2.14H2.06V3.07H8.94V7.53a1,1,0,0,0,1,1h4.47v2.58L16.5,9.08V6.67a2.08,2.08,0,0,0-.61-1.46l-3.6-3.6A2.06,2.06,0,0,0,10.83,1H2.06A2.07,2.07,0,0,0,0,3.07V20.94A2.06,2.06,0,0,0,2.06,23H14.43a2.07,2.07,0,0,0,2.07-2.06v-3ZM11,3.23,14.27,6.5H11Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_dollar</title>  <path id="file_dollar" d="M19.64,5.21,16,1.61A2.06,2.06,0,0,0,14.58,1H5.81A2.07,2.07,0,0,0,3.75,3.07V20.94A2.06,2.06,0,0,0,5.81,23H18.18a2.07,2.07,0,0,0,2.07-2.06V6.67A2.08,2.08,0,0,0,19.64,5.21Zm-4.89-2L18,6.5H14.75V3.23Zm3.44,17.71H5.81V3.07h6.88V7.53a1,1,0,0,0,1,1h4.47Zm-5.5-10.66a.35.35,0,0,0-.35-.34h-.68a.35.35,0,0,0-.35.34v1a1.91,1.91,0,0,0-1.83,1.93,2,2,0,0,0,1.36,1.87l1.93.58a.57.57,0,0,1,.38.55.54.54,0,0,1-.51.56H11.43a1,1,0,0,1-.55-.16.36.36,0,0,0-.43,0l-.51.49a.34.34,0,0,0,0,.52,2.52,2.52,0,0,0,1.34.49v1a.35.35,0,0,0,.35.34h.68a.35.35,0,0,0,.35-.34v-1a1.91,1.91,0,0,0,1.83-1.93,2,2,0,0,0-1.36-1.87l-1.93-.58a.57.57,0,0,1-.38-.55.54.54,0,0,1,.51-.56h1.21a1,1,0,0,1,.55.16.38.38,0,0,0,.44,0l.5-.49a.35.35,0,0,0,0-.52,2.58,2.58,0,0,0-1.35-.49ZM7.53,5.81H11a.34.34,0,0,0,.34-.34V4.78A.34.34,0,0,0,11,4.44H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,5.81Zm3.78,2.41V7.53A.34.34,0,0,0,11,7.19H7.53a.34.34,0,0,0-.34.34v.69a.34.34,0,0,0,.34.34H11A.34.34,0,0,0,11.31,8.22Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>file_template</title>  <path id="file_template" d="M16.47,18.19H13a.34.34,0,0,0-.34.34v.69a.34.34,0,0,0,.34.34h3.44a.34.34,0,0,0,.34-.34v-.69A.34.34,0,0,0,16.47,18.19ZM7.19,11.31v4.13a.69.69,0,0,0,.69.69h8.25a.69.69,0,0,0,.68-.69V11.31a.68.68,0,0,0-.68-.68H7.88A.68.68,0,0,0,7.19,11.31ZM8.56,12h6.88v2.75H8.56ZM19.64,5.21,16,1.61A2.06,2.06,0,0,0,14.58,1H5.81A2.07,2.07,0,0,0,3.75,3.07V20.94A2.06,2.06,0,0,0,5.81,23H18.18a2.07,2.07,0,0,0,2.07-2.06V6.67A2.08,2.08,0,0,0,19.64,5.21Zm-4.89-2L18,6.5H14.75V3.23Zm3.44,17.71H5.81V3.07h6.88V7.53a1,1,0,0,0,1,1h4.47ZM7.53,5.81H11a.34.34,0,0,0,.34-.34V4.78A.34.34,0,0,0,11,4.44H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,5.81Zm0,2.75H11a.34.34,0,0,0,.34-.34V7.53A.34.34,0,0,0,11,7.19H7.53a.34.34,0,0,0-.34.34v.69A.34.34,0,0,0,7.53,8.56Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>print_new</title>  <path id="print_new" d="M22.43,9.48A2,2,0,0,0,21,8.88h-.33V6.53H18.63v-1a1.66,1.66,0,0,0-.49-1.17l-2.9-2.89A1.66,1.66,0,0,0,14.07,1H7A1.65,1.65,0,0,0,5.38,2.66V6.53H3.32V8.88H3a2,2,0,0,0-2,2v5.07a2.88,2.88,0,0,0,2.32,2.35H5.38V21.5A1.5,1.5,0,0,0,6.88,23H17.13a1.5,1.5,0,0,0,1.5-1.5V18.29h2.05A2.85,2.85,0,0,0,23,16V10.87A2,2,0,0,0,22.43,9.48ZM14.21,2.79l2.62,2.63H14.21ZM17,21.62H7v-8H17ZM17,9H7V2.66h5.52V6.24a.83.83,0,0,0,.83.83H17Zm3.73,4a1.11,1.11,0,1,1,1.1-1.11A1.11,1.11,0,0,1,20.7,13Zm-5.39,2.89v1a.41.41,0,0,1-.41.41H9.1a.41.41,0,0,1-.41-.41v-1a.41.41,0,0,1,.41-.41h5.8A.41.41,0,0,1,15.31,15.89Zm-.41,2.49H9.1a.41.41,0,0,0-.41.41v1a.41.41,0,0,0,.41.41h5.8a.41.41,0,0,0,.41-.41v-1A.41.41,0,0,0,14.9,18.38Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>email_alt</title>  <path id="email_alt" d="M20.94,3H3.06A2.09,2.09,0,0,0,1,5.13V17.88A2.09,2.09,0,0,0,3.06,20H20.94A2.09,2.09,0,0,0,23,17.88V5.13A2.09,2.09,0,0,0,20.94,3Zm0,2.13v1.8c-1,.81-2.5,2.07-5.79,4.72-.72.58-2.15,2-3.15,2s-2.43-1.39-3.15-2C5.56,9,4,7.74,3.06,6.93V5.13ZM3.06,17.88V9.66l4.51,3.66c.94.76,2.59,2.44,4.43,2.43s3.46-1.65,4.43-2.43l4.51-3.66v8.22Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>dots_reg_h</title>  <path id="dots_reg_h" d="M14.64,12A2.64,2.64,0,1,1,12,9.36,2.64,2.64,0,0,1,14.64,12Zm5.72-2.64A2.64,2.64,0,1,0,23,12,2.64,2.64,0,0,0,20.36,9.36Zm-16.72,0A2.64,2.64,0,1,0,6.28,12,2.64,2.64,0,0,0,3.64,9.36Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>dots_reg_v</title>  <path id="dots_reg_v" d="M12,9.36A2.64,2.64,0,1,1,9.36,12,2.64,2.64,0,0,1,12,9.36ZM9.36,3.64A2.64,2.64,0,1,0,12,1,2.64,2.64,0,0,0,9.36,3.64Zm0,16.72A2.64,2.64,0,1,0,12,17.72,2.64,2.64,0,0,0,9.36,20.36Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>bars</title>  <path id="bars" d="M1.79,5.91H22.21A.78.78,0,0,0,23,5.13v-2a.78.78,0,0,0-.79-.78H1.79A.78.78,0,0,0,1,3.16v2A.78.78,0,0,0,1.79,5.91Zm0,7.86H22.21A.79.79,0,0,0,23,13V11a.79.79,0,0,0-.79-.79H1.79A.79.79,0,0,0,1,11v2A.79.79,0,0,0,1.79,13.77Zm0,7.86H22.21a.79.79,0,0,0,.79-.79v-2a.79.79,0,0,0-.79-.79H1.79a.79.79,0,0,0-.79.79v2A.79.79,0,0,0,1.79,21.63Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>delete_outline_alt</title>  <path id="delete_outline_alt" d="M16.65,8.93,15.11,7.39,12,10.46,9,7.39,7.41,8.93,10.49,12,7.41,15.07,9,16.61,12,13.54l3.08,3.07,1.54-1.54L13.57,12Zm3.19-4.72A11,11,0,0,0,4.22,19.79,11,11,0,0,0,19.84,4.21Zm-14.08,14a8.78,8.78,0,1,1,12.43,0A8.78,8.78,0,0,1,5.76,18.25Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>attach_money</title>  <path id="attach_money" d="M12.47,10.66C9.76,9.92,8.94,9.19,8.94,8.09c0-1.35,1.18-2.32,3.18-2.32s2.82,1.1,2.94,2.56h2.59a4.85,4.85,0,0,0-3.77-4.64V1H10.35V3.69c-2.23.49-4.11,2.08-4.11,4.4,0,2.81,2.23,4.28,5.52,5,3,.73,3.53,1.83,3.53,2.93,0,.86-.58,2.2-3.17,2.2s-3.41-1.1-3.53-2.56H6c.12,2.69,2.12,4.15,4.35,4.64V23h3.53V20.31c2.24-.49,4.12-1.83,4.12-4.4C18,12.61,15.18,11.39,12.47,10.66Z"/></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>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 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="display: none;">  <title>caret_down</title>  <path id="caret_down" d="M2.48,6h19a1.41,1.41,0,0,1,1,2.43l-9.51,9.15a1.52,1.52,0,0,1-2.1,0L1.44,8.43A1.41,1.41,0,0,1,2.48,6Z"/></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_down</title>  <path id="caret_down" d="M2.48,6h19a1.41,1.41,0,0,1,1,2.43l-9.51,9.15a1.52,1.52,0,0,1-2.1,0L1.44,8.43A1.41,1.41,0,0,1,2.48,6Z"/></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><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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>exit_new</title>  <path id="exit_new" d="M20,2H8A2,2,0,0,0,6,4V7.64L8.18,9.82a1.67,1.67,0,0,1,0,2.36L6,14.36V18a2,2,0,0,0,2,2h2v2a2.25,2.25,0,0,0,2.4,2,2.78,2.78,0,0,0,.69-.09l7.2-2.85A2.1,2.1,0,0,0,22,19.12V4A2,2,0,0,0,20,2Zm0,17a.52.52,0,0,1-.2.1l-.13,0-.12,0-7,2.79H12.4a.65.65,0,0,1-.4-.12V7a.52.52,0,0,1,.2-.1l.13,0,.12,0,7-2.79h.11a.65.65,0,0,1,.4.12ZM2,15.33V6.67A.67.67,0,0,1,3.15,6.2l4.32,4.32a.67.67,0,0,1,0,1L3.15,15.8A.67.67,0,0,1,2,15.33ZM15,14a1,1,0,1,1-1-1A1,1,0,0,1,15,14Z"/></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>excl_triangle_solid</title>  <path id="excl_triangle_solid" d="M23.73,19.91A2.06,2.06,0,0,1,22,23H2A2.06,2.06,0,0,1,.27,19.91L10.27,2a2,2,0,0,1,3.46,0l10,17.88ZM12,16.21a2,2,0,1,0,1.92,2A2,2,0,0,0,12,16.21Zm-1.82-7.1L10.49,15a.51.51,0,0,0,.5.49h2a.51.51,0,0,0,.5-.49l.31-5.84a.51.51,0,0,0-.5-.55H10.68a.51.51,0,0,0-.5.55Z"/></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" width="24" height="24" viewBox="0 0 24 24" style="display: none;">  <title>check</title>  <path id="check" d="M8.47,19.88,1.32,12.73a1.1,1.1,0,0,1,0-1.56L2.88,9.62a1.09,1.09,0,0,1,1.55,0l4.82,4.82L19.57,4.12a1.09,1.09,0,0,1,1.55,0l1.56,1.55a1.1,1.1,0,0,1,0,1.56L10,19.88a1.1,1.1,0,0,1-1.56,0Z"/></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>pet_paw</title>  <path id="pet_paw" d="M12,11c-3.41,0-8.25,5.27-8.25,8.6,0,1.5,1.15,2.4,3.08,2.4,2.1,0,3.49-1.08,5.17-1.08S15.09,22,17.17,22c1.93,0,3.08-.9,3.08-2.4C20.25,16.27,15.41,11,12,11Zm-6.24-.88A2.9,2.9,0,0,0,2.57,7.83c-1.3.32-2,1.86-1.52,3.44a2.9,2.9,0,0,0,3.2,2.28c1.3-.32,2-1.85,1.51-3.43Zm2.82-.76c1.59,0,2.8-1.62,2.69-3.65S9.79,2,8.2,2,5.41,3.61,5.51,5.65,7,9.34,8.58,9.36ZM21.43,7.83a2.91,2.91,0,0,0-3.19,2.29c-.46,1.58.21,3.12,1.51,3.43A2.9,2.9,0,0,0,23,11.27c.46-1.58-.22-3.12-1.52-3.44ZM15.54,9.37c1.59-.07,2.91-1.78,2.94-3.82S17.27,1.93,15.68,2s-2.91,1.78-2.95,3.81S14,9.44,15.54,9.37Z"/></svg><!-- END WDT SVG pack --> <!-- ПОДКЛЮЧЕНИЕ НАБОРА ВЕКТОРНЫХ ИКОНОК -->';//document.getElementById('cl_hotel_booking_widget_d823937e2903081e9d5d4a2d1863c166').innerHTML;
wdivd823937e2903081e9d5d4a2d1863c166.innerHTML = scontentd823937e2903081e9d5d4a2d1863c166;
var clW_d823937e2903081e9d5d4a2d1863c166;
sc.onload = function(){
  clW_d823937e2903081e9d5d4a2d1863c166 = new jcClWidgetBookingd823937e2903081e9d5d4a2d1863c166({ hash:'d823937e2903081e9d5d4a2d1863c166', wid:3589, content:scontentd823937e2903081e9d5d4a2d1863c166, host:'https://29163.cloff.ru/', staticForm: staticFormd823937e2903081e9d5d4a2d1863c166 });
}

if(cl_hotel3589.islc){
  if(!document.getElementById('JS_acc.3103.5bd7af60d1604fa0b65b3eb98ceff8b5')){
    sc = document.createElement('script');
    sc.type = 'text/javascript';
    sc.src = 'https://29163.cloff.ru/widget/acc.3103.5bd7af60d1604fa0b65b3eb98ceff8b5.js?v=627';
    sc.charset = 'UTF-8';
    sc.id = 'JS_acc.3103.5bd7af60d1604fa0b65b3eb98ceff8b5';
    var hd = document.getElementsByTagName("HEAD");
    hd.item(0).appendChild(sc);
  }
}