@charset "UTF-8";

/*=========================DEVICES===============================*/
/*===============================================================*/
/*===============================================================*/
/*==============Smartphones (portrait and landscape)==================*/


@media only screen and (min-width : 320px) and (max-width : 949px){

p, ul{
	font-size:34px;
	line-height:40px;
}
	
.openingTextLge{
	font-size: 54px;
	line-height: 58px;
}

.openingTextMed{
	font-size: 44px;
	line-height: 48px;
}
	
.openingTextSml{
	font-size: 34px;
	line-height: 36px;
}
	
.openingTextVSml{
	font-size: 24px;
	line-height: 26px;
}

#menuWrapper{display:none;}
	
#hamMenuInnerWrapper{
	position:relative;
	display:inline-block;
	clear:both;
	margin:-25px auto 0 auto;
	align:center;
	width:100%;
	min-width:950px;
	z-index: 15000;
	overflow-y: scroll;
}
	
#bookNowButtonOuterWrapper{
	position:relative;
	display: block;
	float:right;
	margin:57px 200px 0px 0px; 
	width:250px;
	height:55px;
	text-align: center;
	border:1px solid #F0E50F;
	box-shadow: 0px 0px 15px #fff;
	animation: glow 2s infinite alternate;
}

@keyframes glow {
  from {box-shadow: 0 0 10px 0px #fff;}
  to {box-shadow: 0 0 10px 5px #fff;}
}

	
.sectionOuterWrapper{
	margin: 30px auto;
	width:400px;
	height:373px;
	/*border:1px solid #ccc;*/
	}
	
#bookNowButtonOuterWrapper2{
	display: none;
}
	
.outerGenTopPicWrapperMob{
	display: inline-block;
	/*border:1px solid red;*/
	max-height:800px;
	min-width:720px;
	width:100%;
	margin-bottom:15px;
}
	
.outerGenTopPicWrapperDesk{
	display:none;
}
	
    #return-to-top {
        bottom: 80px;
        right: 70px;
        width: 95px;
        height: 95px;
		border-radius: 65px;
		z-index: 15000;
		cursor:pointer;
    }

    #return-to-top i {
        left: 20px;
        top: 22px;
    }

.bttArrow{
	width:58px;
	height:43px;
}
	
    #return-to-top:hover i {
        top: 15px;
    }	
	
	
/*===========HOME============*/
/*===========================*/

#cafSlides{
	height:1000px;	
}

.topRowWrapper{
	height:1000px;	
}
	
#welcomeBadge{
    top: 150px;
    left: 15%;
}

#indoorsHomeBadge{
    top: 150px;
    left: 55%;
}

#foodHomeBadge{
    top: 180px;
    left: 15%;
}

#animalHomeBadge{
    top: 180px;
    left: 65%;
}
	
#bankHolHomeBadge{
    top: 180px;
    left: 65%;
}
	
	
#pumpkinBadge{
    top: 180px;
    left: 65%;
}
	
#xmasBadge{
    top: 350px;
    left: 15%;
}
	
	
/*===========OPENING TIMES============*/
/*===================================*/
	
.tabs label {
	font-size:45px;
	padding: 1rem 0.1rem;
}
	
.pricingBoxes h3{
	font-size: 44px;
}
	
.pricingBoxes h4{
    font-size: 40px;
}
	
h4{
    font-size: 44px;
}
	
.pricesDesktop{display:none;}
	
.pricesMobile{width:100%; display: block;}
	
.dealInnerWrapper1,.dealInnerWrapper2{
	min-width:100%;
	align:center;
	float:none;
}
	
.dealTextLge{
	font-size:38px;
}
	
.dealTextMed{
	font-size:28px;
}
	
#plusPlusTextRight{
	padding-top:35px;
}
	
#plusPlusWrapperRight,#plusPlusWrapperLeft{
	padding-left:30px;
}
	
.contactDetailsWrapper{
	margin:0 auto;
	align:center;
	float:none;
}

.smallMapWrapper{
	margin:40px auto 0 auto;
	align:center;
	float:none;
}
	
.timebadge{
    height: 417px;
    width: 450px;
	top: -250px;
}

#weekdayBadge{left: -60px;}
#weekendBadge{left: 250px;}

.openingTileOuterWrapper{
  display:none;
}
	
.openingTileOuterWrapper2{
    margin: 215px auto 60px;
    width: 750px;
    min-height: 760px;
}

