@charset "UTF-8";
/* CSS Document */  
/*==========================GLOBAL============================*/
/*============================================================*/

*{
	margin: 0;
	padding: 0;
	outline: 0;
}

body{
	height:100%;
	width:100%;
	background-color:#32912F;
	min-width:944px;
}

.headerOuterWrapper{
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	height: 160px;
	z-index: 4000;
	width:100%;
	min-width:800px;
	background-color: #32912F;
	border-bottom: 3px solid #F0E50F;
}

#globalLogoOuterWrapper{
	position: relative;
	display: inline-block;
	top: 20px;
	float: left;
	width: 400px;
	height: 188px;
	margin: 0px 0px 0px 40px;
	z-index: 500;
}

#globalLogo{
	position:relative;
	display: inline-block;
	top:10px;
	float:left;
	width:100%;
	height:100%;
	margin:0px;
	z-index: 500;
	border: 5px solid #32912f;
	border-radius: 8px;
}

.pageTopRowWrapper{
	position: relative;
	display: inline-block;
	clear:both;
	margin:130px auto 0;
	width:100%;
	height:400px;
	background-color: #efefef;
}

#menuWrapper{
	position: relative;
	display: inline-block;
	float:right;
	clear:right;
	margin:20px 60px 0px 0px;
	width:720px; 
}

#hamMenuInnerWrapper{
	display:none;
}

.container{
	position: relative;
	display: inline-block;
	width:100%;
	margin-top:-5px;
	min-height:300px;
	min-width:944px;
	
}

.contentOuterWrapper{
	position: relative;
	display: inline-block;
	margin:148px auto 0;
	align:center;
	width:100%;
	padding:0px 0px 100px 0px;
	min-height:800px;
	background-image: url("../images/global/contentBg2.png");
	background-position: bottom;
	background-repeat: repeat-y;
}

.contentInnerWrapper{
	position: relative;
	display: block;
	margin:110px auto;
	max-width:1400px;
	min-width: 800px;
	min-height:200px;
	align:center;
	padding:0px 60px;
}

/*--------------------------------------XMAS------------------------------------------------*/

.contentOuterWrapperXmas{
	position: relative;
	display: inline-block;
	margin:163px auto 0;
	align:center;
	width:100%;
	padding:0px 0px 100px 0px;
	min-height:800px;
	background-image: url("../images/global/contentBg2.png");
	background-position: bottom;
	background-repeat: repeat-y;
}

.contentInnerWrapperXmasTop{
	position: relative;
	display: block;
	margin:0  auto;
	max-width:1200px; 
	min-width: 800px;
	height:500px;
	align:center;
	padding:0px;
	background-image: url("../images/christmas/xmasTopBG.jpg");
	background-repeat: no-repeat;
}

.contentInnerReindeer{
	position: relative;
	display: block;
	margin:0 auto;
	width:100%;
	height:1300px;
	align:center;
	background-image: url("../images/christmas/xmasBanner25.png");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 100;
}

.contentInnerWrapperXmasBottom{
	position: relative;
	display:block;
	margin:0 auto 100px;
	max-width:1080px; 
	min-width: 800px;
	min-height:900px;
	align:center;
	padding:200px 60px 0px;
	background-image: url("../images/christmas/parchmentMid.jpg");
	background-repeat: repeat-y;

}

.generalContentWrapperXmas{
	position: relative;
	display: block;
	clear: both;
	margin:0 auto 0;
	padding-top:300px;
	max-width:1200px;
	min-width: 720px;
	min-height:400px;
	align:center;
	border-bottom:1px solid #F0E50F;
	text-align: center;
}

.canWeSeeOuter,.bookNowOuter{
	position: relative;
	display: block;
	margin: 0 auto 40px;
}

.skatesOnOuter,.return23Outer{
	position: relative;
	display: block;
	margin: 0 auto 10px;
}

.canWeSeeInner,.skatesOnInner,.bookNowInner,.return23Inner{
	position: relative;
	display: block;
	margin: 0 auto;
	align:center;
	width:750px;
	height:160;
}

.ticketDate{
	position: relative;
	display: block;
	margin: 0 auto;
	align:center;
	width:770px;
	height:180;
}

.arrowsOuter{position: relative;
	display: inline-block;
	float:left;
	width:100%;
	height:100px;
}


.arrowsInner{position: relative;
	display: block;
	margin: 0 auto;
	align:center;
}





/*-------------------------------------------------------------------*/

