/*-----------------------------------------------------------------------
/*  Theme Name  : Rinjani
/*  Theme URI   : https://wrapbootstrap.com/theme/rinjani-multi-purpose-one-page-theme-WB035T192
/*  Description : Multi-Purpose One Page Theme
/*  Version     : 1.7
/*  assets/css/rinjani.css
/*-----------------------------------------------------------------------

1. GLOBAL STYLES

2. ANIMATION DELAY

3. PAGE LOADER

4. NAVBAR
	4.1 NAVBAR - CENTER MENU
	4.2 NAVBAR - SIDE MENU

5. INTRO SECTION

6. WHO WE ARE SECTION

7. FUN FACT SECTION

8. OUR MAIN SKILLS SECTION

9. QUOTE SECTION

10. KEEP IN TOUCH SECTION

11. MEET THE TEAM SECTION

12. TESTIMONIALS SECTION

13. COMING SOON SECTION

14. CONTACT US SECTION

15. MAP

16. FOOTER

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

.width-auto {
width: auto !important;
}


/*---------------------------------------------------------------------*/
/*  1. GLOBAL STYLES
/*---------------------------------------------------------------------*/
@font-face {
    font-family: 'Titular-Heavy';
    src: url('../font/Titular-HeavyItalic.woff2') format('woff2'),
        url('../font/Titular-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
width: 100%;
height: 100%;
}
body {
background-color: #f2f4f4;
font-family: 'Lato', sans-serif;
color: #333;
overflow-x: visible;

}
a {
outline: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
outline: none;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
}
img {
max-width: 100%;
height: auto;
}
p {
font-size: 15px;
font-weight: 400;
line-height: 1.6;
margin: 0 0 15px;
}

.push {
margin-left: 0px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.icon-blue {
color: #337ab7;
}

@media (min-width: 992px) {
.push.pushed-left {
	margin-left: 250px;
}
}
@media (min-width: 992px) {
.push.pushed-right {
	margin-left: -250px;
}
}
.section {
background-color: #f2f4f4;
}
.section > .section-inner {
position: relative;
}
.section > .section-inner .section-content {
padding-top: 50px;
padding-bottom: 60px;
}
@media (min-width: 1024px) {
.section > .section-inner .section-content {
	padding-top: 70px;
	padding-bottom: 80px;
}
}
.section > .section-inner .section-content .section-title {
color: #231f20;
text-transform: uppercase;
padding-bottom: 40px;
}
@media (min-width: 1024px) {
.section > .section-inner .section-content .section-title {
	padding-bottom: 60px;
}
}
.main-title {
color: #231f20;
	font-family: 'Titular-Heavy';
	font-style: italic;
font-size: 52px;
}
.secondary-main-title {
color: #231f20;
font-family: 'Titular-Heavy';
font-style: italic;
font-size: 50px;
margin-bottom: 0;
margin-top: 10px;
}

.footnote {
	font-style: italic;
}

@media (min-width: 480px) {
.main-title {
	font-size: 45px;
}
.secondary-main-title {
font-size: 92px;
}
}
@media (min-width: 600px) {
.main-title {
	font-size: 55px;
}

}
@media (min-width: 768px) {
.main-title {
	font-size: 130px;
}

}
.section > .section-inner .section-content .section-title > .sub-title {
font-size: 20px;
text-transform: none;
font-weight: 500;
}
@media (min-width: 480px) {
.section > .section-inner .section-content .section-title > .sub-title {
	font-size: 25px;
}
}
.section > .section-inner .section-content .section-line {
display: inline-block;
width: 50px;
height: 1px;
background-color: #231f20;
}
.section.section-bgimage-yes {
background-color: #231f20;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
@media (min-width: 1280px) {
.section.section-bgimage-yes {
	background-attachment: fixed;
}
}
.section.section-bgimage-yes > .section-inner > .section-overlay {
content: '';
position: absolute;
background-color: #000;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
zoom: 1;
opacity: 0.7;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
.section.section-parallax-yes > .section-inner > .section-overlay {
content: '';
position: absolute;
background-color: #000;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
zoom: 1;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
.section.section-parallax-yes > .section-inner > .parallax .bcg {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
@media (min-width: 1280px) {
.section.section-parallax-yes > .section-inner > .parallax .bcg {
	background-attachment: fixed;
}
}

.vh-100 {
min-height: calc(100vh - 60px - 53px);
}

.vertically-centered {
display: table;
}

.v-center-target {
display: table-cell;
vertical-align: middle;
}

.h-center-target {
margin: 0 auto;
}

.find-nearest .find-nearest-txt {
text-decoration: underline;
padding-left: 10px;
color: #00abcd;
}

.find-nearest .find-nearest-txt:hover {
color: inherit;
}

.d-inline-block {
	display: inline-block;
}
.font-style-italics {
	font-style: italic;
}

/*---------------------------------------------------------------------*/
/*  2. ANIMATION DELAY
/*---------------------------------------------------------------------*/
.delayp1 {
animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-delay: .1s;
-o-animation-delay: .1s;
transition-delay: .1s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
}
.delayp2 {
animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
-o-animation-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
}
.delayp3 {
animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-delay: .3s;
-o-animation-delay: .3s;
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
}
.delayp4 {
animation-delay: .4s;
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
-o-animation-delay: .4s;
transition-delay: .4s;
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
-o-transition-delay: .4s;
}
.delayp5 {
animation-delay: .5s;
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
-o-animation-delay: .5s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s;
}


/*---------------------------------------------------------------------*/
/*  3. PAGE LOADER
/*---------------------------------------------------------------------*/
#page-loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background-color: #fff;
}
#page-loader .preload {
width: 128px;
height: 128px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -64px;
margin-left: -64px;
}


/*---------------------------------------------------------------------*/
/*  4. NAVBAR
/*---------------------------------------------------------------------*/
.navbar.navbar-fixed-top {position: relative;margin: 0;border: 0;min-height: 60px;background-color: #000;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.2);}
@media (min-width: 768px) {
.navbar.navbar-fixed-top {
	-webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
	-moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
	transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
}
}
.navbar.navbar-fixed-top .navbar-brand {
color: #fff;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
height: 60px;
line-height: 60px;
padding-top: 0px;
padding-bottom: 0px;
letter-spacing: 0.1em;
padding-top: 13px;
}
.navbar.navbar-fixed-top .navbar-brand:hover {
color: #fff;
}
.navbar.navbar-fixed-top .navbar-toggle {
	margin-top: 12px;
	background-color: #00abcd;
	padding: 10px 10px;
}
.navbar.navbar-fixed-top .navbar-nav > li > a {
	font-family: 'Oxanium', sans-serif;
	color: #fff;
	font-weight: 500;
}

@media (min-width: 992px) {
.navbar.navbar-fixed-top .navbar-nav > li > a {
	height: 60px;
	line-height: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.navbar.navbar-fixed-top .navbar-nav > li > a {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
}
}

.navbar.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar.navbar-fixed-top .navbar-nav > li.spec > a:hover {
color: #00abcd;
background-color: #231f20;
}
.navbar.navbar-fixed-top .navbar-nav > li > a > i.fa-angle-down {
padding-left: 2px;
}
.navbar.navbar-fixed-top .navbar-nav > li.active a,
.navbar.navbar-fixed-top .navbar-nav > li.active a:hover {
background-color: #00abcd;
color: #fff;
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top .navbar-nav > li.active a,
.navbar.navbar-fixed-top .navbar-nav > li.active a:hover,
.navbar.navbar-fixed-top .navbar-nav > li.spec.active a,
.navbar.navbar-fixed-top .navbar-nav > li.spec.active a:hover {
	color: #fff;
	background-color: #00abcd;
	background-repeat: repeat;
}
}


/*---------------------------------------------------------------------*/
/*  4.1. NAVBAR - CENTER MENU
/*---------------------------------------------------------------------*/
@media (min-width: 992px) {
.navbar.navbar-fixed-top.center-menu .navbar-nav {
	margin: 0 auto;
	float: none;
	text-align: center;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.center-menu .navbar-nav > li {
	display: inline-block;
	float: none;
	padding-right: 5px;
	padding-left: 5px;
}
}


/*---------------------------------------------------------------------*/
/*  4.2. NAVBAR - SIDE MENU
/*---------------------------------------------------------------------*/
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu {
	z-index: 15;
	position: fixed;
	top: 0;
	width: 250px;
	height: 100%;
	background-color: #231f20;
	box-shadow: none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .container {
	margin: 0;
	padding: 0;
	width: auto;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .navbar-header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .navbar-header .navbar-brand {
	color: #aaa;
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #aaa;
	border-radius: 2px;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .navbar-nav {
	position: relative;
	width: 100%;
	height: 100%;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .navbar-nav > li {
	float: none;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu .navbar-nav > li > a {
	color: #aaa;
	height: 42px;
	line-height: 42px;
	padding: 0px 30px;
}
.navbar.navbar-fixed-top.side-menu .navbar-nav > li > a:hover {
	color: #fff;
}
}
.navbar.navbar-fixed-top.side-menu .navbar-nav > li.active > a {
color: #fff;
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu.left-slide-menu,
.navbar.navbar-fixed-top.side-menu.left-push-menu {
	left: -250px;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu.left-slide-menu.active,
.navbar.navbar-fixed-top.side-menu.left-push-menu.active {
	left: 0;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu.right-slide-menu,
.navbar.navbar-fixed-top.side-menu.right-push-menu {
	right: -250px;
	left: auto;
}
}
@media (min-width: 992px) {
.navbar.navbar-fixed-top.side-menu.right-slide-menu.active,
.navbar.navbar-fixed-top.side-menu.right-push-menu.active {
	right: 0;
}
}
.navbar-trigger-open {
z-index: 10;
position: fixed;
top: 0;
margin-top: 25px;
}
.navbar-trigger-open a {
color: #fff;
font-size: 28px;
background-color: #00abcd;
padding: 5px 15px;
border-radius: 2px;
opacity: 0.9;
}
.navbar-trigger-open.left {
left: 0;
margin-left: 20px;
}
.navbar-trigger-open.right {
right: 0;
margin-right: 20px;
}
span.navbar-trigger-close {
position: absolute;
top: 0;
right: 0;
margin-right: 25px;
margin-top: 28px;
}
span.navbar-trigger-close a {
color: #aaa;
font-size: 28px;
}
span.navbar-trigger-close a:hover {
color: #fff;
}


/*---------------------------------------------------------------------*/
/*  5. INTRO SECTION
/*---------------------------------------------------------------------*/
#intro {
position: relative;
display: block;
width: 100%;
height: auto;
color: #fff;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

#intro .landing-book-now {
position: absolute;
left: 30px;
bottom: 155px;
width: 100%;
z-index: 1;
}

#intro .landing-book-now .btn-rj {
padding: 10px 25px;
}

@media (min-width: 1280px) {
#intro .landing-book-now {
	position: absolute;
	left: 30px;
	bottom: 200px;
	width: 100%;
	z-index: 1;
}

#intro {
	/* height: 100%; */
	padding: 0px;
	background-attachment: fixed;
}
}
#intro:before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
/*background: rgba(0, 0, 0, 0.8);*/
}
#intro .intro-body{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), black);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), black);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), black);
	/* Standard syntax */
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), black);
}

@media (min-width: 1280px) {
#intro .intro-body {
	padding-top: 0px;
	padding-bottom: 20px;

}
}
#intro .intro-body .logo > h1 {
display: block;
width: 110px;
height: 110px;
line-height: 110px;
color: rgba(255, 255, 255, 0.8);
font-size: 80px;
font-weight: 700;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.8);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: auto;
}
#intro .intro-body .intro-text {
margin-top: 40px;
}
#intro .intro-body .intro-text h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
}

@media (max-width:1279px) {
#intro .landing-book-now {
	position: absolute;
	left: 30px;
	bottom: 175px;
	width: 100%;
	z-index: 1;
}
}
@media (max-width: 992px) {

.functions-page-video{
	margin-top:-65px;
}

#intro .landing-book-now {
	position: absolute;
	left: 20px;
	bottom: 105px;
	width: 100%;
	z-index: 1;
}
#intro .landing-book-now .btn-rj {
	padding: 10px 16px;
	font-size: 16px;
}
}

@media (max-width: 992px) {
#intro .landing-book-now {
	position: absolute;
	left: 20px;
	bottom: 105px;
	width: 100%;
	z-index: 1;
}
#intro .landing-book-now .btn-rj {
	padding: 10px 16px;
	font-size: 16px;
}
}

@media (min-width: 768px) {
#intro .intro-body .intro-text h2 {
	font-size: 55px;
}
}
#intro .intro-body .intro-text p.lead {
color: #fff;
font-size: 22px;
font-weight: 400;
}
@media (min-width: 768px) {
#intro .intro-body .intro-text p.lead {
	font-size: 26px;
}
}
#intro .intro-body .page-scroll {
margin-top: 30px;
}
@media (min-width: 768px) {
#intro .intro-body .page-scroll {
	margin-top: 50px;
}
}
@media (min-width: 768px) {
#intro .intro-body .page-scroll a.btn {
	padding: 20px 25px;
	font-size: 22px;
}
}
@media (max-width: 767px) {
#intro .landing-book-now {
	position: absolute;
	left: 0px;
	bottom: 100px;
	width: 100%;
	z-index: 1;
}
#intro .landing-book-now .btn-rj {
	padding: 10px 24px;
	font-size: 14px;
}
}

/*---------------------------------------------------------------------*/
/*  5.AAA TEMP INTRO SECTION
/*---------------------------------------------------------------------*/
#image {
position: relative;
display: table;
width: 100%;
height: auto;
color: #fff;
background-image: url("../img/bsg-slide-tint.jpg");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
@media (min-width: 1280px) {
#image {
	height: calc(100% - 60px);
	padding: 0px;
	background-attachment: fixed;
}
}
#image:before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
/*background: rgba(255, 255, 255, 0.6);*/
}
#image .intro-body {
position: relative;
display: table-cell;
vertical-align: middle;
padding-top: 70px;
padding-bottom: 70px;
}
@media (min-width: 1280px) {
#image .intro-body {
	padding-top: 0px;
	padding-bottom: 20px;
}
}
#image .intro-body .logo > h1 {
display: block;
width: 110px;
height: 110px;
line-height: 110px;
color: rgba(255, 255, 255, 0.8);
font-size: 80px;
font-weight: 700;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.8);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: auto;
}
#image .intro-body .intro-text {
margin-top: 40px;
}
#image .intro-body .intro-text h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
}
@media (min-width: 768px) {
#image .intro-body .intro-text h2 {
	font-size: 55px;
}
}
#image .intro-body .intro-text p.lead {
color: #fff;
font-size: 22px;
font-weight: 400;
}
@media (min-width: 768px) {
#image .intro-body .intro-text p.lead {
	font-size: 26px;
}
}
#image .intro-body .page-scroll {
margin-top: 30px;
}
@media (max-width: 768px) {
#image .intro-body .page-scroll {
	margin-top: 40%;
	text-align: center;
}
}
@media (min-width: 768px) {
#image .intro-body .page-scroll {
	margin-top: 40%;
	text-align: left;
}
}
@media (min-width: 992px) {
#image .intro-body .page-scroll {
	margin-top: 40%;
	text-align: center;
}
}
@media (min-width: 768px) {
#image .intro-body .page-scroll a.btn {
	padding: 20px 25px;
	font-size: 22px;
}
}





/*---------------------------------------------------------------------*/
/*  6. WHO WE ARE SECTION
/*---------------------------------------------------------------------*/
#who-we-are .carousel-container {
padding-bottom: 40px;
}
@media (min-width: 1024px) {
#who-we-are .carousel-container {
	padding-bottom: 0px;
}
}
#who-we-are .who-we-are-text {
text-align: center;
}
@media (min-width: 1024px) {
#who-we-are .who-we-are-text {
	text-align: left;
}
}
#who-we-are .who-we-are-text > h4 {
font-size: 25px;
text-transform: uppercase;
}
#who-we-are .who-we-are-text > p {
font-size: 18px;
}
#who-we-are .who-we-are-text > .page-scroll {
padding-top: 10px;
}


/*---------------------------------------------------------------------*/
/*  7. FUN FACT SECTION
/*---------------------------------------------------------------------*/
#fun-fact {
background-image: url("../img/bg-fun-fact.jpg");
background-attachment: scroll;
}
#fun-fact > .section-inner .section-content .section-title {
color: #b7ada4;
}
#fun-fact > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}


/*---------------------------------------------------------------------*/
/*  8. OUR MAIN SKILLS SECTION
/*---------------------------------------------------------------------*/
#our-main-skills {
background-image: url("../img/bg-our-main-skills.jpg");
background-attachment: scroll;
}
#our-main-skills > .section-inner .section-content .section-title {
color: #b7ada4;
}
#our-main-skills > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#our-main-skills .bar-chart-text {
color: #fff;
text-align: center;
}
@media (min-width: 768px) {
#our-main-skills .bar-chart-text {
	text-align: left;
}
}
@media (min-width: 992px) {
#our-main-skills .bar-chart-text {
	text-align: right;
}
}
#our-main-skills .bar-chart-text p.lead {
font-size: 18px;
}
@media (min-width: 768px) {
#our-main-skills .bar-chart-text p.lead {
	font-size: 21px;
}
}


