/* CSS Document */

body, html {
margin:0px;
	font-family: 'Raleway', sans-serif;
	color: #2c2c2c;
	font-weight: 400;
	height: 100%;
	background-color: #FFFFFF;
}
h1, h2, h3, h4 {
	font-family: 'summer_square_roughregular';
}

a.svg {
  position: relative;
  display:block;
}
a.svg:after {
  content: ""; 
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}


.corner-logo {
    position: absolute;
    top: 20px;
    left: 20px;
}
.corner-logo img {
    width: 200px;
}
.center-div {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    width: 600px;
    height: 320px;
}
.center-div img {
    width: 200px;
}
.center-div h1 {
    padding: 0px;
background: none;
color: #f47d21;
font-size: 72px;
line-height: 90px;
    margin: -50px 0px 0px 0px;
}



.price-item {
    background-color: #ffffff;
    border-radius: 40px;
    padding: 20px 30px 15px 30px;
  margin-bottom: 30px;
     margin-right: 10px;
     margin-left: 10px;
}
.price-item p.people {
    font-family: 'bureaueaglebookregular';
    font-size: 35px;
    line-height: 35px;
}
.price-item p.price {
    text-align: right;
     font-size: 30px;
    line-height: 35px;
}
.price-item p.price span.bold {
    font-weight: 700;
}
.price-item .breaker {
    border-right: dotted 2px rgba(138,138,138,0.4);
}
.light-blue {
	color:#22bfed;
}
.lighter-blue {
color: #7ad5ff;
}
.green {
	color: #b7bb15;
}
.orange {
	color:#f39221;
}
.black {
	color:#212121;
}
.pink {
	color: #e72179;
}
.white {
	color: #FFFFFF;
}
.white a{
	color: #FFFFFF;
	text-decoration: none;
}
img.hunner {
	width: 100%;
	height: auto;
}

.marker {
	position: absolute;
	top: 0;
	z-index: 123;
}
.small {
	font-size: 10px;
	line-height: 7px
}
.gold {
	color: #8b8b8b;
}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:11112; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/*@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}*/
.hero {
     background-image:
         url("../images/home-BG.jpg"); /* path to your loading animation */
    background-repeat:
        no-repeat;
    background-position:
        center bottom;
    background-size:
        cover;
    background-attachment:
        fixed;
    padding-top: 140px;
 
}

