/* Laser Tag */
.pg_laser-tag-london .hero-top { background-image: url(/assets/bg/hero-kids-squad.jpg); }
.block-lt-intro { text-align: left; overflow: visible; }
.block-lt-intro .inner { margin-top: 0;}
.laserlogo { position: absolute; left: -38px; top: -240px; z-index: 10;}
.block-lt-intro h1 { text-shadow: none; font-size: 5.2em; margin: -4px 0;}
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h1 { font-size: 6.2em; }
.block-lt-intro h2 { font-size: 4.6em; color: #248c42; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h2 { font-size: 5.1em; line-height: 0.9; margin: 5px 0 30px; }
p.lt-intro { font-size: 1.7em; }
p.lt-intro.highlight { font-size: 1.8em; color: #737373; }
.block-lt-intro .col-left { width: 70%; display: inline-block; padding-right: 50px; }
.block-lt-intro .col-right { width: 29%; display: inline-block;  margin-bottom: -40px; z-index: 10; position: relative; bottom: -25px;}
.block-lt-intro img { max-width: 100%; height: auto; }
form.launchsignup { background: #248c42; color: #fff; padding: 30px 24px 20px;  margin: 0 0 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.launchsignup h4 img { float: left; margin: 0 6px 10px 0; }
.launchsignup h4 { font-size: 2.3em; font-weight: 900; line-height: 1; }
.wf-ffgoodheadlinewebprocon-n9-active .launchsignup h4 { font-size: 2.7em; margin: 0 0 10px; }
.launchsignup h4 strong { font-size: 1.3em; }
.wf-ffgoodheadlinewebprocon-n9-active .launchsignup h4 { font-size: 2.6em; margin: 0 0 10px; }
.launchsignup p { clear: both; margin: 0 0 12px;}
.launchsignup .button { width: 100%; padding: 7px 18px 9px }
.launchsignup input.textinput { border: none; background: #71ae81; color: #fff; font-weight: 700; font-size: 1.3em; width: 100%; padding: 4px 10px 6px;}

.block-lt-intro .development { background: #044727; color: #fff; max-width: 220px; margin: -35px auto 0; position: relative; text-align: center; padding: 16px; border: 4px solid #fff; box-shadow: 0 0 10px 2px rgba(0,0,0,0.15);  }
.block-lt-intro .development div { border: 1px solid #2c6549; padding: 18px 6px; }
.block-lt-intro .development p {margin: 0; text-transform: uppercase; font-size: 1.3em; letter-spacing: 1px;}
.block-lt-intro .development p.number { font-size: 8em; line-height: 1;}
.block-lt-venue { background-image: url(/assets/bg/forest-faded.jpg); color: #fff; text-align: center; min-height:420px; }
.block-lt-venue .inner { padding: 110px 20px 30px; max-width: 950px;}
.block-lt-venue p { font-size: 2em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-venue h2 { font-weight: 400; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-venue h2 span { font-weight: 900; }

.lt-party { display: table; max-width: 950px; margin: 30px auto 120px; position: relative; box-shadow: 0 0 12px rgba(0,0,0,0.25);}
.lt-party div { display: table-cell; background: #f5f4f2; width: 50%; vertical-align: top; }
.lt-party .photo { max-width: 100%; height: auto; display: block;}
.lt-party .laserlogo { top: auto; left: 25%; bottom: -80px; transform: translateX(-50%); }
.lt-party .right { padding: 28px 30px 8px; text-align: left;}
.lt-party h3 { margin: 0 0 18px;}
.lt-party .launch { text-transform: uppercase; font: 2.3em 'Arial Narrow', Arial, sans-serif; font-stretch: condensed; margin: 26px 0 0; color: #abaaa9; }
.wf-ffgoodheadlinewebprocon-n4-active .lt-party .launch  { font: 3.2em/0.9 ff-good-headline-web-pro-con; }

.launchsignup.wide { display: table; max-width: 1100px; margin: 0 auto 40px; padding: 22px 80px 20px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); }
.launchsignup.wide h4, .launchsignup.wide p { display: table-cell; padding: 0 20px; margin: 0; width: 33%; vertical-align: middle; }
.launchsignup.wide h4 { text-align: left; white-space: nowrap; margin: 0;}
.launchsignup.wide h4 img { margin-bottom: 0; }

.launchsignup input.textinput { margin: 0; height: 42px;}

.hero-map { padding: 0; overflow: visible; z-index: 1; border-top: 6px solid #fff;}
.map { width: 100%; height: 0; padding-bottom: 28.25%; display: block; border: none; text-decoration: none; background: url(/assets/bg/lasertag-location-map-lrg.png) no-repeat center top; background-size: contain;}
.directions { display: inline-block; background: #fff; padding: 8px 60px; overflow: hidden; margin: 0 auto; position: relative; top: -25px; box-shadow: 0 0 12px 1px rgba(0,0,0,0.2); }
.directions p { margin: 0; text-transform: uppercase; display: inline-block; padding: 8px 0 8px 30px; background: url(/assets/icons/lasertag/location-pointer.png) no-repeat 0 7px;}
.wf-ffgoodheadlinewebprocon-n4-active .directions p  { font: 2.3em ff-good-headline-web-pro-con; }
.hero-map .inner { margin: 0 auto; height: 0; }

.booking-includes { display: table; list-style-type: none; margin: 36px 0 -30px; padding: 0; }
.booking-includes li { display: table-cell; margin: 0; padding: 0 20px; text-align: center; }
.booking-includes li .bookinc { font-size: 1.3em; line-height: 1.1; text-transform: uppercase; }
.wf-ffgoodheadlinewebprocon-n4-active .booking-includes li .bookinc { font: 1.5em ff-good-headline-web-pro-con; font-weight: 400; }
/*.booking-includes li:nth-child(4) { padding-right: 60px; } */

.booking-includes li.extra { border-left: dashed 1px #999; padding: 0 30px; max-width: 290px;}
.booking-includes p.guarantee { font-size: 1.1em; line-height: 1.1; color: #3b3b3b; margin-bottom: 38px;}
.booking-includes p.guarantee img { display: block; width: 210px; height: auto;  margin: 0 auto 20px;}
.prices-includes h2 { margin-bottom: 0;}
.prices-includes h3 { color: #248c42; font-weight: 400; margin: 0 0 24px; font-size: 3em; }
.wf-ffgoodheadlinewebprocon-n4-active .prices-includes h3 { font: 4em ff-good-headline-web-pro-con; font-weight: 400; }
.prices-includes p { max-width: 800px; margin-left: auto; margin-right: auto;}

.box-with-crosshair { border: 2px solid #d5d5d5; padding: 30px 60px; max-width: 1100px; margin: 10px auto; position: relative; }
.box-with-crosshair:before { display: block; content: ''; width: 65px; height: 65px; background: url(/assets/icons/lasertag/box-corner-crosshair.png) no-repeat 0 0; background-size: 65px; position: absolute; left: -30px; top: -30px;}
.box-with-crosshair p { margin: 0; }

/* --- Carousel --- */
.carousel { position:relative; min-height: 20px; height:auto !important; height: 20px; }
.carousel li img { width:100%; height:auto; }
.paging { position:absolute; z-index:998; }
.paging a { display:block; cursor:pointer; width:20px; height:16px; float:left; background: url(/assets/icons/misc-old.png) 1px -98px no-repeat; }
.paging a:hover, .paging a.current { background-position: 1px -148px;  }

.testimonials { padding: 50px 0 10px;}
.testimonials ul { list-style-type: none; margin: 14px 0 30px; padding: 0; }
.testimonials li { padding-bottom: 28px; }
.testimonials .quote { font-size: 1.8em; color: #555; }
.testimonials .quotesource { font-size: 0.9em; text-transform: uppercase; }


.pricingcheck { display: block; float: none; min-width: 0; width: 100%; max-width: 1100px; margin: 50px auto 50px; color: #fff; background: #21813a; padding: 20px 50px 30px; border-radius: 6px; box-shadow: none; text-align: center; transition: width 0.3s; }
.wf-ffgoodheadlinewebprocon-n4-active .pricingcheck h2 { font-weight: 400; }

.pricingcheck p { margin: 10px 0; }
.book-alt .pricingcheck p { margin: 6px 0; }
.book-alt .pricingcheck .med-message { margin: -6px 0 24px !important; }
.pricingcheck p.third { overflow: visible; }
.pricingcheck p.third:after { content: ''; display: block;clear: both;}
.pricingcheck p.third input, .pricingcheck p.third select { width: 31%; margin: 0 1% 10px; height: 50px; display: inline-block; }
.pricingcheck form { max-width: 100%; margin: 0 auto;}
.pricingcheck .textinput, .pricingcheck select { width: 100%; background: #71ae81; color: #f1f7f3; font-weight: 700; border: none; padding: 8px 10px 9px; }
.wf-ffgoodheadlinewebprocon-n9-active .pricingcheck .textinput, .wf-ffgoodheadlinewebprocon-n9-active .pricingcheck select { font: 1.6em ff-good-headline-web-pro-con; font-weight: 900; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.pricingcheck .avoccasion { padding-left: 10px;}

.pricingcheck .textinput:focus, .pricingcheck .textinput:invalid:focus, .pricingcheck select:focus { border: none; color: #fff; background-color: #77b988; box-shadow: 0 0 12px rgba(0,0,0,0.4); }
.pricingcheck input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: inherit; margin: 0;}
.pricingcheck input[type=number] { -moz-appearance: inherit; }
.pricingcheck .textinput::-webkit-input-placeholder { color: #fff; opacity: 0.5; }
.pricingcheck .textinput::-moz-placeholder { color: #fff; opacity: 0.5; }
.pricingcheck .textinput:-ms-input-placeholder { color: #fff; opacity: 0.5; }
.pricingcheck .textinput:-moz-placeholder { color: #fff; opacity: 0.5; }

.pricingcheck .submitbtn, .book-alt .pricingcheck .submitbtn { margin: 20px 0 -54px; font-size: 1.7em;}
.pricingcheck .btn-primary, .jobapply .btn-primary { background-size: 170px; background-position: 19px -502px; padding: 11px 23px; padding-left: 64px !important;}

footer { margin-top: 20px;}




@media screen and (max-width:1420px) {
.map { height: 30px; padding-bottom: 40%; background-size: cover;}
}


@media screen and (max-width:1240px) {
.block-lt-intro .col-left { width: 65%; }
.block-lt-intro .col-right { width: 34%; }
}

@media screen and (max-width:1200px) {
.booking-includes li img { height: 130px; width: auto; }
.booking-includes li { padding: 0 10px;}
.booking-includes li:nth-child(4) { padding-right: 30px; }
.booking-includes li.extra {  padding: 0 10px 0 20px; }
}

@media screen and (max-width:1100px) {
.launchsignup.wide { padding: 22px 40px 20px; }
}

@media screen and (max-width:1040px) {
.booking-includes li img { height: 110px; width: auto; }
.booking-includes p.guarantee img { width: 180px;}
}

@media screen and (max-width:1025px) {
.pg_laser-tag-london .hero-top { background-image: url(/assets/bg/hero-kids-squad-sml.jpg); }
.block-lt-intro img.laserlogo { width: 330px; top: -230px;}
.block-lt-intro .col-left { width: 60%; }
.block-lt-intro .col-right { width: 39%; }
.block-lt-intro .launchsignup { font-size: 0.9em; }
.block-lt-intro h1 { font-size: 5.0em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h1 { font-size: 6em; }
.block-lt-intro h2 { font-size: 4.4em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h2 { font-size: 4.8em; }
p.lt-intro { font-size: 1.6em; }
p.lt-intro.highlight { font-size: 1.7em; }
}

@media screen and (max-width:1010px) {
.launchsignup.wide p { width: 30%;  }
.launchsignup.wide h4 { width: 40px; }
}

@media screen and (max-width:980px) {
.lt-party .right { padding: 24px 28px 8px; }
.lt-party h3 { margin: 0 0 14px; line-height: 1; }
.lt-party p { line-height: 1.3; }
.lt-party .launch {  margin: 24px 0 0; }
}

@media screen and (max-width:900px) {
.lt-party .right { padding: 18px 22px 8px; }
.lt-party h3 { margin: 0 0 10px; line-height: 1; }
.lt-party p { line-height: 1.25; }
.lt-party .launch {  margin: 20px 0 0; }
}

@media screen and (max-width:870px) {
.lt-party p { line-height: 1.2; margin: 10px 0; }
.lt-party .launch {  margin: 16px 0 0; }
.block-bookingbenefits .booking-includes { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.block-bookingbenefits .booking-includes li { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.block-bookingbenefits .booking-includes li.extra { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; border-left: 0; max-width: 100%; padding: 0 10px;}
.block-bookingbenefits .booking-includes li.extra p { max-width: 480px; margin: 0 auto 20px;}
.block-bookingbenefits .booking-includes li:nth-child(4) { padding-right: 10px; }
}

@media screen and (max-width:850px) {
.pg_laser-tag-london .hero-top { min-height: 450px; }
.block-lt-intro .col-left { padding-right: 30px; }
.block-lt-intro .col-right { margin-bottom: -60px; }
.block-lt-intro .launchsignup img { width: 60px; }
.block-lt-intro h1 { font-size: 4.8em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h1 { font-size: 5.6em; }
.block-lt-intro h2 { font-size: 4em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-lt-intro h2 { font-size: 4.4em; }
.development { transform: scale(0.9); }
}


@media screen and (max-width:820px) {
.lt-party h3 { margin-bottom: -2px;}
.lt-party .launch { margin-top: -8px; }
.launchsignup.wide { font-size: 0.9em; }
.launchsignup.wide img { width: 60px; height: auto; }
.directions { padding: 8px 30px; }
}

@media screen and (max-width:800px) {
.block-lt-venue .inner { padding: 90px 20px 20px; }
.lt-party .right { padding: 14px 20px 6px; }
.map { padding-bottom: 50%; }

}

@media screen and (max-width:767px) {
.booking-includes li img { height: 90px; width: auto; }
.booking-includes li .bookinc { font-size: 1.1em; }
.wf-ffgoodheadlinewebprocon-n4-active .booking-includes li .bookinc { font-size: 1.3em; }
}

@media screen and (max-width:760px) {
.block-lt-intro .col-left, .block-lt-intro .col-right { padding-right: 0; display: block; width: 100%; }
.block-lt-intro .col-right { margin: 40px 0 -50px; text-align: center; }

.block-lt-intro .launchsignup { font-size: 1em; text-align: left; }
.lt-party { display: block; max-width: 570px; margin-bottom: 40px;}
.lt-party div { display: block; width: 100%; position: relative; }
.lt-party .laserlogo { top: auto; left: 50%; bottom: -50px; transform: translateX(-53%); }
.lt-party div.right { padding: 50px 30px 26px; }
.lt-party h3 { margin-bottom: 12px;}
.lt-party p { font-size: 1.6em; }
.lt-party .launch { margin-top: 18px; }

.launchsignup.wide { display: block; font-size: 1em; }
.launchsignup.wide h4, .launchsignup.wide p { display: block; padding: 0 20px; margin: 0 0 12px; width: 100%; vertical-align: middle; }
  .pricingcheck { padding: 18px 26px 28px; }
}

@media screen and (max-width:700px) {
.block-bookingbenefits .booking-includes { max-width: 500px; margin-left: auto; margin-right: auto;}
.block-bookingbenefits .booking-includes li { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
.block-bookingbenefits .booking-includes li img { height: 110px; width: auto; }
.map { padding-bottom: 60%; }
  .pricingcheck p.third { overflow: visible; display: inline; }
.pricingcheck p.third:after { content: ''; display: none;clear: none;}
.pricingcheck p.third input, .pricingcheck p.third select { width: 46%; margin: 0 1% 10px; }
.pricingcheck p.third select, .pricingcheck p.third .avdate { }

}

@media screen and (max-width:680px) {
.booking-includes { display: block; }
.booking-includes li { display: block; float: left; width: 50%;}
.booking-includes li:nth-child(3n) { clear: both; }
.booking-includes li:nth-child(4) { padding: 0 10px;}
.booking-includes li:nth-child(5n) { clear: both; width: 100%;}
.booking-includes li img { height: 110px; width: auto; }
.booking-includes li .bookinc { font-size: 1.3em; }
.wf-ffgoodheadlinewebprocon-n4-active .booking-includes li .bookinc { font-size: 1.5em; }
}

@media screen and (max-width:620px) {
.pg_laser-tag-london .hero-top { min-height: 400px; }
.block-lt-intro img.laserlogo { width: 300px; top: -210px;}
.block-lt-venue .inner { padding: 60px 20px 10px; }
}

@media screen and (max-width:590px) {
.map { padding-bottom: 70%; }
.directions { padding: 8px 20px;  }
 .pricingcheck { padding: 18px 16px 28px; }
}

@media screen and (max-width:520px) {
.block-bookingbenefits .booking-includes li img { height: 95px; width: auto; }
.map { padding-bottom: 75%; }
.box-with-crosshair { padding: 30px 30px; }

}

@media screen and (max-width:480px) {
 .map { padding-bottom: 80%; }
}

@media screen and (max-width:480px) {
.booking-includes li { float: none; width: 100%;}
.booking-includes li img { height: 110px; width: auto; }
.booking-includes li .bookinc { margin: 5px 0 35px; }
}

@media screen and (max-width:440px) {
 .map { padding-bottom: 90%; }
.directions { padding: 8px 10px;  }
.directions p { background: none; padding-left: 0; }
}

@media screen and (max-width:410px) {
.lt-party .laserlogo { width: 220px; }
.wf-ffgoodheadlinewebprocon-n4-active .block-bookingbenefits .booking-includes li .bookinc { font-size: 1.35em; }
.block-bookingbenefits .booking-includes li img { height: 85px; width: auto; }
.block-bookingbenefits .booking-includes { margin-left: -10px; margin-right: -10px;}
.pricingcheck p.third input, .pricingcheck p.third select { width: 100%; margin: 0 0 10px;}
.pricingcheck p.third select, .pricingcheck p.third .avdate { }
  .avcheck .button { line-height: 1; padding: 10px 16px 10px 50px !important; background-position: 14px -502px; }
}

@media screen and (max-width:380px) {
.booking-summary .bookingphone { padding: 36px 26px; }
.booking-summary h3, .booking-summary .bookingdetails { margin-left: 26px; margin-right: 26px; }
.booking-summary .paymentoptionsmob { padding: 18px 26px; }
.book-event-wrapper .bookingphone { padding: 16px 14px 2px; font-size: 0.9em;}

#intro h4 { font-size: 1.8em;}
.block-lt-intro .launchsignup { font-size: 0.9em; }
}
