document.write('<style>.acifc {-webkit-overflow-scrolling: touch; overflow-x: auto;} .acifc iframe {width:100%;}</style>');
document.write('<div id="ac-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505" class="acifc"><iframe data-description="javascript-embed" id="ac-iframe-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505" name="ac-iframe-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505" src="https://www.availabilitycalendar.com//embed/HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM/en-0-2-1-1-0-2-0-0-0-0-0-1-0/?iframe=true" height="290" width="100%" frameborder="0" allowtransparency="true"></iframe></div>');

window.addEventListener('message', function(e) {
	var data = e.data.split('___'), bodyHeight = parseInt(data[0]), iframe_id = data[1];
	
	//current height of the iframe
	var iframeheight = parseInt(document.getElementById('ac-iframe-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505').scrollHeight);
	
	if(iframe_id == 'ac-iframe-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505' && (bodyHeight - iframeheight > 5 || iframeheight - bodyHeight > 5)) //those 5px is because of Edge, the page whould grow 4px at every update somehow.
		document.getElementById('ac-iframe-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505').style.height = (bodyHeight) + 'px'; 
		
	if(self != top && document.body.children.length == 1 && document.body.children[0].id == "ac-HXflQvVDx3ukR5z66E5QIH2Dz9xG_Ptwt9VfQVKwdPM-505") //only when this script is embedded in another iframe, like with Wix sites.
		document.body.style.margin = "0px";
		
} , false);