/*---------------------------------------------------------------------*/
/*  9. QUOTE SECTION
/*---------------------------------------------------------------------*/
#quote {
/* background-image: url("../img/bg-quote.jpg"); */
background-attachment: scroll;
}

#quote > .section-inner .section-content {
padding-top: 100px;
padding-bottom: 80px;
color: #fff;
}
#quote > .section-inner .section-content .quote-text > .quote-icon > i {
color: #00abcd;
padding-bottom: 20px;
}
#quote > .section-inner .section-content .quote-text > h2 {
font-size: 40px;
}
#quote > .section-inner .section-content .quote-text > h2.quote-by {
color: #00abcd;
}

#header_testimonials .quote-text > h2.quote-by {
color: #00abcd;
display: inline; 
margin-left: 20px;
vertical-align: middle;
font-size: 26px;
}
#header_testimonials .quote-text > h2 {
font-size: 26px;
margin-bottom: 0px;
}

#header_testimonials .quote-text  i {
color: #00abcd;
padding-bottom: 10px;
}
#header_testimonials .quote-text  img {
display: inline;
}
#header_testimonials .owl-controls {
display: none !important;
}
#header_testimonials{
position: absolute;
left: 30px;
bottom: 30px;
width: 100%;
z-index: 1;
}
#header_testimonials img{
	width: 70px;
} 

@media (max-width: 992px){
	#header_testimonials{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 100%;
	z-index: 1;
}
#header_testimonials .quote-text > h2 {
	font-size: 18px;
}
#header_testimonials .quote-text > h2.quote-by {
	font-size: 16px;
	margin-left: 10px;
}
#header_testimonials img{
	width: 30px;
}
}
@media (max-width: 767px){
	#header_testimonials{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 100%;
	z-index: 1;
}
#header_testimonials .quote-text > h2 {
	font-size: 14px;
}
#header_testimonials .quote-text > h2.quote-by {
	font-size: 16px;
	margin-left: 10px;
}
#header_testimonials img{
	width: 30px;
}
.state-option {
	min-height: 276px !important;
	margin-top: 40px;
	/* background-image: url(//via.placeholder.com/1216x552); */
	background-position: center;
	background-size: cover;
	display: table;
}
.text-xs-center {
	text-align: center;
}
.fix-map {
	position: fixed;
	z-index: 10;
	top: 0px;
	background-color: #f2f4f4;
	padding-top: 81px;
	padding-bottom: 17px; 
}
.scroller-anchor {
	height: 250px;
}
}

@media (max-width: 320px){
	#header_testimonials{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 100%;
	z-index: 1;
}
#header_testimonials .quote-text > h2 {
	font-size: 12px;
}
#header_testimonials .quote-text > h2.quote-by {
	font-size: 14px;
	margin-left: 10px;
}
#header_testimonials img{
	width: 30px;
}
}
/*---------------------------------------------------------------------*/
/*  9. QUOTE SECTION
/*---------------------------------------------------------------------*/
#quote-b {
/* background-image: url("../img/bg-quote-2.jpg"); */
background-attachment: scroll;
}
#quote-c {
/* background-image: url("../img/functions-cta-bg.jpg"); */
background-attachment: scroll;
}
#quote-b > .section-inner .section-content {
padding-top: 100px;
padding-bottom: 80px;
color: #fff;
}
#quote-b > .section-inner .section-content .quote-text > .quote-icon > i {
color: #00abcd;
padding-bottom: 20px;
}
#quote-b > .section-inner .section-content .quote-text > h2 {
font-size: 40px;
}
#quote-b > .section-inner .section-content .quote-text > h2.quote-by {
color: #00abcd;
}
#quote-c > .section-inner .section-content {
padding-top: 100px;
padding-bottom: 80px;
color: #fff;
}
#quote-c > .section-inner .section-content .quote-text > .quote-icon > i {
color: #00abcd;
padding-bottom: 20px;
}
#quote-c > .section-inner .section-content .quote-text > h2 {
font-size: 40px;
}
#quote-c > .section-inner .section-content .quote-text > h2.quote-by {
color: #00abcd;
}
#womens-golf-banner {
background-image: url("../img/womens-day/womens-cta.jpg");
background-attachment: scroll;
}
#womens-golf-banner .quote-size{
	line-height: 1.3;
}
#womens-golf-banner > .section-inner .section-content {
padding-top: 100px;
padding-bottom: 80px;
color: #fff;
}
#womens-golf-banner > .section-inner .section-content .quote-text > .quote-icon > i {
color: #00abcd;
padding-bottom: 20px;
}
#womens-golf-banner > .section-inner .section-content .quote-text > h2 {
font-size: 40px;
}
#womens-golf-banner > .section-inner .section-content .quote-text > h2.quote-by {
color: #00abcd;
}

#coming-soon-banner {
background-image: url("../img/coming-soon.jpg");
background-attachment: scroll;
}
#coming-soon-bannerr .quote-size{
	line-height: 1.3;
}
#coming-soon-banner > .section-inner .section-content {
padding-top: 100px;
padding-bottom: 80px;
color: #fff;
}
#coming-soon-banner > .section-inner .section-content .quote-text > .quote-icon > i {
color: #00abcd;
padding-bottom: 20px;
}
#coming-soon-banner > .section-inner .section-content .quote-text > h2 {
font-size: 40px;
}
#coming-soon-banner > .section-inner .section-content .quote-text > h2.quote-by {
color: #00abcd;
}


@media (min-width: 1024px) {
.section.womens-golf-day > .section-inner .section-content {
	padding-top: 70px;
	padding-bottom: 0px;
}
}



/*---------------------------------------------------------------------*/
/*  10. KEEP IN TOUCH SECTION
/*---------------------------------------------------------------------*/
#keep-in-touch {
background-image: url("../img/bg-keep-in-touch.jpg");
background-attachment: scroll;
}
#keep-in-touch > .section-inner .section-content .section-title {
color: #b7ada4;
}
#keep-in-touch > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#keep-in-touch .social-icon-item > a {
color: #b7ada4;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.2em;
display: block;
}
#keep-in-touch .social-icon-item > a:hover {
color: #00abcd;
cursor: pointer;
}
#keep-in-touch .social-icon-item > a:hover .social-icon > i {
color: #00abcd;
}
#keep-in-touch .social-icon-item > a .social-icon > i {
color: #b7ada4;
font-size: 3.5em;
margin-bottom: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#keep-in-touch .social-icon-item.not-right-column.top-column {
margin-bottom: 50px;
}
@media (min-width: 1024px) {
#keep-in-touch .social-icon-item.not-right-column.top-column {
	margin-bottom: 0px;
}
}
#keep-in-touch .social-icon-item.not-right-column {
margin-bottom: 50px;
}
@media (min-width: 768px) {
#keep-in-touch .social-icon-item.not-right-column {
	margin-bottom: 0px;
}
}


/*---------------------------------------------------------------------*/
/*  11. MEET THE TEAM SECTION
/*---------------------------------------------------------------------*/
#meet-the-team .team-item > .team-element {
position: relative;
display: block;
overflow: hidden;
}
#meet-the-team .team-item > .team-element:hover > .team-inner {
display: block;
cursor: pointer;
}
#meet-the-team .team-item > .team-element:hover > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#meet-the-team .team-item > .team-element > .team-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
#meet-the-team .team-item > .team-element > .team-inner > .team-detail {
text-align: center;
display: table;
width: 100%;
height: 100%;
}
#meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content {
display: table-cell;
vertical-align: middle;
padding: 0 15px;
color: #fff;
letter-spacing: 0.2em;
}
#meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content > h4 {
text-transform: uppercase;
font-size: 25px;
font-weight: 300;
}
#meet-the-team .team-item > .team-element > .team-inner > .team-detail > .team-content > p {
text-transform: uppercase;
font-size: 16px;
font-weight: 300;
}
#meet-the-team .team-item > .team-element > img {
display: inline-block;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#meet-the-team .team-item.not-right-column.top-column {
margin-bottom: 30px;
}
@media (min-width: 1024px) {
#meet-the-team .team-item.not-right-column.top-column {
	margin-bottom: 0px;
}
}
#meet-the-team .team-item.not-right-column {
margin-bottom: 30px;
}
@media (min-width: 768px) {
#meet-the-team .team-item.not-right-column {
	margin-bottom: 0px;
}
}


/*---------------------------------------------------------------------*/
/*  12. TESTIMONIALS SECTION
/*---------------------------------------------------------------------*/
#testimonials {
/* background-image: url("../img/bg-testimonial.jpg"); */
background-attachment: scroll;
}
#testimonials > .section-inner .section-content .section-title {
color: #b7ada4;
}
#testimonials > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}

.testimonial-item > .testimonial-info em {
font-size: 14px;
color: #fff;
}

@media (min-width: 576px) {
.testimonial-item > .testimonial-info .testimonial-author {
	font-size: 22px;
}
}

/* Prevents the massive jump cause by the testimonials content expanding and contracting while owl-carousel loads */
#testimonials.section.lazy {
	max-height:951px;
}

/*---------------------------------------------------------------------*/
/*  13. COMING SOON SECTION
/*---------------------------------------------------------------------*/
#coming-soon {
background-image: url("../img/coming-soon-qld.jpg");
background-attachment: scroll;
}
#coming-soon > .section-inner .section-content .section-title {
color: #b7ada4;
}
#coming-soon > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#coming-soon > .section-inner .section-content .countdown-form {
margin-top: 60px;
}
@media (min-width: 360px) {
#coming-soon > .section-inner .section-content .countdown-form {
	margin-top: 70px;
}
}
#coming-soon > .section-inner .section-content .countdown-form form > .input-group > span.input-group-btn > .btn {
padding-top: 11px;
padding-bottom: 10px;
}
#coming-soon > .section-inner .section-content .countdown-text {
margin-top: 50px;
}
#coming-soon > .section-inner .section-content .countdown-text > p {
color: #b7ada4;
}


/*---------------------------------------------------------------------*/
/*  14. CONTACT US SECTION
/*---------------------------------------------------------------------*/
#contact-us {
background-image: url("../img/bg-contact-us.jpg");
background-attachment: scroll;
}
#contact-us > .section-inner .section-content .section-title {
color: #fff;
}
#contact-us > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#contact-us > .section-inner .section-content .content-message {
color: #fff;
background-color: #00abcd;
margin-bottom: 50px;
padding: 30px;
}
#contact-us > .section-inner .section-content .form-group .input-group {
width: 100%;
}
#contact-us > .section-inner .section-content .form-group label {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#contact-us > .section-inner .section-content .form-group label.error {
position: absolute;
top: -26px;
right: 0;
font-size: 13px;
font-weight: 700;
text-transform: none;
}
#contact-us > .section-inner .section-content .form-group input,
#contact-us > .section-inner .section-content .form-group textarea {
color: #231f20;
font-weight: 300;
letter-spacing: 0.1em;
border-radius: 0px;
border-left-color: #00abcd;
}
#contact-us > .section-inner .section-content .form-group textarea {
height: 137px;
}
#contact-us > .section-inner .section-content .form-group button {
width: 100%;
margin-top: 30px;
border-radius: 0px;
}
#contact-us > .section-inner .section-content .form-group span {
color: #fff;
background-color: #00abcd;
border-radius: 0px;
border-color: #00abcd;
}
#contact-us > .section-inner .section-content .form-group span > i {
width: 20px;
}
#contact-us > .section-inner .section-content .social-icon-text > h2 {
display: inline-block;
color: #fff;
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
background-color: #00abcd;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
border: 1px solid #0089ad;
margin-top: 50px;
}
#contact-us > .section-inner .section-content .social-icon-text > h4 {
color: #b7ada4;
font-size: 30px;
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 30px;
}
#contact-us > .section-inner .section-content .social-icon-text > ul.social-icon-list {
margin-top: 20px;
}
#contact-us > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #c9c9c9;
font-size: 16px;
text-align: center;
border: 1px solid #c9c9c9;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#contact-us > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a:hover {
border-color: #ffffff;
}


/*---------------------------------------------------------------------*/
/*  14.A CONTACT SECTION
/*---------------------------------------------------------------------*/
#contact > .section-inner .section-content .section-title {
color: #fff;
}
#contact > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#contact > .section-inner .section-content .content-message {
color: #fff;
background-color: #00abcd;
margin-bottom: 50px;
padding: 30px;
}
#contact > .section-inner .section-content .form-group .input-group {
width: 100%;
}
#contact > .section-inner .section-content .form-group label {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#contact > .section-inner .section-content .form-group label.error {
position: absolute;
top: -26px;
right: 0;
font-size: 13px;
font-weight: 700;
text-transform: none;
}
#contact > .section-inner .section-content .form-group input,
#contact > .section-inner .section-content .form-group textarea {
color: #231f20;
font-weight: normal;
letter-spacing: 0;
border-radius: 0px;
border-left-color: #00abcd;
}
#contact > .section-inner .section-content .form-group textarea {
height: 137px;
}
#contact > .section-inner .section-content .form-group button {
width: 100%;
margin-top: 30px;
border-radius: 0px;
}
#contact > .section-inner .section-content .form-group span:not(.help-block) {
color: #fff;
background-color: #00abcd;
border-radius: 0px;
border-color: #00abcd;
}
#contact > .section-inner .section-content .form-group span > i {
width: 20px;
}
#contact > .section-inner .section-content .social-icon-text > h2 {
display: inline-block;
color: #fff;
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
background-color: #00abcd;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
border: 1px solid #0089ad;
margin-top: 50px;
}
#contact > .section-inner .section-content .social-icon-text > h4 {
color: #fff;
font-size: 30px;
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 30px;
}
#contact > .section-inner .section-content .social-icon-text > ul.social-icon-list {
margin-top: 20px;
}
#contact > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
text-align: center;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#contact > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a:hover {
border-color: #ffffff;
}

/*---------------------------------------------------------------------*/
/*  14.B BOOK NOW SECTION
/*---------------------------------------------------------------------*/
#book-now {
background-image: url("../img/bg-book-now.jpg");
background-attachment: scroll;
}
#book-now > .section-inner .section-content .section-title {
color: #fff;
}
#book-now > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#book-now > .section-inner .section-content .content-message {
color: #fff;
background-color: #00abcd;
margin-bottom: 50px;
padding: 30px;
}
#book-now > .section-inner .section-content .form-group .input-group {
width: 100%;
}
#book-now > .section-inner .section-content .form-group label {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#book-now > .section-inner .section-content .form-group label.error {
position: absolute;
top: -26px;
right: 0;
font-size: 13px;
font-weight: 700;
text-transform: none;
}
#book-now > .section-inner .section-content .form-group input,
#book-now > .section-inner .section-content .form-group textarea {
color: #231f20;
font-weight: normal;
letter-spacing: 0;
border-radius: 0px;
border-left-color: #00abcd;
}
#book-now > .section-inner .section-content .form-group textarea {
height: 137px;
}
#book-now > .section-inner .section-content .form-group button {
width: 100%;
margin-top: 30px;
border-radius: 0px;
}
#book-now > .section-inner .section-content .form-group span {
color: #fff;
background-color: #00abcd;
border-radius: 0px;
border-color: #00abcd;
}
#book-now > .section-inner .section-content .form-group span > i {
width: 20px;
}
#book-now > .section-inner .section-content .social-icon-text > h2 {
display: inline-block;
color: #fff;
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
background-color: #00abcd;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
border: 1px solid #0089ad;
margin-top: 50px;
}
#book-now > .section-inner .section-content .social-icon-text > h4 {
color: #b7ada4;
font-size: 30px;
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 30px;
}
#book-now > .section-inner .section-content .social-icon-text > ul.social-icon-list {
margin-top: 20px;
}
#book-now > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #c9c9c9;
font-size: 16px;
text-align: center;
border: 1px solid #c9c9c9;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#book-now > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a:hover {
border-color: #ffffff;
}

/*---------------------------------------------------------------------*/
/*  15. MAP
/*---------------------------------------------------------------------*/
#map {
background-color: #f2f4f4;
}
#map #google-container {
position: relative;
width: 100%;
height: 500px;
border-top: 5px solid #fff;
}
#map #google-container #cd-google-map {
position: relative;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}

#locations.select-venue #map {
margin-top: 22px;
}

#locations #map #cd-google-map {
z-index: 1;
}


/*---------------------------------------------------------------------*/
/*  16. FOOTER
/*---------------------------------------------------------------------*/
footer.footer {
color: #888;
background-color: #1c1c1c;
border-top: 2px solid #00abcd;
}
footer.footer a {
color: #c9c9c9;
}
footer.footer a:hover {
color: #ffffff;
}
footer.footer #footer {
background-color: #1c1c1c;
padding-top: 50px;
padding-bottom: 20px;
}
footer.footer #footer .footer-column.not-right-column {
margin-bottom: 50px;
}
@media (min-width: 768px) {
footer.footer #footer .footer-column.not-right-column {
	margin-bottom: 0px;
}
}
footer.footer #footer .footer-column .footer-text {
text-align: center;
}
@media (min-width: 768px) {
footer.footer #footer .footer-column .footer-text {
	text-align: left;
}
}
footer.footer #footer h4 {
color: #c9c9c9;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 0.2em;
}
footer.footer #footer p {
font-size: 14px;
margin-bottom: 20px;
}
footer.footer #footer ul.icon-list > li {
padding-bottom: 10px;
}
footer.footer #footer ul.icon-list > li > i {
padding-right: 10px;
}
footer.footer #footer ul.social-icon-list > li {
padding-bottom: 10px;
}
footer.footer #footer ul.social-icon-list > li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
text-align: center;
border: 1px solid #c9c9c9;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
footer.footer #footer ul.social-icon-list > li a:hover {
border-color: #ffffff;
}
footer.footer #footer .newsletter-form input {
background-color: transparent;
border-color: #888;
}
footer.footer #copyright {
background-color: #161616;
padding: 15px 0px;
border-top: 1px solid rgba(114, 114, 114, 0.25);
}
footer.footer #copyright p {
font-size: 13px;
text-align: center;
margin: 0px;
}