.generalContentWrapper{
	position: relative;
	display: block;
	margin:0px auto 100px;
	padding-bottom:160px;
	max-width:1400px;
	min-width: 720px;
	min-height:400px;
	align:center;
	border-bottom:1px solid #F0E50F;
}

.sectionListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:90%;
	position: relative;
	margin:0 auto;
	align:center;
	/*border:1px solid red;*/
}

.sectionOuterWrapper{
	display:block;
	position: relative;
	margin: 20px auto;
	padding:0px 15px 15px 15px;
	align:center;
	text-align:center;
	width:300px;
	height:280px;
}

.sectionInnerWrapper{
	position: relative;
	width:100%;
	height:100%;
}

.sectionHeaderText{
	margin-top:40px;
	width:100%;
	height:100px;
	text-align: center;
	/*border:1px solid red;*/
}

.pageTopRowWrapper{
	position:relative;
	display: inline-block;
	clear:both;
	min-height:300px;
	width:100%;
	float:left;
	margin:125px auto 0;
	align:center;
	background-color:#fff;
	padding:0px;
	/*border:1px solid red; */
}

.pageTopRowInnerWrapper{
	position:relative;
	display: block;
	max-width:1300px;
	margin:0 auto;
	align:center;
}

#bookNowButtonOuterWrapper{
	display: none;
}

#bookNowButtonOuterWrapper2{
	position:relative;
	display: block;
	float:right;
	margin:30px 60px 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;}
}

#bookNowButtonOuterWrapper:hover{
	box-shadow: 0px 0px 10px #fff;
}

#bookNowButtonOuterWrapper2:hover{
	box-shadow: 0px 0px 10px #fff;
}

.outerGenTopPicWrapperDesk{
	display: inline-block;
	/*border:1px solid red;*/
	max-height:470px;
	min-width:944px;
	width:100%;
	margin-bottom:30px;
}

.outerGenTopPicWrapperMob{
	display: none;
}

/*.innerGenTopPicWrapperDesk{
	border:1px solid white;
	display: block;
	margin:0 auto;
	align:center;
	height:100%;
}

.innerGenTopPicWrapperMob{
	display: none;
}*/

.outerGenBottPicWrapperLeft,.outerGenBottPicWrapperRight{
	display: block;
	height:350px;
	width:350px;
}

.outerGenBottPicWrapperLeft{
	float:left;
	margin:10px 20px 10px 0px;
}


.outerGenBottPicWrapperRight{
	float:right;
	margin:10px 0px 10px 20px;
}


    #return-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #0B552A;
        width: 55px;
        height: 55px;
        display: block;
        text-decoration: none;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        display: none;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 8px;
        top: 14px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.bttArrow{
	width:38px;
	height:23px;
	
}

    #return-to-top:hover {
        background: #F0E50F;
    }
    #return-to-top:hover i {
        top: 11px;
    }

/*===================================================*/
/*====================FOOTER=========================*/

footer{
	position: relative;
	display: inline-block;
	float: left;
	clear: both;
	margin:0 auto;
	align:center;
	padding:0px;
	width: 100%;
	min-width:944px;
	min-height:300px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c5987+1,1f4061+100 */
	background: #0B552A; /* Old browsers */
	border-top: 3px solid #F0E50F;
}


#footerInnerWrapper{
	z-index: 50000;
}

#footerCol1{
	width:15%;
	float:left;
}

#footerCol2{
	width:68%;
	float:left;
	padding-bottom:60px;
}

#footerCol3{
	width:15%;
	float:right;
}

#footerCol1Inner{
	margin:30px 0px 0px 60px;
	width:100%;
	float:left;
}

#footerCol2Inner{
	/*border:1px solid #ccc;*/
	margin-top:30px;
	width:100%;
	float:left;
}

#footerCol3Inner{
	padding-top:30px;
	margin:10px 60px 0px 0px;
	width:100%;
	float:right;
}

#socMedFootOuterWrapper{
	position: relative;
	display: block;
	clear:both;
	height:50px;
	width: 200px;
	margin:70px auto 50px;
	align:center;
}

.socMedIconFootWrapper{
	position: relative;
	display: inline-block;
	height:70px;
	width: 70px;
}

#fb{
	float:left;
	margin:0px 25px 0px 0px;
}

#insta{
	float:right;
	margin:0px 0px 0px 0px;
}

.socMedFootInnerWrapper img{
	height:70px;
	width: 70px;
}