#trigger-overlay .glyphicon {
    top: 3px;
}
.choice {
    padding-top: 150px;
    padding-bottom: 150px;
}
.choice .col-sm-6 {
    padding: 20px !important;
}
.choice img.title {
    width: 600px !important;
}
.choice .item {
    background-color: #ffffff;
    padding: 20px 20px 10px 20px;
}
.choice .item p {
    font-size: 18px;
    font-size: 18px;
}
.choice .item p.link {
    background-color: #ff951f;
    padding-top: 10px;
    padding-bottom: 10px;
}
.choice .item p.link.alt {
    background-color: #b1c601;
    padding-top: 10px;
    padding-bottom: 10px;
}
.choice .item a {
     font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 20px;
	background-color: #04b0e2;
    width: 100%;
}
.book-pulse {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 999;
    margin: 0px;
    padding: 0px;
}
.book-pulse a {
     font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 30px;
	background-color: #04b0e2;
	padding: 20px;
	transition: all 0.3s ease;
    border: none;
    box-shadow: 1px 1px 9px #757575;
    
}
.book-pulse a:hover {
    text-decoration: none;
    background-color: rgba(40,40,40,1.00);
}
.hero .frill {
   background-image:url("../images/home-BG-frill.png"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center top;
    background-size: cover;
    height: 280px;
    margin-top: -180px;
}

.hero .hero-content {
     background-image:url("../images/home-BG-text.png"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100%;
    text-align: center;
    
}
.hero .hero-content img {
    width: 850px;
    /*transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
    overflow: hidden;*/
}


.hero.hours {
     background-image:
         url("../images/hero-BG-hours.jpg"); /* path to your loading animation */
    background-repeat:
        no-repeat;
    background-position:
        center bottom;
    background-size:
        cover;
    background-attachment:
        fixed;
    padding-top: 340px;
 
}
.hero.hours .hero-content {
    background: none;
}
.hero.hours .hero-content img {
    width: 850px;
}
.hero.hours .frill {
   background-image:url("../images/home-BG-frill.png"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center top;
    background-size: cover;
    height: 150px;
    margin-top: -120px;
}





.hero.contact {
     background-image:
         url("../images/hero-BG-contact.jpg"); /* path to your loading animation */
    background-repeat:
        no-repeat;
    background-position:
        center bottom;
    background-size:
        cover;
    background-attachment:
        fixed;
    padding-top: 340px;
 
}
.hero.contact .hero-content {
    background: none;
}
.hero.contact .hero-content img {
    width: 850px;
}
.hero.contact .frill {
   background-image:url("../images/home-BG-frill.png"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center top;
    background-size: cover;
    height: 150px;
    margin-top: -120px;
}

.text p.link {
    padding-top: 30px;
}

.text p.link a {
    color: #ffffff;
padding: 20px 20px;
font-family: 'bureaueaglebookregular';
font-size: 20px;
text-decoration: none;
}





.hero.zones {
     background-image: url("../images/hero-BG-zones.jpg"); /* path to your loading animation */
padding-top: 170px;
}
.hero.zones .hero-content {
    background: none;
}
.hero.zones .hero-content img {
    width: 950px;
}
.hero.zones .frill {
    height: 150px;
    margin-top: -175px;
}



.hero.cafe {
     background-image: url("../images/hero-BG-cafe.jpg"); /* path to your loading animation */
padding-top: 170px;
}
.hero.cafe .hero-content {
    background: none;
}
.hero.cafe .hero-content img {
    width: 550px;
}
.hero.cafe .frill {
    height: 150px;
    margin-top: -145px;
}



.hero.parties {
     background-image: url("../images/hero-BG-parties.jpg"); /* path to your loading animation */
    background-position:center center;
padding-top: 170px;
}
.hero.parties .hero-content {
    background: none;
}
.hero.parties .hero-content img {
    width: 950px;
}
.hero.parties .frill {
    height: 150px;
    margin-top: -175px;
}


.hero.gallery {
     background-image: url("../images/hero-BG-gallery.jpg"); /* path to your loading animation */
padding-top: 170px;
}
.hero.gallery .hero-content {
    background: none;
}
.hero.gallery .hero-content img {
    width: 950px;
}
.hero.gallery .frill {
    height: 150px;
    margin-top: -175px;
}




.galleryz {
     padding: 0px 5% 130px 5%;
}

.first-info {
    padding-bottom: 100px;
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}
.first-info img {
    width: 150px;
}
.first-info h1 {
    margin: -4px 0 10px 0;
padding: 0px 0px 0px 0px;
background: none;
color: #0a4774;
font-size: 72px;
line-height: 70px;
    text-transform: uppercase;
}
.first-info h1 span {
  color: #f90582;  
}
.first-info p.intro {
	font-size: 23px;
	line-height: 34px;
    font-weight: 700;
    padding-top: 18px;
}
.first-info p {
	font-size: 18px;
	line-height: 29px;
    padding-bottom: 20px;
    
}
.first-info p.link {
    padding-top: 10px;
    padding-bottom: 0px;

}
.first-info p.link a {
  font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 28px;
	background-color: #a7c100;
	padding: 20px;
	transition: all 0.3s ease;
    border: none;

}
.first-info p.link a:hover {
    text-decoration: none;
    background-color: #252525;
}
.hours-info {
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
    padding-bottom: 100px;
}
.hours-info .title {
    text-align: center;
}
.hours-info .title img {
    width: 150px;
    margin-left: -395px
}
.hours-info .title p {
    font-size: 20px;
	line-height: 29px;
}
span.bold {
    font-weight: 700;
}
.hours-info h1 {
    margin: -19px 0 10px 0;
padding: 0px;
background: none;
color: #f47d21;
font-size: 72px;
line-height: 90px;
    text-align: center;
}
.hours-info .left {
    font-size: 20px;
	line-height: 29px;
    padding-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    padding: 0px 50px 40px 0px;
}



.hours-info .left img {
    width: 100px;
}
.hours-info .left h2 {
    color: #f90582;
font-size: 37px;
line-height: 40px;
    margin-top: 8px;
    padding-bottom: 10px;
    
}
.hours-info .left th, .hours-info .left td {
    text-align: left;
}
.hours-info .left .table>thead>tr>th {
    border-bottom: 2px dotted #dcdcdc;
}

.hours-info .left .table>thead>tr>th, .hours-info .left .table>tbody>tr>th, .hours-info .left .table>tfoot>tr>th, .hours-info .left .table>thead>tr>td, .hours-info .left .table>tbody>tr>td, .hours-info .left .table>tfoot>tr>td {
border-top: none;
}
.hours-info .left .table>thead>tr.obs>th, .hours-info .left .table>tbody>tr.obs>th, .hours-info .left .table>tfoot>tr.obs>th, .hours-info .left .table>thead>tr.obs>td, .hours-info .left .table>tbody>tr.obs>td, .hours-info .left .table>tfoot>tr.obs>td {
border-bottom: 2px dotted #dcdcdc;
    padding-bottom: 15px;
}
.hours-info .left .table>thead>tr.obs2>th, .hours-info .left .table>tbody>tr.obs2>th, .hours-info .left .table>tfoot>tr.obs2>th, .hours-info .left .table>thead>tr.obs2>td, .hours-info .left .table>tbody>tr.obs2>td, .hours-info .left .table>tfoot>tr.obs2>td {
    padding-top: 15px;
}
.hours-info .left td.center {
    text-align: center;
}
.hours-info .left th.center {
    text-align: center;
}
.hours-info .left td.righter {
    text-align: right;
}
.hours-info .left th.righter {
    text-align: right;
}
.hours-info .right {
     background-image:url("../images/hours-BG-right.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 20px;
	line-height: 29px;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    padding: 0px 30px 40px 30px;
}
.hours-info .right img {
    width: 120px;
    margin-top: -32px;
}
.hours-info .right h2 {
    color: #fff;
font-size: 37px;
line-height: 40px;
    margin-top: 8px;
    padding-bottom: 10px;
    
}
.hours-info .right iframe {
    width: 100%;
    height: 400px;
}
.hours-info .right .table>thead>tr>th, .hours-info .right .table>tbody>tr>th, .hours-info .right .table>tfoot>tr>th, .hours-info .right .table>thead>tr>td, .hours-info .right .table>tbody>tr>td, .hours-info .right .table>tfoot>tr>td {
border-top: none;
}
.hours-info .right .table>thead>tr.obs>th, .hours-info .right .table>tbody>tr.obs>th, .hours-info .right .table>tfoot>tr.obs>th, .hours-info .right .table>thead>tr.obs>td, .hours-info .right .table>tbody>tr.obs>td, .hours-info .right .table>tfoot>tr.obs>td {
border-bottom: 2px dotted #ffffff;
    padding-bottom: 15px;
}
.hours-info .right .table>thead>tr.obs2>th, .hours-info .right .table>tbody>tr.obs2>th, .hours-info .right .table>tfoot>tr.obs2>th, .hours-info .right .table>thead>tr.obs2>td, .hours-info .right .table>tbody>tr.obs2>td, .hours-info .right .table>tfoot>tr.obs2>td {
    padding-top: 15px;
}
img.divider {
    margin-top: 40px;
    margin-bottom: 40px;
}
.get-here img {
    width: 200px;
}
.get-here .item {
    padding-left: 10px;
    padding-right: 10px;
}
.get-here p {
    font-size: 20px;
    line-height: 28px;
}
.hours-info.contacty .right {
     background-image: url("../images/contact-frizz.png");
    background-repeat: no-repeat;
    background-size: 11px;
    font-size: 20px;
	line-height: 29px;
    margin-top: 45px;
    text-align: left;
    color:#2c2c2c;
    padding: 0px 30px 40px 50px;
    
}
.hours-info.contacty .right img {
    width: 120px;
    margin-top: -32px;
}
.hours-info.contacty .right h2 {
    color: #04b0e2;
font-size: 37px;
line-height: 40px;
    margin-top: 8px;
    padding-bottom: 10px;
    
}
.hours-info.contacty .left {
    font-size: 20px;
	line-height: 29px;
    padding-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    padding: 20px 50px 40px 0px;
}
.hours-info.contacty hr {
   margin-top: 20px;
     margin-bottom: 30px;
}
.hours-info.contacty .right p {
    padding-bottom: 10px;
}
.hours-info.contacty .contact-form input.form-field {
	width:100%;
	height:50px;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 16px;
    font-size: 14px;
    text-transform: uppercase;
}
.hours-info.contacty .contact-form textarea.form-field {
	width:100%;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;padding-top: 20px;
	margin-bottom: 9px;
	height: 100px;
    font-size: 14px;
    text-transform: uppercase;
}
.hours-info.contacty .contact-form input.form-btn {
	font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 30px;
	background-color: #04b0e2;
	padding: 20px;
	transition: all 0.3s ease;
    border: none
}
.hours-info.contacty .contact-form input.form-btn:hover {
    background-color: #aba491;
}

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  z-index:991;
    
    border-radius:30px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    z-index:991;
    border-radius:30px;
}
.schools .contact-form .left {
    padding-right: 8px;
}
.schools .contact-form .right {
    padding-left: 8px;
}
   .schools img.work {
        width: 400px;
        margin-bottom: 15px;
        margin-top: -15px;
    }
.schools .contact-form input.form-field {
	width:100%;
	height:50px;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 16px;
    font-size: 14px;
    text-transform: uppercase;
}
.schools .contact-form textarea.form-field {
	width:100%;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;padding-top: 20px;
	margin-bottom: 19px;
	height: 100px;
    font-size: 14px;
    text-transform: uppercase;
}
.schools .contact-form input.form-btn {
	font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 30px;
	background-color: #04b0e2;
	padding: 20px;
	transition: all 0.3s ease;
    border: none
}
.schools .contact-form input.form-btn:hover {
    background-color: #aba491;
}
.schools .text {
    padding-right: 0px !important;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:0;
    position:relative;
     height:700px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:700px;
    width:100%;
    position:absolute;
}
img.invite {
    width: 250px;
    margin-top: 40px;
}



.notice-box {
    background-color: rgba(233,139,27,0.20);
    padding: 10px 30px 5px 30px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
}
.notice-box h2 {
    color: #e98b1b;
    margin-bottom: 0px;
}
.notice-box p {
    padding-top: 10px !important
}


.packages {
     
}
.packages .silver {
    background-image:url("../images/parties-BG-left.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 110px 40px 120px 40px;
}
.packages .silver h2 {
    font-size: 50px;
    color: #b0c415;
}
.packages .silver p {
    color: #262626;
    font-size: 20px;
    line-height: 28px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #dcdcdc;
}
.packages .silver p.last {
    border: none;
    padding-bottom: 20px;
}
.packages .silver .price {
    font-size: 25px;
     background-color: #b0c415;
    padding: 20px 20px;
        color: #ffffff;
    text-transform: uppercase;
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.packages .gold {
    background-image:url("../images/parties-BG-right.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 110px 40px 0px 40px;
}
.packages .gold h2 {
    font-size: 50px;
    color: #ff8b00;
}
.packages .gold p {
    color: #262626;
    font-size: 20px;
    line-height: 28px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #dcdcdc;
}
.packages .gold p.last {
    border: none;
    padding-bottom: 20px;
}
.packages .gold .price {
    font-size: 25px;
     background-color: #ff8b00;
    padding: 20px 20px;
        color: #ffffff;
    text-transform: uppercase;
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.zone-info {
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
    padding-bottom: 50px;
    
    text-align: center;
}
.zone-info .title {
    text-align: center;
}
.zone-info .title img {
    width: 150px;
    margin-left: 295px
}


.zone-info h1 {
    margin: -19px 0 10px 0;
padding: 0px;
background: none;
color: #f90682;
font-size: 72px;
line-height: 90px;
    text-align: center;
}
.zone-info p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.zone-info p.link {
    padding-top: 5px;
}
.zone-info p.link a {
    background-color: #4ccbff;
    color: #ffffff;
    padding: 20px 20px;
    font-family: 'bureaueaglebookregular';
    font-size: 24px;
    text-decoration: none;
}

.zone.blue {
    background: rgb(3,152,208);
background: linear-gradient(0deg, rgba(3,152,208,1) 35%, rgba(4,178,243,1) 100%);
    
    padding-top: 60px;
    padding-bottom: 20px;
}
.zone.blue .text {
    color: #ffffff;
    padding-left: 40px;
}
.zone.blue .text h2 {
    padding-bottom: 15px;
    font-size: 55px;
line-height: 45px;
    text-transform: uppercase;
}
.zone.blue .text p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.zone {
    background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
    padding-top: 60px;
    padding-bottom: 60px;
}
.zone-cafe {
    padding-top: 0px;
    margin-top: -30px;
}
.zone-cafe.alt {
    padding-top: 60px;
    margin-top: -30px;
}
.zone-cafe p.link {
    padding-top: 25px;
    padding-bottom: 40px;
}
.zone-cafe p.link a {
    background-color: #4ccbff;
    color: #ffffff;
    padding: 20px 20px;
    font-family: 'bureaueaglebookregular';
    font-size: 24px;
    text-decoration: none;
}
.zone .text {
    padding-right: 40px;
}

.zone .text.lefty {
    padding-left: 40px;
}
.zone .text h2 {
    padding-bottom: 15px;
    font-size: 55px;
line-height: 45px;
    text-transform: uppercase;
}
.zone .text p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.zone-cafe .text ul {
    font-size: 18px;
    line-height: 35px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-weight: 700;
}
.zone-cafe .text li {
    line-height: 24px;
        padding-bottom: 18px;
}



.mem-block {
    background-color:#ffffff;
    padding: 30px 25px 15px 25px;
    color: #2c2c2c;
    text-align: center;
    border-radius: 30px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25); 
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
}
.mem-block .num {
    font-family: 'summer_square_roughregular';
    font-size: 40px;
     margin-bottom: 0px;
}
.mem-block .under {
    font-size: 20px;
   font-weight: 700;
    padding-bottom: 0px;
}
.mem-block .price {
    font-size: 16px;
}
.mem-block .price span.bolder {
    font-family: 'summer_square_roughregular';
    font-size: 30px;
}
.memberships p {
    font-size: 18px;
line-height: 29px;
margin-top: 0px;
padding-bottom: 15px;
    text-align: center;
}

.text.extra {
    padding-top: 60px;
}

.text.extra img.ticky {
    width: 25px;
    margin-top: -4px;
    margin-right: 5px;
}




.the-info {
    background-image:url("../images/zones-BG-info.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 20px;
	line-height: 29px;
    margin-top: 30px;
    text-align: left;
    padding: 80px 50px 50px 50px;
    
}
.the-info img {
    height: 40px;
    margin-bottom: 10px;
}
.the-info h3 {
    font-size: 17px;
    text-transform: uppercase;
    padding-top: 15px;
}
.the-info p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
}

.the-info-wrapper {
    background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
    padding-bottom: 120px;
}

#whatson {
	text-align: center;
	color: #FFFFFF;
	height: auto;
	padding-top: 0px;
	padding-bottom: 70px;
      background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}
#whatson.alt {
	padding-top: 60px;
}
#whatson .wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
#whatson .whatson-item {
	background-color: #ebebeb;
	margin-bottom: 20px;
    text-align: left;
    border-radius: 20px;
}
#whatson .whatson-item:hover {
	background-color:#B6B6B6;

}
#whatson a .whatson-item:hover {

}
#whatson .whatson-item.green {
    border-bottom: 6px solid #bbd800;
}
#whatson .whatson-item.pink {
    border-bottom: 6px solid #f90582;
}
#whatson .whatson-item.orange {
    border-bottom: 6px solid #f18b00;
}
#whatson .whatson-item.purple {
    border-bottom: 6px solid #b946ce;
}
#whatson .whatson-item.blue {
    border-bottom: 6px solid #03baef;
}

    
    