@media (min-width: 768px) {
footer.footer #copyright p {
	text-align: left;
}
}
.text-success {
	color: #00abcd;
}
.bText {
color: #b7ada4;
}
.bHead {
color: #00abcd;
}
row {
opacity: 1;
}
.big-swing-brand {
width: 280px;
	height: 37px;
}
@media (max-width:1199px) and (min-width: 768px) {
	.big-swing-brand {
		width: 265px;
		height: auto;
	}
}
@media (max-width: 390px) {
	.big-swing-brand {
		width: 224px;
		height: auto;
	}
}

@media (max-width: 991px) {
.left-form-pad {
	padding-right: 0px;
}
}

@media (max-width: 991px) {
.right-form-pad {
	padding-left: 0px;
}


}
.who-we-are-text.active{
	color:#00ABCD;
}
.who-we-are-text{
border-bottom: 1px solid #000;

padding-top: 3px;
position: relative;
}
.booknow{
position: initial;
top: 20%;
right: 20px;
}
.btn.btn-rj.booknow {
	background-color: #222;
	color: #fff;
	border-color: #0089ad;
	text-transform: uppercase;
}
.btn.btn-rj.booknow:hover {
	background-color: #00abcd;
	color: #fff;
	border-color: #0089ad;
	text-transform: uppercase;
}
.active .btn.btn-rj.booknow {
	background-color: #00abcd;
	color: #fff;
	border-color: #0089ad;
	text-transform: uppercase;
}
.active .btn.btn-rj.booknow:hover {
	background-color: #00abcd;
	color: #fff;
	border-color: #000;
	text-transform: uppercase;
}
.mt50{
margin-top: 50px;
}
.mt40{
margin-top: 40px;
}
.mt30{
	margin-top: 30px;
}
.mt20{
margin-top: 20px;
}
.mt10{
margin-top: 10px;
}
.pt0{
padding-top: 0px !important;
}

.v-center{
	vertical-align: text-bottom;
}
.img-center{
margin: 0 auto;
}
#book-now {
	background-image: url("../img/bg-book-now.jpg");
	background-attachment: fixed;
}
.bg-kew{
background: url('/assets/img/Kew/coaching-bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg-coaching{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.white{
color: #fff !important;
}
.contact a {
margin-left: 5px;
}
.overlay {
	content: '';
	position: absolute;
	background-color: #000;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	zoom: 1;
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
.iframe-cover{
content: '';
	position: absolute;
	background-color: #000;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	zoom: 1;
	opacity: 0;
	
}
.section-line {
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: #231f20;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb50{
margin-bottom: 50px;
}

/* .navbar.navbar-fixed-top .navbar-nav > li.spec {
	background-color: #000;
} */

.navbar.navbar-fixed-top .navbar-nav > li.spec > a {
	color: #bbb;
}
.about-top-bg{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 660px;
}
@media (max-width: 768px) {
	.about-top-bg{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 260px;
	}
	.booknow{
		position: initial;
		top: 20%;
		right: 20px;
	}
	.who-we-are-text{
		padding: 20px 0px;
	}
}

:not(.four-player) .fa-right-offset{
	/* left: 35px;
	top: 10px; */
	left: -48px;
	top: 10px;
}
:not(.four-player) .fa-left-offset{
	/* left: -35px;
	top: 10px; */
	left: -68px;
	top: 10px;
}
:not(.four-player) .fa-top-offset{
	/* left: 70px;
	top: 30px; */
	left: -38px;
	top: 30px;
}
:not(.four-player) .fa-bottom-offset{
	/* top: 30px;
	*/
	top: 30px;
	left: -58px;
}
.four-player .fa-right-offset{
/* left: 35px;
top: 10px; */
left: -48px;
top: 10px;
}
.four-player .fa-left-offset{
/* left: -35px;
top: 10px; */
left: -68px;
top: 10px;
}
.four-player .fa-top-offset{
/* left: 70px;
top: 30px; */
left: -38px;
top: 30px;
}
.four-player .fa-bottom-offset{
	/* top: 30px;
	*/
top: 30px;
left: -58px;
}

@media (min-width: 1200px) {
#pricing-section .pricing-table .players {
	text-align: left;
	width: 105px !important;
}

#pricing-section .pricing-table .player {
	width: 75px !important;
}
}

@media (max-width: 1199px) {
#pricing-section .pricing-table .players {
	padding-left: 30px;
	text-align: left; 
}
}

@media (max-width: 991px) {
#pricing-section .pricing-table .players {
	text-align: left;
	padding-left: 10px;
}
}

/* Extra classes for table */
@media (max-width: 767px) {
.fa-right-offset, :not(.four-player) .fa-right-offset{
	/* left: 35px;
	top: 10px; */
left: 10px;
top: 10px;
}
.fa-left-offset, :not(.four-player) .fa-left-offset{
	/* left: -35px;
	top: 10px; */
	left: -10px;
	top: 10px;
}
.fa-top-offset, :not(.four-player) .fa-top-offset{
	/* left: 70px;
	top: 30px; */
	left: 20px;
	top: 30px;
}
.fa-bottom-offset, :not(.four-player) .fa-bottom-offset{
	/* top: 30px;
	*/
	top: 30px;
	left: 0px;
}
.four-player .fa-right-offset{
	/* left: 35px;
	top: 10px; */
left: 5px;
top: 10px;
}
.four-player .fa-left-offset{
	/* left: -35px;
	top: 10px; */
	left: -15px;
	top: 10px;
}
.four-player .fa-top-offset{
	/* left: 70px;
	top: 30px; */
	left: 15px;
	top: 30px;
}
.four-player .fa-bottom-offset{
	/* top: 30px;
	*/
	top: 30px;
	left: -5px;
}
}

.pt30{
padding-top: 30px;
position: relative;
}
.ptb-spec{
	padding-bottom: 60px;
	padding-top: 14px;
}
#quote-b .quote-size{
	line-height: 1.3;
}
.btn.btn-rj {
	background-color: #00abcd;
	color: #fff;
	border-color: #0089ad;
	text-transform: none;
}
.pricing-table.style-six  .plan-footer a.btn {
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
	border: none;
}
.pricing-table.style-six  .plan-footer {
	padding: 0px;
	background-color: #00abcd;
}
#pricing-section .pricing-table {
padding-top: 0;
padding-bottom: 0;
/* border-bottom: 1px solid #000; */
}
#pricing-section .pricing-table .row {
/* border-top: 1px solid #000;
border-right: 1px solid #000; */
background-color: #fff;
}
#pricing-section .pricing-table .row:first-of-type .table-cell {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#pricing-section .pricing-table .table-cell {
border-top: 0;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
height: 70px;
padding-left: 5px;
padding-right: 5px;
}
#pricing-section .pricing-table .table-cell:first-of-type {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#pricing-section .pricing-table .table-cell:last-of-type {
border-left: 0;
border-right: 1px solid #fff;
}
#pricing-section .pricing-table .table-cell .table-cell-field {
display: table-cell;
vertical-align: middle;
height: inherit;
width: inherit;
text-align: center;
}
#pricing-section .pricing-table .table-cell .table-cell-field.bold-text h2 {
font-weight: 700;
}

#pricing-section .pricing-table .table-cell.hour .table-cell-field h2 {
color: #00abcd;
}

#pricing-section .pricing-table .table-cell.price .table-cell-field h2:after {
	content: 'pp';
	font-size: 1.7rem;
}

#pricing-section .guide {
	margin-bottom: 15px;
}

#pricing-section .pricing-table .table-cell.hour {
background-color: #231f20;
}

#pricing-section .pricing-table h2 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 26px; 
}
#pricing-section .widescreen-info h3 {
font-weight: 300;
}

#pricing-section .pricing-table .row:nth-child(even) {
background-color: #f2f4f4;
}

#pricing-section .pricing-table .players h2 {
font-size: 22px;
}

#pricing-section.location-page .empty {
/* background-color: #f2f4f4 !important;
border-left: 1px solid #f2f4f4 !important;
border-top: 1px solid #f2f4f4 !important; */
}

#pricing-section.location-page {
margin-bottom: 50px;
}

@media (max-width: 575px) {
#pricing-section .pricing-table h2 {
	font-size: 16px;
}
}

@media (max-width: 991px) and (min-width: 576px) {
#pricing-section .pricing-table h2 {
	font-size: 18px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
#pricing-section .pricing-table h2 {
	font-size: 24px;
}
}
.plan-title{
overflow-x: hidden;
}
.btn.btn-rj.booknow {
	background-color: #222;
	color: #fff;
	border-color: #111;
	text-transform: uppercase;
}
.navbar.navbar-fixed-top .navbar-nav > li.spec a {
	/* background-color: #231f20; */
	color: #fff;
}

.navbar.navbar-fixed-top .navbar-nav > li.spec a.location-booking {
	background-color: #00abcd;
	color: #fff;
}

.navbar.navbar-fixed-top .navbar-nav > li.spec a.location-booking:hover {
	color: #00abcd;
	background-color:transparent;
}

.slider-image{
position: absolute;
bottom: 40px;
right:40px;
}
.btn-spacer{
display: inline-block;
width:30px;
}
.white-bg{
background-color: #fff;
}



/* */
table, th, td {
border: 1px solid black;
}

.member-det-h {
min-height: 36px;
}

@media (min-width: 768px) {
.pb-50-sm {
	padding-bottom: 50px;
}
}
.testimonials .item{
margin: 0 10px;
}


#membership-section .frequent-player .pricing-column .plan-title h2 {
font-size: 24px;
letter-spacing: 2px;
}

#membership-section .frequent-player .pricing-column .plan-title .pricing-box span.price {
font-size: 75px;
}

#membership-section .lifetime-player .pricing-column .plan-title .pricing-box span.price {
font-weight: 400;
}

@media (min-width: 1200px) {
#membership-section .lifetime-player .pricing-box {
	min-height: 160px;
}
}

@media (max-width: 768px) {
#membership-section .lifetime-player h1 {
	text-align: center !important;
}
#membership-section .frequent-player h1 {
	text-align: center !important;
}

#membership-section .lifetime-player p {
	text-align: center !important;
}
#membership-section .frequent-player p {
	text-align: center !important;
}
}

#membership-section .lifetime-player h1 {
	text-align: left;
	font-weight: 700;
	font-size: 34px;
	margin-top: 5px;
}
#membership-section .frequent-player h1 {
text-align: left;
font-weight: 700;
font-size: 34px;
margin-top: 5px;
}

#membership-section .lifetime-player p {
text-align: left;
color: black;
}
#membership-section .frequent-player p {
text-align: left;
color: black;
}

@media (max-width: 991px) {
#membership-section ul {
	padding-bottom:20px;
}

}

.no-row {
margin-left: 0;
margin-right: 0;
}

@media (max-width: 767px) {
.lifetime-player {
	margin-bottom: 20px;
}
}

#women-booking .booking-location h4 {
color: #fff;
}

#women-booking .booking-location a {
padding-right: 10px;
margin-top: 5px;
}

.padding-bottom-20 {
padding-bottom: 20px;
}

#women-booking .form-group textarea, .form-group input {
	color: #231f20;
	font-weight: normal;
	letter-spacing: 0;
	border-radius: 0px;
	border-left-color: #00abcd;
}

#women-booking > .section-inner .section-content .section-title {
color: #fff;
}
#women-booking > .section-inner .section-content .section-title > .section-line {
background-color: #b7ada4;
}
#women-booking > .section-inner .section-content .content-message {
color: #fff;
background-color: #00abcd;
margin-bottom: 50px;
padding: 30px;
}
#women-booking > .section-inner .section-content .form-group .input-group {
width: 100%;
}
#women-booking > .section-inner .section-content .form-group label {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.05em;
}
#women-booking > .section-inner .section-content .form-group label.error {
position: absolute;
top: -26px;
right: 0;
font-size: 13px;
font-weight: 700;
text-transform: none;
}
#women-booking > .section-inner .section-content .form-group input,
#women-booking > .section-inner .section-content .form-group textarea {
color: #231f20;
font-weight: normal;
letter-spacing: 0;
border-radius: 0px;
border-left-color: #00abcd;
}

#women-booking > .section-inner .section-content .form-group textarea {
height: 137px;
}
#women-booking > .section-inner .section-content .form-group button {
width: 50%;
margin-top: 30px;
border-radius: 0px;
}
#women-booking > .section-inner .section-content .form-group span {
color: #fff;
background-color: #00abcd;
border-radius: 0px;
border-color: #00abcd;
}
#women-booking > .section-inner .section-content .form-group span > i {
width: 20px;
}
#women-booking > .section-inner .section-content .social-icon-text > h2 {
display: inline-block;
color: #fff;
font-size: 40px;
font-weight: 300;
text-transform: uppercase;
background-color: #00abcd;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
border: 1px solid #0089ad;
margin-top: 50px;
}
#women-booking > .section-inner .section-content .social-icon-text > h4 {
color: #fff;
font-size: 30px;
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 30px;
}
#women-booking > .section-inner .section-content .social-icon-text > ul.social-icon-list {
margin-top: 20px;
}
#women-booking > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
text-align: center;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#women-booking > .section-inner .section-content .social-icon-text > ul.social-icon-list > li a:hover {
border-color: #ffffff;
}

#women-booking .g-recaptcha {
width:50%;
display: block;
margin: 0 auto;
padding-top: 20px;
}

#women-booking .form-group.form-group-bottom {
text-align: center;
}

.padding-bottom-50 {
padding-bottom: 50px;
}

.margin-top-20 {
margin-top: 20px;
}

a.btn.btn-outline {
	border: 1px solid #00abcd;
	color: #00abcd;
}
a.btn.btn-outline:hover {
	border: 1px solid #00abcd;
	background-color: #00abcd;
	color:#fff;
}
a.btn.btn-outline.active {
	border: 1px solid #00abcd;
	background-color: #00abcd;
	color:#fff;
}
a.btn.btn-outline.disabled{
	border: 1px solid #aaa;
	background-color: #aaa;
	color:#666;

}

.mapable-locations {
	cursor: pointer;
}

.mapable-locations.active {
	color: #00ABCD;
}

@media (max-width: 768px) {
.g-recaptcha{
	transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}

#women-booking .g-recaptcha {
	padding-top: 20px;
	margin: initial;
}

#women-booking > .section-inner .section-content .form-group button {
	width: 60%;
}

#big-swing-golf.womens-golf-day .section-inner .section-content .page-scroll {
	text-align: center;
}


}

@media (max-width: 1199px) and (min-width: 768px) {
#big-swing-golf.womens-golf-day .funny-boxes-text h4 {
	min-height: 79px;
}
.text-md-center {
	text-align: center;
}
/* .booking-form.contact-details .form-group {
	margin-top: 25px;
} */
}

@media (min-width: 1200px) {
.section.womens-golf-day .section-inner .section-content .womensgolf-logo {
	margin-top: 31px;
}
.mt-lg-50{
	margin-top: 50px;
}
}



@media (max-width: 1200px) {
.section.womens-golf-day .section-inner .section-content .womensgolf-logo {
	margin-top: 13px;
}

}

@media (max-width: 558px) {
#women-booking .section-inner .section-content .booking-location h4 {
	min-height: 38px;
}
}

@media (max-width: 351px) {
#women-booking .section-inner .section-content .booking-location h4 {
	min-height: 57px;
}
}

.nav-tabs li{
display: inline-block;

}
.tabs .tab{
display: none;
}
.tabs .tab.active{
display: block;
}

#locations .loc-tab h3 {
font-size: 30px;
}

#locations .loc-tab span {
font-size: 16px;
}

#locations .loc-tab {
background-color: #d7d7d7;
vertical-align: middle;
color: #fff;
font-family: 'Titular-Heavy', sans-serif;
font-style: italic;
margin-left: 0px;
margin-right: 0px;
padding: 0px 20px;
min-height: 63px;
/* width: 16.166667%; */
text-align: center;
border-right: 2px solid #cccccc; 
cursor: pointer;
}
#locations .loc-tab:last-child{
border-right: none;
}

#locations .loc-tab:hover,
#locations .loc-tab:active,
#locations .loc-tab:focus,
#locations .loc-tab .active {
background-color: #636363;
}

/* #locations .loc-tab span{
font-size: 18px;
} */

#locations .loc-tab h2{
margin-bottom: 0.2rem;
}

@media (max-width: 576px){
#locations .loc-tab {
	padding: 0px;
	min-height: 49px;
	height: 49px;
}
#locations .loc-tab h2{
	font-size: 22px;
	margin-bottom: 0px;
	margin-top: 1px;
}

#locations .loc-tab span{
	font-size: 15px;
}

/* #locations .loc-tab */
.single-state {
	margin-top:12px !important;
}
}

.tab-row {
padding-left: 15px;
padding-right: 15px;
}

.single-state {
margin-top:12px;
}


/* Sponsors */

#sponsors {
background-color: #fff;
}