.openingTileInnerWrapper{
	margin:-230px 0px 0px 0px;
}
	
.calInnerWrapperWide img{
	display:none;
}
	
.calInnerWrapperNarrow img{
	display:block;
}

	
	
/*===========WHAT TO DO============*/
/*===================================*/
	
	
.whatToDoBadge{
	width: 450px;
    height: 417px;
	top: -210px;
}

#indoorsBadge{left: -60px;}
#outdoorsBadge{left: 300px;}
#animalsBadge{left: -60px;}

.whatToDoPlayPic{
    height: 390px;
    width: 390px;
	top: -200px;
}
	
#indoorsPlayPic{left:330px;}
#outdoorsPlayPic{left: -100px;}
#animalPlayPic{left:330px;}
	
.whatToDoTileOuterWrapper{
    width: 650px;
	margin: 200px auto 250px;
}
	
/*#indoorPlayTileOuterWrapper{ height:2800px;}
#outdoorPlayTileOuterWrapper{height:2900px;}
#animalPlayTileOuterWrapper{height:1400px;}	*/
	
.whatToDoTileInnerWrapper{
	margin:-180px 0px 0px 0px; 
}
    
#indoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2600px;}
#outdoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2700px;}
#animalTileInnerWrapper{margin:-120px 0px 0px 0px; height:1300px;}
	
.whatToDoTextPicLge{
    height: 350px;
    width: 350px;
}

.whatToDoTextPicSml{
    height: 330px;
    width: 330px;
}
	
	
/*================PARTIES=============================*/
/*==================================================*/
	
.partiesBadge{
	width: 450px;
    height: 417px;
	top: -210px;
}

#bronzeBadge{left: -75px;}
#silverBadge{left: 300px;}
#goldBadge{left: -80px;}

#bronzeAgeWrapper{left:450px;}
#silverAgeWrapper{left: 30px;}
#goldAgeWrapper{left: 450px;}
	
.partiesTileOuterWrapper{
    margin: 210px auto 60px;
    width: 650px;
}

.partiesTileInnerWrapper{
	margin:-140px 0px 0px 0px;
}

#bronzeTileOuterWrapper{height:1600px;}
#silverTileOuterWrapper{height:1600px;}
#goldTileOuterWrapper{height:1750px;}

#bronzeTileInnerWrapper{margin:50px 0px 0px 0px;}
#silverTileInnerWrapper{margin:50px 0px 0px 0px;}
#goldTileInnerWrapper{margin:50px 0px 0px 0px;}
	
/*================SCHOOLS===========================*/
/*==================================================*/	
	

.schoolsBadge{
    height: 417px;
    width: 450px;
	top: -200px;
}

#schoolsBadge1{left: -80px;}


.schoolsTileOuterWrapper{
    margin: 200px auto 60px;
    width: 650px;
}

.schoolsTileInnerWrapper{
	margin:210px 0px 60px 0px;
	height:550px;
}
	
/*================XMAS===========================*/
/*==================================================*/	
	
.xmasText{
	font-size: 36px;
	line-height:42px;
}
	
.contentInnerWrapperXmasTop{
	min-width: 740px;
	height:420px;
}
	
.generalContentWrapperXmas{
	padding:250px 0px 160px 0px;
}
	
.contentInnerWrapperXmasBottom{
	margin:0px auto 100px;
}

	
}



/*================================================================*/
/*================================================================*/
/*===================iPads For portrait layouts only======================*/

@media only screen and (min-width :950px) and (max-width : 1450px){
	
p, ul{
	font-size:34px;
	line-height:40px;
}
	
.openingTextLge{
	font-size: 54px;
	line-height: 58px;
}

.openingTextMed{
	font-size: 44px;
	line-height: 48px;
}
	
.openingTextSml{
	font-size: 34px;
	line-height: 36px;
}
	
.openingTextVSml{
	font-size: 24px;
	line-height: 26px;
}

#menuWrapper{display:none;}
	
#hamMenuInnerWrapper{
	position:relative;
	display:inline-block;
	clear:both;
	margin:-25px auto 0 auto;
	align:center;
	width:100%;
	min-width:950px;
	z-index: 15000;
	overflow-y: scroll;
}
	
