/* Welcome Illustration*/
.mobileWelcome { 
height: 350px; 
background-image: url(../img/welcome/ChapelMobile.png);
background-size: auto 100%;
background-repeat:no-repeat;
background-position: center bottom; margin-top: -50px; position: relative;  }

.ringMasterMobile { height: 320px; width: 270px; 
background: url(../img/welcome/ringMasterMobile.png) no-repeat center center; background-size: 100% 100%;
position: absolute; left:50%; margin-left: -170px; bottom: -13px; visibility: hidden;
}
.booknowMobile { padding-bottom: 47%; width: 100%; margin: 13px 0px; 
background-image: url(../img/welcome/bookNowMobile.png);
background-size: auto 100%;
background-repeat:no-repeat;
background-position: center bottom;
 }

.welcome { 
width: 100%;
padding-bottom: 66%; 
background-image: url(../img/welcome/background.png);
background-size: 100% auto;
background-repeat:no-repeat;
background-position: center bottom;  position: relative; overflow: hidden; margin-bottom: 15px; }

.welcome .object, .welcome .button { cursor: pointer; } 

.foliage { position: absolute; background-size: 100% auto; background-repeat:no-repeat; bottom: 0px; top: 0px; transition: all 1.8s ease-in-out; -webkit-transition: all 1.8s ease-in-out; -moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; z-index: 99;}

.foliage_L { 
width: 35%; 
left: 0px; 
background-image: url(../img/welcome/foliage_L.png);
background-position: left bottom; 
}

.foliage_R { 
width: 39%; 
right: 0px; 
background-image: url(../img/welcome/foliage_R.png);
background-position: right bottom; 
}

.foliage_L.reveal { 
transform:translate(-100%,0px);
-webkit-transform:translate(-100%,0px);
-o-transform:translate(-100%,0px);
-moz-transform:translate(-100%,0px);
}
.foliage_R.reveal { 
transform:translate(100%,0px);
-webkit-transform:translate(100%,0px);
-o-transform:translate(100%,0px);
-moz-transform:translate(100%,0px);
}

.chapel { 
position: absolute;
width: 75%; 
height: 62%;
top: 11.764%;
left: 3%; 
background-image: url(../img/welcome/chapel.png);
background-size: 100% auto;
background-repeat:no-repeat;
background-position: right bottom; }

.chapelrooftrigger { 
position: absolute;z-index: 99;
width: 15%; 
height: 14%;
top: 9%;
left: 54%;
display: none; 
}

.raiserooflink {
position: absolute;z-index: 99;
width: 15%; 
height: 14%;
top: 9%;
left: 54%;
display: none;
}
.chapelroof { 
position: absolute;
width: 37%; 
height: 22%;
top: 9.4%;
left: 31.4%; 
background-image: url(../img/welcome/chapel_roof.png);
background-size: 100% auto;
background-repeat:no-repeat;
background-position: right bottom; }
.chapelroof.open { top: 7%; left: 31.2%; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); }

.ducks { 
position: absolute;
width: 15%; 
height: 14%;
top: 10.5%;
left: 60%; 
background-image: url(../img/welcome/ducks.png);
background-size: 100% auto;
background-repeat:no-repeat;
background-position: right bottom; visibility: hidden; }