#sponsors .img-wrapper {
	min-height: 360px;
	display: table;
	vertical-align: middle;
	width: 100%;
}

#sponsors .img-wrapper a {
display: table-cell;
vertical-align: middle;
}

.col-lg-2.sponsor-item {
min-height: 200px;
}

.sponsor-item .sponsor-title {
font-size: 20px;
min-height: 52px;
}

/* Form Styling for Booking UI */
.select-state-box {
min-height: 450px;
margin-top: 40px;
width: 100%;
/* background-image: url(//via.placeholder.com/1216x552); */
background-position: center;
background-size: cover;
display: table;
}

.select-state-box:last-child {
margin-bottom: 60px;
}

.book-now .subtitle, .select-venue .subtitle {
font-size: 20px;
text-transform: none !important;
font-weight: 500;
}

.select-venue #map #google-container {
position: relative;
width: 100%;
height: 230px;
border-top: 5px solid #fff;
}

@media (min-width: 992px) {
.select-venue #map #google-container {
	min-height: 400px;
}
}

.select-state-box a {
vertical-align: middle;
display: table-cell;
cursor: pointer;
}
.select-state-box .main-title {
margin-bottom: 0;
}

@media (max-width: 768px){
	.select-state-box {
		min-height: 450px;
		margin-top: 10px;
		width: 100%;
		/* background-image: url(//via.placeholder.com/1216x552); */
		background-position: center;
		background-size: cover;
		display: table;
	}

	.select-state-box:last-child {
		margin-bottom: 10px;
	}
}

.book-now .subtitle {
	margin-bottom: 10px;
}

.who-we-are-text{
	padding: 10px 0px;
}

.text-capitalize {
	text-transform: capitalize !important;
}

@media (max-width: 575px) {
.visible-xxs {
	display: block;
}
.session-overview .large-spacing-sim-indicators .availability-indicators {
	margin-left: -15px;
	margin-right: -15px;
}
.simulator-legend .legend-item {   
	padding: 0px 5px !important;
}
}

@media (max-width: 400px) {
#locations.select-venue .who-we-are-text .btn-lg {
	padding: 10px 0px;
	width: 100%;
}
#locations.select-venue .who-we-are-text p {
	font-size: 18px !important;
	color: #878989;
	text-transform: capitalize !important;
}
}

@media (max-width:360px) {
.session-overview .availability-indicators .indicator, .session-overview .availability-indicators .indicator.booked {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.booking-form .booking-type .radio-input label {
	font-size: 13px !important;
}
.booking-form .btn {
	width: 245px !important;
}
}

@media (min-width: 576px) {
.visible-xxs {
	display: none;
}
}
#locations.select-venue .who-we-are-text:last-child {
border-bottom: none;
}

#locations.select-venue .who-we-are-text.active h4 {
font-size: 26px;
color: #00ABCD;
text-transform: capitalize !important;
}

#locations.select-venue .who-we-are-text h4 {
font-size: 26px;
color: #000000;
text-transform: capitalize !important;
}

#locations.select-venue .who-we-are-text p {
font-size: 20px;
color: #878989;
text-transform: capitalize !important;
}

#locations.select-venue .booknow {
border-color: #00abcd !important;
}

#locations.select-venue .find-nearest {
padding: 15px 30px;
color: #00ABCD;
font-size: 22px;
cursor: pointer;
}

#locations.select-venue .find-nearest i {
font-size: 32px;
}

.d-table {
display: table;
}

.d-table-cell {
display: table-cell;
}

.v-align-center {
vertical-align: middle;
}

.v-align-column {
vertical-align: middle;
float: none;
display: inline-block;
}

.booking-details .location {
text-transform: capitalize;
}

.date-legend .section-title 
{
color: #00ABCD;
}
.booking-details .section-title {
font-size: 26px;
color: #00ABCD;
margin-bottom: 40px;
}
.booking-details .section-line {
display: inline-block;
width: 100px;
height: 3px;
background-color: #231f20;
}

.booking-details .detail-line {
font-size: 16px;
line-height: inherit;
}

@media(min-width: 768px){
.booking-details .detail-line {
	font-size: 22px;
	line-height: 1.1;
}
}
.booking-details .tcs {
font-size:16px;
}
.booking-details .terms-container {
width: 100%;
}

.blue-line {
border-color: #00ABCD;
border-width: 2px;  
}

.booking-form #player-input {
-moz-appearance:textfield;
}

.booking-form #player-input::-webkit-outer-spin-button,
.booking-form #player-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.booking-form .booking-type .radio-input label {
font-size: 15px;
display: inline-block;
margin-bottom: 0;
}

#coach-days{
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0;
	color:#888;
}

/* .booking-form .booking-type .radio-input input[type=radio]:checked ~ label {
color: #00ABCD;
} */

/* .type-select .radio-input .type-input-padding.active {
background-color: #636363;
color: #fff;
}
.type-select .radio-input .type-input-padding.active label{
color: #fff;
}
.type-select .radio-input .type-input-padding:not(.active) label {
color: #bbb;
} */
.booking-form .booking-type .radio-input i {
display: none;
}
.booking-form input.venue {
width: 100%;
border-right: 0;
}
.booking-form .error  {
border: 3px solid red !important;
}
.booking-form .error-text,
#contact-form .error-text {
    color: red;
}
/* .type-select .radio-input:first-child{
padding-right: 0px;
}
.type-select .radio-input:last-child{
padding-left: 0px;
} */

.radio-input:first-child .form-control{
border-right: 0;
}

.booking-form a {
color: #888;
}

.booking-form label {
color: #888;
font-weight: 400;
margin-bottom: 10px;
}

.btn.btn-booking-form,
.booking-form .btn {
background-color: #00ABCD;
border-color: transparent;
padding: 12px 0px;
width: 275px;
font-size: 14px;
margin-bottom: 0px;
color: #ffffff !important;
}

.btn.btn-booking-form:disabled,
.booking-form .btn:disabled {
background-color: #aaaaaa;
}

.btn.btn-booking-form:active, .btn.btn-booking-form:hover {
background-color: #0189ad !important;
}

.booking-form .form-control {
border-radius: 0px;
}

/* Fernada's Design CSS */
.booking-form label {
font-size: 22px;
}

.booking-form .form-control {
	color: #888;
	border-radius: 0px;
	height: 94px;
	padding: 27px 24px;
}

.booking-form .flag-container {
left: 0;
right: initial;
}

.booking-form select {
-webkit-appearance: none;
-moz-appearance: none;
padding: .5em;
border-radius: 3px;
padding: 1.4rem 2.8rem 1.4rem 1.4rem;
font-size: 1.4rem;
}
.booking-form .select-club-container-2, .booking-form .select-club-container {position:relative;}
.booking-form .select-club-container-2:after, .booking-form .select-club-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.booking-form .select-club-container-2:after, .booking-form .select-club-container:after {
    top: 21px;
    right: 25px;
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    color: #3fabcc;
}
.booking-form .select-club-container-2::-ms-expand, .booking-form .select-club-container::-ms-expand {
display: none;
}
/* END Fernada's Design CSS */

.booking-ui-button.input-group-addon:first-child{
border-right: 0;
}

.booking-ui-button.input-group-addon:last-child{
border-left: 0;
}

.booking-ui-button.input-group-addon.change-venue{
border-left: 0px;
}

.venue-change-container input {
cursor: pointer;
}

.booking-ui-button.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #00abcd;
text-align: center;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 0;
cursor: pointer;
}

.booking-ui-button.input-group-addon:hover {
background-color: #efefef;
}
.booking-group .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
border-left: 0;
border-right: 0;
}

.form-group input {
border-left-color: inherit;
}

.booking-group .form-control {
/* display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143; */
color: #888;
background-color: #fff;
/* background-image: none; */
border: 1px solid #e1e1e1;
/* border-radius: 4px; */
/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); */
/* box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); */
/* -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; */
/* -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.booking-group .input-group input {
border-style: solid;
}

.input-group #datepicker.form-control {
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid rgb(225, 225, 225);
border-bottom: 1px solid rgb(225, 225, 225);
}

.input-group #datepicker.form-control[readonly] {
background-color: #fff;
}

.bg-white {
background-color: #fff;
}

.simulator-legend .legend-item {
display: table-cell;
padding: 0 8px;
white-space: nowrap;
vertical-align: middle;
}

.session-overview .section-title {
color: #00ABCD;
font-size: 28px;
}

.session-overview .show-all {
font-size: 22px;
font-weight: 500;
color: #868888;
text-decoration: underline;
}

.session-day {
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 16px;
margin: 0;
}

.session-overview .availability-indicators .indicator, .session-overview .availability-indicators .indicator.booked  {
display: inline-block;
width: 19px;
height: 19px;
margin-right: 3px;
margin-left: 3px;
margin-bottom: 5px;
border-radius: 20px;
position: relative;
}

.simulator-legend {
border: 1px solid #e1e1e1;
margin-left: 2px;
margin-right: 2px;
padding: 0.35em 0.625em 0.625em;
margin-top: 40px;
margin-bottom: 20px;
}

.simulator-legend legend {
width: auto;
border-bottom: 0;
padding: 5px 8px;
font-size: 16px;
margin-bottom: 5px;
color: #888;
margin: 0 auto;
}

.firefox .simulator-legend legend {
width: 100%;
}

.simulator-legend .indicator  {
border-radius: 20px;
display: table-cell;
width: 21px;
height: 21px;
margin: 0;
position: relative;
}

.session-overview .availability-indicators {
margin-bottom: 15px;
}

.session-overview .availability-indicators .indicator .selected.active {
background-color: #00ABCD;
border-radius: 50%;
height: 13px;
width: 13px;
position: absolute;
left: 1px;
top: 1px;
}

.session-overview .availability-indicators .indicator, .simulator-legend .available .indicator {
background-color: #fff;
border: 2px solid #00ABCD;
}

.session-overview .availability-indicators .indicator.booked, .simulator-legend .booked .indicator {
background-color: #ccc;
border: 2px solid #ccc;
}
.session-overview .availability-indicators .indicator.unavailable, .simulator-legend .unavailable .indicator {
border: 2px solid #aaa;
background-color: #aaa;
}

.session-overview .availability-indicators .indicator.booked i {
color: red;
position: absolute;
top: 2px;
left: 3px;
font-size: 12px;
}

.session-overview .availability-indicators .indicator.unavailable i, .session-overview .availability-indicators .indicator:not(.booked) i {
display: none;
}

.simulator-legend .booked .indicator span {
/* position:relative; */
position: absolute;
left: 4px;
top: -3px;
}

.simulator-legend .legend-wrapper {
display: table;
margin: 0 auto;
}

.simulator-legend .legend-key {
display: table-cell;
color: #888;
vertical-align: middle;
}

.simulator-legend .booked .indicator i {
color: red;
/* position: absolute;
top: 4px;
left: -4px; */
font-size: 12px;
}
.session-overview .availability-indicators .indicator i {
color: #00ABCD;
}


.session-overview .timeslot input, .terms-container input {
display: none;
}
.session-overview .timeslot label, .terms-container label {
border: 2px solid #e1e1e1;
border-radius: 10%;
background: #fff;
width: 20px;
height: 20px;
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
margin-right: 10px;
padding-left: 16px;
}
.session-overview .timeslot span, .terms-container span {
display: inline-block;
vertical-align: middle;
}

.session-overview .timeslot .checkbox {
text-align: center;
}

.session-overview .timeslot label {
pointer-events: none;
}

.terms-container.checkbox {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

@media (min-width: 768px) {
	.booking-details .terms-container {
		margin-bottom: 40px
	}
	.sticky-date-section {
		position: fixed;
		top: 0;
		background-color: #fff;
		z-index: 3;
		width: 750px;
		padding-top:30px;
		margin-left: -15px;
		margin-right: -15px;
		/* padding-right: 15px;
		padding-left: 15px; */
	}
	.sticky-date-section .date-legend-wrapper {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.session-overview .timeslot .checkbox input[type=radio]:checked ~ label, .terms-container.checkbox input[type=checkbox]:checked ~ label {
background-color: #00ABCD;
position: relative;
border: 2px solid #00ABCD;
}

.session-overview .timeslot .checkbox input[type=radio]:checked ~ label i, .terms-container.checkbox input[type=checkbox]:checked ~ label i {
position: absolute;
display: block;
height: 16px;
width: 16px;
left: 2px;
top: 13px;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(2%, -54%);
}

.session-overview .timeslot .checkbox input[type=radio]:checked ~ label i:before, .terms-container.checkbox input[type=checkbox]:checked ~ label i:before {
content: '';
position: absolute;
width: 12px;
height: 5px;
background: transparent;
-webkit-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
-ms-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
border: 2px solid #fff;
border-top: none;
border-right: none;
}
.session-overview .timeslot .checkbox span {
color: #888;
font-weight: 400;
font-size: 15px;
}

.session-overview h3.section-title {
font-size: 24px !important;
margin-top: 15px;
}

select::-ms-expand {
display: none;
}

@media (min-width: 768px) {
.session-overview h3.section-title {
	margin-top: 45px;
}
}

.terms-container span {
color: #888;
font-weight: 400;
font-size: 16px;
}


.booking-form #next-submit {
color: #ffffff;
margin-bottom: 23px;
}

.days-container-wrapper {
margin-bottom: 47px;
}

/* .days-container {
padding-top: 58px;
height: 492px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
margin-left: 15px;
margin-right: 15px;
} */
.days-container .timeslot {
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}

.timeslot-unavailable {
background-color: #ff6b6b;
}

.timeslot-available {
background-color: #00ABCD;
}

.scrolling-section {
margin-top: 58px;
height: 492px;
max-height: 65vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

.scrolling-section .booking-loader {
	width: 128px;
	height: 128px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -64px;
}

.scrolling-section .booking-message {
    width:50%;
    margin-left: 25%;
    text-align: center;
    position: absolute;
    top: 50%;
}

.scrolling-section {
  position: relative;
}

@media (max-width: 768px) {
  .scrolling-section .booking-message {
    width: 100%;
    margin-left: 0;
    position: absolute;
    top: 50%;
  }

  .scrolling-section {
    min-height: 200px;
  }
}

/* .scrolling-section::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #ffffff;
} */

.scrolling-section::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 10px;
}

.scrolling-section::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

@media (max-width: 768px) {
	.session-overview h3.section-title {
		margin-top: 20px;
	}
	.days-container {
		padding-left: 0;
		padding-right: 0;
	}
	.booking-form #next-submit {
		color: #ffffff;
		margin-bottom: 10px;
	}
}

.booking-form .contact-details {
color: #868888;
font-weight: 500;
}

.booking-form .extra-clubs .remove-club i {
color: #00ABCD;
}

.bsg-booking .control-label {
margin-top: 10px;
}

@media (min-width: 768px) {
.bsg-booking .control-label {
	margin-top: 8px;
}
.booking-form{
	margin-top: 40px;
}
}

.bsg-booking input {
border-width: 1px;
}

.bsg-booking .no-padding {
padding: 0px;
}

.check-icon:nth-last-child(n+2){
margin-right: 3px;
}

.check-icon {
display: inline-block;
width: 15px;
height: 15px;
border: solid 1px #ccc;
border-radius: 50%;
background-color: #ccc;
}

.check-icon.checked {
border: solid 1px #00ABCD;
background-color: #00ABCD;
}

.current {
background-color: #F4F4F4;
}

.timeslot:nth-last-child(n) {
border-bottom: solid 1px #ccc;
}

.booking-form .bsg-booking .day:nth-last-child(2n-1) {
background-color: #f4f4f4;
}

.session-day-container {
border-bottom: solid 2px #aaaaaa;
background-color: #ffffff;
}

.session-day-container.sticky-days {
border-bottom: solid 2px #aaaaaa;
/* position: fixed;
width: 179.33px;
z-index: 100; */
background-color: #fff;
}
/* is this rule used?  */
.session-day-container:nth-last-child(2n) {
background-color: #f4f4f4;
}

.days-container .day:nth-last-child(2n-1) .session-day-container {
background-color: #f4f4f4;
}

.days-container .day:nth-last-child(3) .session-day-container .session-day {
border-right: 1px solid #ccc;
}

.days-container .day:nth-last-child(1) .session-day-container .session-day {
border-left: 1px solid #ccc;
}

.days-header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #fff;
padding-left: 15px;
padding-right: 21px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.days-header {
	width: 98%;
	padding-right: 20px;
}
}

.firefox .days-header {
padding-right: 32px;
}

.edge .days-header {
padding-right: 27px;
}

.sticky-spacing {
padding-top: 59px;
}

.booking-form .day:nth-last-child(1) .timeslot {
border-left: solid 1px #ccc;
} 

.booking-form .day:nth-last-child(3) .timeslot {
border-right: solid 1px #ccc;
}

#competitions .img-wrapper {
padding-bottom: 40px;
}
.subsection.section-title {
padding-top: 50px;
}



@media (max-width: 390px) {
.navbar.navbar-fixed-top .navbar-brand {
	padding-left: 5px;
	padding-top: 17px;
}
}

@media (max-width: 991px) and (min-width: 391px) {
  .navbar.navbar-fixed-top .navbar-brand {
    padding-top: 13px;
    padding-left: 5px;
  } 
}
.input-padding-textarea{
padding: 14px 10px !important;
height: auto !important;
resize: vertical;
font-size: 16px !important;
border-color: #e1e1e1 !important;
}
.input-padding{
	padding:14px 10px !important;
	height:55px !important;
	font-size:16px;
	border-color:#e1e1e1 !important;
}