#getDirections{border:none;}

#getDirectionsFieldset{border:none;}

#getDirectionsOuterWrapper{
	display: inline-block;
	width:100%;
	margin-bottom:40px;
}

#getDirectionsInnerWrapper{
	display: block;
	margin:0 auto;
	align:center;
	width:390px;
	/*border:1px solid grey;*/
}

.enterPostcode{
	width:100%;
}

input{
	display: block;
	width: 200px;
	padding: 0.375rem 0.75rem;
	margin: 1rem 0;
	font-size: .9rem;
	line-height: 1.5;
	color: #495057;
	border: 1px solid #fff;
	float:right;
	border-radius: 3px;
}

#getDirLabel  {
	background-color: #32912F;
	border-color: #32912F;
	font-weight: 600;
	cursor: pointer;
	float:left;
	width:160px;
	color:#F0E50F;
}

#bottomMenu{text-align: center;}



/*===================FOOTERBASE=======================*/
/*====================================================*/


#footerBase{
	position: relative;
	display: inline-block;
	float:left;
	clear: left;
	margin:0 auto;
	padding:10px 0px;
	width: 100%;
	height: 50px;
	min-width:944px;
    background-color:#F0E50F;
}

#footerbaseInner{
	position: relative;
	display: block;
	margin:0 auto;
	align:center;
	width: 97%;
	height: 40px;
}

#footerbaseColLeft{
	position: relative;
	display: inline-block;
	padding-top:3px;
	float:left;
	width: 30%;
	margin:10px auto;
	align:center;
	height: 20px;
	text-align: left; 
}

#cardOuterWrapper{
	position: relative;
	display: block;
	align:left;
	width:167px;
	height:25px;
}

#footerbaseColRight{
	position: relative;
	display: inline-block;
	float:right;
	width: 30%;
	padding-top:22px;
	margin:0px auto;
	align:center;
	height: 22px;
	text-align: right;
	color:#0B552A;
	font-size:12px;
}

/*=============================HOME=============================*/
/*===============================================================*/


#cafSlides{
	height:600px;	
	border-bottom: 3px solid #F0E50F;
}

.topRowWrapper{
	position: relative;
	display: inline-block;
	clear:both;
	margin:160px auto 0;
	width:100%;
	height:600px;	

}

#frontPageSlideOuterWrapper{
	position:relative;
	display: block;
	width:100%;
	margin:0px auto;
	padding:0px;
	align:center;
	height:100%;
}

#frontPageSlideInnerWrapper{
	position:relative;
	display: block;
	width:100%;
	margin:0px auto;
	align:center;
	height:100%;
}

.homeSlide1{ 
	background-image: url("../images/home/1.jpg");
	background-position:50% 50%;
	background-size: contain;
} 

.homeSlide2{ 
	background-image: url("../images/home/2.jpg");
	background-position:50% 50%;
	background-size: contain;
} 

.homeSlide3{ 
	background-image: url("../images/home/3.jpg");
	background-position:50% 50%;
	background-size: contain;
}

.homeSlide4{ 
	background-image: url("../images/home/4.jpg");
	background-position:50% 50%;
	background-size: contain;
}

/*.homeSlide5{ 
	background-image: url("../images/home/xmas5.jpg");
	background-position:50% 50%;
	background-size: contain;
}*/

.homeSlide6{ 
	background-image: url("../images/home/pp6.jpg");
	background-position:60% 50%;
	background-size: contain;
}

/*.homeSlide7{ 
	background-image: url("../images/home/pp7.jpg");
	background-position:60% 50%;
	background-size: contain;
}

.homeSlide8{ 
	background-image: url("../images/home/pp8.jpg");
	background-position:60% 50%;
	background-size: contain;
}

.homeSlideOffer{ 
	background-image: url("../images/home/offer.jpg");
	background-position:60% 50%;
	background-size: contain;
}*/

.homeSlideButtonWrapper{
	position:absolute;
	display: block;
	left:90px;
	top:80px;
	margin:0px auto 0;
	padding:10px;
	min-height:400px;
	width:40%;
	/*border:1px solid red;*/
}

.homeSlideButton{
	position:relative;
	display: inline-block;
	float:left;
	margin:15px auto;
	min-height:390px;
	width:100%;
	background-size: contain;
	background-repeat: no-repeat;
	/*border:1px solid red;*/
}

.wholeSlideButton{
	position:relative;
	display: inline-block;
	width:100%;
	height:100%;
}

