.airbnb-element {
    position: absolute;
    width: 100%;
}

.air-floor {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    background: #dcc2a7;
}

.martin {
    z-index: 4;
    left: 15%;
    max-width: 1050px;
    bottom: 63px;
}

	.martin-sitting {
	    z-index: 4;
	    left: 15%;
	    max-width: 235px;
	    bottom: 63px;
	}

    .martin-cleaning {
        z-index: 4;
        left: 15%;
        max-width: 535px;
        bottom: 63px;
    }

    .martin-near-map {
        z-index: 4;
        left: 35%;
        max-width: 300px;
        bottom: 63px;
    }

    .martin-meeting {
        z-index: 4;
        max-width: 200px;
        bottom: 63px;
    }

.guest-coming {
    z-index: 4;
    left:100%;
    max-width: 359px;
    bottom: 63px;
}

.hand-with-phone {
    max-width: 450px;
}

.phone-2-hand {
    max-width: 450px;
}

.coin-1 {
    z-index: 15;
    max-width: 150px;
}

.phone-message-one {
    z-index: 15;
    max-width: 150px;
}

.notify {
    z-index: 15;
    max-width: 90px;
}

.clock-at-kitchen {
    z-index: 3;
    left: 6%;
    max-width: 200px;
    top: 15%;
}

.window-at-kitchen {
    z-index: 3;
    left: 60%;
    max-width: 560px;
    top: 13%;
}

.tea-table-quest {
    z-index: 3;
    left: 20%;
    max-width: 490px;
    bottom: 63px;
}

.chair-quest {
    z-index: 2;
    left: 16%;
    max-width: 140px;
    bottom: 63px;
}

.chair-martin {
    z-index: 2;
    left: 45%;
    max-width: 140px;
    bottom: 63px;
}

.martin-drinking {
    z-index: 3;
    left: 16%;
    max-width: 243px;
    bottom: 63px;
}

.guest-drinking {
    z-index: 3;
    left: 38%;
    max-width: 245px;
    bottom: 63px;
}

.cat-2 {
    z-index: 3;
    left: 65%;
    max-width: 239px;
    top: 47%;
}

.kitchen-lamp {
    z-index: 3;
    left: 30%;
    max-width: 200px;
    top: -20%;
}

.kitchen-picture {
    z-index: 2;
    left: 30%;
    max-width: 200px;
    top: 25%;
}

.left-building {
    z-index: 7;
    max-width: 795px;
    top: 0;
}

.left-building-2 {
    z-index: 6;
    max-width: 575px;
    bottom: 63px;
}

.left-building-3 {
    z-index: 4;
    max-width: 350px;
    bottom: 63px;
}

.river-red {
    max-width: 810px;
    bottom: -30px;
    right: 0;
}

.bridge-1 {
    z-index: 6;
    max-width: 1150px;
    bottom: 63px;
}

.bridge-2 {
    z-index: 1;
    max-width: 820px;
    right: 0;
    top: 56%;
}

.quest-walking-2 {
    z-index: 8;
    max-width: 160px;
    bottom:-20%;
}

.clouds {
    width:200%;
    left:0;
}

.right-building {
    z-index: 5;
    max-width: 335px;
    bottom: 63px;
}

.street-trees {
    z-index: 8;
    max-width: 500px;
    bottom: 63px;
}

.quest-walking {
    z-index: 8;
    max-width: 110px;
    bottom: 63px;
}

.cupboard {
    z-index: 2;
    left: 10%;
    max-width: 320px;
    bottom: 63px;
}

.dirty-box {
    z-index: 2;
    left: 40%;
    max-width: 150px;
    bottom: 63px;
}

.dirty-bottle {
    z-index: 3;
    left: 69%;
    max-width: 30px;
    bottom: 228px;
}

.chair {
    z-index: 2;
    left: 65%;
    max-width: 350px;
        bottom: 63px;
}

.lamp {
    z-index: 4;
    left: 65%;
    max-width: 480px;
    bottom: 63px;
}

.door-close {
    z-index: 5;
    left: 65%;
    max-width: 340px;
    bottom: 63px;
}

.under-door-knob {
    z-index: 1;
    left: 65%;
    max-width: 200px;
    bottom: -12px;
}

.lucie {
    z-index: 4;
    left: 65%;
    max-width: 310px;
    bottom: 63px;	
}

	.lucie-sitting {
	    z-index: 4;
	    left: 65%;
	    max-width: 283px;
	    bottom: 63px;
	}

.cat {
	z-index: 4;
    left: 65%;
    max-width: 280px;
    bottom: 63px;
}

.under-door-space {
    z-index: 1;
    left: 65%;
    max-width: 340px;
    bottom: 63px;	
}

.ball {
    z-index: 1;
    left: 83%;
    max-width: 100px;	
}

.sofa {
    z-index: 3;
    max-width: 992px;
}

.big-flower {
    z-index: 3;
    max-width: 350px;
    bottom: 63px;
}

.window {
    z-index: 1;
    max-width: 500px;	
    top: 13%;
}

.room-lamps {
    z-index: 1;
    max-width: 800px;
}

.left-table {
    z-index: 4;
    max-width: 440px;
    top: 52%;
}

.center-table {
    z-index: 5;
    max-width: 200px;
}

.center-paint {
    z-index: 3;
    max-width: 447px;
}

.center-map {
    z-index: 3;
    max-width: 447px;
}

.table-full-page {
	width: 100%;
	height: 100%;
	background: #fae6cb;
	z-index: 6;
}

.table-full-page-photo {
	width: 100%;
	height: 100%;
	background: #122022;
	z-index: 6;
}

.photo-display {
	width: 100%;
    height: 100%;
    z-index: 9;
}