.type-input-padding{
padding:5px 10px !important;
height:55px !important;
font-size:16px !important;
border-color:#e1e1e1 !important;
cursor: pointer;
}

.type-input-padding label {
cursor: pointer;
}

#booking-contact-details #phone {
	height: 55px !important;
	font-size: 16px !important;
	border-color: #e1e1e1 !important;
}

#booking-contact-details .input-group {
display: block;
}

#booking-contact-details .iti {
width: 100%;
}

#booking-contact-details #add-clubs {
width: 220px;
font-size: 16px;
color: #00ABCD;
background-color: transparent;
cursor: pointer;
}

#booking-contact-details #add-clubs a {
font-size: 16px;
text-decoration: underline;
color: #00ABCD;
font-weight: 700;
}

#booking-contact-details #add-clubs i {
font-size: 34px;
padding-left: 8px;
}

#booking-contact-details #confirm-booking {
	background-color: #00AACC;
}

#booking-contact-details #confirm-booking:disabled {
	background-color: #aaaaaa;
}

#booking input {
-webkit-appearance: none;
}

.booking-form .control-label{
font-size:16px !important;
text-transform: uppercase;
font-weight:400 !important;
margin-right: 8px;
}

.booking-form.contact-details .header {
margin-bottom: 90px;
}

@media (max-width: 992px) {
.booking-form.contact-details .header {
	margin-bottom: 50px;
}
}

@media (max-width: 767px) {
.booking-form.contact-details .header {
	margin-bottom: 0px;
}
/* .booking-form.contact-details .form-group {
	margin-top: 25px;
} */

.booking-form .control-label {
	margin-top: 10px;
}

.sticky-date-section .simulator-legend {
	margin-top: 20px;
	-webkit-transition: margin-top 0.5s ease;
	-moz-transition: margin-top 0.5s ease;
	-o-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease;
}

.simulator-legend {
	margin-top: 24px;
	-webkit-transition: margin-top 0.5s ease;
	-moz-transition: margin-top 0.5s ease;
	-o-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease;
}

.booking-ui-button.input-group-addon:hover {
	background-color: unset;
}

.days-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.booking-form #next-submit {
	color: #ffffff;
	margin-bottom: 23px;
	margin-top: 40px;
}
.type-bsg-padding, .player-bsg-padding {
	padding-right: 5px;
}
.venue-bsg-padding, .duration-bsg-padding {
	padding-left: 5px;
}
.type-input-padding {
	padding: 0 !important;
}
.firefox .days-header {
	padding-right: 15px;
}
}

@media (min-width: 992px) {
.sticky-date-section {
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 3;
	width: 970px;
	padding-top:30px;
	margin-left: -15px;
	margin-right: -15px;
	padding-right: 15px;
	padding-left: 15px;
}
}

@media (min-width: 1200px) {
.sticky-date-section {
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 3;
	width: 1140px;
	padding-top:30px;
	margin-left: initial;
	margin-right: initial;
	padding-left: initial;
	padding-right: initial;
}
}

.booking-button{
margin-bottom:50px !important;
}

.gray-color{
color:#9E9E9E;
}

.state-options li {
background-color: #d7d7d7;
height: 63px;
display: table;
/* padding-top: 10px; */
/* padding-bottom: 10px; */
/* Allows the line-border to line up coprrectly */
padding: 0px 0px;
width: 16.6%;
float: left;
}
.state-options li:hover,
.state-options li:focus,
.state-options li.active, #locations .loc-tab.active {
background-color: #636363;
}
.state-options li:not(:last-child) .region-tab {
border-right: 1px solid #cccccc;
}

.state-options li .region-tab{
float: none;
display: table-cell;
vertical-align: middle;
cursor: pointer;
}


.state-options li .region-tab > .region-title{
display: block;
/* color: #231f20; */
color: #fff;
font-family: 'Titular-Heavy', sans-serif;
font-style: italic;
font-size: 30px;
line-height: 1;
/* margin-bottom: 5px; */
}

.state-options li .region-tab > span:last-child:not(:first-child){
color: #fff;
font-family: 'Titular-Heavy', sans-serif;
/* font-family: 'Lato', sans-serif; */
font-style: italic;
font-size: 17px;
/* font-weight: bold; */
letter-spacing: 1.4px;
}

.venue-listing {
padding-top: 15px;
}

.venue-listing hr {
margin: 6px 0 8px 0;
border-top: 1px solid #000;
}

.venue-listing .btn-booking-form {
padding: 15px 35px;
width: auto;
}

.venue-listing .tab-pane .btn-booking-form:first-child {
margin-right: 10px;
}

.select-venue .header .btn-booking-form {
margin-bottom: 65px;
margin-top: 30px;
}

.btn-booking-form.square {
padding: 15px;
}

.venue-listing .btn-booking-form.square {
padding: 15px 20px;
}

.venue-listing address {
margin-bottom: 0;
}

.venue-listing address > p {
margin-bottom: 3px;
font-size: 16px;
}

.venue-listing address > p:first-child {
line-height: 1;
font-size: 18px;
text-transform: uppercase;
}

.mapable-locations .btn, .venue-listing .btn {
font-size: 14px;
padding: 10px 20px;
}

.location-wrapper .phone-num {
	color: #777777;
	white-space: nowrap;
}
.location-wrapper.active  .phone-num {
	color: #00ABCD;
}


#hero-cta.section-bgimage-yes {
background-image: url("../img/home-competition-cta.jpg");
background-attachment: initial;
}

#competition-cta.section-bgimage-yes {
background-image: url("../img/location-competition-cta.jpg");
background-attachment: initial;
}

#hero-cta h1, #competition-cta h1 {
color: #fff;
line-height: 48px;
font-size: 40px;
}

#hero-cta .btn.btn-rj {
padding: 10px 32px;
}

.location-intro-heading {
text-transform: uppercase;
}

@media only screen and (min-width: 768px){
.booking-success-info {
	padding-bottom: 100px;
}
}

/* @media only screen and (min-width: 1200px){
.booking-success-info {
	padding-bottom: 300px;
}
} */

.booking-success-info .btn-booking-form {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
}

.booking-success-info .booking-details {
margin-bottom: 73px;
}

.booking-success-info .booking-details p > span {
font-size: 27px;
}


.navbar.navbar-fixed-top .navbar-nav > li > a.book-now{line-height: inherit;padding-top: 12px;height: auto;padding-bottom: 12px;margin-top: 5px;margin-left: 5px;}
#intro .landing-book-now .btn-booking{
padding: 20px 40px;
font-size: 24px;
}

.booking-cta{
padding: 20px 0;
background-color: #231f20;
position: fixed;
width: 100%;
bottom: 0;
z-index: 1000;
}
.booking-cta .inner{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
}
.booking-cta .cta-text{
color: #fff;
margin-bottom: 0;
}
footer.cta{
padding-bottom: 74px;
}
.flex-end{
justify-self: flex-end !important;
}
.btn-green{
background-color: #00cd40;
color: #fff;
border-color: #00cd40;
text-transform: none;
}

.btn-green:hover{
background-color: #fff;
color: #00cd40;
border-color: #fff;
text-transform: none;
}

.help-covid-19,
.max-players{
color: #888;
font-size: 12px;
}
/* Please remove this after COVID-19 Restrictions end */
/* .max-players.no-display {
display: none;
} */

#events .section-title {
padding-bottom: 10px;
}

@media (max-width: 767px) {

#intro .landing-book-now .btn-booking{
	padding: 10px 20px;
	font-size: 14px;
}
.navbar.navbar-fixed-top .navbar-nav > li > a.book-now{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.booking-success-info .booking-details p > span {
	font-size: 18px;
}
.booking-success-info .header-row .sub-title {
	font-size: 25px;
}
.booking-success-info .booking-details {
	margin-bottom: 45px;
}
#hero-cta h1, #competition-cta h1 {
	color: #fff;
	line-height: initial;
	font-size: 28px;
}
.sticky-date-section {
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 3;
	width: 100%;
	padding-top:30px;
	margin-left: -15px;
	margin-right: -15px;
	/* padding-right: 15px;
	padding-left: 15px; */
}
.sticky-date-section .date-legend-wrapper {
	padding-right: 15px;
	padding-left: 15px;
}

.scrolling-section {
	margin-top: 58px;
	height: initial;
	max-height: initial;
	overflow-y: initial;
	-webkit-overflow-scrolling: initial;
	/* margin-left: 15px;
	margin-right: 15px; */
}
.sticky-btn {
	-webkit-transition: bottom 0.75s; /* Safari */
	transition: bottom 0.75s;
	position: fixed;
	bottom: 0;
	background-color:#fff;
	z-index: 10;
}
.sticky-btn #next-submit {
	color: #ffffff;
	margin-bottom: 0px;
	margin-top: 16px;
}
.sticky-days {
	position: fixed;
	top: 60px;
}
.firefox .days-header {
	padding-right: 32px;
}
.edge .days-header {
	padding-right: 15px;
}

#sponsors .img-wrapper {
	min-height: 220px;
	display: table;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 15px;
}
}

.visible-xxs {
display: none;
}

@media (min-width: 451px) and (max-width: 576px) {
.session-overview .availability-indicators .indicator, .session-overview .availability-indicators .indicator.booked {
	margin-left: 0px;
	margin-right: 0px;
}

.session-overview .large-spacing-sim-indicators .availability-indicators .indicator, .session-overview .large-spacing-sim-indicators .availability-indicators .indicator.booked {
	margin-left: 3px;
	margin-right: 3px;
}  
}

@media (min-width: 992px) and (max-width: 1199px) {
.session-overview .availability-indicators .indicator, .session-overview .availability-indicators .indicator.booked {
	margin-left: 0px;
	margin-right: 0px;
}

.session-overview .large-spacing-sim-indicators .availability-indicators .indicator, .session-overview .large-spacing-sim-indicators .availability-indicators .indicator.booked {
	margin-left: 3px;
	margin-right: 3px;
}  
}



@media (min-width: 769px) {
.days-container-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}
}



@media (max-width: 991px) {
.days-container {
	margin-left: 0px;
	margin-right: 0px;
}
.text-sm-center {
	text-align: center;
}
}

@media (max-width: 768px) {
.days-container {
	margin-left: 15px;
	margin-right: 15px;
}
}

@media (min-width: 992px) {
.days-container-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}
.sticky-date-section .date-legend-wrapper {
	padding-right: 0px;
	padding-left: 0px;
}
.mt-md-30 {
	margin-top: 30px;
}
}

.flex-center-align {
display: flex;
align-items: center;
}

@media (max-width: 450px) {
.visible-xxs {
	display: block !important;
}
.session-overview .timeslot label {
	margin-right: 0px;
	margin-bottom: 2px; 
}
#duration-input-text {
	padding: 14px 0px !important;
}
.days-container {
	margin-left: 0px;
	margin-right: 0px;
}
.days-header {
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}
.timeslot:not(.large-spacing-sim-indicators) {
	padding-left: 5px;
	padding-right: 5px;
}
.timeslot:not(.large-spacing-sim-indicators) .availability-indicators .indicator,
.timeslot:not(.large-spacing-sim-indicators) .availability-indicators .indicator.booked,
.timeslot:not(.large-spacing-sim-indicators) .availability-indicators .indicator.unavailable {
	margin-left: 0px;
	margin-right: 0px;
}
.firefox .days-header {
	padding-right: 0px;
}
.edge .days-header {
	padding-right: 0px;
}
}

@media (max-width: 450px) and (min-width: 420px) {
.session-overview .availability-indicators .indicator, .session-overview .availability-indicators .indicator.booked {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 20px;
	position: relative;
}
}

/**
* BIG SWING GOLF - VENUE ADJUSTMENTS
* Try to add around line 200 with others
* */

#top-alt.section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
color: #fff;
}

#top-alt.section .section-overlay{
opacity: 0.6;
}

#top-alt.section .container{
padding-top: 90px;
padding-bottom: 90px;
}

#top-alt.section .section-title > .main-title {
color: #fff;
margin-bottom: 20px;
margin-top: 20px
}

#top-alt.section .section-title > .sub-title {
font-size: 30px;
line-height: 1.3;
}

#top-alt.section .section-title > .section-line {
margin-bottom: 20px;
}

#onlineBooking .section-content {
padding-top: 30px;
padding-bottom: 30px;
}

#onlineBooking .row.booking-screen {
margin-bottom: 35px;
}

#onlineBooking .row.booking-screen img {
display: inline;
box-shadow: 0 -1px 19px 6px #00000024;
}

#onlineBooking .list ul > li {
padding: 30px 0 0 20px;
font-size: 20px;
}

#onlineBooking .list {
margin-top:30px;
}


@media (min-width: 991px) {
#onlineBooking .list {
	margin-top:10px;
}
}

@media (min-width: 1200px) {
#onlineBooking .list {
	margin-top:50px;
}
}

#onlineBooking .list ul > li span.list-icon {
position: absolute;
left: 0.5em;
}

#onlineBooking .list ul > li span.list-icon i {
color: #0089ad;
}

@media (max-width: 575.98px) {
#top-alt.section .section-title > .sub-title {
	font-size: 25px;
	line-height: 1.3;
}
}

/* #region HOMEPAGE IMAGE BANNER */

/* 
If BSG decide to run a banner promotion again, this CSS will manage it. 
Replace the image and re-adjust the padding top value to correctly scale for their respective dimensions.
*/

/* #intro {
background-image: url(/assets/img/banner-cover.jpg?02062020);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
padding-top: 40.73%;
}

#banner_content {
position: absolute;
bottom: 10%;
left: 15%;
width: 100%;
}

#banner_content .bcontent{
text-align: left;
}

@media (max-width: 750px) {
#intro {
	background-image: url(/assets/img/banner-cover.jpg?02062020);
	padding-top: 177.86%;
	padding-top: 68.25%;
}

#banner_content {
	left: 0;
	bottom: 7%;
}

#banner_content .bcontent {
	text-align: center;
}
} */

/* #endregion */

.see-how-button{
border: 3px solid white !important;
text-shadow: #000 0px 0 10px;
box-shadow: inset 0 0 14px #000000; 
padding: 12px 35px;
font-size: 22px;
border-radius: 15px;
letter-spacing: 1px;
font-weight: 700;
font-style: italic;

}
.see-how-button:hover{
cursor: pointer;
background-color: #00abcd;
}

.slick-dots li button:before {
color: #869791;
font-size: 12px;
}

.slick-dots li.slick-active button:before {
color: #869791;
}

/* #region SIMULATOR PAGE */
.bg-black {
background-color: #000;
}

.section .header-block > h2 {
margin: 0;
padding: 20px 0;
}

.feature-item > img {
margin-bottom: 15px;
}
.feature-item > h4 {
font-size: 18px;
}

.feature-package-item {
margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.feature-package-item {
	text-align: center;
}
}

.funny-boxes.no-border .funny-boxes-icon {
border: unset;
}
.funny-boxes.no-bgcolor .funny-boxes-icon {
background-color: unset;
}

/* Not displaying image and content as per request on small screen sizes */
@media screen and (max-width: 768px) {
#golf-and-family {
	display: None;
}
}

.hero-content {
position: relative;
padding-top: 35%;
padding-bottom: 20px;
}

/* #endregion */

#golf-and-family.section ul > li,
#simulators-benefits.section ul > li{
font-size: 15px;
}

#simulators-benefits.section .feature-list-title {
min-height: 79px;
}
#simulators-benefits.section .feature-list-block h4 {
text-align: left;
padding-left: 20px;
margin-bottom: 5px;
}

#golf-and-family > .section-content {
padding-top: 20%;
}
#golf-and-family > .section-content {
background-position: center bottom;
background-size: cover;
background-attachment: scroll;
background-image: url(../img/simulator/fun-sport-simulator.jpg);
}

#simulator-intro {background-image: url(../img/simulator/virtual-sport-simulator-header.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;width: 100%;}

@media screen and (min-width: 1920px) {
#banner_content {
	padding: 13.8% 0;
}
}
@media screen and (min-width: 991px) {
body.simulator-page #custom-solutions.section .content-block.slns-img {
	padding: 0 50px;
}	
}

@media screen and (max-width: 1919px) {
#banner_content {
	padding: 16.5% 0;
}
}
.card-simulator {
margin-bottom: 35px;
padding: 25px;
/* border: 1px solid #555555; */
background-color: #EEEEEE;
}
.card-simulator span.price{
padding: 10px 0px;
font-size: 20px;
display: block;
background-color: #d3d3d3;
text-align: center;
}
.card-simulator span.gst{
font-size: 10px;
}


@media screen and (max-width: 991px) {
body.simulator-page #custom-solutions.section .content-block {
	margin-bottom: 30px;
}
.card-simulator .from{
	display: none;
}
#simulators-benefits.section .feature-list-title {
	font-size: 20px;
}
#simulators-benefits.section .feature-list-block h4 {
	text-align: center;
	padding-left: 0;
}

.simulator-functions .feature-package-item img {
	display: inline-block;
}

.feature-list-block {
	margin-bottom: 10px;
}

.feature-list-block ul {
	padding-left: 0;
	list-style: none;
	text-align: center;
	font-style: italic;
}

.card-simulator {
	margin-bottom: 35px;
}
.card-simulator {
	font-size: 17.5px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.feature-list-block {
	min-height: 202px;
} 

.feature-list-block h4 {
	min-height: 38px;
}
}