#xmasBadge{
    position: relative;
    display: block;
    height: 391px;
    width: 400px;
    top: 150px;
    left: 15%;
}

#xmasBadge2{
    position: relative;
    display: block;
    height: 391px;
    width: 500px;
    top: 150px;
    left: 15%;
}

#welcomeBadge{
    position: relative;
    display: block;
    height: 371px;
    width: 400px;
    top: 150px;
    left: 15%;
}

#indoorsHomeBadge{
    position: relative;
    display: block;
    height: 371px;
    width: 400px;
    top: 150px;
    left: 55%;
}

#foodHomeBadge{
    position: relative;
    display: block;
    height: 371px;
    width: 400px;
    top: 150px;
    left: 15%;
}

#animalHomeBadge{
    position: relative;
    display: block;
    height: 371px;
    width: 400px;
    top: 180px;
    left: 65%;
}

#ppHomeBadge{
    position: relative;
    display: block;
    height: 371px;
    width: 420px;
    top: 100px;
    left: 25%;
}

#bankHolHomeBadge{
    position: relative;
    display: block;
    height: 390px;
    width: 490px;
    top: 100px;
    left: 40%;
}

#coronHomeBadge{
    position: relative;
    display: block;
    height: 520px;
    width: 600px;
    top: 40px;
    left: 40%;
}

.taglineOuterWrapper{
	position:relative;
	display: inline-block;
	width:100%;
	margin:0px auto;
	padding:0px;
	align:center;
	min-height:100px;
	background-color: #0B552A;
}

.taglineInnerWrapper{
	position:relative;
	display: block;
	max-width:1300px;
	min-width:700px;
	margin:0px auto;
	padding:30px;
	align:center;
	height:100%;
	text-align: center;
}


/*==================OPENING TIMES======================*/
/*===================================================*/

.timebadge{
	position: relative;
    display: block;
    height: 417px;
    width: 450px;
	top: -160px;
}

#weekdayBadge{
    left: -70px;
}

#weekendBadge{
    left: 70px;
}

.openingListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:80%;
	padding:0px 40px;
	position: relative;
	margin:0 auto 100px;
	align:center;
	/*border:1px solid red;*/
}

.openingTileOuterWrapper{
    display: block;
    position: relative;
    margin: 125px auto 60px;
    padding: 30px;
    align: center;
    text-align: center;
    width: 450px;
    height: 800px;
    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);
}

.openingTileOuterWrapper2{
    display: none;
}

.openingTileInnerWrapper{
	display:block;
	float:left;
	top:0px;
	margin:-160px 0px 0px 0px;
	position: relative;
	width:100%;
}

.tabs {
	display: flex;
	flex-wrap: wrap;  /*make sure it wraps*/
	width:99.5%;
}

.tabs label {
	order: 1; /*Put the labels first*/
	display: block;
	text-align:center;
	cursor: pointer;
	font-size:24px;
	padding: 1rem 0.18rem;
	/*background: #32912F;*/
	font-weight: bold;
	transition: background ease 0.2s;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#F0E50F;
	width: 32.8%;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	border-bottom:1px solid #EEE40F;
	text-transform: uppercase;
}

.tabs .tab {
	order: 99; /*Put the tabs last*/
	flex-grow: 1;
	width: 100%;
	display: none;
	/*background: #32912F;*/
	padding-top:40px;
}

.tabs input[type="radio"] {
	display: none;
}

.tabs input[type="radio"]:checked + label {
	background: #0B552A;
	color:#F0E50F;
	text-transform: uppercase;
}

.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

tabDevice{
	display:none;
}


/*=========================PRICES=======================*/
/*=====================================================*/

.offPeakPricing {
 display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	position: relative;
	margin-top:30px;
	
}