#bookNowButtonOuterWrapper{
	position:relative;
	display: block;
	float:right;
	margin:57px 200px 0px 0px; 
	width:250px;
	height:55px;
	text-align: center;
	border:1px solid #F0E50F;
	box-shadow: 0px 0px 15px #fff;
	animation: glow 2s infinite alternate;
}

@keyframes glow {
  from {box-shadow: 0 0 10px 0px #fff;}
  to {box-shadow: 0 0 10px 5px #fff;}
}

	
.sectionOuterWrapper{
	margin: 30px auto;
	width:400px;
	height:373px;
	/*border:1px solid #ccc;*/
	}
	
#bookNowButtonOuterWrapper2{
	display: none;
}
	
.outerGenTopPicWrapperMob{
	display: inline-block;
	/*border:1px solid red;*/
	max-height:800px;
	min-width:720px;
	width:100%;
	margin-bottom:15px;
}
	
.outerGenTopPicWrapperDesk{
	display:none;
}
	
    #return-to-top {
        bottom: 80px;
        right: 70px;
        width: 95px;
        height: 95px;
		border-radius: 65px;
		z-index: 15000;
		cursor:pointer;
    }

    #return-to-top i {
        left: 20px;
        top: 22px;
    }

.bttArrow{
	width:58px;
	height:43px;
}
	
    #return-to-top:hover i {
        top: 15px;
    }	
	
/*===========HOME============*/
/*===========================*/

#cafSlides{
	height:1000px;	
}

.topRowWrapper{
	height:1000px;	
}
	
.homeSlide3{ 
	background-image: url("../images/home/3b.jpg")!important;
}
	
.homeSlide4{ 
	background-image: url("../images/home/4b.jpg")!important;
}
	
/*.homeSlide5{ 
	background-image: url("../images/home/xmas5b.jpg")!important;
}*/
	
.homeSlide6{ 
	background-image: url("../images/home/pp6b.jpg")!important;
}
	
.homeSlide7{ 
	background-image: url("../images/home/pp7b.jpg")!important;
}
	
.homeSlide8{ 
	background-image: url("../images/home/pp8b.jpg")!important;
}
	
.homeSlideOffer{ 
	background-image: url("../images/home/offer2.jpg")!important;
}
	
#welcomeBadge{
    top: 150px;
    left: 15%;
}
	
#xmasBadge{
    top: 5800px;
    left: 10%;
}

#indoorsHomeBadge{
    top: 150px;
    left: 55%;
}

#foodHomeBadge{
    top: 210px;
    left: 15%;
}

#animalHomeBadge{
    top: 60px;
    left: 55%;
}
	
#pumpkinBadge{
    top: 150px;
    left: 15%;
}
	
#bankHolHomeBadge{
    top: 150px;
    left: 45%;
}

#coronHomeBadge{
    top: 60px;
    left: 20%;
}
	
/*===========OPENING TIMES============*/
/*===================================*/
	
.tabs label {
	font-size:34px;
	padding: 1rem 0.1rem;
}
	
.pricingBoxes h3{
	font-size: 44px;
}
	
.pricingBoxes h4{
    font-size: 40px;
}
	
h4{
    font-size: 44px;
}
	
.pricesDesktop{display:none;}
	
.pricesMobile{width:100%; display: block;}
	
.dealInnerWrapper1,.dealInnerWrapper2{
	min-width:100%;
	align:center;
	float:none;
}
	
.dealTextLge{
	font-size:38px;
}
	
.dealTextMed{
	font-size:28px;
}
	
#plusPlusTextRight{
	padding-top:35px;
}
	
#plusPlusWrapperRight,#plusPlusWrapperLeft{
	padding-left:30px;
}
	
.contactDetailsWrapper{
	margin:0 auto;
	align:center;
	float:none;
}

.smallMapWrapper{
	margin:40px auto 0 auto;
	align:center;
	float:none;
}
	
	.contactDetailsWrapper2{
	margin:40px auto 0 auto;
	align:center;
	float:none;
}

.smallMapWrapper2{
	margin:0 auto;
	align:center;
	float:none;
}
	
.timebadge{
    height: 417px;
    width: 450px;
	top: -250px;
}

#weekdayBadge{left: -60px;}
#weekendBadge{left: 250px;}

.openingTileOuterWrapper{
  display:none;
}
	