@media screen and (max-width: 768px) {
.feature-list-block {
	margin-bottom: 20px;
}
.simulator-functions .feature-package-item img {
	display: inline-block;
	margin-bottom: 15px;
}
}

/* #region PANELS (QUICK BOOKING) */
.bsg-panel {
padding: 34px 29px 26px;
background-color: #fff;
text-align: center;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

.bsg-panel .panel-title {
font-weight: 900;
font-size: 34px;
line-height: calc(41/34);
text-transform: uppercase;
margin-bottom: 30px;
}

.bsg-panel .panel-block {
margin-bottom: 30px;
}

.bsg-panel .list-unstyled {
display: inline-block;
}
.bsg-panel .list li {
position: relative;
margin-bottom: 5px;
padding-left: 2rem;
}
.bsg-panel .list .list-icon {
margin-right: 2px;
position: absolute;
left: 0;
}
.bsg-panel .panel-list {
margin-bottom: 22px;
min-height: 135px;
}

@media screen and (min-width: 1199px) {
.bsg-panel .panel-list {
	padding: 0 12%;
	/* Use 40px */
}
}

@media screen and (max-width: 767px) {
.bsg-panel .panel-list {
	min-height: unset;
}
.bsg-panel .panel-list > .list {
	max-width: 275px;
	margin: 0 auto;
	text-align: left;
}
}
.bsg-panel .panel-btn {
display: block;
text-transform: uppercase;
width: 100%;
}
.bsg-panel > p {
font-weight: 900;
}

/* Custom Stuff */
.bsg-panel .panel-block.bk-summary {
font-size: 17px;
}
.bsg-panel .panel-block.bk-summary > span:first-child {
margin-right: 15px;
}
.booking-quick .section-content {
padding-bottom: 40px !important;
}

/* #endregion */

/* #region Competitions Page */
.competition-page #players.section .section-content.section-carousel {
padding-bottom: 25px;
}
.competitions-list > ul {
padding-left: 20px;
}
.competitions-list > ul > li {
line-height: 2.5;
font-size: 18px;
}
.competition-content p {
font-size: 18px;
}

.info-block--competitions .info-block--element {
border-top: 3px solid #00A6C8;
padding-top: 16px;
}
.info-block--competitions .title,
.competition-section .secondary-main-title {
text-transform: uppercase;
font-size: 60px;
margin-bottom: 25px;
}
.info-block--competitions .subtitle {
line-height: 1.22;
color: #fff;
}
.competition-section .sub-title {
font-size: 18px !important;
line-height: 28px;
margin-bottom: 30px;
}
.competitions-section .sub-title.no-margin-bottom {
margin-bottom: 0;
}
.section.competition-section .section-title.no-padding-btm {
padding-bottom: 0px;
}
.section.competition-section.cta-section {
background-attachment: scroll;
background-position: left center;
}
.section.competition-section > .section-inner .section-content + .section-content {
padding-top: 0;
}
.location-wrapper.no-venue {
min-height: 70px;
}
@media (max-width: 575.98px){
/* Fixes the issue with CTA image alignment not being correct on mobile */
.section.competition-section.cta-section {
	background-position: center bottom;
}
}

@media (max-width: 1199px) and (min-width: 991px) {
.info-block--competitions .secondary-main-title {
	font-size: 50px;
}
}

@media (max-width: 991px) and (min-width: 768px) {
.info-block--competitions .secondary-main-title {
	font-size: 40px;
}
}
@media (max-width: 767px) {
.info-block--competitions .info-block--element {
	padding-top: 0;
	padding-bottom: 20px;
}
.info-block--competitions .secondary-main-title {
	font-size: 48px;
	margin-bottom: 16px;
	letter-spacing: 1.5px;
}
/* Added to adher to the design */
.competition-section .sub-title {
	margin-bottom: 35px;
}
.competition-section .page-scroll {
	margin-bottom: 55px;
}
}


.bg-dark-grey {
background-color: #1A1818;
}
.bg-dark-grey .secondary-main-title {
color: #fff;
}
/* #endregion Competitions  */

/* #region OWL CAROSUEL THEM ADJUSTMENTS */
/**
This is applying to all owl carosuel if we want it just page specific.
Rewrite this code to be class selected option
*/
.owl-theme .owl-controls .owl-page > span {
/* From base theme */
fliter: Alpha(Opacity=90);
opacity: 0.9;
background: #E5E7F2;
}
.owl-theme .owl-controls .owl-page.active > span {
background-color: #00A6C8;
}
.owl-theme .owl-controls .owl-buttons > div {
/* position: relative; */
opacity: 1;
background-color: transparent;
}
.owl-prev, .owl-next {
width: 25px;
height: 25px;
position: absolute;
top: 42%;
transform: translateY(-50%);
display: block !important;
border: 0px solid black;
}
.owl-prev { left: -40px; }
.owl-next { right: -40px; }
@media (min-width: 768px ) {
.owl-prev { left: -75px; }
.owl-next { right: -75px; }
}
/* .owl-prev i, .owl-next i {} */
.competition-page .owl-theme .owl-controls {
margin-top: 40px;
}
/* #endregion OWL CAROSUEL  */

.comp-slideshow .owl-item > .item {
margin: 0 5px;
}

.info-block--game-format .title{
font-size: 18px;
font-weight: 600;
}
.info-block--game-format [class^="col-"] {
/* margin-bottom: 10px; */
min-height: 175px;
}
.info-block--game-format:not(:last-child) {
margin-bottom: 25px;
}
.comp-icon {
display: inline-block;
margin-bottom: 25px;
width: 90px;
height: 90px;
/* background-color: rgba(0,166,200,0.1); */
/* border-radius: 12px; */
}
/* .comp-icon i {
color: #00A6C8;
} */

.bsg-tabs .nav-tabs>li.active a {
color: #00A6C8;
box-sizing: border-box;
border: 1px solid #D2D2D2;
background-color: rgba(0,166,200,0.1);
}
.bsg-tabs .nav-tabs>li a {
/* padding: 15px 40px; */
padding: 15px 0;
font-weight: 600;
color: #000;

}
.bsg-tabs .nav-tabs {
display:flex;

}
.bsg-tabs .nav-tabs>li {
width: 14.28574%;
text-align: center;
font-size: 13px;
}
.bsg-tabs .tab-content {
padding-top: 26px;
}
.bsg-tabs .tab-content .tab-pane p {
font-size: 14px;
font-weight: 500;
line-height: 28px;
margin-bottom: 0;
}

.btn.btn-bsg-design-1 {
padding: 16px 35px;
text-transform: uppercase;
background-color: #00A6C8;
font-size: 14px;
border-radius: 12px;
color: #fff;
}

.btn.btn-bsg-design-1:hover {
background-color: #0089ad;
color: #fff;
}

.info-block--competitions {
padding-top: 6.5%;
/* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #1A1818 100%); */
}

.info-block--competitions .hero-image {
display: inline-block;
padding-top: 35px;
padding-bottom: 140px;
}

@media (max-width: 768px) {
.info-block--competitions .hero-image {
	padding-top: 35px;
	padding-bottom: 70px;
}
.info-block--competitions {
	padding-bottom: 0px;
}
}
.competition-page #players.section .comp-slideshow {
margin-top: -250px;
}
@media (max-width: 1199px) {
.competition-page #players.section .comp-slideshow {
	margin-top: -20.4%;
}
}
@media (max-width: 575.98px) {
.competition-page #players.section .comp-slideshow {
	margin-top: -32%;
}
}
/* .bsg-accordion.panel-group .panel-heading {
width: 100%
} */

.panel a {
display:block;
border: 1px solid #D2D2D2;
background-color: #fff;
padding: 22px 10px;
text-align: center;
font-weight: 600;
font-size:18px;
border-radius:8px;
}
.panel .panel-heading {
background-color: unset;
}
.panel {
border: unset;
}
.panel a[aria-expanded="true"] {
border: unset;
color: #00A6C8;
background-color: rgba(0,166,200,0.1);
}

.competition-page #competition-intro {
background-image: url(../img/competitions/bsg-competitions-header-1920.jpg?241022);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
padding-bottom: 17.17%;
/* overflow: hidden; */
}
@media (max-width: 768px) {
.competition-page #competition-intro {
	max-height:unset;
	background-position-x: 35%;
	background-position-y: top;
	background-size: 210%;
	background-color: #1A1818;
}
}

@media (max-width: 768px) {
.bsg-tabs {
	display: none;
}
}

@media (min-width: 767px) {
.bsg-accordion {
	display: none;
}
}

/*
Notification banner will adjust the home
page video if it exists in the html 
(push the video below the notification banner)
*/
/* Notification banner under nav bar for home page */
.notification-banner {
padding: 5px 0px;
background-color: #00abcd;
position: fixed;
top: 60px;
width: 100%;
z-index: 10;
min-height: 58px;
}

/* #TODO Can we write this better? Came in and the new top nav has thrown it underneath it  */
@media (min-width: 1200px) {
	#navigation-sticky-wrapper + .notification-banner:not(.venue-nav) {
		top: 133px;
	}
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .notification-banner { min-height: 72px; }
    #navigation-sticky-wrapper + .notification-banner:not(.venue-nav) {
		top: 133px;
	}
}

@media (max-width: 991.98px) {
	#navigation-sticky-wrapper + .notification-banner:not(.venue-nav) {
		top: 72px;
		max-height: 82px;
	}
}


.notification-banner p {
	font-family: 'Oxanium', sans-serif;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 12px;
	color: #ffffff;
}
.notification-banner [class*="col-"] > .banner-content {
	height: 48px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
/* .notification-banner [class*="col-"] > .banner-content > div {} */
/* iPhone 5 */
@media (max-width: 320px) {
	.notification-banner p {
		font-size: 12px;
	}
}
.notification-banner .banner-content a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

/* When using the banner image */
.notification-banner + #intro {
    margin-top: 48px;
}

@media (max-width: 1199px) {
	.notification-banner + #intro {
		margin-top: 80px;
	}
}

@media (max-width: 991.98px) {
	.notification-banner + #intro {
		margin-top: 56px;
	}
}
/* EO Notification banner */

/* #region CHECKLIST STYLING */
.checkbox label:after, 
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}


.radio .cr {
	border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: 0.7em;
	line-height: 0;
	top: 50%;
	left: 20%;
}

.radio .cr .cr-icon {
	margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
	opacity: .5;
}

.order-gift-cards-section .checkbox .cr {
	border: 2px solid #5C616F;
	color: #000;
}

.order-gift-cards-section .checkbox .cr-icon {
	font-size: 0.7em;
}
/* #endregion */

.checkbox label {
	font-size: 1em;
	padding-left: 0;
}

.checkbox label a {
	font-weight: 600;
}

.play-success-content {
height: 91.5vh;
}

/* #region Family Fun */
.intro-outline-title-section {
position: relative;
padding-bottom: 0px;
}

#intro .gradient-overlay {
background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,1) 96%, rgba(11,18,32,1) 100%);
width: 100%;
height: 100%;
position: absolute;
}

.intro-outline-title-section .outline-title-container {
width: 100%;
position: absolute;
top: -260px;
}

.outline-title-container .outline-title {
  color: #0B1220;
  color: rgba(255,255,255,0%);
  font-size: 120px;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #D6FF5F;
  font-family: 'Titular-Heavy';
  font-style: italic;
  margin-bottom: 0;
  line-height: 0.7;
}

.outline-title-container .main-title {
  line-height: 0.5;
  color: #ffffff;
  font-size: 120px;
}

.outline-title.outline-title--blue-stroke {
color: #000;
color: rgba(255,255,255,0%);
-webkit-text-stroke-color: #0089ad;
}

#entertain {
background: radial-gradient(circle, rgba(19,40,81,1) 0%, rgba(19,40,81,1) 0.06%, rgba(11,18,32,1) 48%, rgba(11,18,32,1) 100%);
}

#entertain .activity-frame {
position: relative;
margin-bottom: 20px;
}

#entertain .activity-frame img {
width: 100%;
}

#entertain .opaque-title {
position: absolute;
bottom: 0;
padding: 5px 20px 10px 20px;
width: 100%;
background: linear-gradient(54.92deg, rgba(97, 48, 222, 0.56) 0%, rgba(247, 2, 177, 0.56) 100%);
/* opacity: 0.56; */
}

#entertain .opaque-title h4 {
font-size: 36px;
font-family: 'Titular-Heavy';
color: #fff;
font-style: italic;
text-transform: uppercase;
margin-bottom: 0;
line-height: 1;
}

#entertain .interactive-activities {
padding-top: 50px;
padding-bottom: 115px;
}

#entertain p {
color: #ffffff;
}

#entertain h3 {
font-size: 60px;
font-family: 'Titular-Heavy';
font-style: italic;
text-transform: uppercase;
color: #ffffff;
padding-bottom: 35px;
}

.btn.btn-family-fun {
width: 300px;
text-transform: uppercase;
padding: 15px 0;
font-size: 16px;
}

.family-fun-section-title {
font-family: 'Titular-Heavy';
font-style: italic;
text-transform: uppercase;
font-size: 60px;
color: #000000;
}

.family-fun-card-title {
font-size: 34px;
font-family: 'Titular-Heavy';
font-style: italic;
line-height: 42px;
text-transform: uppercase;
margin-bottom: 40px;
}

.book-now-section {
padding-top: 60px;
padding-bottom: 20px;
}

.book-now-section .family-fun-panel.bsg-panel .list-unstyled {
display: block;
}

.book-now-section .family-fun-panel.bsg-panel .family-fun-card-title.subtitle {
margin-bottom: 1px;
}

.book-now-section .family-fun-panel.bsg-panel .family-fun-card-subtitle {
font-size: 20px;
}

.book-now-section .family-fun-panel.bsg-panel .family-fun-card-title+.family-fun-card-subtitle {
margin-bottom: 25px;
font-weight: 400;
}

.book-now-section .family-fun-panel.bsg-panel .booking-price {
font-weight: 900;
}

.book-now-section .family-fun-panel.bsg-panel {
min-height: 405px;
}

.book-now-section .family-fun-panel.bsg-panel .players .adult-player i {
line-height: 1;
}

.book-now-section .players {
display: inline-block;
text-align: left;
}

.book-now-section .players .child-player {
text-align: left;
}

.book-now-section .players .child-player i {
font-size: 1em;
line-height: .8em;
}

.book-now-section .players .adult-player i {
line-height: .9em
}

.book-now-section .players .icon-container, .book-now-section .info .icon-container {
display: inline-block;
width: 30px;
vertical-align: middle;
margin-right: 10px;
text-align: center;
}

.book-now-section .players span {
display: inline-block;
vertical-align: middle;
}

.book-now-section .players span i + i:last-child {
margin-right:10px;
}

.book-now-section .bsg-panel .panel-list {
min-height: 112px;
}

.book-now-section .fa-stack {
width: 0.5em;
height: 1em;
}

.book-now-section .section-title {
padding-bottom: 50px;
}

.quick-booking-option .btn.btn-family-fun {
width: 100%;
}

@media screen and (min-width: 1200px) {
.book-now-section .bsg-panel .panel-list {
	padding: 0 0%;
}
}

.book-now-section .bsg-panel .list li {
font-size: 16px;
}

.events-section {
background-image: url("../img/family-fun-events-parties.jpg");
background-position-x: 100%;
background-repeat: no-repeat;
background-size: cover;
}

.events-section .container-wrapper {
padding: 55px 0 110px 0;
}

.events-section .events-desc {
margin-top: 65px;
padding-left: 35px;
}

.events-section .events-desc .event {
padding-bottom: 10px;
font-size: 16px;
}

.events-section .events-desc .event .event-title {
font-weight: 700;
}

.events-section .events-desc .event span {
color: #ffffff;
}

.events-section .contact-btn-container {
margin-top: 35px;
padding-left: 20px;
}

.events-section .event span {
font-size: 16px;
}

.events-section .outline-title-container {
  text-align: left;
}

.events-section .outline-title-container .outline-title {
  padding-left: 20px;
}

@media (max-width: 768px) {
.promotion-page .events-section {
	background-image: url("/assets/img/family/events-parties-tablet.jpg");
	background-position: center;
}
.events-section .container-wrapper {
	padding-top: 0;
}
}

.activity-section {
padding-top: 75px;
padding-bottom: 150px;
}

.activity-section .section-title {
padding-bottom: 30px;
}

.activity-section .activity-list {
padding-bottom: 90px;
}

.activity-section .activity-list-mobile {
padding-bottom: 40px;
display: none;
}

.activity-section .activity-list h4, .activity-section .activity-list-mobile h4 {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #000000;
color: #ffffff;
font-size: 70px;
font-family: 'Titular-Heavy';
text-transform: uppercase;
font-style: italic;
line-height: 1;
padding-bottom: 30px;
}

.icon-stroke {
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 2px;
color: #ffffff;
}

.activity-section .contact i {
width: 40px;
}

.activity-section .contact h3 {
font-family: 'Titular-Heavy';
text-transform: uppercase;
font-size: 60px;
color: #000000;
font-style: italic;
}

.activity-section .contact.opening-hours p, .activity-section .contact p, .activity-section .contact a {
color: #000000;
font-weight: 700;
text-decoration: none; 
}

#entertain, #events, #find-us {
padding-top: 60px;
}

#entertain {
padding-top: 160px;
}