.pricingBoxes{
    width: 22%;
    text-align: center;
    transition: 0.5s ease-in;
	border:1px solid #ccc;
	align:center;
	margin: 0 auto 24px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.pricingBoxes:hover{
    transition: 0.5s ease-out;
    transform: scale(1.1);
}

.pricingBoxes p{
    margin: 0!important;
	color:white;
	font-size: 18px;
}

.pricingBoxes h3{
   font-family: novecento-slab-wide, serif; 
	font-weight:300px;
	color:white;
	font-size: 28px;
    margin: 0!important;
}

.pricingBoxes h4{
    font-family: novecento-slab-wide, serif; 
	font-weight:300px;
    margin: 0!important;
    color: #F0E50F;
    font-size: 30px;
}

.pricesMobile{
	display:none;
}

.pricingBoxTop{
    background-color: #0E9D49;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 2px dashed #F0E50F;
}

.pricingBoxBottom{
    background-color: #0F7F3D;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*-----------------------------------------------------*/

.pricingBoxesMobile{
    width: 100%;
    text-align: center;
    transition: 0.5s ease-in;
	border:1px solid #ccc;
	align:center;
	margin: 0 auto 24px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.pricingBoxesMobile:hover{
    transition: 0.5s ease-out;
    transform: scale(1.05);
}

.pricingBoxesMobile p{
    margin: 0!important;
	color:white;
	font-size: 32px;
}

.pricingBoxesMobile h3{
   font-family: novecento-slab-wide, serif; 
	font-weight:300px;
	color:white;
	font-size: 52px;
    margin: 0!important;
}

.pricingBoxesMobile h4{
    font-family: novecento-slab-wide, serif; 
	font-weight:300px;
    margin: 0!important;
    color: #F0E50F;
    font-size: 52px;
}

.pricingBoxLeft{
	display: inline-block;
    background-color: #0E9D49;
	float:left;
	padding-top:20px;
	height:130px;
	width:50%;
	  justify-content: center;
    border-right: 2px dashed #F0E50F;
	z-index: 500;
}

.pricingBoxRight{
	display: inline-block;
    background-color: #0F7F3D;
	float:right;
	padding-top:45px;
	height:105px;
	  justify-content: center;
	width:49.6%;
	z-index: 50;
}

/*-----------------------------------------------------*/

#adventurePricingWideWrapper{
	width:100%;
	text-align: center;
	margin-top:40px;
}

#adventurePricingWideTable{
	width:100%;
	min-height:360px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

#adventurePricingWideTable td{
	padding:20px;
}

#adventurePricingWideTopRow td{
	min-height:30px;
	background: #0E9D49;
    border-bottom: 2px dashed #F0E50F;
	font-size: 30px;
	color:#fff;
	font-weight:600;
}

#adventurePricingWideMidRow td{
	min-height:40px;
	background: #0F7F3D;
    border-bottom: 2px dashed #F0E50F;
}

#adventurePricingWideBottRow td{
	min-height:40px;
	background: #10542C;
}


/*===================*/


#adventurePricingWideBottRowMob td{
	min-height:40px;
	background: #10542C;
	border-bottom: 2px dashed #F0E50F;
}

.ageGroupTextMob{
	font-size: 50px;
	color:#fff;
	font-weight:600;
}

.durationTextMob{
	font-size: 46px;
	color:#fff;
	font-weight:600;
}

.priceTextMob{
	font-size: 52px;
	color:#F0E50F;
	font-weight:600;
}

.yearTextMob{
	font-size: 32px;
	color:#fff;
	font-weight:300;
}

.pricingTermsMob h6{

}

/*===================*/

.durationText{
	font-size: 26px;
	color:#fff;
	font-weight:600;
}

.yearText{
	font-size: 18px;
	color:#fff;
	font-weight:300;
}

.priceText{
	font-size: 28px;
	color:#F0E50F;
	font-weight:600;
}


/*=====================Deals=============================*/
/*======================================================*/

.dealOuterWrapper{
	display:inline-block;
	float:left;
	width:100%;
	/*border:1px solid red;*/
}


.dealInnerWrapper{
	display:inline-block;
	width:100%;
	max-height:250px;
	border:2px solid #EEE40F;
	padding:15px 0px;
	margin-bottom:30px;
	float:right;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e9d49+1,0b552a+99 */
background: #0e9d49; /* Old browsers */
background: -moz-linear-gradient(left,  #0e9d49 1%, #0b552a 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e9d49 1%,#0b552a 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e9d49 1%,#0b552a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9d49', endColorstr='#0b552a',GradientType=1 ); /* IE6-9 */
}

.dealInnerColWrapperRightFixed{
	/*border:1px solid red;*/
	height:150px;
	float:right;
}

.dealInnerColWrapperLeftFixed{
	/*border:1px solid red;*/
	height:150px;
	float:left;
	margin-right:30px;
}

.dealInnerColWrapperLeftFluid{
	/*border:1px solid red;*/
	height:150px;
	overflow:hidden;
}

.dealInnerColWrapperRightFluid{
	/*border:1px solid red;*/
	min-height:150px;
	padding-right:10px;
	overflow:hidden;
}

#10Off{
	width:200px;
}