.party.pink {
    background-color: #ee4990;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 40px;
}  
.party h2 {
    font-size: 43px;
}  
.party p {
    font-size: 20px;
    margin-bottom: 0px;
    padding-bottom: 15px;
} 
.party.blue {
    background-color: #27c5f3;
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
}  



#whatson .whatson-item h2 {
    padding-top: 0px;
	font-size: 27px;
	margin-bottom: 5px;
	text-transform: uppercase;
    color: #2d2d2d;
    padding: 10px 25px 30px 25px;
    text-decoration: none;
}
#whatson .whatson-item h2:hover {
   
}
#whatson a:hover {
    text-decoration: none;
}
#whatson img.whatson-image {
	width: 100%;
	height: auto;
    border-radius: 20px 20px 0px 0px;
}

.payment {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}
.payment h3 {
    color: #27c5f3;
    font-size: 51px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}
.payment li {
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    padding-bottom: 25px;
}
.payment ul li {
  color: #3c3c3c; 
  /* set color of list item text */
  display: inline-block;
  list-style: none; 
  margin: 0 0 16px 1.1225em;
  /* Give the bullet room on the left hand side */
  padding: 0;
  position: relative;
}

 .payment ul li::before {
  color: #27c5f3;  
  /* color of bullet or square */
  content: "\2022"; 
  /* Unicode of character to precede the list item */
  display: inline-block;
  font-size: 3.5em; 
  /* use em or % */ 
  left: -0.45em; 
  /* use em, line up bullet flush with left hand side */
  position: absolute;
  /* Set the bullet positioned absolutely top left */
  top: 0em; 
  /* use em or % */
}




#pagebreak2 { 
			background: url(../images/pagebreak-2.jpg) 50% 0 fixed; 
    background-size: cover;
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 40px 0 220px 0;
    color: #ffffff;
    text-align: center;
		}
#pagebreak2.pagebreak3 { 
			background: url(../images/pagebreak-3.jpg) 50% 0 fixed; 
     
    background-size: cover;
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 40px 0 220px 0;
    color: #ffffff;
    text-align: center;
    
		}
#pagebreak2.pagebreak4 { 
			background: url(../images/pagebreak-4.jpg) 50% 0 fixed; 
     
    background-size: cover;
			height: auto;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
		    padding: 40px 0 220px 0;
    color: #ffffff;
    text-align: center;
    
		}