#book-online {
background-image: url("../img/family-fun-arrows.png");
background-repeat: no-repeat;
background-position-y: 155%;
background-position-x: 50%;
background-color: white;
}

.activity-section {
background-image: url("../img/family-fun-arrows.png");
background-repeat: no-repeat;
background-position-y: -88%;
background-position-x: 50%;
background-color: white;
}

.navbar.navbar-fixed-top.family-fun-nav {
background-color: #000000;
}

.navbar.navbar-fixed-top.family-fun-nav li a {
letter-spacing: 0.7px;
}

.navbar.navbar-fixed-top.family-fun-nav li .btn {
padding-left: 30px;
padding-right: 30px;
}

.navbar.navbar-fixed-top.family-fun-nav .navbar-brand {
padding-top: 17px;
}

@media (max-width: 1199.98px) {  
.events-section .outline-title-container {
	text-align: left;
}
.events-section .events-desc {
	margin-top: 65px;
	padding-left: 0px;
}

.events-section .contact-btn-container {
	margin-top: 35px;
	padding-left: 0px;
}

.activity-section {
	background-position-y: -65%;
}

.book-now-section .family-fun-panel.bsg-panel .list-unstyled {
	min-height: 125px;
}

.book-now-section .family-fun-panel.bsg-panel.panel-subtitle .list-unstyled {
	min-height: 113px;
}

.book-now-section .family-fun-panel.bsg-panel .family-fun-card-title+.family-fun-card-subtitle {
	margin-bottom: 27px;
	line-height: 1.2;
}

.book-now-section .family-fun-panel.bsg-panel .panel-list {
	margin-bottom: 10px;
}

.book-now-section .family-fun-panel.bsg-panel .panel-block {
	margin-bottom: 12px;
}
}

@media (max-width: 991.98px) {
.navbar.navbar-fixed-top.family-fun-nav li .btn {
	font-size: 14px;
}

#book-online {
	background-position-y: -300%;
}

.activity-section {
	background-position-y: -22%;
}

  .book-now-section .family-fun-panel .booking-info {
    margin-bottom: 25px;
  }

  .promotion-page .book-online-panel {
    margin-top: -110px !important;
    margin-bottom: 65px !important;
  }

  .promotion-page .book-online-panel .family-fun-section-title {
    padding-top: 10px !important;
    line-height: 1;
  }

  .promotion-page .book-online-panel .book-online-btn-container {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 767.98px) {
.events-section .outline-title-container, .events-section .events-desc, .events-section .contact-btn-container {
	text-align: center;
}

.quick-booking-option .btn.btn-family-fun {
	margin: 0 auto;
	width: 300px;
}

.activity-section .activity-list-mobile {
	display: block;
}

.activity-section .activity-list-mobile h4 {
	padding-bottom: 10px;
	line-height: 0.8;
}

.activity-section .activity-list {
	display: none;
}

#book-online {
	background-image: none;
}

.activity-section {
	background-position-y: -16%;
}

.bsg-panel.family-fun-panel .panel-list > .list {
	margin: 0;
}
}

@media (max-width: 575.98px) {
  .outline-title-container .outline-title, .outline-title-container .main-title {
    font-size: 80px !important;
    line-height: 0.7;
  }

.btn.btn-family-fun {
	width: 290px;
}

.quick-booking-option .btn.btn-family-fun {
	width: 100%;
}

.intro-outline-title-section .outline-title-container {
	top: -150px;
}

.intro-outline-title-section {
	padding-bottom: 50px;
}

#book-online.book-now-section {
	padding-bottom: 90px;
}
#activity-section.activity-section{
	padding-bottom: 50px;
}
}

@media (max-width: 350px) {
.intro-outline-title-section {
	margin-bottom: 70px;
}
}
/* #endregion Family Fun */

/* #region ADVERT-LANDING PAGE */

.promotion-page #intro {background-image: url(/assets/img/family/bsg-family-fun-web.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;min-height: 890px;}

@media (max-width: 1199px) {
.promotion-page #intro {
	background-position: 80%;
}
}

@media (max-width: 414px) {
.promotion-page #intro {
	background-image: url(/assets/img/family/bsg-family-fun-mobile.jpg?19112020);
	min-height: 90vh;
}
}

@media (max-height: 610px) {
.promotion-page #intro {
	min-height: 550px;
}
}

.promotion-page #intro .intro-content {
margin-top: 205px;
}
.promotion-page #intro .intro-content h2.text-outline{
color: #00abcd;
color: rgba(255,255,255,0);
-webkit-text-stroke: 2px #00abcd;

margin-bottom: 0;
z-index: -1;

font-family: 'Titular-Heavy';
font-style: italic;
font-size: 160px;
letter-spacing: 0;
line-height: 165px;
text-shadow: 0 2px 20px rgba(0,0,0,0.5);
height: 100%;
}
.promotion-page #intro .intro-content .outline-undertext-group {
margin-left: 105px;
margin-top: -5.9rem;
}
.promotion-page #intro .intro-content h2.text-solid {
color: #fff;
margin-bottom: 0;
font-family: 'Titular-Heavy';
font-style: italic;
font-size: 120px;
letter-spacing: 0;
line-height: 125px;
text-shadow: 0 2px 20px rgba(0,0,0,0.5);
}
.promotion-page #intro .intro-content p {
color: #FFFFFF;
margin-bottom: 27px;
font-family: 'Lato';
font-size: 20px;
letter-spacing: 0;
line-height: 26px;
}
.promotion-page #intro .intro-content .button-text {
margin-left: 40px;
color: #FFFFFF;
font-family: 'Lato';
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
text-align: center;
}
.promotion-page #entertain .subtitle {
color: #FFFFFF;
font-family: 'Lato';
font-size: 25px;
letter-spacing: 0;
line-height: 28px;
text-align: center;
}

.overlap-content {
position: relative;
margin-left: -15px;
margin-right: -15px;
}
.overlap-content .overlap-container {
width: 100%;
position: absolute;
top: -50%;
}
.overlap-content.fun-games-icons .overlap-container {
height: 195px;
background: url(/assets/img/family/bsg-icons-family-fun-top.png);
background-repeat: no-repeat;
background-position: center;
margin-top: -340px;
}

@media (max-width: 768px) {  
.promotion-page .events-section,
.promotion-page .events-section .outline-title-container{
	text-align: center !important;
}
}

@media (max-width: 1199px) {
.promotion-page #intro .intro-content {}
.promotion-page #intro .intro-content h2.text-outline {}
.promotion-page #intro .intro-content .outline-undertext-group {
	margin-left: 1rem;
}
.promotion-page #intro .intro-content h2.text-solid {}
.promotion-page #intro .intro-content p {}
.promotion-page #intro .intro-content .button-text {}
.promotion-page #entertain .subtitle {}
}

@media (max-width: 991px) {
.promotion-page #intro .intro-content {}
.promotion-page #intro .intro-content h2.text-outline {}
.promotion-page #intro .intro-content .outline-undertext-group {}
.promotion-page #intro .intro-content h2.text-solid {
	font-size: 80px;
	line-height: 1.675;
}
.promotion-page #intro .intro-content p {}
.promotion-page #intro .intro-content .button-text {}
.promotion-page #entertain .subtitle {}
}

@media (max-width: 768px) {
.promotion-page #intro .intro-content h2.text-outline {
	font-size: 100px;
	line-height: 1.2;
}
.promotion-page #intro .intro-content .outline-undertext-group {
	margin-top: -4.5rem;
	margin-left: 0;
}
.promotion-page #intro .intro-content h2.text-solid {
	line-height: 0.9;
	margin-bottom: 20px;
}
.promotion-page #intro .intro-content p {}
.promotion-page #intro .intro-content .button-text {
	margin-left: 1.5rem;
}
.promotion-page #entertain .subtitle {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.866;
}
}

@media (max-width: 575.98px) {
.promotion-page #intro .intro-content {
	margin-top: 30px;
}
.promotion-page #intro .intro-content p {
	width: 203px;
	font-size: 15px;
	line-height: 1.733;
}
.promotion-page #intro {
	/* background-position: 75% 75%; */
}

.overlap-content {
	margin-left: -15px;
	margin-right: -15px;
}
}

@media (max-height: 700px) {
.promotion-page #intro .intro-content {
	margin-top: 30px;
}
}