#dealInnerWrapperPassesPage{
	margin-bottom:100px;
}

#plusPlusWrapperRight{
	width:50%;
	padding-left:70px;
}
#plusPlusWrapperLeft{
	padding-left:70px;
}

#adultsEntry{
	width:350px;
}

.dealCircleWrapperLeft,.dealCircleWrapperRight{
	display: inline-block;
	background-image:url("../images/openingPrices/dealCircle.png");
	background-size: 100%;
	margin:0px 50px;
	padding:10px 0px;
	width:150px; 
	height:130px;
}

.dealCircleWrapperLeft{float:left; margin:0px 0px 0px 20px;}

.dealCircleWrapperRight{float:right; margin:0px 20px 0px 0px;}

.dealCircleTextSml,.dealCircleTextMed,.dealCircleTextLge{
	display:inline-block;
	width:100%; 
	text-align: center;
}


.pricingTerms{
	display: inline-block;
	position: relative;
	float:left;
	clear:both;
	margin: 40px 0px 50px 0px;
	height:250px;
	width:100%;
	text-align: center;
}


.calOuterWrapperWide{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:80%;
	padding:0px 40px;
	position: relative;
	margin:0 auto 0px;
	align:center;
}

.calInnerWrapperWide img{
	display:block;
}

.calInnerWrapperNarrow img{
	display:none;
}


/*==================WHAT TO DO=======================*/
/*===================================================*/

.whatToDoBadge{
	position: absolute;
    display: block;
	width: 400px;
    height: 371px;
	top: -175px;
	z-index: 1000;
}

#indoorsBadge{left: -100px;}
#outdoorsBadge{left: 190px;}
#animalsBadge{left: -100px;}

.whatToDoPlayPic{
	position: relative;
    display: block;
    height: 370px;
    width: 370px;
	top: -160px;
	z-index: 500;
}

#indoorsPlayPic{left:130px;}
#outdoorsPlayPic{left: -100px;}
#animalPlayPic{left: 190px;}

.whatToDoListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:90%;
	padding:0px 40px;
	position: relative;
	margin:0 auto 100px;
	align:center;
	/*border:1px solid red;*/
}

.whatToDoTileOuterWrapper{
    display: block;
    position: relative;
    margin: 180px auto 100px;
    padding: 30px;
    align: center;
    text-align: center;
    width: 450px;
    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);
}

.whatToDoTileInnerWrapper{
	display:block;
	float:left;
	top:0px;
	position: relative;
	width:100%;
}

/*#indoorPlayTileOuterWrapper{height:2500px;}
#outdoorPlayTileOuterWrapper{height:2500px;}
#animalPlayTileOuterWrapper{height:1250px;}*/

#indoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2300px;}
#outdoorTileInnerWrapper{margin:-140px 0px 0px 0px; height:2300px;}
#animalTileInnerWrapper{margin:-120px 0px 0px 0px; height:1100px;}

.whatToDoTextPicLge{
	position: relative;
    display: block;
    height: 300px;
    width: 300px;
	z-index: 500;
	
}

.whatToDoTextPicSml{
	position: relative;
    display: block;
    height: 280px;
    width: 280px;
	z-index: 500;
}

#indoorsTextPic1{
	float:left;
	margin:15px 15px 15px 0px;
}

#indoorsTextPic2{
	float:right;
	margin:15px 0px 15px 15px;
}

#indoorsTextPic3{
	float:left;
	margin:15px 15px 15px 0px;
}

#indoorsTextPic4{
	float:right;
	margin:15px 0px 15px 15px;
}

#outdoorsTextPic1{
	float:right;
	margin:15px 0px 15px 15px;
}

#outdoorsTextPic2{
	float:left;
	margin:15px 15px 15px 0px;
}

#outdoorsTextPic3{
	float:right;
	margin:15px 0px 15px 15px;
}

#outdoorsTextPic4{
	float:left;
	margin:15px 15px 15px 0px;
}

#outdoorsTextPic5{
	float:left;
	margin:15px 15px 15px 0px;
}

#outdoorsTextPic6{
	float:right;
	margin:15px 0px 15px 15px;
}

#animalTextPic1{
	float:left;
	margin:15px 15px 15px 0px;
}

#animalTextPic2{
	float:right;
	margin:15px 0px 15px 15px;
}



/*==================FOOD & CAFÉ======================*/
/*===================================================*/