#pagebreak2 h3 { 
    font-size: 54px;
    line-height: 65px;
}	
#pagebreak2 img.icon {
    width: 180px;
}
#pagebreak2 p { 
    font-size: 45px;
    line-height: 65px;
}	
#pagebreak2 p.link { 
    
}	
#pagebreak2 p.link a { 
    
    color: #ffffff;
    padding: 20px 20px;
    font-family: 'bureaueaglebookregular';
    font-size: 24px;
    text-decoration: none;
}	
#pagebreak2 .slider-corner {
	position: absolute;
	right:0px;
	bottom:0;
	z-index: 1
}
#pagebreak2 .slider-corner img {
    width: 100%;
}
#pagebreak2 .slider-corner2 {
	position: absolute;
	left:0px;
	top:0;
	z-index: 0
}
#pagebreak2 .slider-corner2 img {
    width: 100%;
}









#social {
	text-align: center;
	color: #FFFFFF;
	height: auto;
	padding: 0px 0 100px 0;
	margin-bottom: 0px;
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}

article{
        margin: 0px;
	padding: 15px 15px;
}
article.instagram img{
        width: 100%;
		border: none;	  
      }





#newsletter {
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}
#newsletter.alt {
    padding-top: 20px;
    padding-bottom: 120px;
    position: relative;
     background-image:url("../images/white-pattern.jpg"); /* path to your loading animation */
    background-repeat:repeat;
}
#newsletter p {
    font-size: 18px;
    line-height: 26px;
    margin-top: 15px;
    padding-bottom: 10px;
}
 #newsletter h2 {
    margin: 0px 0 10px 0;
padding: 0px;
background: none;
color: #f90582;
font-size: 50px;
line-height: 50px;
}
#newsletter p.link {
    padding-top: 20px;
}
#newsletter p.link a {
     background-color: #f90582;
    color: #ffffff;
    padding: 20px 20px;
    font-family: 'bureaueaglebookregular';
    font-size: 24px;
    text-decoration: none;
}
/*#newsletter h2 span {
background-color: #f90582;
color: #fff;
display: inline;
padding: 0.75rem 1.95rem;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}*/
#newsletter img {
    width: 200px;
}

#newsletter .contact-form input.form-field {
	width:70%;
	height:70px;
	background-color: #ebebeb;
	border-bottom: 1px #313131 solid;
	border: none;
	border-radius: 20px;
	padding-left: 20px;
	margin-bottom: 12px;
	font-size: 20px;
}

#newsletter .contact-form input.form-btn {
background-image: url("../images/newsletter-BTN.png");
	background-repeat:no-repeat;
    background-color: transparent;
	background-size: 80px;
	border: none;
	box-shadow: none;
	border-radius: none;
	padding: 35px 80px 45px 0px;
	margin-bottom: 0px;
    margin-left: -40px
}



.footer {
    background-image: url("../images/footer-BG.jpg");
	background-repeat:no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 0px;
    padding-bottom: 100px;
    margin-top: 0px;
}
.footer .footer-item-1 {
    padding-top: 250px
}
.footer .footer-item-1 img {
    height: 100px;
}
.footer .footer-item-1 p  {
    font-size: 21px;
    line-height: 29px;
    padding-top: 20px;
    font-weight: 400;
    color: #ffffff;  
}
.footer .footer-item-1 p.alt  {
    font-size: 31px;
    line-height: 31px;
    padding-top: 10px; 
    font-family: 'bureaueaglebookregular';
}

.footer .footer-item-2 {
   padding-top: 250px
}
.footer .footer-item-2 h4 {
    font-size: 27px;
    color: #ffffff;
    padding-top: 10px;
}
.footer .footer-item-2 img.rocket {
    width: 220px;
}
.footer .footer-item-2 img.icon {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}
.footer .footer-item-2 p  {
    font-size: 14px;
    padding-top: 50px;
    color: #ffffff;
    
}



.footer .footer-item-3 {
    padding-top: 250px 
}
.footer .footer-item-3 img {
    height: 50px;
}
.footer .footer-item-3 p  {
    font-size: 21px;
    line-height: 29px;
    padding-top: 0px;
    color: #ffffff;  
    font-weight: 400;
}
.footer .footer-item-3 p.alt  {
    font-size: 31px;
    line-height: 31px;
    padding-top: 20px; 
    font-family: 'bureaueaglebookregular';
}


.notice {
    background:rgba(237,85,2,1.00);
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-right: 50px;
    position: fixed;
    bottom: 0px;
    z-index:9999
}
.notice a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}

.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
position: fixed;
display: none;
z-index: 10001;
}
.popup img {
	width: 100%;
}
	.popup .close {
		opacity: 1;
		text-shadow: none;
		font-size: 30px;
	}
.cnt223{
min-width: 600px;
width: 600px;
min-height: 150px;
margin: 100px auto;
background: #f90582;
position: relative;
z-index: 103;
padding: 10px 30px 45px 30px;
border-radius: 0px;
box-shadow: 0 2px 5px #000;
    text-align: center
}
.cnt223 p{
clear: both;
    color: #ffffff;
    /* text-align: justify; */
    font-size: 17px;
    line-height: 24px;
    font-family: sans-serif;
}
.cnt223 p.link {
    padding-top: 20px;
    padding-bottom: 20px;
}
.cnt223 p.small {
    font-size: 16px;
}
.cnt223 p a{
color: #ffffff;
font-weight: bold;
}
.cnt223 p.link a{
background-color: #bbd800;
color: #ffffff;
padding: 15px 20px;
font-family: bureaueaglebookregular;
font-size: 24px;
text-decoration: none;
}
.cnt223 p.link a:hover{
background-color: #434343;
}
.cnt223 h2 {
color: #ffffff;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}


/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}




#TA_certificateOfExcellence676 {
    position: absolute;
    bottom: 175px;
    left: 20px;
    height: 50px;
    z-index: 9999
}

.awards {
    position: absolute;
    bottom: 145px;
    right: 40px;
    height: 50px;
    z-index: 9999
}
.awards img {
    height: 100px;
    margin-left: 30px;
}
.order-btn {
    position: absolute;
    bottom: 145px;
    left: 180px;
    height: 50px;
    z-index: 9999
}
.order-btn img {
    height: 100px;
    margin-left: 30px;
}
.hero-content img {
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 1s;
  -moz-animation-iteration-count: 1;
  -vendor-animation-duration: 2s;
  -vendor-animation-delay: 1s;
  -vendor-animation-iteration-count: 1;
  -ms-animation-duration: 2s;
  -ms-animation-delay: 1s;
  -ms-animation-iteration-count: 1;
}
.hero-content {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 3s;
  -moz-animation-delay: 1s;
  -moz-animation-iteration-count: 1;
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 1s;
  -vendor-animation-iteration-count: 1;
  -ms-animation-duration: 3s;
  -ms-animation-delay: 1s;
  -ms-animation-iteration-count: 1;
}
.top {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 1s;
  -moz-animation-iteration-count: 1;
  -vendor-animation-duration: 1s;
  -vendor-animation-delay: 1s;
  -vendor-animation-iteration-count: 1;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 1s;
  -ms-animation-iteration-count: 1;
}


.scroll-hint {
	margin-top: -90px;
	position:relative;
}
#scroll-hint-2 {
	margin-top: 80px;
	position:relative;
}




section {
  margin: 0 0 20px 0;
  text-align: center;
}
section:last-child {
  margin-bottom: 0;
}
section a {
  display: inline-block;
  font-size: 16px;
  transition: all 0.2s;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}