/* iPhone 5* - Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
	.promotion-page #intro .intro-content {}
	.promotion-page #intro .intro-content h2.text-outline {
	font-size: 80px;
	}
	.promotion-page #intro .intro-content .outline-undertext-group {
	margin-top: -3.5rem;
	}
	.promotion-page #intro .intro-content h2.text-solid {
	font-size: 65px;
	}
	.promotion-page #intro .intro-content p {
	width: 300px;
	}
}

.promotion-page #intro {
padding: unset;
}
.promotion-page #intro::before {
background: none;
}

.promotion-page .btn.btn-family-fun {
  background: #00A6C8;
  background: linear-gradient(23.35deg, #F702B1 0%, #6130DE 100%);
  border: none;
  margin: 0 auto;
}

.promotion-page #entertain {
position: relative;
background: url(/assets/img/family/bsg-family-fun-circle-bg.jpg);
background-position: center;
background-size: cover;
margin-top: 0;
}

@media (max-width: 768px) {
  .promotion-page #entertain {
    padding-top: 65px;
  }
  .overlap-content.fun-games-icons .overlap-container {
    margin-top: -170px;
  }
  .promotion-page .multi-sport-sim-info .party-item-wrapper {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .promotion-page .multi-sport-sim-info .party-item-wrapper .party-item-column ul {
    margin-bottom: 0;
  }
  .promotion-page .multi-sport-sim-info .party-item-wrapper .party-item-column li {
    padding-right: 0;
  }
  .promotion-page .multi-sport-sim-info .party-item-wrapper .party-item-column {
    min-width: 190px;
  }
  .events-section .outline-title-container .outline-title {
    padding-left: 5px;
  }
}

.promotion-page #entertain .kids-image {
padding-top: 60px;
}

/* Owl Carousel - Style Variation */
.promotion-page .owl-theme .owl-controls .owl-page > span {
/* From base theme */
fliter: Alpha(Opacity=90);
opacity: 0.9;
background: #3E4351;
width: 10px;
height: 10px;
margin: 4px;
}
.promotion-page .owl-theme .owl-controls .owl-page.active > span {
background-color: #00A6C8;
}
.promotion-page .owl-theme .owl-controls .owl-buttons > div {
background: #00A6C8;
background: linear-gradient(54.92deg, #F702B1 0%, #6130DE 100%);
border-radius: 50px;
}
.promotion-page .owl-prev, .promotion-page .owl-next {
width: 43px;
height: 43px;
top: 50%;
display: flex !important;
}
.promotion-page .owl-prev i , .promotion-page .owl-next i{
align-self: center;
flex-direction: row;
/* margin: 0 auto; */
width: 100%;
text-align: center;
}

.promotion-page .book-online-panel {
  margin-top: -180px;
  margin-bottom: 100px;
}

.promotion-page .book-online-panel .bsg-panel-subtitle p {
  font-size: 20px;
  line-height: 1.4;
  padding-bottom: 10px;
}

.promotion-page .book-online-panel .list {
  padding-bottom: 25px;
}

.promotion-page .book-online-panel .book-online-btn-container {
  padding-bottom: 60px;
}

.promotion-page .book-online-panel .family-fun-section-title {
  padding-top: 30px;
}

.promotion-page .whole-family-packages-container {
  padding-bottom: 60px;
}

.promotion-page .whole-family-packages-container .main-title {
  color: #000000;
  font-size: 120px;
}

.promotion-page .whole-family-packages-container .outline-title {
  font-size: 120px;
  -webkit-text-stroke-width: 2px;
}

.promotion-page .multi-sport-sim-info .subtitle h5 {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  padding-top: 30px;
}

.promotion-page .multi-sport-sim-info .party-item-wrapper {
  display: flex;
}

.promotion-page .multi-sport-sim-info .party-item-column li {
  color: #fff;
  padding-bottom: 10px;
  padding-right: 35px;
  font-size: 16px;
}

.promotion-page .multi-sport-sim-info .party-item-column li img {
  width: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.promotion-page .multi-sport-sim-info .party-item-column li span {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1300px) and (min-width: 768px) {
.promotion-page .owl-prev { left: -30px; }
.promotion-page .owl-next { right: -30px; }
}

/*.promotion-page .btn.btn-family-fun:hover, */
.promotion-page .btn.btn-family-fun:focus {
background: linear-gradient(23.35deg, #F702B1 0%, #6130DE 100%);
}
/* #endregion */

/* UTILITY */
.bsg-util--bg-linear-gradient-1 {
background: linear-gradient(23.35deg, #F702B1 0%, #6130DE 100%);
}
.bg-util--bg-pos-cover {
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
/* END UTILITY */

/* End of file */

/* #region Gift Card + New Branding Navbar */
.top-nav {
	background-color: #00AACC;
    color: #fff;}

.top-nav .top-nav-items {
	margin-bottom: 0;
	height: auto;
}

.top-nav .top-nav-items li {
	list-style: none;
	display: inline-block;
	padding: 20px;
/* 	text-transform: uppercase;  */
}

.top-nav .top-nav-items li a {
	color: #F2F4F4;
}

.top-nav .top-nav-items li:last-child {
padding-right: 0;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

.top-nav .top-nav-items .top-nav-icon {
	margin-right: 5px;
}

.top-nav .top-nav-items li a span {
	font-family: 'Oxanium', sans-serif;
	vertical-align: middle;
	font-weight: 500;
	font-size: 15px;
}

.top-nav .top-nav-items .top-nav-icon.gift-card-icon {
	width: 23px;
}

.top-nav .top-nav-items .top-nav-icon.buy-simulator-icon {
	width: 11px;
}

.top-nav .top-nav-items .top-nav-icon.location-pin-icon {
	width: 11px;
}

.nav-with-top-bar.navbar.navbar-fixed-top .navbar-nav > li > a {
	height: 72px;
	line-height: 72px;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
}

.nav-with-top-bar.navbar.navbar-fixed-top .navbar-brand {
	height: 72px;
	line-height:72px;
	padding-top: 19px;
}

.nav-with-top-bar.navbar.navbar-fixed-top .navbar-brand.brand-refresh {
	padding-top: 13px;
}

.nav-with-top-bar.navbar.navbar-fixed-top .navbar-nav > li > a.book-now {
	margin-top: 11px;
	height: auto;
	line-height: inherit;
}

.nav-with-top-bar .nav>li>a {
padding: 10px 22px;
}

.nav-with-top-bar .navbar-brand .big-swing-brand {
	width: 249px;
}

.navbar-brand .big-swing-brand.white-logo {
	width: 224px;
	height: auto;
}
.navbar-brand.brand-refresh .big-swing-brand.white-logo {
	width: 180px;
	height: auto;
}

@media screen and (max-width: 390px) {
	.navbar-brand .big-swing-brand.white-logo {
		width: 210px;
		height: auto;
		padding-left: 15px;
	}
}

.order-gift-cards-section {
	padding-top: 65px;
	padding-bottom: 65px;
	background-color: #fff;
}

.order-gift-cards-section .gift-card-image-wrapper {
	margin-top: 45px;
}

.order-gift-cards-section p {
	font-size: 16px;
	color: #191B22;
}

.order-gift-cards-section h4, .gift-card-checkout .complete-wrapper h4 {
	font-size: 22px;
	color: #191B22;
	font-weight: 700;
}

.order-gift-cards-section form label, .gift-card-checkout form label {
	font-size: 16px;
	color: #191B22;
	padding-bottom: 10px;
}

.order-gift-cards-section form .card-value {
	position: relative;
	padding-bottom: 10px;
}

.order-gift-cards-section form .card-value select {
	background-color: transparent;
	border-radius: 3px;
	border: 2px solid;
	width: 170px;
	padding: 10px 40px 10px 16px;
	color: #191B22;
}

.order-gift-cards-section form .card-value .select-wrapper {
	display: inline-block;
	position: relative;
}

.order-gift-cards-section form .card-value .select-wrapper::after {
	content: url("../img/chevron.png");
	position: absolute;
	right: 8px;
	top: 1.1em;
	pointer-events: none;
}

/* .order-gift-cards-section form card-value {
	padding-right: 40px;
	font-weight: 700;
} */

.order-gift-cards-section form label.inline-label {
	padding-right: 40px;
	vertical-align: middle;
	margin-bottom: 0;
}

.order-gift-cards-section form label span {
	font-weight: 400;
	font-size: 16px;
	padding-left: 15px;
}

.order-gift-cards-section form select {
	padding: 10px 16px;
	font-size: 16px;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	background-color: transparent;
	z-index: 2;
	border-radius: 3px;
	width: 140px;
	height: 54px;
}

.order-gift-cards-section form select:after {
	/* content: url(../img/caret.svg); */
	position: absolute;
	right: 3px;
	pointer-events: none;
}

.order-gift-cards-section form .input-group, .gift-card-checkout form .input-group {
	margin-bottom: 15px;
}

.order-gift-cards-section form input,
.order-gift-cards-section form textarea,
.gift-card-checkout form input, .stripe-element-input {
	width: 100%;
	padding: 15px 10px;
	font-size: 16px;
	border-radius: 3px;
	border: 2px solid #5C616F;
	color: #191B22;
}

.order-gift-cards-section form .delivery-date input {
	width: initial;
}

.order-gift-cards-section form .delivery-date .flatpickr {
	display: inline-block;
}

.order-gift-cards-section form .form-errors {
	color: #ff6b6b;
}

.order-gift-cards-section .egift-card-description {
	margin-bottom: 50px;
}

.order-gift-cards-section #dateSelector:after {
	/* content: url(../img/caret.svg); */
	content: "T";
	position: absolute;
	right: 3px;
	pointer-events: none;
}

.order-gift-cards-section .flatpickr {
	background-color: #fff;
	border-radius: 3px;
}

.order-gift-cards-section .flatpickr {
	height: 54px;
	border: 2px solid;
}

.order-gift-cards-section .form-group input:last-child, .order-gift-cards-section .form-group textarea:last-child {
	margin-bottom: 10px;
	vertical-align: middle;
}

.order-gift-cards-section .form-group .input-group, .gift-card-checkout .form-group .input-group {
	position: relative;
	width: 100%;
}

.order-gift-cards-section .form-group .input-group label, .gift-card-checkout .form-group .input-group label {
	position: absolute;
	top: 50%;
	left: 10px;
	background-color: #fff;
	transition-property: top, left, font-size, font-weight, width;
    transition-duration: .2s;
    transition-timing-function: ease;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-bottom: 0;
	padding-bottom: 0;
	cursor: text;
	font-weight: 400;
	color: #191B22;
	padding: 0 5px;
}

.order-gift-cards-section .form-group .input-group textarea + label, .gift-card-checkout .form-group .input-group textarea + label {
	top: 25px;
}

.order-gift-cards-section .form-group .input-group input:focus + label, .order-gift-cards-section .form-group .input-group input.not-empty + label,
.order-gift-cards-section .form-group .input-group textarea:focus + label, .order-gift-cards-section .form-group .input-group textarea.not-empty + label,
.gift-card-checkout .form-group .input-group input:focus + label, .gift-card-checkout .form-group .input-group input.not-empty + label,
.gift-card-checkout .form-group .stripe-element-input.focused + label,
.gift-card-checkout .form-group .stripe-element-input:not(.empty) + label {
	position: absolute;
	top: 0;
	font-size: 80%;
	font-weight: 700;
	left: 5px;
}

.order-gift-cards-section form button {
	width: 200px;
	padding: 10px 40px;
	font-size: 14px;
}

.gift-card-checkout form button, .gift-card-checkout .button-container a {
	width: 275px;
	font-size: 14px;
	padding: 10px 40px;
}

.order-gift-cards-section .bold, .gift-card-checkout .bold {
	font-weight: 700;
}

.order-gift-cards-section .terms-conditions {
	margin-top: 50px;
}
.mb-0 {
	margin-bottom: 0;
}




.gift-card-checkout .top-bar {
	height: 22px;
	background-color: #363943;
}

.gift-card-checkout .customer-details-column {
	background-color: #fff;
	min-height: 100vh;
}

.gift-card-checkout .customer-details {
	padding-top: 50px;
}

.gift-card-checkout .cart-details-column {
	background-color: #F2F4F4;
	min-height: 100vh;
}

.gift-card-checkout .cart-details {
	padding-top: 60px;
}

.gift-card-checkout .customer-info h5, .gift-card-checkout .product-info h5 {
	font-size: 16px;
	color: #191B22;
}

.gift-card-checkout form input {
	margin-bottom: 0;
}

.gift-card-checkout form .button-container {
	margin-top: 40px;
}

.gift-card-checkout .order-information .subtotal-container {
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}

.gift-card-checkout .order-information .gift-card-info {
	background-color: #fff;
	padding: 35px 70px 20px 35px;
	margin: 20px 0 30px 0;
}

.gift-card-checkout .order-information .product-container {
	padding: 10px 0;
}

.gift-card-checkout .order-information .subtotal-container {
	padding: 28px 0;
}

.gift-card-checkout .order-information .total-container {
	padding: 26px 0;
}

.gift-card-checkout .order-information p, .gift-card-checkout .order-information h5 {
	margin-bottom: 0;
}

.gift-card-checkout .product-container, .gift-card-checkout .subtotal-container, .gift-card-checkout .total-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gift-card-checkout .product-container .price p {
	color: #191B22;
}

.gift-card-checkout .cart-details h4 {
	margin-bottom: 30px;
	color: #191B22;
}

.gift-card-checkout .product-container .item-container {
	display: flex;
	justify-content: start;
	align-items: center;
}

.gift-card-checkout .product-container .item-container .image-container {
	margin-right: 20px;
}

.gift-card-checkout .product-container .item-container .product-details p {
	color: #191B22;
}

.gift-card-checkout .order-information h5 {
	font-size: 18px;
	color: #191B22;
}

.gift-card-checkout .order-information p {
	font-size: 16px;
	color: #191B22;
}

.gift-card-checkout .billing-address-container input {
	margin-bottom: 15px; 
}

.gift-card-checkout .customer-details .product-info {
	padding-top: 10px;
}

.gift-card-checkout .customer-details .customer-info {
	padding-bottom: 25px;
	padding-top: 20px;
}

.gift-card-checkout .customer-details hr {
	border: 1px solid #000000;
}

.gift-card-checkout .customer-details .product-info label {
	font-size: 16px;
	margin-bottom: 8px;
	line-height: 1;
}

.gift-card-checkout .logo-wrapper {
	margin-bottom: 50px;
}

.gift-card-checkout .logo-wrapper img {
	width: 242px;
}

.gift-card-checkout .breadcrumbs {
	margin-bottom: 40px;
}

.gift-card-checkout .breadcrumbs h4 {
	line-height: 1.4;
	color: #191B22;
}

.gift-card-checkout .card-info-section {
	margin-bottom: 15px;
}
.gift-card-checkout ol.breadcrumb > li {
	font-size: 18px;
}
.gift-card-checkout ol.breadcrumb > li > a {
	color: #191B22;
}
.gift-card-checkout ol.breadcrumb {
	padding: 8px 0;
	background: transparent;
	margin-bottom: 40px;
}
.gift-card-checkout ol.breadcrumb > li + li:before {
	content: unset;
}
.gift-card-checkout ol.breadcrumb > li:not(:last-child):after {
	content: "\003E";
	color: #000;
	font-weight: 400;
	padding: 0 4px 0 2.5px;
}

.gift-card-checkout .mobile-accordion {
	background-color: #F2F4F4;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 15px;
}

.gift-card-checkout .mobile-accordion .panel-group {
	margin-bottom: 0;
}

.gift-card-checkout .accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gift-card-checkout .accordion-header .collapse-title h4, .gift-card-checkout .accordion-header .total-price p {
	margin-bottom: 0;
}

.gift-card-checkout .accordion-header .total-price p {
	font-size: 18px;
}

.gift-card-checkout .accordion-header .collapse-title h4, .gift-card-checkout .accordion-header .collapse-title .chevron-wrapper {
	display: inline-block;
	padding-right: 5px;
}

.gift-card-checkout .accordion-header .collapse-title .chevron-wrapper img {
	width: 15px;
}

.gift-card-checkout .accordion-header .collapse-title {
	display: flex;
    justify-content: center;
    align-items: center;
}

.gift-card-checkout .panel {
	background-color: #F2F4F4;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.gift-card-checkout .panel .panel-heading, .gift-card-checkout .panel .panel-heading a, .gift-card-checkout .panel .panel-body {
	border: none !important;
}

.gift-card-checkout .panel .panel-heading {
	padding: 0;
}

.gift-card-checkout .panel .panel-heading a {
	background-color: #F2F4F4
}

.gift-card-checkout .mobile-accordion {
	display: none;
}

.gift-card-checkout .stripe-element input {
	border: 4px solid red;
}

/* .stripe-element-input {
	color: #191B22;
} */

/* .stripe-element-input.inline-element {
	width: 48%;
	display: inline-block;
} */

.stripe-element-input.inline-element.last {
	float: right;
}

.gift-card-checkout .customer-details .product-info .stripe-label {
	margin-bottom: 0;
	padding-top: 15px;
	font-weight: 400;
}

/* .gift-card-checkout .form-group .stripe-element-input.focused { */
.gift-card-checkout .form-group .stripe-element-input::-webkit-input-placeholder, .gift-card-checkout .form-group .stripe-element-input::-moz-placeholder, .gift-card-checkout .form-group .stripe-element-input::-ms-input-placeholder {
	color: transparent;
}

/* .gift-card-checkout .form-group .stripe-element-input input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-style: none;
} */


.gift-card-checkout .form-group .input.StripeElement .InputElement {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity;
}

.gift-card-checkout .form-group .stripe-label {
	width: 100%;
}

.gift-card-checkout .form-group .inline-wrapper {
	display: flex;
	justify-content: space-between;
}

.gift-card-checkout .form-group .inline-stripe-container {
	width: 100%;
}

/* .gift-card-checkout .form-group .inline-stripe-container {
	display: inline-block;
	width: 48%;
} */

.gift-card-checkout .form-group .inline-stripe-container.last-stripe-container {
	float: right;
}

.gift-card-checkout .form-group .inline-stripe-container:not(.last-stripe-container) {
	padding-right: 10px;
}

.gift-card-checkout .form-group .inline-stripe-container.last-stripe-container {
	padding-left: 10px;
}


/* #region Order Complete */
.gift-card-checkout .form-wrapper .order-complete {
	display: flex;	
	align-items: center;
	margin-bottom: 50px;
}

.gift-card-checkout .form-wrapper .order-complete h4 {
	margin-bottom: 5px;
}

.gift-card-checkout .form-wrapper .order-complete p {
	margin-bottom: 0;
}

.gift-card-checkout .form-wrapper .order-complete .tick-icon {
	width: 60px;
	margin-right: 20px;
}

.gift-card-checkout .form-wrapper .customer-summary-info .customer-summary-box {
	padding: 40px;
	border: 3px solid #F2F4F4;
	margin-bottom: 60px;
}

.gift-card-checkout .form-wrapper .loading-image-container {
	text-align: center;
}

.gift-card-checkout .form-wrapper .loading-image {
	margin: 0 auto;
}
@media (min-width: 1200px) {
	.gift-card-image-wrapper {
		position: fixed;
	}
}

/* #endregion Order Complete */
@media (max-width: 991.98px) {
	.order-gift-cards-section .egift-card-column {
		margin-top: 20px;
	}

	.order-gift-cards-section .gift-card-image-wrapper {
		margin-top: 0;
	}

	.nav-with-top-bar.navbar.navbar-fixed-top.navbar-toggle {
		margin-top: 17px;
	}

	.top-nav .top-nav-items {
		display: none;
	}

	.nav-with-top-bar.navbar.navbar-fixed-top .navbar-nav > li > a {
		height: initial;
		line-height: 1
	}

	.nav-with-top-bar.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 405px;
	}

	.nav-with-top-bar.navbar.navbar-fixed-top .navbar-toggle {
		margin-top: 16px;
	}

	.nav-with-top-bar .nav>li>a {
		padding: 15px 22px;
	}

	.nav-with-top-bar.navbar.navbar-fixed-top .navbar-nav > li > a.book-now {
		margin-top: 5px;
	}

	.gift-card-checkout .desktop-product-info-wrapper {
		display: none;
	}

	.gift-card-checkout #accordion .panel-body {
		padding: 0;
	}

	.gift-card-checkout #accordion .panel a {
		padding: 22px 0;
	}

	.gift-card-checkout #accordion .cart-details {
		padding-top: 0
	}

	.gift-card-checkout #accordion .cart-details h4 {
		display: none;
	}

	.gift-card-checkout #accordion .cart-details-column {
		min-height: initial;
	}

	.gift-card-checkout .customer-details-column {
		padding-bottom: 30px;
	}

	.gift-card-checkout .mobile-accordion {
		display: block;
	}
}

@media (max-width: 767.98px) {
	/* .order-gift-cards-section form .inline-label {
		width: 100%;
	} */

	.gift-card-checkout .customer-details {
		padding-top: 30px;
	}
	
	.gift-card-checkout .logo-wrapper {
		margin-bottom: 20px;
	}

	.order-gift-cards-section form label.inline-label {
		margin-bottom: 0;
	}

	.order-gift-cards-section .flatpickr {
		padding: 17px 15px;
		vertical-align: middle;
		margin-bottom: 0;
		line-height: 1;
	}

	.order-gift-cards-section .flatpickr-mobile {
		min-width: 150px;
		appearance: none !important;
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		background-color: #fff;
	}
}
/* #endregion Gift Card + New Branding Navbar */

#contact-form .iti {
	position: static;
	display: block;
}
#contact-form .iti input[type="tel"] {
	font-size: 18px;
}
#contact-form .phone {
	height: 46px;
    padding: 10px 16px;
}


/* #region event package section */

.event-packages-section{
	padding-top:115px;
	padding-bottom:115px;
	background-color: white;;
}

.event-packages-section .dotted-title{
    font-size: 120px;
    line-height: 74px;
    color: white;
    -webkit-text-stroke: 1px #00AACC;
    text-transform: uppercase;
	font-family: 'Titular-Heavy';
}

.event-packages-section .g-bg-black-container {
	margin-top: -20px;
}

.event-packages-section .g-bg-black-container p.sub-text {
	background-color: #000;
    font-family: 'Titular-Heavy';
    font-size: 14.5px;
    line-height: 15px;
    letter-spacing: 4.11px;
    color: white;
    display: inline;
    padding: 5px 36px;
}

.event-packages-section .margin-75{
	margin-top:75px;
	margin-bottom:75px;
}

.event-packages-section .package-container{
	text-align: center;
	border-radius: 14.4px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 1px;
	background-image: linear-gradient(to top right, #F702B1, #6130DE);
}

.event-packages-section .contact-border-bottom{
	border-bottom: 1px solid #F702B1;
	color:#000;
}

.event-packages-section .inner-div-package{
	background-color: white;
	padding-top:33px;
	padding-bottom:40px;
	padding-right:40px;
	padding-left:40px;
	border-radius: 13.4px;
}

.event-packages-section .package-heading{
	color:#0B1220;
	font-family: 'Titular-Heavy';
    font-size: 34px;
    line-height: 35px;
	margin-bottom:7px;
	text-transform: uppercase;
}

.event-packages-section .small-border{
	height:2.4px;
	width:39.6px;
	background-image: linear-gradient(108deg,#F702B1 10%,#6130DE);
	display: inline-flex;
	margin-bottom:15px;
}

.event-packages-section .package-text{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height: 24px;
	font-weight: 400;
	color: #0B1220;
	margin-bottom:34px;
}

.event-packages-section .play-and-time-container .text{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height: 24px;
	font-weight: 400;
	color: #0B1220;
	margin-bottom: 0px;
}

.event-packages-section .package-icon{
	margin-right:13.5px;
}

.event-packages-section .player-container{
	margin-right:20px;
}

.event-packages-section .player-container, .event-packages-section .time-container,.event-packages-section .package-icon,.event-packages-section .text{
	display: inline-block;
}

.event-packages-section .play-and-time-container{
	margin-bottom:40px;
}

.event-packages-section .book-online-bottom-container{
	padding-right:20px;
	padding-left:20px;
}

.event-packages-section .package-button{
	display: block;
    border-radius: 5px;
    background-image: linear-gradient(108deg,#F702B1,#6130DE);
    color: white;
	font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
}

.event-packages-section .margin-bottom-30{
	margin-bottom:30px;
}


.event-packages-section .cond-text{
	color:#000;
	font-family: 'Titular-Heavy';
    font-size: 50px;
    line-height: 42px;
	margin-bottom:30px;
	text-transform: uppercase;
	text-align: center;
}

.event-packages-section .contact-text{
	font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
	font-weight: 400;
	margin-bottom:20px;
	color:#000;
	text-align: center;
}

@media (max-width: 767px){

	.event-packages-section .dotted-title {
		font-size: 69px;
		line-height: 51px;
	}

	.event-packages-section {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.event-packages-section .book-online-bottom-container {
		padding-right: 10px;
		padding-left: 10px;
	}

	.event-packages-section .package-icon {
		margin-right: 6.5px;
	}

	.event-packages-section .player-container {
		margin-right: 10px;
	}

	.event-packages-section .margin-75 {
		margin-top: 75px;
		margin-bottom: 45px;
	}

	.event-packages-section .cond-text {
		font-size: 40px;
		line-height: 35px;
	}

	.event-packages-section .contact-text {
		font-size: 14px;
		line-height: 19px;
	}

}

.timeslot .amount {
	display: block;
	font-weight: bold;
	font-size: inherit;
}

.timeslot .amount.disabled {
	font-weight: normal;
	color: #888;
	text-decoration: line-through;
}
/* #endregion event package section */

.booking-form .help-block:not(.error-text) {
	font-size: 13px;
}

/* This is gross but saves rewriting alot of other css */

.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #fff;
	padding: 16px 35px;
	font-size: 14px;
    border-radius: 12px;
	text-transform: uppercase;
}

.btn-black:hover,.btn-black:focus,.btn-black.focus,.btn-black:active,.btn-black.active,.open>.dropdown-toggle.btn-black {
    color: #e1e1e1;
    background-color: #000;
    border-color: #e1e1e1
}

.btn-black:active,.btn-black.active,.open>.dropdown-toggle.btn-black {
    background-image: none
}

.btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled.focus,.btn-black[disabled].focus,fieldset[disabled] .btn-black.focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,fieldset[disabled] .btn-black.active {
    background-color: #333333;
    border-color: #979797
}

.comp-badge{
	margin-right: 15px;	
}