.photo-display-background {
	width: 100%;
	height: 100%;
	z-index: 7;
}

.clock-1 {
	left: 35%;
    max-width: 400px;
    top: 25%;
}

.clock-1-arrows {
    left: 43%;
    max-width: 150px;
    top: 40%;
}

.is-back {
	width: 100%;
	height: 100%;
}

.photo-light {
    width: 100%;
    height: 100%;
    z-index: 8;
}

.ipad {
    z-index: 7;
    left: 33%;
    max-width: 1000px;
    bottom: -20%;
}

.coffee {
    z-index: 7;
    left: 33%;
    max-width: 450px;
    left: 57%;
}

.note {
    z-index: 7;
    left: 33%;
    max-width: 380px;
    left: 60%;
}

.right-hand {
    z-index: 9;
    /*left: 33%;*/
    max-width: 240px;
    left: 25%;
}

.long-right-hand {
    z-index: 9;
    /*left: 33%;*/
    max-width: 240px;
    left: 25%;
}

.notice-1 {
      max-width:50px;
      z-index: 12;  
}

.tooltip-background {
    z-index: 7;
    max-width: 450px;
}

.tooltip-phone-stable {
    z-index: 25;
    max-width: 60px;
    cursor: pointer;
}

.tooltip-1 {
    z-index: 25;
    max-width: 60px;
}

.tooltip-2 {
    z-index: 25;
    max-width: 60px;
}

.tooltip-3 {
    z-index: 25;
    max-width: 60px;
}

.tooltip-4 {
    z-index: 25;
    max-width: 60px;
}

.tooltip-5 {
    z-index: 25;
    max-width: 60px;
}

.tooltip-6 {
    z-index: 15;
    max-width: 60px;
}

.location-1 {
    z-index: 25;
    max-width: 60px;
}

.location-2 {
    z-index: 25;
    max-width: 60px;
}

.location-3 {
    z-index: 25;
    max-width: 60px;
}

.location-4 {
    z-index: 25;
    max-width: 60px;
}

.location-5 {
    z-index: 25;
    max-width: 60px;
}

.location-6 {
    z-index: 25;
    max-width: 60px;
}

.is-back-on-ipad {
    width: 100%;
    height: auto;
}

	.first-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;
	}

	.second-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;
	}

	.third-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;		
	}

		.icon-1 {
		    z-index: 8;
		    max-width: 200px;
		    top: 47%;
		    left: 15%;
		}

		.icon-2 {
		    z-index: 8;
		    max-width: 200px;
		    top: 47%;
		    left: 25%;
		}

		.icon-3 {
		    z-index: 8;
		    max-width: 113px;
		    top: 47%;
		    left: 38%;
		}

	.four-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;		
	}

	.five-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;		
	}

	.six-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;		
	}

	.seven-screen {
	    z-index: 7;
	    max-width: 600px;
	    left: 11%;
	    top: 29%;			
	}

    .eight-screen {
        z-index: 7;
        max-width: 590px;
        left: 11%;
        top: 29%;           
    }

    .nine-screen {
        z-index: 7;
        max-width: 600px;
        left: 11%;
        top: 29%;   
    }

    .nine-screen-reply {
        z-index: 7;
            max-width: 500px;
    left: 15%;
    top: 47%;
    }

.knock-1 {
	z-index: 11;
    max-width: 200px;
    left: 35%;
    top: 10%;	
}

.knock-2 {
	z-index: 11;
    max-width: 200px;
    left: 45%;
    top: 20%;	
}

.hanger {
    z-index: 4;
    left: 65%;
    max-width: 135px;
    bottom: 63px;
}

.photographer {
    z-index: 4;
    left: 65%;
    max-width: 400px;
    bottom: 63px;
}

.tooltip-with-desc a {
    cursor: pointer;
}

.tooltip-with-desc .description {
    height: 60px;
    width: 60px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    transition-duration: .2s;
    border: 0px solid #000;
}

.tooltip-with-desc:hover .description {
     z-index: 1; 
     opacity: 1; 
}

.description i {
    padding: 20px;
    font-size: 21px;
    color:#DE6367;
}

.tooltip-text-render {
    width: 300px;
    text-align: center;
    font-size: 19px;
}

.tooltip-text-render-1 {
    width: 300px;
    text-align: center;
    font-size: 19px;
    padding-left: 50px;
}

.tooltip-text-render-1 span {
    position: absolute;
    background: #DE6367;
    color: #fff;
    padding: 1px 9px;
    border-radius: 30px;
    left: 0;
}

.martin-bubble {
    z-index: 999;
    height: auto;
    width: 500px;
    bottom: 5%;
    left: 5%;
}

.lucie-bubble {
    z-index: 999;
    height: auto;
    width: 500px;
    bottom: 5%;
    right: 5%;
}

.bubble-text-render {
    width: 300px;
    text-align: center;
    font-size: 19px;
    top: 35%;
    left: 22%;
}

.bubble-text-render-1 {
    width: 300px;
    text-align: center;
    font-size: 19px;
    top: 22%;
    left: 22%;
}

.bubble-text-render-2 {
    width: 300px;
    text-align: center;
    font-size: 19px;
    top: 36%;
    left: 22%;
}


.lucie-bubble .bubble-text-render {
    width: 300px;
    text-align: center;
    font-size: 19px;
    top: 40%;
    left: 20%;
}

.lucie-bubble .bubble-text-render-1 {
    width: 300px;
    text-align: center;
    font-size: 19px;
    top: 30%;
    left: 17%;
}

.lucie-bubble .bubble-text-render-2 {
    width: 380px;
    text-align: center;
    font-size: 19px;
    top: 30%;
    left: 10%;
}