.cmn-t-pulse {
  padding: 20px 40px;
  color: #fff;
  background-color: transparent;
  animation: pulse 1s ease infinite;
  /* transition: transform 0.2s; */
}
.cmn-t-pulse:hover {
  color: #fff;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}


.jumbotron {
	padding: 0px;
	background-color: #FFFFFF;
	height: 95%;
	margin: 0px;
	
}

.jumbotron .slider-corner {
	position: absolute;
	left:0px;
	bottom:5%;
	z-index: 1
}

.col-sm-6, .col-md-6 {
	padding: 0px !important;
}






#policy {
	background-color: #1C1C1C;
	color: #ffffff;
	padding-top: 200px;
}
#policy p {
	text-align:left;
	font-size: 16px;
	line-height: 25px;
	padding-left: 5%;
	padding-right: 5%;
}
#policy ul {
	text-align:left;
	font-size: 16px;
	line-height: 25px;
	padding-left: 8%;
}
#policy ul li {
	padding-top: 8px;
}
#policy h1 { 
	text-align:left;
	
	font-size: 36px;
	line-height: 39px;
	padding-left: 5%;
	padding-right: 5%;
}
#policy h2 { 
	text-align:left;
	
	font-size: 28px;
	line-height: 39px;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
#policy h3 { 
	text-align:left;
	
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}


hr {
	margin-top: 60px;
	margin-bottom: 60px;
}
  
/*start of header*/
.top {
	position: absolute;
	padding-top:0px;
	background-color: #ffffff;
	padding-right: 45px;
  width: 100%;
  height: 110px;
  z-index: 1049;
 
}
.top .col-md-2, .top .col-lg-2, .top .col-xs-3, .top .col-sm-3, .top .col-sm-9, .top .col-sm-10 {
	padding: 0px;
}
header {
	margin-bottom: 0px;
}
.logo {
	text-align:left;
	padding-left: 0px;
}
img.logo {
	height: 230px;
}
img.header-panel {
	width: 30%;
	height: auto;
}

.dashed-line {
	border-bottom:dashed #bbbbbb 1px;
	margin: 4px 0px;
}
/*end of header*/




.clearer {
    clear:both;
}
.navbar{
	
	background-color: #FFFFFF;
	border-radius: 0px;
	border: none;
	text-align:center;
	height: 80px;
	font-weight: 700;
	
	
}

.navbar-collapse {
	background-color: transparent;
	border-radius: 0px;
	border: none;
	color: #1C1C1C;	
	padding-right: 0px;
}

.navbar-nav>li a {
	font-size: 17px;
    color: #2c2c2c;
	padding: 20px 15px 20px 15px;
    margin-left: 20px;
	font-family: 'bureaueaglebookregular';
	text-transform: uppercase;
    
}
.navbar-nav>li a.green {
    border-bottom: solid 7px #bbd800;
}
.navbar-nav>li a.pink {
    border-bottom: solid 7px #f90582;
}
.navbar-nav>li a.orange {
    border-bottom: solid 7px #f18b00;
}
.navbar-nav>li a.purple {
    border-bottom: solid 7px #b946ce;
}
.navbar-nav>li a.blue {
    border-bottom: solid 7px #03baef;
}
.navbar-nav>li a:hover, .navbar-nav>li a:focus {
	color: #ffffff;
	background-color:transparent;
	text-decoration: none;
	border: none;
}

.hvr-bounce-to-top.green:before {
  background: #bbd800;
    border-bottom: solid 7px #bbd800;
}
.hvr-bounce-to-top.green:hover {
    border-bottom: solid 7px #bbd800;
}
.hvr-bounce-to-top.pink:before {
  background: #f90582;
    border-bottom: solid 7px #f90582;
}
.hvr-bounce-to-top.pink:hover {
    border-bottom: solid 7px #f90582;
}
.hvr-bounce-to-top.orange:before {
  background: #f18b00;
    border-bottom: solid 7px #f18b00;
}
.hvr-bounce-to-top.orange:hover {
    border-bottom: solid 7px #f18b00;
}
.hvr-bounce-to-top.purple:before {
  background: #b946ce;
    border-bottom: solid 7px #b946ce;
}
.hvr-bounce-to-top.purple:hover {
    border-bottom: solid 7px #b946ce;
}
.hvr-bounce-to-top.blue:before {
  background: #03baef;
    border-bottom: solid 7px #03baef;
}
.hvr-bounce-to-top.blue:hover {
    border-bottom: solid 7px #03baef;
}


.navbar-nav {
	padding-top: 43px;
}

.nav.navbar-nav.mobile>li {
    border-bottom: dotted 1px #ffffff;
}
.mobile>li.order-btn.last {
    border: none;
}


.navbar-nav>li>.dropdown-menu {
	background-color: rgba(255,255,255,1);
	border:none;
	border-radius:0px;
	box-shadow: none;
	text-align:left;
	padding-bottom:15px;
	margin-top:0px;
	text-transform: uppercase;
	
}
.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
}

.navbar-nav>li>.dropdown-menu {
	padding-top: 10px;
	padding-bottom:10px;
	background-color:#353535;
	margin-top: 5px;
}

.dropdown-menu>li>a {
	padding-top:4px;
	padding-bottom:4px;
	color: #ffffff;
	
	font-size: 14px;
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus{text-decoration:none;color:#676767;}
.dropdown-menu>li>a:hover {
	color: #ffffff;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color:#e78400;
	
}

ul.dropdown-menu.dropdown-alt {
	text-align: right;
	left:auto;
	right: 0;
	margin-right: -10px;
}















.news-story {
	padding-top: 10px;
	padding-bottom: 20px;
}
.news-story .divider {
	height: 2px;
	width: 100%;
	margin-top:-4px;
	border-bottom: 2px #c0a86f dotted;
}
.news-story .divider2 {
	height: 2px;
	width: 100%;
	margin-top:20px;
	border-bottom: 2px #c0a86f dotted;
}
.news-story h2 {
	
	font-weight: 100;
	font-size: 30px;
	line-height: 34px;
	color:#c0a86f;
}
.news-story p.intro {
	
	font-size: 18px;
	line-height: 29px;
	color:#3b3b3b;
	padding-top: 35px;
}
.news-story p {
	
	font-size: 18px;
	line-height: 29px;
	color:#3b3b3b;
	padding-top: 10px;
}
.news-story p.last {
	padding-bottom: 90px;
}
.news-story .a2a_kit {
	padding-bottom: 90px;
	padding-top: 40px;
}
.news-story p.link {
	line-height: 30px;
	padding-top: 35px;
}
.news-story p.link a {
	
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color:#294682;
	border: 4px solid #294682;
	padding: 15px 20px;
}
.news-story p.link a:hover {
	text-decoration: none;
}










#takeaway .right a {
	color: #2A2A2A;
	
}





.news-item {
	background-color: #f9f8f6;
	border-left: 2px solid #294782;
	margin-top: 40px;
	background-image:url(../images/news-BG.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.news-item.last {
	margin-bottom: 100px;
}
.news-item .image {
	height: 375px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.news-item .img1 {
	background-image:url(../images/news-IMG-1.jpg);
}
.news-item .img2 {
	background-image:url(../images/news-IMG-2.jpg);
}
.news-item .img3 {
	background-image:url(../images/news-IMG-3.jpg);
}
.news-item .img4 {
	background-image:url(../images/news-IMG-4.jpg);
}
.news-item .text {
	padding: 20px 50px 0px 40px;
	text-align: left;
}
.news-item .text h2{
	
	font-weight: 100;
	font-size: 30px;
	line-height: 30px;
	color:#c0a86f;
	border-bottom: 2px #c0a86f dotted;
	padding-bottom: 20px;
}
.news-item .text p{
	
	font-size: 18px;
	line-height: 30px;
	color:#3b3b3b;
	padding-top: 10px;
}
.news-item p.link {
	line-height: 30px;
	padding-top: 20px;
}
.news-item p.link a {
	
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color:#294682;
	border: 4px solid #294682;
	padding: 12px 17px;
}
.news-item p.link a:hover {
	text-decoration: none;
}







#social .divider {
	height: 2px;
	width: 100%;
	margin-top:-4px;
	border-bottom: 2px #c0a86f dotted;
}
#social .divider2 {
	height: 2px;
	width: 100%;
	margin-top:10px;
	border-bottom: 2px #c0a86f dotted;
	margin-bottom: 30px;
}
#social h2 {
	font-family: 'angelfaceregular';
	font-size: 70px;
	line-height: 50px;
	color:#c0a86f;
}

#social {
	text-align: center;
	color: #FFFFFF;
	height: auto;
	border-bottom: 0px #ffffff solid;
	padding:0;
	position: relative;
}


    