.openingTileOuterWrapper2{
    margin: 215px auto 60px;
    width: 750px;
    min-height: 700px;
	display: block;
    position: relative;
    padding: 30px;
    align: center;
    text-align: center;
    height: 860px;
    border: 3px solid #F0E50F;
    border-radius: 15px;
   background-color: #0e9d49;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.openingTileInnerWrapper{
	margin:-230px 0px 0px 0px;
}
	
.calInnerWrapperWide img{
	display:none;
}
	
.calInnerWrapperNarrow img{
	display:block;
}

	
	
/*===========WHAT TO DO============*/
/*===================================*/
	
	
.whatToDoBadge{
	width: 450px;
    height: 417px;
	top: -210px;
}

#indoorsBadge{left: -60px;}
#outdoorsBadge{left: 300px;}
#animalsBadge{left: -60px;}

.whatToDoPlayPic{
    height: 390px;
    width: 390px;
	top: -200px;
}
	
#indoorsPlayPic{left:330px;}
#outdoorsPlayPic{left: -100px;}
#animalPlayPic{left:330px;}
	
.whatToDoTileOuterWrapper{
    width: 650px;
	margin: 200px auto 250px;
}
	
/*#indoorPlayTileOuterWrapper{ height:2800px;}
#outdoorPlayTileOuterWrapper{height:2900px;}
#animalPlayTileOuterWrapper{height:1400px;}	*/
	
.whatToDoTileInnerWrapper{
	margin:-180px 0px 0px 0px; 
}
    
#indoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2600px;}
#outdoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2700px;}
#animalTileInnerWrapper{margin:-120px 0px 0px 0px; height:1300px;}
	
.whatToDoTextPicLge{
    height: 350px;
    width: 350px;
}

.whatToDoTextPicSml{
    height: 330px;
    width: 330px;
}
	
	
/*================PARTIES=============================*/
/*==================================================*/
	
.partiesBadge{
	width: 450px;
    height: 417px;
	top: -210px;
}

#bronzeBadge{left: -75px;}
#silverBadge{left: 300px;}
#goldBadge{left: -80px;}

#bronzeAgeWrapper{left:450px;}
#silverAgeWrapper{left: 30px;}
#goldAgeWrapper{left: 450px;}
	
.partiesTileOuterWrapper{
    margin: 210px auto 60px;
    width: 650px;
}

.partiesTileInnerWrapper{
	margin:-140px 0px 0px 0px;
}

/*#bronzeTileOuterWrapper{height:1600px;}
#silverTileOuterWrapper{height:1600px;}
#goldTileOuterWrapper{height:1650px;}*/

#bronzeTileInnerWrapper{margin:20px 0px 0px 0px; height:1400px;}
#silverTileInnerWrapper{margin:20px 0px 0px 0px; height:1450px;}
#goldTileInnerWrapper{margin:20px 0px 0px 0px; height:1550px;}
	
/*================SCHOOLS===========================*/
/*==================================================*/	
	

.schoolsBadge{
    height: 417px;
    width: 450px;
	top: -200px;
}

#schoolsBadge1{left: -80px;}


.schoolsTileOuterWrapper{
    margin: 200px auto 60px;
	width: 650px;
}

.schoolsTileInnerWrapper{
	margin:210px 0px 60px 0px;
	height:700px;
}
	
/*================XMAS===========================*/
/*==================================================*/	
	
.xmasText{
	font-size: 36px;
	line-height:42px;
}
	
.contentInnerWrapperXmasTop{
	min-width: 740px;
	height:450px;
}
	
.generalContentWrapperXmas{
	padding:420px 0px 160px 0px;
}
	
.contentInnerWrapperXmasBottom{
	margin:0px auto 100px;
}
	
}
	
/*==========================================================================*/
/*==========================================================================*/
/*===================Laptops (portrait and landscape)=======================*/

	
 @media only screen 
	 and (min-width : 1450px) and (max-width :2100px) {

#hamMenuInnerWrapper{
	display:none;
} 
		 
.generalContentWrapperXmas{
	padding:350px 0px 160px 0px;
}

		 
}
	
	
	
/*==========================================================================*/
/*==========================================================================*/
/* --------------------------- Retina Screens ----------------------------- */


@media screen 
	and (min-width: 1450px) and (max-width: 2600px) and (min-resolution: 192dpi) {
	
#hamMenuInnerWrapper{
	display:none;
}

.generalContentWrapperXmas{
	padding:350px 0px 160px 0px;
}

		
}