#menuBadgeWrapper{
	position:relative;
	display: block;
	float:right;
	width:310px;
	height:300px;
	margin:-40px 0px 10px 10px;
	
}


/*====================PARTIES=========================*/
/*===================================================*/

.partiesBadge{
	position: absolute;
    display: block;
	float:left;
	width: 400px;
    height: 371px;
	top: -175px;
	z-index: 1000;
}

#bronzeBadge{left: -100px;}
#silverBadge{left: 210px;}
#goldBadge{left: -100px;}

.partyAgeWrapper{
	position: relative;
    display: block;
	text-align: left;
    height: 150px;
    width: 170px;
	top: 0px;
	z-index: 500;
}

#bronzeAgeWrapper{left:280px;}
#silverAgeWrapper{left: -10px;}
#goldAgeWrapper{left: 280px;}

.partiesListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:90%;
	padding:0px 40px;
	position: relative;
	margin:0 auto 100px;
	align:center;
	/*border:1px solid red;*/
}

.partiesTileOuterWrapper{
    display: block;
    position: relative;
    margin: 180px auto 60px;
    padding: 30px;
    align: center;
    text-align: center;
    width: 450px;
    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);
}

.partiesTileInnerWrapper{
	display:block;
	float:left;
	top:0px;
	margin:-140px 0px 0px 0px;
	position: relative;
	width:100%;
	padding-bottom:60px;
}

/*#bronzeTileOuterWrapper{height:1200px;}
#silverTileOuterWrapper{height:1200px;}
#goldTileOuterWrapper{height:1280px;}*/

#bronzeTileInnerWrapper{margin:20px 0px 0px 0px; height:1050px;}
#silverTileInnerWrapper{margin:20px 0px 0px 0px; height:1050px;}
#goldTileInnerWrapper{margin:20px 0px 0px 0px; height:1100px;}



/*==================SCHOOL VISITS======================*/
/*===================================================*/

.schoolsBadge{
	position: absolute;
    display: block;
    height: 417px;
    width: 450px;
	top: -160px;
	z-index: 1000;
}

#schoolsBadge1{left: -100px;}

.schoolsListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	max-width:90%;
	padding:0px 40px;
	position: relative;
	margin:0 auto 100px;
	align:center;
	/*border:1px solid red;*/
}

.schoolsTileOuterWrapper{
    display: block;
    position: relative;
    margin: 160px auto 60px;
    padding: 30px;
    align: center;
    text-align: center;
    width: 450px;
    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);
}

.schoolsTileInnerWrapper{
	display:block;
	float:left;
	top:0px;
	margin:250px 0px 60px 0px;
	height:500px;
	position: relative;
	width:100%;
}


/*==================ABOUT US=========================*/
/*===================================================*/



/*===================CHRISTMAS=======================*/
/*===================================================*/

#bookNowButtonOuterWrapper3{
	position:relative;
	display: block;
	float:left;
	margin:30px 60px 0px 0px; 
	width:250px;
	height:55px;
	text-align: center;
	border:1px solid #F0E50F;
	box-shadow: 0px 0px 15px #fff;
}



/*==================CONTACT US=======================*/
/*===================================================*/

#locationMap{
	position:relative;
	display:block;
	margin:0 auto;
	align:center;
	width:100%;
	height:400px;
}

.mapOuterWrapper{
	position: relative;
	display:block;
	margin:0px auto;
	align:center;
	width:100%;
	padding:0px;
	min-height:100px;
}

.contactContentWrapper{
	position: relative;
	display:inline-block;
	min-height:750px;
	width:100%;
}

.contactDetailsWrapper{
	position: relative;
	display:block;
	float:left;
	width:600px;
	text-align:center;
	border:1px solid #F0E50F;
}

.singleDetailsWrapper{
	position: relative;
	display:inline-block;
	width:100%;
	padding:20px 0px;
}

#address{
background: #10542C;
border-bottom: 2px dashed #F0E50F;
}

#phoneNo{
background: #10542C;
	border-bottom: 2px dashed #F0E50F;
}

#bookingsEmail,#partiesEmail,#schoolEmail{
	background-color: #0E9D49;
	border-bottom: 2px dashed #F0E50F;
}

#genEnqEmail{
	background-color: #0E9D49;
}

