//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?v='+param.vercss;
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 jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a(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 = '7f22a0020d490800ce9582fa12748d4a';
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_hotel3587.childmax;
this.infantmax = cl_hotel3587.infantmax;
this.cityrq = cl_hotel3587.cityrq;
this.selbed = cl_hotel3587.selbed;
this.cntGuests = 4;
this.frm = false;
this.ispromo = 0;
this.promocode = 0;
this.cntday = 1;
this.SUTKI = 24*3600*1000;
this.bookend = ( cl_hotel3587&&cl_hotel3587.bookend ? cl_hotel3587.bookend: '');
this.bookstart = ( cl_hotel3587&&cl_hotel3587.bookstart ? cl_hotel3587.bookstart: '');
this.money = cl_hotel3587&&cl_hotel3587.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_7f22a0020d490800ce9582fa12748d4a_wnd_alert_msg').innerHTML = msg;
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert'), 'hide');
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert').style.display = 'block'
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert_close_x').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert_close').onclick = function(){
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert'), 'hide');
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert').style.display = 'none'
};
};
//пересадим наши окна в боди
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5')) );
document.body.appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery').parentNode.removeChild(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step2_list').innerHTML = '<li></li>';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step1'),'showBookingList');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step1');
this.wrapper = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wrapper');
this.addEvent(window, 'resize', function(e){
thisObj.resize();
});
if(!this.selbed){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype').parentNode.style.display = 'none';
}
if( cl_hotel3587.bedsdef==3){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype').parentNode.style.display = 'none';
}
var pURL = 'https://alpen-club.ru/confidential';
if(pURL.length>0)
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_agree_link').onclick = function(){
window.open(pURL);
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close1').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close2').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close3').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close4').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close5').onclick = function(){
thisObj.closeform();
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_button').onclick = function(){
thisObj.loadVars();
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next3_button').onclick = function(){
thisObj.toStep4();
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_order_form').onsubmit = function(){
thisObj.send();
return false;
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_back').onclick = function(){
thisObj.closeform();
thisObj.openform();
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_back3_button').onclick = function(){
thisObj.toStep2();
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_back4_button').onclick = function(){
thisObj.toStep3();
}
if(!cl_hotel3587.islc){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_dtstart').value = wDate.dt2german( ds );
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtend').value = wDate.dt2german( new Date(ds.getTime()+(24*3600*1000*cl_hotel3587.mind)) );
this.dtEnd = new wDate(
{ input: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtend')
, button: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtend_button')
, dtstart: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtstart')
, class: 'cl_wdt_7f22a0020d490800ce9582fa12748d4a'
, onchange: function(){ thisObj.dtOnChange(); }
}
);
this.dtStart = new wDate(
{ input: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtstart')
, button: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtstart_button')
, dtend: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_dtend')
, endobj: this.dtEnd
, class: 'cl_wdt_7f22a0020d490800ce9582fa12748d4a'
, onchange: function(){ thisObj.dtOnChange(); }
}
);
//END проинициализируем даты
//кровать
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_bedtype').checked = ( cl_hotel3587.bedsdef!=1 );
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype').checked){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype_icon').setAttribute("xlink:href", "#bed_double");
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype_icon').setAttribute("xlink:href", "#bed_two");
}
//END кровать
//гости
//название гостя
var man_width = 21;
this.persName1 = 'Взрослый';
this.persName3 = 'Взрослых';
this.persName5 = 'Взрослых';
if( cl_hotel3587.isalterperson && (cl_hotel3587.alterpersonstr!='') ){
var arrStr = cl_hotel3587.alterpersonstr.split(';');
this.persName1 = arrStr[0];
this.persName3 = arrStr[1];
this.persName5 = arrStr[2];
man_width = 26;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_cont').setAttribute("x", "100");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_cont').setAttribute("viewBox", "0 0 100 26");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_1').setAttribute("xlink:href", "#pet_paw");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_2').setAttribute("xlink:href", "#pet_paw");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_2').setAttribute("x", "25");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_3').setAttribute("xlink:href", "#pet_paw");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_3').setAttribute("x", "50");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_4').setAttribute("xlink:href", "#pet_paw");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_4').setAttribute("x", "74");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_man_tpl').firstChild.setAttribute("xlink:href", "#pet_paw");
this.cntAdt = 1;
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_name').innerHTML = this.persName5;
if( (cl_hotel3587.maxadt>4) || (cl_hotel3587.maxchd>4) ){
//много через SELECT
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_del').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_del').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_add').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_hotel3587.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_hotel3587.maxchd, parseInt(thisObj.cntC.value,10)+1 );
thisObj.changeChild();
break;
}
}
this.cntA = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults');
this.cntA.onchange = function(obj){ thisObj.freeVars(); }
this.cntC = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs');
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_cont').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_cont').style.display = 'none';
}
else{
//мало "человечки"
this.cntA = new clMans({
input: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults')
, elem : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_span')
, del : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_del')
, add : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_add')
, container : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_cont')
, classOn : 'cl_wdt_i_primary'
, classOff : 'cl_wdt_i_primary cl_wdt_i_disabled'
, cnt : this.cntAdt
, min: 1
, max: cl_hotel3587.maxadt
, widget : this
, onChange: function(obj){ thisObj.freeVars(); }
, elwidth: man_width
});
this.cntC = new clMans({
input: document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs')
, elem : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_span')
, del : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_del')
, add : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_add')
, container : document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_hotel3587.maxchd
, widget : this
, onChange: function(){ thisObj.cntC.onchange(); }
});
//спрячем количества
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs').style.display = 'none';
}
if( (cl_hotel3587.maxchd<=0) || (cl_hotel3587.isnotchilds) ){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_div_child').style.display = 'none';
}
//спрячем количества
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adults_span').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_hotel3587.childmax; ca++)
sChildAges += ('<option value="'+ca+'">'+ca+'</option>');
for(var c=1; c<5; c++){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_phone').setCustomValidity('Введите телефон!');
this.booking_init();
}
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype = Object.create(jcClWidgetBase.prototype);
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.opencnt = 0;
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.openform = function( ID_CONTAINER, e ){
if(window.clW_7f22a0020d490800ce9582fa12748d4a){
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.opencnt = 0;
clW_7f22a0020d490800ce9582fa12748d4a.openform( ID_CONTAINER, e );
}
else{
setTimeout( function(){
if(jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.opencnt<10){
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.opencnt++;
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.openform( ID_CONTAINER, e );
}
},500);
}
};
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.zIndex = 99998;
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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()
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.maxZIndex = function() {
return Array.from(document.querySelectorAll('body *'))
.map(a => parseFloat(window.getComputedStyle(a).zIndex))
.filter(a => !isNaN(a))
.sort()
.pop();
}
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.openform = function( ID_CONTAINER, e ){
//console.log('cl_hotel3587::', cl_hotel3587)
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;
}
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.zIndex = xIndex;
}
}
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.zIndex = jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a_close1').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_back').style.display = 'none';
}
else{
//модальность
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_close1').style.display = 'flex';
this.wrapper.style.display = 'flex';
}
this.container.style.zIndex = Math.max(99998, jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.zIndex);
if(!document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_styleZ')){
var s = document.createElement('STYLE');
s.id = 'cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_styleZ';
document.body.appendChild(s);
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_styleZ').innerHTML = '#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step1,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert,\n'
+'#cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery,\n'
+'.cl_wdt_7f22a0020d490800ce9582fa12748d4a.cl_calendar, .cl_wdt_widget_wrapper, .clh_widget_wrapper { --z-index: '+this.container.style.zIndex+'; }';
this.resize();
this.dtOnChange();
if(cl_hotel3587.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_7f22a0020d490800ce9582fa12748d4a_lc_button'))
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_lc_button').style.display = 'none';
}
},600);
}
};
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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();
}
};
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.dtOnChange = function(){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step1_legend').innerHTML = this.getLegend();
};
//сложим легенду
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.getLegend = function(){
return this.dtEnd.getLegend( this.dtStart.dt1, this.dtEnd.dt1, true);
}
//полную легенду
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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+' '+jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.jscCntRus(adt, this.persName1, this.persName3, this.persName5)+(ch>0?' '+ch+' '+jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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
//загрузка вариантов Хомяков
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_hotel3587.mind>dd){
msg += ( msg==''?'':'<br>');
msg += 'Минимальный период бронирования '+cl_hotel3587.mind+' '+jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.jscCntRus(cl_hotel3587.mind, 'сутки', 'суток', 'суток');
}
if(cl_hotel3587.maxd<dd){
msg += ( msg==''?'':'<br>');
msg += 'Максимальный период бронирования '+cl_hotel3587.maxd+' '+jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.jscCntRus(cl_hotel3587.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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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('7f22a0020d490800ce9582fa12748d4a', param);
if(parseInt(param.errcode,10)>0){
if(parseInt(param.errcode,10) == 777) {
thisObj.alert('Минимальный период бронирования '+cl_hotel3587.mind+' суток');
return;
}
if(param.errmsg){
thisObj.alert(param.errmsg);
return;
}
}
//есть ли варианты
if(param.arrvariant.length==0){
thisObj.alert(cl_hotel3587.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
//Открываем окно с вариантами заселения
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.toStep2 = function(){
this.closeform();
var thisObj = this;
//рисуем варианты
//console.log('thisObj.arrVars', this.arrVars);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_list').innerHTML = '';
for(var k=0; k<this.arrVars.length; k++){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_list').appendChild( this.getVarItem(this.arrVars[k]) );
}
//END рисуем варианты
//легенду
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_legend').innerHTML = this.getLegendFull(1);
if(this.ispromo){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_button').onclick = function(e){
thisObj.loadVars();
};
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_button').onclick = function(e){};
}
if(window.cl_hotel1561){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo').style.visibility = 'hidden';
}
//Открываем окно
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2').style.display = 'block';
};
//END toStep2
//Открываем окно с услугами и опциями
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.toStep3 = function(){
this.closeform();
//заполняем сервисы
var cnt = 0;
var cntSrv = cntOpt = 0;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_list').innerHTML = '';
for(var s=0; s<this.arrService.length; s++){
if(this.arrService[s].maxcnt>0){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_list').appendChild( this.getServiceItem(this.arrService[s]) );
cnt++;
cntSrv++;
}
}
if(!this.arrOption.length){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_label').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list').style.display = 'none';
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_label').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list').innerHTML = '';
for(var o=0; o<this.arrOption.length; o++){
if(this.arrOption[o].maxcnt>0){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list').appendChild( this.getOptionItem(this.arrOption[o]) );
cnt++;
cntOpt++;
}
}
}
//пересчитаем цену
this.reCalc();
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next3_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel3587.btoverbooking: cl_hotel3587.btbooking);
//вкладки на втором экране
var thisObj = this;
var showService = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_label').onclick = function(e){
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_label'), 'cl_wdt_bg_disabled_mob');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_label'), 'cl_wdt_bg_disabled_mob');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list'), 'cl_wdt_mob_hide');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_list'), 'cl_wdt_mob_hide');
}
var showOption = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_label').onclick = function(e){
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_label'), 'cl_wdt_bg_disabled_mob');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_label'), 'cl_wdt_bg_disabled_mob');
thisObj.jscClassRemove(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_option_list'), 'cl_wdt_mob_hide');
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_list'), 'cl_wdt_mob_hide');
}
if(!cntOpt){
showService();
}
if(!cntSrv){
showOption();
}
//Открываем окно
if( cl_hotel3587.isnotstep3==1){
this.toStep4();
return;
}
if( cnt>0 )
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3').style.display = 'block';
else
this.toStep4();
};
//END toStep2
//Форма ввода данных
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.toStep4 = function(){
this.closeform();
//пересчитаем цену
this.reCalc();
var thisObj = this;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next4_button').innerHTML = (this.curVar.isOverbooking ? cl_hotel3587.btoverbooking: cl_hotel3587.btbooking);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next4_button').onclick = function(){ return true; };
var old_element = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next4_button');
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);
/*
try{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_phone').setCustomValidity("Введите номер телефона");
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_phone').validity.patternMismatch) {
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_phone').setCustomValidity("Номер телефона вводится в формате\n89211112233 для номеров РФ и\n810+любое количество цифр для иностранных номеров");
}
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_phone').validity.valueMissing){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_phone').setCustomValidity("Введите номер телефона");
}
});
}
catch(e){
console.error(e);
}
*/
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_next4_button').onclick =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_order_form').onsubmit = function(){
thisObj.send();
return false;
}
//Открываем окно
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4').style.display = 'block';
};
//END toStep4
//Форма ввода данных
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.toStep5 = function(){
this.closeform();
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5_bookingid').innerHTML = this.bookingID;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5_booking_descr').innerHTML = this.descr;
//Открываем окно
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5').style.display = 'block';
};
//END toStep4
//отправка формы - создание брони и переход к оплате/итогам
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a_phone').value);
phone = phone.replace(/\+7/gi,'8').replace(/[^+\d]/g,'');
var fname = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_name1').value);
var lname = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_name2').value);
var mname = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_name3').value);
var email = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_email').value);
var city = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_city').value);
var comment = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_comment').value);
var name = lname+fname;
var amount = trim(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_comment').value);
//проверка параметров
if(!document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_service_'+srv.id+'_chb').checked==1){
cnt = parseInt(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_option_'+op.id+'_chb').checked==1){
cnt = parseInt(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_total5">'+this.total+' '+this.money.code+'</div></div>';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step5_bookingid').innerHTML = param.bookingID;
//если была оплата!
if( cl_hotel3587 && cl_hotel3587.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
//пересчёт стоимости заказа
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a_service_'+srv.id+'_count').value, 10);
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_option_'+op.id+'_count').value, 10);
sopt = 0;
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_hotel3587 && cl_hotel3587.ispay ){
if(cl_hotel3587.prepaytype == 1){
//фиксированная сумма
//смотрим нет ли чего в типе номера
for(var r=0; r<this.curVar.arrRooms.length; r++){
var roompay = cl_hotel3587.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_hotel3587.prepaytype == 3){
//стоимость дней проживания
//если в типах прописаны "исключения" то берём максимум
var ppdays = cl_hotel3587.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_hotel3587.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_hotel3587.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_hotel3587.prepayval/100 * (aopt+asrv));
}
//document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_paysum').innerHTML = this.prepay;
}
//легенда
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3_legend').innerHTML =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4_legend').innerHTML = this.getLegendFull();
//document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_total5').innerHTML =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_total4').innerHTML =
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_total3').innerHTML = this.total+' '+this.money.code;
};
//END reCalc
//прорисовка услуг/опций
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.getServiceItem = function(s){
return this.getSrvOptItem(s, 'service');
};
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.getOptionItem = function(s){
return this.getSrvOptItem(s, 'option');
};
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.getSrvOptItem = function(so, name){
var vSEl = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_service_tpl').cloneNode(true);
var res = /SRVID/gi;
var re = /SONAME/gi;
var thisObj = this;
vSEl.id = 'cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_'+name+'_'+so.id;
vSEl.innerHTML = vSEl.innerHTML.replace(res, so.id).replace(re, name);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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+' '+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
//прорисовка варианта заселения
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a_var_man_tpl');
if(v.isPromoCode)
this.ispromo = 1;
else
this.ispromo = 0;
//клонируем шаблон
var vEl = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_VAR_TPL').cloneNode(true);
vEl.id = 'cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid;
vEl.innerHTML = vEl.innerHTML.replace(re, v.vid);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_room_tpl').cloneNode(true);
vElRoom.id = 'cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid;
vElRoom.innerHTML = vElRoom.innerHTML.replace(re, v.vid).replace(rer, room.typeid);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_rooms').appendChild(vElRoom);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_info').innerHTML = room.name;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_amount').innerHTML = room.amount;
if(v.nums>1)
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_bads').appendChild( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_man_plus_tpl').cloneNode(true) );
}
}
//фото pic_min pic_mid pic_max
if( cl_hotel3587.gallery>0 )
if( this.arrImgs && this.arrImgs[room.typeid] && this.arrImgs[room.typeid].length ){
img0 = this.arrImgs[room.typeid][0];
if(cl_hotel3587.gallery==2){
this.jscClassRemove( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_max');
this.jscClassAdd( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_mid');
}
else{
this.jscClassRemove( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_mid');
this.jscClassAdd( document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode, 'cl_wdt_pic_max');
}
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').parentNode.style.display = 'flex';
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').arrImg = this.arrImgs[room.typeid];
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').room_descr = room.descr;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_room_'+room.typeid+'_img').onclick = function(){
thisObj.playGallery(this.arrImg, this.room_descr);
}
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_tariff_tpl').cloneNode(true);
vElTariff.id = 'cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id;
vElTariff.innerHTML = vElTariff.innerHTML.replace(re, v.vid).replace(ret, tar.id);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariffs').appendChild(vElTariff);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_name').innerHTML = tar.name;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_total').innerHTML = v.nums+jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.jscCntRus( v.nums, 'номер', 'номера', 'номеров')+' за '+tar.amount+' '+this.money.code;
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML = ( (v.isOverbooking)? cl_hotel3587.btoverbooking : cl_hotel3587.btbooking);
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML = cl_hotel3587.btoverbooking;
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_button').innerHTML.length>16) {
thisObj.jscClassAdd(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_'+v.vid+'_tariff_'+tar.id+'_button'), 'cl_wdt_btn_long');
}
}
return vEl.parentNode.removeChild(vEl);
};
//END getVarItem
//Проигрыватель галлереи
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.playGallery = function(arrImgs, room_descr){
var cur = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_current');
cur.innerHTML = '';
var sto = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_description').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_description').innerHTML = room_descr;
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_description').style.display = 'none';
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_close').onclick = function(){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_next').style.visibility = 'visible';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_prev').style.visibility = 'visible';
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_next').style.visibility = 'hidden';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_prev').style.visibility = 'hidden';
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_next').onclick = function(){
jfNextImg();
};
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_prev').onclick = function(){
jfPrevImg();
};
}
//END playGallery
//дети
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.changeChild = function(){
var thisObj = this;
var cnt = this.cntC.value;
if(cnt>0){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_line').style.display = 'flex';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_close').onclick = function(){
for(var c=1; c<=cnt; c++){
if(document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_sel_'+c).value<0){
thisObj.alert('Укажите возраст ребёнка');
return;
}
}
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_line').style.display = 'none';
};
}
else{
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_line').style.display = 'none';
}
var chd;
for(var c=1; c<5; c++){
chd = document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_sel_'+c);
if(c<=cnt){
chd.disabled = false;
this.jscClassRemove(chd,'clh_widget_inactive');
}
else{
chd.disabled = true;
this.jscClassAdd(chd,'clh_widget_inactive');
}
}
};
//закрытие формы
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.prototype.closeform = function(){
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4').style.display = 'none';
document.getElementById('cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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
//если форма - то надо при ресайзе "подкручивать" класс
jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a.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_hotel3587 = {
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: '618'
, 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_7f22a0020d490800ce9582fa12748d4a, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step1, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery, .cl_wdt_7f22a0020d490800ce9582fa12748d4a.cl_calendar, .cl_wdt_7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a" class="" style="display: none;"><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_bedtype" name="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype" class="cl_wdt_d_none" type="checkbox"> <label for="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_name">Взрослых</span>: <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adult_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div> </div> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_childs_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_child_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_child_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_child_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_childs_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div> </div> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_sel" style="display: none;"></select> </div> <!-- CHILD AGES --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_sel_1" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;"></select> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_person_minus" class="cl_wdt_btn cl_wdt_ripple">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_person" class="cl_wdt_input cl_wdt_ta_center" value="1" type="number" name="" style="max-width: 40px;"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_person_plus" class="cl_wdt_btn cl_wdt_ripple">+</div> </div> </div> </div> <!-- // CLIENTS COUNT --> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close2" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step2_promo" class="cl_wdt_ai_center cl_wdt_mr_m"> <div>Скидка по промокоду</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_input" type="text" class="cl_wdt_input cl_wdt_fx_fill" size="15" placeholder="Введите промокод"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_back" class="cl_wdt_btn cl_wdt_ripple">Изменить условия</div> </div> </div> <!-- END Выбор клиента --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close3" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_total3" class="cl_wdt_txt_bold">100500 р.</div> </div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close4" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step4_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div> </div> </div> </div> <!-- END Выбор клиента --> <!-- Область данных клиента --> <form id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name2" style="width: 70px;">Фамилия:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name1" style="width: 70px;">Имя:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name3" style="width: 70px;">Отчество:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_phone" style="width: 70px;">Телефон:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_email" style="width: 70px;">E-mail:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_city" style="width: 70px;">Город:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_total4" class="cl_wdt_txt_bold">100500 р.</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close5" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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">На указанные вами контакты отправлены сообщения о заказе. В ближайшее время наш сотрудник свяжется с вами для уточнения деталей заказа</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_7f22a0020d490800ce9582fa12748d4a_step5_bookingid" class="cl_wdt_txt_bold">0000</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_wnd_alert_close_x" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</i> </div> </div> <!-- END Заголовок окна --> <div class="cl_wdt_row cl_wdt_bg_white"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_man_plus_tpl" class="cl_wdt_txt_bold cl_wdt_txt_primary">+</div><!-- ROOM --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_VARID_room_ROOMID_info" class="clh_room_info">room_name</div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display: none;"></div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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">Итого: <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_VARID_tariff_TARIFFID_total" class="cl_wdt_txt_bold">2 номера за 11900 р.</div> </div> <!-- <div class="clh_room_status clh_free">Свободен</div> --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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> <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_7f22a0020d490800ce9582fa12748d4a_tpl_place"></div><!-- SERVICES --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_chb" class="cl_wdt_checkbox" title=""> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_chb" type="checkbox" hidden="hidden"> <span class="cl_wdt_checkbox"></span> <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_name">service</span> </label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_count" type="number" class="cl_wdt_input" step="1" min="0" max="50" style="width: 40px;"> <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_amount" class="cl_wdt_ta_right" style="min-width: 60px;">1250</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery" class="cl_GAL cl_gallery_wraper" style="display: none;"> <div class="cl_gallery_head_line"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_close" class="cl_gallery_close_x">×</div> </div> <div class="cl_gallery_window"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_current"> <div class="clh_gallery_pic" style=""></div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_description" class="cl_gallery_text cl_gal_mob_hide"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_div_picker" class="clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="cl_wdt_7f22a0020d490800ce9582fa12748d4a 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=235" /> --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_new.css?v=235"/> <!-- НОВЫЕ УНИВЕРСАЛЬНЫЕ СТИЛИ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_gal.css?v=235"/> <!-- СТИЛИ ГАЛЕРЕИ ДЛЯ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_calend.css?v=235"/> <!-- СТИЛИ КАЛЕНДАРЯ ДЛЯ ВИДЖЕТОВ --><!-- 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 staticForm7f22a0020d490800ce9582fa12748d4a = 0;
var sc = document.createElement('script');
sc.type = 'text/javascript';
sc.src = 'https://29163.cloff.ru/js/wdt.js?v=628';
sc.charset = 'UTF-8';
var hd = document.getElementsByTagName("HEAD");
hd.item(0).appendChild(sc);
var wdiv7f22a0020d490800ce9582fa12748d4a = document.createElement('DIV');
wdiv7f22a0020d490800ce9582fa12748d4a.id = 'AAA_7f22a0020d490800ce9582fa12748d4a';
if(document.body) document.body.appendChild(wdiv7f22a0020d490800ce9582fa12748d4a);
else document.head.appendChild(wdiv7f22a0020d490800ce9582fa12748d4a);
var scontent7f22a0020d490800ce9582fa12748d4a = '<style> .cl_wdt_widget_wrapper, .clh_widget_wrapper, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step1, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step3, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step4, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step5, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_wnd_alert, #cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery, .cl_wdt_7f22a0020d490800ce9582fa12748d4a.cl_calendar, .cl_wdt_7f22a0020d490800ce9582fa12748d4a.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_7f22a0020d490800ce9582fa12748d4a" class="" style="display: none;"><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_bedtype" name="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_bedtype" class="cl_wdt_d_none" type="checkbox"> <label for="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_name">Взрослых</span>: <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adult_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_adult_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_adults_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div> </div> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_childs_del" class="cl_wdt_btn cl_wdt_ripple cl_wdt_mr_0">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_child_1" xlink:href="#guest" x="0" y="2" class="cl_wdt_i_primary"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_child_2" xlink:href="#guest" x="20" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_child_3" xlink:href="#guest" x="40" y="2" class="cl_wdt_i_primary cl_wdt_i_disabled"/> <use id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_childs_add" class="cl_wdt_btn cl_wdt_ripple cl_wdt_ml_0">+</div> </div> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_childs_sel" style="display: none;"></select> </div> <!-- CHILD AGES --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_sel_1" class="cl_wdt_input cl_wdt_mx_s cl_wdt_p_0" style="width: 40px;"></select> <select id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_person_minus" class="cl_wdt_btn cl_wdt_ripple">-</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_person" class="cl_wdt_input cl_wdt_ta_center" value="1" type="number" name="" style="max-width: 40px;"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_person_plus" class="cl_wdt_btn cl_wdt_ripple">+</div> </div> </div> </div> <!-- // CLIENTS COUNT --> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close2" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step2_promo" class="cl_wdt_ai_center cl_wdt_mr_m"> <div>Скидка по промокоду</div> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_input" type="text" class="cl_wdt_input cl_wdt_fx_fill" size="15" placeholder="Введите промокод"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_step2_back" class="cl_wdt_btn cl_wdt_ripple">Изменить условия</div> </div> </div> <!-- END Выбор клиента --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close3" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_total3" class="cl_wdt_txt_bold">100500 р.</div> </div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close4" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_step4_promo_button" class="cl_wdt_btn cl_wdt_ripple">ok</div> </div> </div> </div> <!-- END Выбор клиента --> <!-- Область данных клиента --> <form id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name2" style="width: 70px;">Фамилия:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name1" style="width: 70px;">Имя:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_name3" style="width: 70px;">Отчество:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_phone" style="width: 70px;">Телефон:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_email" style="width: 70px;">E-mail:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_city" style="width: 70px;">Город:</label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_total4" class="cl_wdt_txt_bold">100500 р.</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_close5" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</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">На указанные вами контакты отправлены сообщения о заказе. В ближайшее время наш сотрудник свяжется с вами для уточнения деталей заказа</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_7f22a0020d490800ce9582fa12748d4a_step5_bookingid" class="cl_wdt_txt_bold">0000</div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_wnd_alert_close_x" class="cl_wdt_txt_big cl_wdt_txt_bold cl_wdt_txt_white">×</i> </div> </div> <!-- END Заголовок окна --> <div class="cl_wdt_row cl_wdt_bg_white"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_man_plus_tpl" class="cl_wdt_txt_bold cl_wdt_txt_primary">+</div><!-- ROOM --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_VARID_room_ROOMID_info" class="clh_room_info">room_name</div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_var_VARID_room_ROOMID_amount" class="clh_visual_guest_amount" style="display: none;"></div></div><!-- //ROOM --><!-- TARIFF --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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">Итого: <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_var_VARID_tariff_TARIFFID_total" class="cl_wdt_txt_bold">2 номера за 11900 р.</div> </div> <!-- <div class="clh_room_status clh_free">Свободен</div> --> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_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> <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_7f22a0020d490800ce9582fa12748d4a_tpl_place"></div><!-- SERVICES --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_chb" class="cl_wdt_checkbox" title=""> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_chb" type="checkbox" hidden="hidden"> <span class="cl_wdt_checkbox"></span> <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_name">service</span> </label> <input id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_count" type="number" class="cl_wdt_input" step="1" min="0" max="50" style="width: 40px;"> <span id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_SONAME_SRVID_amount" class="cl_wdt_ta_right" style="min-width: 60px;">1250</span></div><!-- // SERVICES --><!-- GALLERY --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery" class="cl_GAL cl_gallery_wraper" style="display: none;"> <div class="cl_gallery_head_line"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_close" class="cl_gallery_close_x">×</div> </div> <div class="cl_gallery_window"> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_current"> <div class="clh_gallery_pic" style=""></div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_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_7f22a0020d490800ce9582fa12748d4a_gallery_photo_storage" style="width: 1px; height: 1px; visibility: hidden;"></div> </div> <div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_gallery_photo_description" class="cl_gallery_text cl_gal_mob_hide"></div></div><!-- END GALLERY --></div><!-- timepicker --><div id="cl_hotel_booking_widget_7f22a0020d490800ce9582fa12748d4a_div_picker" class="clh_widget_wrapper" style="z-index: calc(var(--z-index) + 7); display: none;"> <div class="cl_wdt_7f22a0020d490800ce9582fa12748d4a 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=235" /> --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_new.css?v=235"/> <!-- НОВЫЕ УНИВЕРСАЛЬНЫЕ СТИЛИ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_gal.css?v=235"/> <!-- СТИЛИ ГАЛЕРЕИ ДЛЯ ВИДЖЕТОВ --><link rel="stylesheet" type="text/css" href="https://29163.cloff.ru//html/v2/css/cl_wdt_calend.css?v=235"/> <!-- СТИЛИ КАЛЕНДАРЯ ДЛЯ ВИДЖЕТОВ --><!-- 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_7f22a0020d490800ce9582fa12748d4a').innerHTML;
wdiv7f22a0020d490800ce9582fa12748d4a.innerHTML = scontent7f22a0020d490800ce9582fa12748d4a;
var clW_7f22a0020d490800ce9582fa12748d4a;
sc.onload = function(){
clW_7f22a0020d490800ce9582fa12748d4a = new jcClWidgetBooking7f22a0020d490800ce9582fa12748d4a({ hash:'7f22a0020d490800ce9582fa12748d4a', wid:3587, content:scontent7f22a0020d490800ce9582fa12748d4a, host:'https://29163.cloff.ru/', staticForm: staticForm7f22a0020d490800ce9582fa12748d4a, vercss: 628 });
}
if(cl_hotel3587.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=628';
sc.charset = 'UTF-8';
sc.id = 'JS_acc.3103.5bd7af60d1604fa0b65b3eb98ceff8b5';
var hd = document.getElementsByTagName("HEAD");
hd.item(0).appendChild(sc);
}
}