.plane { 
position: absolute; width: 55%; height: 13.382%; background-image: url(../img/welcome/plane.png);
background-size: 100% auto;
background-repeat:no-repeat;
background-position: center center; left: 15%; top: 2%; visibility: hidden;  z-index: 98;
}
.DontEnter { position: absolute; width: 23%; height: 46%; bottom: -1%; left: 39%; background-image: url(../img/welcome/DontEnter.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center;  visibility: hidden;}

.dog_walker { position: absolute; width: 23%; height: 25%; bottom: 3%; right: 2.4%; background-image: url(../img/welcome/dog_walker.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.fart { position: absolute; width: 23%; height: 25%; bottom: 3%; right: 2.4%;  }
.cat { position: absolute; width: 8%; height: 15%; bottom: 6%; right: 25%; background-image: url(../img/welcome/cat.png); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; visibility: hidden; }
.cat.disgust { background-position: right center;  }
.fart_gas { position: absolute; width: 3.4%; height: 5%; bottom: 5.1%; right: 15.4%; background-image: url(../img/welcome/fart.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: left center; display: none;  }
.JackinBox { position: absolute; width: 6.3%; height: 6%; bottom: 0.7%; right: 29%; background-image: url(../img/welcome/JackInBox.png); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; visibility:hidden;}
.JackinBox.open { background-position: right center; }
.happenings { position: absolute; width: 7%; height: 17%; bottom: 5.5%; right: 32%; background-image: url(../img/welcome/happenings.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: left center; visibility:hidden;}
.happenings_trigger { position: absolute; width: 12%; height: 23%; bottom: 0.7%; right: 27%; display: none; }

.opera_lady { position: absolute; width: 4.5%; height: 18%; bottom: 39%; left: 17%; background-image: url(../img/welcome/opera_lady.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.car { position: absolute; width: 13.3%; height: 20%; bottom: 39%; left: 2%; background-image: url(../img/welcome/2CV.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.contact { position: absolute; width: 19%; height: 24%; bottom: 39%; left: 3%; display: none; }
.awesomeness { position: absolute; width: 11%; height: 25%; bottom: 40%; left: 9%; background-image: url(../img/welcome/Awesomeness.png); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center;  }
.awesomeness.crack { background-position: right center;  }

.cafe { position: absolute; width: 9%; height: 14%; bottom: 33%; left: 57%; background-image: url(../img/welcome/CafeSign.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; cursor: pointer; }
.parasol { position: absolute; width: 19%; height: 40%; bottom: 23%; right: 22%; background-image: url(../img/welcome/parasol-active.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; cursor: pointer; }
.cafe_trigger { position: absolute; width: 19%; height: 38%; bottom: 23%; right: 22%; display: none; }

.book_now { position: absolute; width: 27%; height: 35%; bottom: 64%; right: -2%; background-image: url(../img/welcome/book_now.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; z-index: 9998;}

.KidsCart { position: absolute; width: 15.5%; height: 17%; bottom: 28%; right: 5.27%; background-image: url(../img/welcome/KidsCart_hover.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.KidsBalloons { position: absolute; width: 14%; height: 23.5%; bottom: 35%; right: 5.27%; background-image: url(../img/welcome/KidsBalloons.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.kidsZone {  position: absolute; width: 15.5%; height: 23%; bottom: 28%; right: 5.27%; display: none; }

.rocket { position: absolute; width: 8%; height: 19%; bottom: 33%; left: 34%; background-image: url(../img/welcome/rocket.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.family { position: absolute; width: 15%; height: 29%; bottom: 23%; left: 25%; background-image: url(../img/welcome/family.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.music { position: absolute; width: 8%; height: 15%; bottom: 63.9%; left: 45.3%; background-image: url(../img/welcome/window_music_active.png); background-image: url(../img/welcome/window_music.png); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; }
.music:hover {  background-position: right center; }
.music.active { background-image: url(../img/welcome/window_music_active.png);  background-position: center!important;  background-size: 100% 100%;}
.banjo { position: absolute; width: 10%; height: 17%; bottom: 66.0%; left: 47.4%; background-image: url(../img/welcome/banjo.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.spectacular { position: absolute; width: 22%; height: 11%; bottom: 57%; left: 39%; background-image: url(../img/welcome/spectacular.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; } 

.easel { position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url(../img/welcome/easel.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.artist { position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url(../img/welcome/artist.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.canvas { position: absolute; width: 25%; height: 35%; bottom: 3%; left: 3%; background-image: url(../img/welcome/canvas.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; display: none;  }
.sun { position: absolute; width: 10.5%; height: 16%; top: 1.76%; left: 0.78%; background-image: url(../img/welcome/sun.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

.tombstones { position: absolute; width: 17%; height: 23%; bottom: 0%; left: 27%; background-image: url(../img/welcome/tombstones.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center; visibility: hidden; }

.classes { position: absolute; width: 5%; height: 14%; bottom: 60.5%; left: 60.5%; background-image: url(../img/welcome/window_classes_active.png); background-image: url(../img/welcome/window_classes.png); background-size:  200% 100%; background-repeat:no-repeat; background-position: left center; }
.classes:hover { background-position: right center; }
.classes.active { background-image: url(../img/welcome/window_classes_active.png);  background-position: center!important;  background-size: 100% 100%;}
.yoga { position: absolute; width: 12.4%; height: 14%; bottom: 62.5%; left: 57.6%; background-image: url(../img/welcome/yoga.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.groovy { position: absolute; width: 11.8%; height: 12%; top: 22%; left: 66.5%; background-image: url(../img/welcome/groovy.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; } 


.workshops { position: absolute; width: 5%; height: 14%; bottom: 60.5%; right: 61%; background-image: url(../img/welcome/window_workshops_active.png); background-image: url(../img/welcome/window_workshops.png); background-size: 200% 100%; background-repeat:no-repeat; background-position: left center; }
.workshops:hover { background-position: right center;    }
.workshops.active { background-image: url(../img/welcome/window_workshops_active.png); background-position: center!important; background-size: 100% 100%;}

.knitting { position: absolute; width: 9%; height: 27%; bottom: 54.5%; left: 29%; background-image: url(../img/welcome/workshops.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; }
.wonderful { position: absolute; width: 16%; height: 13%; top: 22%; left: 17%; background-image: url(../img/welcome/wonderful.png); background-size: 100% auto; background-repeat:no-repeat; background-position: center center; visibility: hidden; } 


.doors { position: absolute; width: 11%; height: 23%; bottom: 37%; left: 44.5%; background-image: url(../img/welcome/doors.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center;  }
.doors.active { background-image: url(../img/welcome/doors_hover.png); }
.ringmaster { position: absolute; width: 22%; height: 49%; top: 43%; left: 39%; background-image: url(../img/welcome/ringmaster.png); background-size: 100% 100%; background-repeat:no-repeat; background-position: center center;visibility: hidden;   }
.toplevel { z-index:6; }


.visible { visibility: visible; }
.trigger_reveal { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;  }