.smallMapWrapper{
	position: relative;
	display:block;
	float:right;
	width:560px;
	min-height:700px;
	padding:20px 20px 60px 20px;
	border:1px solid #F0E50F;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e9d49+1,0b552a+99 */
	background: #0e9d49; /* Old browsers */
	background: -moz-linear-gradient(top,  #0e9d49 1%, #0b552a 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0e9d49 1%,#0b552a 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0e9d49 1%,#0b552a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9d49', endColorstr='#0b552a',GradientType=1 ); /* IE6-9 */

}

/*==================HOW TO FIND US=======================*/
/*======================================================*/


.smallMapWrapper2{
	position: relative;
	display:block;
	float:left;
	width:560px;
	min-height:650px;
	padding:20px;
	border:1px solid #F0E50F;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e9d49+1,0b552a+99 */
	background: #0e9d49; /* Old browsers */
	background: -moz-linear-gradient(top,  #0e9d49 1%, #0b552a 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0e9d49 1%,#0b552a 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0e9d49 1%,#0b552a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9d49', endColorstr='#0b552a',GradientType=1 ); /* IE6-9 */
}

.contactDetailsWrapper2{
	position: relative;
	display:block;
	float:right;
	width:600px;
	text-align:center;
	border:1px solid #F0E50F;
}


/*==================CHRISTMAS EXPERIENCE=======================*/
/*============================================================*/



.faqsOuterWrapper{
	display: inline-block;
	position: relative;
	margin:80px auto;
	width:100%;
	height:100px;
}

.faqsInnerWrapper{
	display: block;
	position: relative;
	margin:0 auto;
	min-width:750px;
	max-width:900px;
	height:100px;
	border:1px solid #F0E50F;
}

.accordionButton{
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #F0E50F;
	cursor: pointer;
}

.accordionContent{
	padding:30px 0px 10px 0px;
	border-bottom:1px solid #F0E50F;
	cursor: pointer;
}

.faqsArrow{
	display: block;
	position: relative;
	width:25px;
	height:12px;
	margin:-30px 0px 0px 0px;
	float:right;
	align:right;
}

/*=====================================FORM=====================================*/

.xmasOuterWrapper{
	display: inline-block;
	position: relative;
	margin:80px auto;
	width:100%;
}

.xmasInnerWrapper{
	display: block;
	position: relative;
	margin:0 auto;
	min-width:400px;
	max-width:600px;
	height:300px;
}

#xmasSubmitLabel {
	float:left;
	clear:left;
	background-color: #0B552A;
	border-color: #32912F;
	font-weight: 600;
	cursor: pointer;
	width:160px;
	color:#F0E50F;
	font-size: 22px;
}

#xmasResetLabel {
	float:left;
	background-color: #0B552A;
	border-color: #32912F;
	font-weight: 600;
	cursor: pointer;
	width:160px;
	color:#F0E50F;
	font-size: 22px;
	margin-left:20px;
}

.form-group1{
	width:500px;
	height:80px;
	line-height:80px;
	float:left;
	/*border:1px solid #fff;*/
}

.form-group2{
	width:500px;
	float:left;
	clear:left;

}

#field_1{
	display: inline-block;
	position: relative;
	width:300px;
	float:right;
	padding: 10px;
	border:1px solid #F0E50F;
	background-color: #32912F;
	color:#fff;
}

.col-form-label{
	font-size:22px;
}

.row{
	margin: 10px 0px;
	clear:left;
	
}

.form-inline{
	display: inline-block;
	position: relative;
	height:30px;
	width:100%;
}

#emailLabel{
	line-height: 80px!important;
}

#signUpLabel{
	padding-bottom: 20px;
}

.col-form-label{
	display: inline-block;
	position: relative;
	float:left;
}

input[type=radio]{
	display: inline-block;
	position: relative;
	float:left;
	width:20px;
	height:20px;
	margin:5px 10px 0px 10px;
	
}

/*#firstName,#lastName{
	font-size:14px;
	position:relative;
	float:left;
	clear:left;
	display:block;
	height:30px;
	padding:3px 10px;
	margin:5px 10px 15px 0px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#555;
	width:45%;
	border:0;
	background-color: #fff;
}

#firstName{float:left;}

#lastName{float:right;}

#email{
	height:30px;
	padding:3px 10px;
	margin:5px 10px 15px 0px;
	-moz-border-radius:3px;
	border-radius:3px;
	width:100%;
}

input[type=submit]{
	background-color: #32912F;
	border-color: #32912F;
	font-weight: 600;
	cursor: pointer;
	float:left;
	width:160px;
	color:#F0E50F;
}*/