#social footer {
	background-color: transparent;
	padding: 0px 0px;
	text-align: left;
}
#social footer p {
	text-align: left;
}
#social footer p a {
	font-family: 'octin_vintage_freeregular';
	color: #89DBDC;
	font-size: 16px;
}










.modal#tandc {
	
}
.modal#tandc p {
	text-align:left;
	font-size: 16px;
	line-height: 25px;
	padding-left: 5%;
	padding-right: 5%;
}
.modal#tandc ul {
	text-align:left;
	font-size: 16px;
	line-height: 25px;
	padding-left: 8%;
}
.modal#tandc ul li {
	padding-top: 8px;
}
.modal#tandc h1 { 
	text-align:left;
	
	font-size: 36px;
	line-height: 39px;
	padding-left: 5%;
	padding-right: 5%;
}
.modal#tandc h2 { 
	text-align:left;
	
	font-size: 28px;
	line-height: 39px;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.modal#tandc h3 { 
	text-align:left;
	
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.modal {
	z-index: 11120;
}
.modal-content {
	border-radius: 0px;
}

.modal-content .modal-header h3 {
	font-size: 30px;
}
.modal-content .modal-body p {
	font-size: 20px;
	padding-left: 5%;
	padding-right: 5%;
}
.modal-content .modal-body p a {
	color:#202020;
}
.modal-content .modal-footer {
	text-align: center;
}
.modal-content .modal-footer button {
	font-size: 20px;
	border: none;
	background-color: #CACACA;
	padding: 10px 20px;
}
.overlay ul li a:hover, 
.overlay ul li a:focus, 
.overlay ul li button:hover, 
.overlay ul li button:focus, 
button.btn.btn-primary:hover, 
.overlay ul li button:active, 
.overlay ul li button:visited
{
	color: #8b8b8b;
	text-decoration: none;
	background-color:transparent !important;
	border: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
.btn-primary:hover {
	color: #8b8b8b;
	text-decoration: none;
	background-color:transparent !important;
	border: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
section button {
margin-top: 35px;
margin-right: 30px;
z-index: 11111;
position: fixed;
top: 0;
right: 0;
color: #14a9d3;
}





/* Extra Large devices (extra large desktops, 1600px and up) */
@media (min-width: 1600px) {
	 .jumbotron {
        height: 870px;
    }
    .navbar-nav>li a {
	font-size: 21px;
}

}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1599px) {
    .choice {
    padding-top: 50px;
    padding-bottom: 80px;
}
    
    .jumbotron {
        height: 870px;
    }
        .navbar-nav>li a {
	font-size: 16px;
	padding: 20px 4px 20px 4px;
    margin-left: 15px;
    
}
}
	
	
	
	
	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
       .choice {
    padding-top: 30px;
    padding-bottom: 80px;
}
    
    .top {
	height: 95px;
    }
    .navbar-nav {
padding-top: 28px;
}
    .navbar-nav>li a {
	font-size: 12px;
	padding: 20px 4px 20px 4px;
    margin-left: 15px;
    
}
    .first-info h1 {
font-size: 50px;
line-height: 50px;
        padding-top: 20px;
}
    .first-info {
        padding-bottom: 50px
    }
    #whatson .whatson-item h2 {
font-size: 23px;
}
    img.logo {
height: 200px;
}
      .jumbotron {
        height: 750px;
    }
   #pagebreak2 {
padding: 40px 0 220px 0;

} 
    #pagebreak2 img {
        
    }  
.hero .frill {
  
    margin-top: -140px;
}


.hero .hero-content img {
    width: 680px;
}
    
   .map-responsive{
    height:500px;
}  
    .map-responsive iframe{
    height:500px;
}  
	
}




 
 
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
    .choice {
    padding-top: 50px;
    padding-bottom: 80px;
}
.top {
	height: 75px;
	position: inherit;
	padding-top:0px;
	position: fixed;
	z-index: 9996;
	border-bottom: none;
	
}
section button {
	margin-top: 20px;
	margin-right: 30px;
	z-index: 11111;
	position: fixed;
	top:0;
	right:0;
    color: #14a9d3;
}
img.logo {
	width: 195px;
	height: auto;
	padding-left: 0px;
	margin-top:0px;
}
    .jumbotron {
        height: 630px;
    }
    
    .first-info {
padding-bottom: 0px;
}
   

#whatson .whatson-item h2 {
font-size: 18px;
padding: 0px 15px 20px 15px;
text-decoration: none;
}
 
#pagebreak2 {
padding: 10px 0 120px 0;
    background-attachment: scroll;
}
#pagebreak2.pagebreak3 {
padding: 10px 0 120px 0;
}
#pagebreak2.pagebreak4 {
padding: 10px 0 120px 0;
}
   
    
#pagebreak2 img.icon {
width: 120px;
}   
#pagebreak2 .pagebreak3 img.icon {
width: 120px;
}    
#pagebreak2 .pagebreak4 img.icon {
width: 120px;
}  
#pagebreak2 h3 {
font-size: 44px;
line-height: 55px;
}
#pagebreak2 .pagebreak3 h3 {
font-size: 44px;
line-height: 55px;
}
#pagebreak2 .pagebreak4 h3 {
font-size: 44px;
line-height: 55px;
}
    
.hero {
   
    background-attachment: scroll;
    padding-top: 100px;
 
}
.hero .frill {

    height: 300px;
    margin-top: -120px;
}


.hero .hero-content img {
    width: 630px;
    margin-left: 60px;
}
    .hero.cafe {
        padding-top: 120px;
    }
    .hero.cafe .hero-content img {
    width: 490px;
    margin-left: 0px;
}
    
    .hero.zones .hero-content img {
    width: 690px;
    margin-left: 20px;
}
    
    .hero.zones .frill {
    height: 100px;
    margin-top: -130px;
}
     .hero.gallery .hero-content img {
    width: 690px;
    margin-left: 20px;
}
    
    .hero.gallery .frill {
    height: 100px;
    margin-top: -130px;
}   
    
    
      .hero.parties {
        padding-top: 160px;
          background-position: top center;
    }
    .hero.parties .hero-content img {
    width: 490px;
    margin-left: 0px;
}
        .hero.parties .frill {

    height: 100px;
    margin-top: -130px;
}
    
 .hours-info h1 {
    margin: -19px 0 10px 0;
padding: 0px;
background: none;
color: #f47d21;
font-size: 62px;
line-height: 72px;
    text-align: center;
}   
    
   .packages {
        padding-bottom: 20px;
    }
.packages .silver {
        margin-bottom: 50px;
    }
    .packages .silver p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 6px;
}
    
.packages .gold p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 6px;
}
	
 
    
    #newsletter {
        padding-bottom: 70px
    }
.footer {

margin-top: 0px;
}
    
    
.footer .footer-item-1 img {
height: 35px;
}
  .footer .footer-item-1 p.alt {
font-size: 26px;
}  
 .footer .footer-item-2 h4 {
font-size: 37px;
     line-height: 34px;
padding-top: 15px;
}   
    .footer .footer-item-2 p {
font-size: 14px;
padding-top: 20px;
color: #ffffff;
}
  .footer .footer-item-3 p.alt {
font-size: 34px;
line-height: 34px;
padding-top: 10px;
}  
    .footer .footer-item-3 p.alt a {
        color:#ffffff;
        text-decoration: none;
    }
.footer .footer-item-3 p {
       font-size: 18px; 
    }
 
}
 
 
 
 

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    
.notice {
    font-size: 14px;
}
.corner-logo img {
    width: 150px;
}
     .zone-cafe p.link {
    padding-left: 5%;
    padding-right: 5%;
}  
    
    .choice {
    padding-top: 30px;
    padding-bottom: 80px;
}

.choice img.title {
    width: 90% !important;
}

       .mem-block {
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 25px;
} 
    
    
.center-div {
    width: 100%;
    height: 350px;
    padding-left: 9%;
    padding-right: 9%;
}
.center-div h1 {
font-size: 62px;
}

    .video {
  position: relative;
	margin-top: 40px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  z-index:991;
        border-radius:10px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    z-index:991;
        border-radius:10px;
}

    
    .map-responsive{
     height:450px;
}
.map-responsive iframe{
    height:450px;
}
    .hero {
   background-attachment: scroll;
    padding-top: 120px;
}

.hero .frill {
height: 100px;
    margin-top: 30px;
}
.schools .text {
    padding-left: 9% !important;
    padding-right: 9% !important;
}
    .schools .text .contact-form .left {
        padding-left: 0px;
         padding-right: 0px;
    }
    .schools .text .contact-form .right{
        padding-left: 0px;
         padding-right: 0px;
    }
    .schools img.work {
        width: 80%;
        margin-bottom: 15px;
        margin-top: -35px;
    }
    
    
.hero .hero-content img {
    width: 370px;
    margin-left: 10%;
}
.hero.hours {
   background-attachment: scroll;
    padding-top: 250px;
}   
.hero.hours .hero-content img {
    width: 100%;
    margin-left: 0;
    margin-top: -50px;
}
.hero.hours .frill {
height: 50px;
    margin-top: -50px;
}
    
    
    .hero.contact {
   background-attachment: scroll;
    padding-top: 250px;
}   
.hero.contact .hero-content img {
    width: 100%;
    margin-left: 0;
    margin-top: -50px;
}
.hero.contact .frill {
height: 50px;
    margin-top: -50px;
}
    
    
    .hero.zones {
   background-attachment: scroll;
    padding-top: 150px;
}  
        .hero.zones .hero-content img {
    width: 420px;
    margin-left: 5px;
}
    .hero.zones .frill {
height: 50px;
    margin-top: -80px;
}
    
    
        .hero.gallery {
   background-attachment: scroll;
    padding-top: 100px;
}  
        .hero.gallery .hero-content img {
    width: 410px;
    margin-left: 5px;
}
    .hero.gallery .frill {
height: 50px;
    margin-top: -73px;
}
    .galleryz {
        margin-top: -40px;
    }
    
    
        .hero.cafe {
   background-attachment: scroll;
    padding-top: 90px;
}  
        .hero.cafe .hero-content img {
    width: 75%;
    margin-left: 5px;
}
    .hero.cafe .frill {
height: 70px;
    margin-top: -70px;
}
    
.hero.parties {
   background-attachment: scroll;
    padding-top: 150px;
}  
        .hero.parties .hero-content img {
    width: 400px;
    margin-left: 5px;
}
    .hero.parties .frill {
height: 190px;
    margin-top: -100px;
}
    
    
     .zone-info .title img {
width: 100px;
margin-left: 195px;
}
    .hours-info {
        padding-bottom: 60px;
    }
.hours-info .title img {
width: 120px;
margin-left: -85px;
}
.hours-info h1 {
margin: 0px 0 10px 0;
font-size: 45px;
line-height: 45px;
        padding-bottom: 20px;
    padding: 0px 5% 20px 5%;
} 
    .hours-info .title p {
    padding: 0px 5% 20px 5%;
    }
.hours-info .left {
font-size: 17px;
padding: 0px 5% 40px 5%;
}
    
 .hours-info .right{
font-size: 17px;
padding: 0px 5% 40px 5%;
     background-position: center center;
}
 .hours-info p {
    padding: 0px 0% 0px 0%;
} 
    .get-here {
      padding-left: 5%;
      padding-right: 5%;
    
    }
  .zone-info {
      padding-left: 8%;
      padding-right: 8%;
    }
    .zone-info h1 {
margin: 0px 0 10px 0;
font-size: 52px;
line-height: 45px;
        padding-bottom: 20px;
}  
    .info-parties {
        margin-top: -120px
    }  
    .zone img {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
       
    }   
   
    .zone .text {
        padding-left: 8%;
      padding-right: 8%;
    }
    .zone.blue .text {
 padding-left: 8%;
      padding-right: 8%;
}
    .first-info p.link a {
font-family: 'bureaueaglebookregular';
color: #ffffff;
font-size: 22px;
background-color: #04b0e2;
padding: 20px;
transition: all 0.3s ease;
border: none;
}
    
    
    .cnt223{
min-width: 100%;
width: 100%;
min-height: 150px;
margin: 100px auto;
position: relative;
z-index: 103;
border-radius: 0px;
}
    .packages {
        padding-bottom: 50px;
    }
.packages .silver {
        margin-bottom: 50px;
    }
    .packages .silver p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 6px;
}
    
.packages .gold p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 6px;
}
	
.jumbotron {
    height: 520px;
}
    .first-info {
       padding-left: 7%;
       padding-right: 7%;
        padding-bottom: 0px;
        margin-top: -40px;
    }
    
    .first-info h1 {
margin: -4px 0 10px 0;
padding: 0px;
        padding-top: 20px;
background: none;
font-size: 40px;
line-height: 40px;
}
    .first-info p.link {
padding-top: 0px;
padding-bottom: 70px;
}
    
    .the-info {
        background-position: center center;
        padding-top: 120px;
        padding-bottom: 120px;
        margin-top: 0px;
    }   
    .the-info-wrapper {
        padding-bottom: 40px;
    }
    #whatson {
      padding-left: 4%;
       padding-right: 4%; 
    }   


    
 .party {
   
    padding-top: 40px;
    padding-bottom: 40px;
     padding-left: 7%;
     padding-right: 7%;
}  
.party h2 {
    font-size: 32px;
    margin-top: 0px;
}  
.party p {
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 15px;
}   
    
    .payment {
        padding-left: 7%;
     padding-right: 7%;
    }
    .payment h3 {
    font-size: 32px;
    margin-top: 0px;
} 
  .payment ul {
        padding-left: 3%;
    }  
    
#pagebreak2 {
padding: 70px 5% 70px 5%;
    position: relative;
    z-index:auto;
     background-attachment: scroll;
}
 #pagebreak2.pagebreak3 {
padding: 70px 5% 70px 5%;
    position: relative;
    z-index:auto;
     background-attachment: scroll;
} 
 #pagebreak2.pagebreak4 {
padding: 70px 5% 70px 5%;
    position: relative;
    z-index:auto;
     background-attachment: scroll;
}   
    
    
#pagebreak2 img.icon {
width: 60px;
}  
    #pagebreak2.pagebreak3 img.icon {
width: 60px;
} 
    #pagebreak2.pagebreak4 img.icon {
width: 60px;
} 
    
#pagebreak2 h3 {
font-size: 30px;
line-height: 38px;
}
    #pagebreak2.pagebreak3 h3 {
font-size: 30px;
line-height: 38px;
}
    #pagebreak2.pagebreak4 h3 {
font-size: 30px;
line-height: 38px;
}
    
#pagebreak2 p {
font-size: 30px;
line-height: 45px;
}  
    #pagebreak2 .pagebreak3 p {
font-size: 30px;
line-height: 45px;
} 
    #pagebreak2 .pagebreak4 p {
font-size: 30px;
line-height: 45px;
} 
    #pagebreak2.member {
        
    }  
    #pagebreak2.member img.icon {
width: 150px;
}  
     #pagebreak2.member h3 {
font-size: 30px;
line-height: 38px;
         margin-top: -30px;
}   
    #pagebreak2.member p {
        font-size: 22px;
    }
    #pagebreak2.member p.link {
     padding-top: 20px;  
        padding-bottom: 20px;  
    }  
    #newsletter {
    padding-left: 8%;
       padding-right: 8%; 
        padding-bottom: 0px
    }
     #newsletter.alt {
    padding-left: 8%;
       padding-right: 8%; 
        padding-bottom: 0px;
        padding-top: 0px
    }
#newsletter h2 {
margin: -0px 0 0px 0;
padding: 0px;
background: none;
font-size: 38px;
line-height: 34px;
}
    #newsletter p {
        padding-top: 20px;
    }   
 
#newsletter .contact-form input.form-field {
width: 80%;
}
    

    
    
	.overlay ul li a, .overlay ul li button {
		font-size: 19px;
	}
#policy {

	padding-top: 100px;
}	
.top {
	height: 60px;
	position: inherit;
	padding-top:0px;
	position: fixed;
	z-index: 1111;
	border-bottom: none;
	
}
section button {
	margin-top: 13px;
	margin-right: 15px;
	z-index: 1112;
	position: fixed;
	top:0;
	right:0;
    color: #14a9d3;
}
img.logo {
	width: 155px;
	height: auto;
	padding-left: 0px;
	margin-top:0px;
}

#pagebreak1, #pagebreak2 #pagebreak3 {
	padding-top: 140px;
	padding-bottom: 140px;
}

    .hours-info.contacty {
        padding-left: 8%;
       padding-right: 8%; 
    }
.hours-info.contacty .right {
     background-image: none;
    background-repeat: no-repeat;
    background-size: 11px;
    font-size: 20px;
	line-height: 29px;
    margin-top: 45px;
    text-align: left;
    color:#2c2c2c;
    padding: 0px 0px 40px 0px;
    
}
.hours-info.contacty .right img {
    width: 120px;
    margin-top: -32px;
}
.hours-info.contacty .right h2 {
    color: #04b0e2;
font-size: 37px;
line-height: 40px;
    margin-top: 8px;
    padding-bottom: 10px;
    
}
.hours-info.contacty .left {
    font-size: 20px;
	line-height: 29px;
    padding-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    padding: 20px 0px 40px 0px;
}
.hours-info.contacty hr {
   margin-top: 20px;
     margin-bottom: 30px;
}
.hours-info.contacty .right p {
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 18px;
}
.hours-info.contacty .contact-form input.form-field {
	width:100%;
	height:50px;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 16px;
    font-size: 14px;
    text-transform: uppercase;
}
.hours-info.contacty .contact-form textarea.form-field {
	width:100%;
	background-color: #ebebeb;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding-left: 20px;padding-top: 20px;
	margin-bottom: 9px;
	height: 100px;
    font-size: 14px;
    text-transform: uppercase;
}
.hours-info.contacty .contact-form input.form-btn {
	font-family: 'bureaueaglebookregular';
	color: #ffffff;
    font-size: 30px;
	background-color: #04b0e2;
	padding: 20px;
	transition: all 0.3s ease;
    border: none
}
.hours-info.contacty .contact-form input.form-btn:hover {
    background-color: #aba491;
}



	

		#whatson .whatson-item{
	text-align: center;
}
	
	
	#whatson .whatson-item h2 {
	font-size: 21px;
}
	
	


#social {
	padding-left: 8%;
	padding-right: 8%;
}
article{
		width: 100%;
		
      }
	  
#social h2 {
	font-size: 50px;
	line-height: 40px;
	  }



.jumpMenu{
	border-top: #98deff solid 1px;
	font-size: 24px;
	border-bottom: #98deff solid 1px;
	background-color: #ffffff;
	height: 50px;
	color: #434343;
	width: 100%;
	padding-left:6%;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-bottom:15px;
margin-top: -15px;
}
.slide1, .slide2, .slide3 {
	background-attachment:scroll;
}



.pagebreak2 {
background-image: url(../images/pagebreak-2.jpg);
background-size: cover;
background-repeat: no-repeat;
	background-position: center center;
			height: 300px;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative; 
}

.pagebreak1, .pagebreak2, .pagebreak3, .pagebreak4 {
	padding-top: 190px;
	padding-bottom: 190px;
}
    .footer {
        padding-top: 300px;
        padding-left: 8%;
       padding-right: 8%; 
    }   
    .footer .mob-rocket {
        padding-top: 107px
    }
    .footer .mob-rocket img {
        width: 50%
    }
.footer .footer-item-1 {
padding-top: 40px;
    font-weight: 700
}
.footer .footer-item-2 {
padding-top: 40px;
}
    .footer .footer-item-3 p.alt a {
        color:#ffffff;
        text-decoration: none;
    }
.footer .footer-item-3 {
padding-top: 40px;
}
    
    .book-pulse {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 999;
margin: 0px;
padding: 0px;
        width: 100%;
}
    .book-pulse a {
        width: 100%;
        text-align: center;
font-size: 20px;
padding: 15px;

    }
    
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
		padding-right:18px}


label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 0px;
    border-bottom:0px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}


}




/* ----------- iPad 1 and 2 ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
#pagebreak1, #pagebreak2, #pagebreak3, #pagebreak4, .menu-prev, .slide1, .slide2, .slide3, .banner, .contentbreak-left, .contentbreak-right, .contentbreak-htb, .contentbreak-contact {
	background-attachment:scroll;
}
}


/* ----------- iPad 3 and 4 ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#pagebreak1, #pagebreak2, #pagebreak3, #pagebreak4, .menu-prev, .slide1, .slide2, .slide3, .banner, .contentbreak-left, .contentbreak-right, .contentbreak-htb, .contentbreak-contact {
	background-attachment:scroll;
}
}

/* ----------- Galaxy Tab 10.1 ----------- */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) { 
#pagebreak1, #pagebreak2, #pagebreak3, #pagebreak4, .menu-prev, .slide1, .slide2, .slide3, .banner, .contentbreak-left, .contentbreak-right, .contentbreak-htb, .contentbreak-contact {
	background-attachment:scroll;
}
}


/* ----------- Kindle Fire HD 7" ----------- */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) { 
#pagebreak1, #pagebreak2, #pagebreak3, #pagebreak4, .menu-prev, .slide1, .slide2, .slide3, .banner, .contentbreak-left, .contentbreak-right, .contentbreak-htb, .contentbreak-contact {
	background-attachment:scroll;
}
}


/* ----------- Kindle Fire HD 8.9" ----------- */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) { 
#pagebreak1, #pagebreak2, #pagebreak3, #pagebreak4, .menu-prev, .slide1, .slide2, .slide3, .banner, .contentbreak-left, .contentbreak-right, .contentbreak-htb, .contentbreak-contact {
	background-attachment:scroll;
}
}