﻿/* MODAL styling ----------------------*/
.modal-header {
	padding:5px 10px;
	text-align: center;
}
.modal-header img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0px auto;
	text-align: center;
}
.leisure-check-error {
	background-color: #ffcac9;
	text-align: center;
	padding: 10px 5px;
	margin-bottom: 10px;
}
.leisure-survey-body, .leisure-survey-body label {
	text-align: left;
	text-transform: none;
	color: #3c3c3c;
	padding: 0px 0px;
	font-size: 15px;
	font-weight: normal!important;
}
.leisure-survey-body #TextboxOnline, .leisure-survey-body #TextboxOther {
	margin-left: 10px;
}
.leisure-survey-body #TextboxOther {
	margin-bottom: 10px;
}
.leisure-popup-title {
	text-align: center!important;
	text-transform: none;
	color: #3c3c3c;
	font-weight: 600;
	margin: 0px 20px;
}
.leisure-survey-body .checkbox label {
	padding: 5px 30px;
	margin: 3px 0px;
	background-color: #f1f6e8;
	width: 100%;
}
.leisure-survey-body .checkbox {
	margin: 3px 20px;
}
input.leisure-submit-btn {
	color: #fff;
	margin: 0px auto 0px auto;
	padding: 10px 50px!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	border: 0px;
	display: block;
	background-color: #00aeef;
}
input.leisure-submit-btn:hover {
	text-decoration: none;
	background-color: #00aeef;
	color: #fff;
}
.leisure-close-btn {
	color: #fff;
	margin: 0px auto 0px auto;
	padding: 10px 50px!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	border: 0px;
	display: block;
	background-color: #b19933;
}
.leisure-close-btn:hover {
	text-decoration: none;
	background-color: #b19933;
	color: #fff;
}
.leisure-thanks-message {
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	padding: 30px 0px;
}
.modal-body h5 {
	color: #3c3c3c;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 30px;
}
.modal-body p {
	color: #3c3c3c;
	text-transform: none!important;
	font-size: 16px;
	text-align: left;
	padding: 0px 20px;
}
.leisure-survey-body .textbox {
	margin: 4px 20px 0px 20px;
}
/* Leisure Styling ---------------------------*/
body {
	font-size: 17px;
}
/* Typography ---------------------------*/
p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 25px;
}
#editor bold, #editor strong, #editor b {
	font-weight: 600;
	}
.maincontent li {
  	font-size: 16px;
	line-height: 28px;
    padding: 6px 0px;
  }
strong, b, bold {
font-weight: 600;
}
.leisure-header-title h1 {
	margin: 20px 0px 30px 0px;
}
.leisure-heading h1 {
font-weight: 600;

	margin: 30px 0px 20px 0px;
	letter-spacing: -0.5px;
}
.leisure-heading-rule {
	border-bottom: 6px solid #00b7f0;
	width: 80px;
	margin-bottom: 40px;
}
h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}
h6 {
	font-size: 12px;
	line-height: 20px;
}
.maincontent p a, .leisure-full-width-top p a {
	color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .35em;
}
.maincontent p a:hover, .leisure-full-width-top p a:hover {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-underline-offset: .35em;
}
/* Brand ---------------------------*/
.rct-site-brand {
	background-image: url(/SiteElements/Images/MicroSiteImages/Branding/Leisure/newbannerleisure.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 87px;
	background-color: #c7d942;
}
/*Top Navigation Menu ------------------------------------------  */
/* Responsive Menu ---------------------------------------------- */
/* Sticky Menu ---------------------------------------------- */
#nav {
	width: 100%;
}
#nav.affix {
	position: fixed;
	top: 0;
	z-index:10000;
	-webkit-transition: all .6s ease-in-out;
}
/* Sticky End ---------------------------------------------- */
/* Responsive Menu ---------------------------------------------- */
.navbar {
	border:0px!important;
}
.menu {
	display: inline!important;
}
.navbar-collapse {
	border: 0px;
}
.navbar-toggle.main-nav-icon {
	width: 140px!important;
	margin: 5px;
}
.navbar-header.navbar-header-leisure {
	background-color: #3e1166;
	color: #fff;
}
.container-fluid {
	padding: 0px;
}
.icon-bar-nav {
	background-color: #fff;
	display: block;
	width:22px;
	height:3px;
	border-radius:1px;
	margin: 3px 0px;
	float: right;
	clear: both;
}
.top-menu {
	background-color: #3e1166;
	margin: 0px;
}
.top-main-nav {
	width: 100%;
	margin: 0px auto;
	position: relative;
	/*text-align:center; */
	padding: 0px 0px;
}
#nav a {
	float:left;
	color: #fff;
	font-size: 16px;
	text-decoration: none!important;
font-weight: 600;
}
.sys_simpleListMenu {
	margin: 0px;
}
.sys_simpleListMenu a {
	padding: 24px 14px 24px 14px;
}
.sys_simpleListMenu li {
	list-style-type: none;
}
.sys_simpleListMenu {
	margin: 0px;
	padding: 0px;
}
@media (max-width: 1199px) {
.sys_simpleListMenu a {
	border-top: 1px solid #a9a9a9;
}
}
#nav a:hover {
	background-color: #794ca1;
}
 @media (max-width: 1199px) {
#nav a {
	clear:both;
	width: 100%;
}
#nav a:hover {
	background-color: #794ca1;
	display: block;
}
.sys_simpleListMenu a {
	padding: 20px 10px 20px 20px;
}
}
 @media (max-width: 992px) {
.container-fluid {
	padding: 0px 15px;
}
}
/* MEGAMENU STYLE
-------------------------------------------------- */
.top-main-nav .navbar-nav > li > a {
	padding: 20px 16px 20px 16px;
	background-color: #3e1166;
}
.top-main-nav .nav .open > a, .top-main-nav .nav .open > a:focus, .top-main-nav .nav .open > a:hover {
	background-color: #3e1166;
}
.top-main-nav .nav .open > a {
	background-color: #ac83d0!important;
}
.navbar-nav > li > .dropdown-menu {
	border: 0px;
	border-radius: 0px;
	width: 1140px;
	box-shadow: none;
	border-bottom: 5px solid #c5d3d8;
	background-color: #f1f3f4;
}
.grid {
	background-color:#fff;
}
.dropdown-toggle {
	width:100%;
}
.grid a {
	color: #693895!important;/*purple is too strong */
	margin: 15px 30px 14px 30px;
	padding: 5px 0px;
	border-bottom: 1px solid #f1f3f4;
}
/* the hover is only using the text decoration and border*/
.grid a:hover {
	color: #693895!important;
	text-decoration: underline!important;
	border-bottom: 1px solid #693895;
	background-color: #f1f3f4!important;
}
.top-nav-button a {
	background-color: #8ec63f;
	padding: 10px 35px!important;
	border-radius: 3px;
	color: #fff!important;
	text-transform: uppercase;
	display: block;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px!important;
	border:0px !important;
}
.top-nav-button a:hover {
	background-color: #74ae21!important;
	text-decoration: none;
	color: #fff!important;
	border:0px !important;
}
 @media (min-width: 992px) {
.top-nav-button a {
	width: 250px!important;
	text-align: center;
}
}
/* Mobile Menu Changes ---------------------------------*/
 @media (max-width: 1199px) {
.navbar-nav > li > .dropdown-menu {
	width: 100%;
	position: relative;
}
.top-main-nav .navbar-nav > li > a {
	padding: 20px 0px 20px 20px;
	background-color: #3e1166;
}
.grid a {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px;
	border-bottom: 0px solid #fff;
	color: #fff!important;
}
.navbar-nav > li > .dropdown-menu {
	width: 100%;
}
.dropdown-menu {
	background-color:#73429e;
}
.grid a:hover {
	color: #fff!important;
	text-decoration: underline!important;
	border-bottom: 0px solid #693895;
	background-color: #3e1166!important;
}
.navbar-nav > li > .dropdown-menu {
	border-bottom: 5px solid #ac83d0;
}
.sys_simpleListMenu a {
	border-top: 1px solid #ac83d0;
}
.top-nav-button a:hover {
	background-color: #74ae21!important;
}
}
@media (max-width: 991px) {
.grid {
	background-color: #73429e;
}
#nav .nav.navbar-nav {
	background-color:#73429e!important;
	margin-bottom: 0px;
}
#nav .nav.navbar-nav {
	margin: 0px 0px;
}
.top-nav-button a {
	width: 240px!important;
	text-align: center;
}
}
/* NAV LOGIN BUTTON -----------------------------*/
.nav-login-button {
	float: right;
}
.nav-login-button a {
	background-color: #ed1049;
	padding: 10px 30px!important;
	border-radius: 10px;
	color: #fff!important;
	display: block;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 0px!important;
	margin-top: 14px!important;
	border:0px !important;
}
.nav-login-button a:hover {
	background-color: #cf0035!important;
	text-decoration: none;
	color: #fff!important;
	border:0px !important;
}
/* NAV JOIN BUTTON ----------------------------*/
.nav-join-button {
	float: right;
}
.nav-join-button a {
	background-color: #00b7f0;
	padding: 10px 40px!important;
	border-radius: 10px;
	color: #fff!important;

	display: block;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 14px!important;
	margin-top: 14px!important;
	border:0px !important;
}
.nav-join-button a:hover {
	background-color: #009bd5!important;
	text-decoration: none;
	color: #fff!important;
	border:0px !important;
}
@media (max-width: 1199px) {
.nav-join-button, .nav-login-button {
	float: left;
	text-align: center;
	margin-left: 6px;
}
.nav-join-button a, .nav-login-button a {
	margin: 0px 0px 0px 0px;
}
}
@media (max-width: 410px) {
.nav-join-button {
	display: none!important;
}
}
.breadcrumb {
	background-color: #fff;
	margin: 20px 0px 0px 0px;
	padding: 0px;
  text-transform: capitalize;
	font-size: 16px;
}
.breadcrumb a {
	padding: 0px 10px;
	  color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .35em;
}
.breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-underline-offset: .35em;
}
.breadcrumb span {
	padding: 0px 10px;
}
.breadcrumb a:first-child {
	padding-left: 0px;
}
/*  Jumbotron Styling 
-------------------------------------------------- */
.jumbotron-homepage {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #262559!important;
	margin: 0px;
	margin-top: -1px;
	padding: 33px 0px 33px 0px;
	position: relative;
}
.leisure-homepage {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureFLOutdoorclassesBanner.jpg);
	background-color: #8f8f8f!important;
	min-height: 410px;
}
.leisure-homepage.welsh-homepage {
	background-image: url(/cy/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureFLOutdoorclassesBanner.jpg);
}
 
@media (max-width: 680px) {
.leisure-button-join-today {
		display: none;
	}
.leisure-homepage {
	min-height: 390px;
	background-image: url(/en/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LFLHomepageIstockmobile.jpg);
}
.leisure-homepage.welsh-homepage {
	min-height: 390px;
	background-image: url(/CY/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LFLHomepageIstockmobile.jpg);
}
	
.jumbotron-homepage.leisure-homepage {
	background-position: center center!important;
}
}
.jumbotron-heading-one h1, .jumbotron-heading-one {
	font-weight: 600;
	color: #fff!important;
	font-size: 40px;
	text-align: left;
	margin: 40px 0px 10px 0px;
	text-transform: uppercase;
	z-index:2;
	position: relative;
	letter-spacing: -0.5px;
}
.jumbotron-centre-heading-one, .jumbotron-centre-heading-one h1 {
	font-weight: 600;
	color: #fff!important;
	font-size: 30px;
	text-align: left;
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	z-index:2;
	position: relative;
}
.jumbotron-content p, .jumbotron-content {
	color: #fff!important;
	font-size: 24px;
	text-align: left;
	padding-bottom: 50px;
	z-index:2;
	position: relative;
}
.jumbotron-centre-content {
	margin: 10px 0px 0px 0px;
}
.jumbotron-centre-content p, .jumbotron-centre-content {
	color: #fff!important;
	font-size: 18px;
	z-index:2;
	position: relative;
	line-height: 15px;
}
.jumbotron-centre-content bold, .jumbotron-centre-content b {
	font-weight: 600;
	font-weight: normal;
}
.jumbotron-centre-content p a, .jumbotron-centre-content a {
	color: #fff;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .35em;
}
.jumbotron-centre-content p a:hover, .jumbotron-centre-content a:hover {
	color: #fff;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-underline-offset: .35em;
}
.jumbotron-centre-content-telephone {
	color: #a3e24a;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 20px;
}
.jumbotron-button-container {
	margin-top: 30px;
}
.jumbotron-homepage.leisure-homepage .leisure-button {
	margin-top: 260px;
}
.leisure-button-join-today img {
	width: 85%;
	height: auto;
	display: block;
	margin-top:210px;
}
.leisure-button {
	z-index:2;
	margin: 20px 15px 15px 0px;
	max-width: 300px;
}
.leisure-button a {
	color: #fff;
	background-color:#8ec63f;
	margin: 10px auto;
	padding: 10px 30px!important;
  text-transform: capitalize;
	font-weight: 600;
	font-size: 15px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	display: block;
	text-align: center;
}
.leisure-button a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #6faa1b;
}
.leisure-button-two {
	z-index:2;
	margin: 20px 15px 15px 0px;
	max-width: 300px;
}
.leisure-button-two a {
	color: #fff;
	background-color: #00aeef;
	margin: 0px auto;
	padding: 10px 30px!important;
  text-transform: capitalize;
font-weight: 600;
	font-size: 15px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	display: block;
	text-align: center;
}
.leisure-button-two a:hover {
	text-decoration: none;
	color: #fff;
	background-color:#00a1dd;
}
 @media (max-width: 650px) {
.overlay-one {
	position: absolute;
	background-color: #282158;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index:0;
}
.jumbotron-homepage {
	background-position: -600px center;
}
.jumbotron-heading-one h1, .jumbotron-heading-one {
	font-size: 38px;
	text-align: center;
}
.jumbotron-centre-heading-one, .jumbotron-centre-heading-one h1 {
	font-size: 38px;
	text-align: center;
	line-height: 27px;
}
.jumbotron-content p, .jumbotron-content {
	font-size: 20px;
	text-align: center;
}
.jumbotron-centre-content p, .jumbotron-centre-content, .jumbotron-centre-content-telephone {
	text-align: center;
}
.leisure-button {
	text-align: center;
	margin: 0px auto;
}
.leisure-button-two {
	text-align: center;
	margin: 0px auto;
}
}
/*  Jumbotron Styling - ABERCYNON
-------------------------------------------------- */
.homepage-abercynon {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureAbercynonPROMO.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #262559!important;
	margin: 0px;
	padding: 35px 0px 40px 0px;
	position: relative;
}
 @media (max-width: 650px) {
.jumbotron-homepage-abercynon {
	background-position: -600px center;
}
.jumbotron-centre-heading-one, .jumbotron-centre-heading-one h1 {
	font-size: 24px;
	margin: 20px 0px 10px 0px;
}
.jumbotron-centre-content p, .jumbotron-centre-content {
	color: #fff!important;
	font-size: 16px;
	line-height: 25px;
}
}
/*  Jumbotron Styling - Llys cadwen
-------------------------------------------------- */
.homepage-cadwen {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LlysCadwenBannerJumbo.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Bronwydd
-------------------------------------------------- */
.homepage-bronwydd {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureBronwyddPROMO.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Bronwydd
-------------------------------------------------- */
.homepage-hawthorn {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/HawrthornHome.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - LLantwit Fardre
-------------------------------------------------- */
.homepage-llantwit-fardre {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LlantwitFardrePROMO.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - LLantrisant
-------------------------------------------------- */
.homepage-llantrisant {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LlantwitFardreHome.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Rhondda Fach
-------------------------------------------------- */
.homepage-rhondda-fach {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/Newystradhome.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Rhondda Sports Centre
-------------------------------------------------- */
.homepage-rhondda-sports-centre {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/YstradHome.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Sobell Sports Centre
-------------------------------------------------- */
.homepage-sobell-sports-centre {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureSobellPROMO.jpg);
	padding: 40px 0px 50px 0px;
}
/*  Jumbotron Styling - Tonyrefail Sports Centre
-------------------------------------------------- */
.homepage-tonyrefail-sports-centre {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/LeisureTONYREFAILPROMO.jpg);
	padding: 40px 0px 50px 0px;
}
@media (max-width: 650px) {
.jumbotron-homepage {
	padding: 10px 0px 30px 0px;
}
}
/*  Find my nearest 
-------------------------------------------------- */
.find-my-nearest-wrapper {
	padding:40px 0px;
	background-color:#b2e9fa;
}
.fmn-text {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 22px;
	color: #0e2a58;
	line-height: 24px;
	letter-spacing: -0.5px;
}
.fmn-button {
	text-align: left;
	z-index:2;
	position: relative;
}
.fmn-button a {
	color: #fff;
	background-color: #00aeef;
	margin: 10px auto;
	padding: 10px 30px!important;
	text-transform: uppercase;
	font-size: 15px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
}
.fmn-button a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #047fbe;
}
@media (max-width: 990px) {
.fmn-button a {
	display:inline-block;
}
}
/*  Landing Page Promos
-------------------------------------------------- */

#editor .leisure-landing-promo-container {
	z-index: 1;
}
#editor .leisure-landing-promo-green-box {
	margin-top: 0px;
}
#editor .leisure-landing-promo-container {
	background: #f9f9f9;
	height: 200px;
}
.leisure-landing-promo-container {
	background: #064772;
}
.leisure-landing-promo-image img:hover {
	opacity: 0.7;
	-webkit-transition-duration: 1s; /* Safari */
	transition-duration: 1s;
}
.leisure-landing-promo-green-box {
	background-color: #f1f6e8;
	padding: 20px 15px;
	min-height: 130px;
}
.leisure-landing-promo-heading {
font-weight: 600;
	font-size: 21px;
	text-align: center;
	color: #275c00;
	letter-spacing: -0.5px;
}
.leisure-landing-promo-heading a {
	color: #397a0a;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .35em;
	  text-transform: capitalize;
}
.leisure-landing-promo-heading a:hover {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-underline-offset: .35em;
}
.leisure-landing-promo-rule {
	border-bottom: 0px solid #c7d941;
	width: 100px;
	margin: 10px auto;
}
.leisure-landing-promo-text-description {
	font-size: 16px;
	text-align:  center;
	color: #275c00;
	padding: 10px 20px 20px 10px;
}
.leisure-full-width-top .placeholder img {
	width: 100%;
	height:auto;
	display: block;
}
.placeholder {
	position: relative;
	margin: 20px 0px 20px 0px;
}
.leisure-landing-promo-wrapper p {
	margin: 0px;
	padding: 0px!important;
}
.leisure-landing-promo-container img {
	width: 100%;
	height: auto;
	display: block;
}
.leisure-landing-promo-text a {
	color: #275c00;
}
.leisure-landing-promo-container:hover .leisure-landing-promo-text a {
	color: #000;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	line-height: 30px;
}
.leisure-landing-promo-text a:hover {
	color: #fff;
	text-decoration: none;
}
/* Green Block Styling -------------------------------------------------------*/
.leisure-landing-promo-container-green-block {
	background-color: #f1f6e8;
	padding: 25px 20px;
}
.leisure-landing-promo-text .green-text a {
	color:#2e4203;
}
.leisure-landing-promo-text-green-text {
font-weight: 600;
	color: #275c00;
	font-size: 21px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.leisure-landing-promo-text-green-text a {
	color: #397a0a;
	padding: 90px 0px 0px 0px;
		color: #397a0a;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .35em;
	  text-transform: capitalize;
}
.leisure-landing-promo-text-green-text a:hover {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: auto;
  text-decoration-thickness: max(3px, .1875rem, .12em);
  text-underline-offset: .35em;
}
.leisure-landing-promo-text-green-description {
	font-size: 15px;
	text-align:  center;
	color: #275c00;
	padding: 10px 20px 20px 10px;
}
.leisure-landing-promo-green-icon img {
  width: 35%;
    height: auto;
    display: block;
    text-align: center;
  margin-bottom: 15px;
  }
/* DOWNLOAD BROCHURE STYLE -----------------------*/

.brochure-download-icon img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100px;
	margin: 0px auto;
	text-align: center;
}
.leisure-timetable-download-box {
	background-color: #c00b7a;
	padding: 25px 0px;
	color:#fff;
}
.brochure-download-text {
	font-size: 20px;
	text-transform: uppercase;
}
.download-brochure-button a {
	border-radius: 3px;
	color: #fff;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color:#fff;
font-weight: 600;
	font-size: 15px;
	padding: 10px 45px;
	background-color: #8f0158;
}
.download-brochure-button a:hover {
	background-color: #6b0042;
	text-decoration: none;
	color: #fff;
}
 @media (min-width: 600px) {
.vertical-align {
	display: flex;
	align-items: center;
}
}
@media (max-width: 600px) {
.brochure-download-text {
	padding: 30px 20px;
	text-align: center;
}
}
/*---------------- each centres xmas timetable view -------------------*/
.leisure-timetable-view-box{
	background-color:#378b29!important;
	padding: 25px 0px;
	font-family: 'open_sansregular', sans-serif;
	color:#fff;

}
.view-brochure-button a:hover {
		text-decoration: none;
	color: #fff;
		background-color:#1b4214 !important;
}
.view-brochure-button a{
			border-radius: 3px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color:#fff;
font-weight: 600;
	font-size: 15px;
	padding: 10px 45px;
		background-color:#24581b!important;
}
.brochure-view-text{
font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}

/* -------------------pricing table--------*/
.list {
	width: 100%;
}
.list-cont {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	transition-timing-function:ease-out;
	transition-duration:.15s;
	transform:translateY(0);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);
	box-shadow:0 0 8px rgba(0,0,0,.3);
	margin-top:20px;
	margin-bottom:20px;
	padding:1px 28px 20px;
}
.list-cont p, h3 {
	text-align: center;
}
.list-cont h3 {
	font-weight: 600;
	font-size: 1.8em;
}
.list-cont p {
	font-size: 1.3em;
	color:#00a8eb;
}
.motive {
	border-bottom: 1px solid #d9dadc;
	border-top: 1px solid #d9dadc;
	margin: 4px 0 28px;
	padding: 15px;
}
.motive p {
	color:#000;
}
.btn-stan {
	background-color: #00a8eb;
	color:#fff;
font-weight: 600;
}
.btn-stan:hover {
	background-color: #0189c0;
	color:#fff;
}
.list [class*='col-'] {
	padding-right:20px;
	padding-left:20px;
}
 @media (min-width:768px) {
.list {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
}
@media (min-width:76px) {
.list-cont {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
}
@media (min-width:768px) {
.list-cont div {
	-webkit-flex:1 0 auto;
	-moz-flex:1 0 auto;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	width:100%
}
}
@media (min-width:990px) {
.list-item {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:flex;
}
}
.list-item:first-child {
	margin-bottom:24px
}
/*---Activity/classes css ----------------------*/
.activity-green-block {
	padding: 20px 20px 10px 20px;
	background-color:#f6fce8;
	border-bottom: 5px solid #d4e5ab;
	margin-bottom: 30px;
}
.activity-green-block h2 {
	font-size: 17px;
	font-weight: 600;
}
.activity-image img {
	width:100%;
	display:block;
	height:auto;
	clear:both;
	margin-bottom: 20px;
}
.activity-green-block ul {
	padding-left: 15px;
	margin-bottom: 20px;
}
.activity-green-block li {
	margin-bottom: 8px;
}
.timesTable {
	color: #000;
	padding-top: 20px;
}
/*----Opening Timetable ----------------*/
.leisure-timetables table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.leisure-timetables th, td {
	border:none;
	font-weight: normal;
	padding:10px;
	text-align:left;
}
.leisure-timetables tr {
	border-bottom:1px solid #f2f2f2;
}
/*--Class Timestable ------------*/
.ClassTable {
	margin-bottom:30px;
}
.rct_leisure_class_times table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.rct_leisure_class_times th, td {
	border:none;
	padding:10px;
	text-align:left;
}
.rct_leisure_class_times tr:nth-child(even) {
	background-color:#e8d4f9;
}
.rct_leisure_class_times thead {
	font-size:1.4em;
	color:#fff;
	background-color: #9365bc;
}
/*-------------------------- activity ----------------------*/
.leisure_activity {
	background-color: #eff6f8;
	padding:10px;
	margin-top:5px;
}
.leisure_activity h3 {
	font-weight: 600;
	left:40px;
	bottom:130px;
	color:#fff;
	position:absolute;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	padding: 0;
}
.leisure_activity p {
	text-align:center;
}
.leisure_activity_title {
	color: #fff;
	background-color: #000;
	padding-left:5px;
	padding-right: 5px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 34.5px;
	text-decoration: none;
	position: absolute;
	bottom:35px;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 2px solid transparent;
	text-transform:uppercase;
}
.leisure_activity_featured img, .leisure_activity img {
	width:100%;
	display:block;
	height:auto;
	clear:both;
}
.leisure-activity-grad {
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	background-repeat: repeat-x;
	bottom: 125px;
	content: "";
	left: 0;
	margin-left:25px;
	margin-right:25px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 30%;
}
.leisure-activity-button {
	background-color: #00b7f0;
	text-align:center;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 14px;
	padding: 6px 25px;
	text-transform: uppercase;
}
.leisure-activity-button:hover {
	color:#fff !important;
	text-decoration:none;
	background-color: #009bd5;
}
/*--------------- class description page ----------*/
    .leisure_know_bg {
	text-align:center;
	padding:10px;
}
.leisure_bring_bg {
	padding:10px;
	text-align:center;
	border-radius:2%;
}
.leisure_bring_bg img {
	border-radius:50%;
}
.leisure_know_text h2 {
	border-bottom: 5px solid #f2f2f2;
	padding:10px;
}
.leisure_know_text p {
	padding-left:15px;
}
.need_to_know_image img {
	width:100%;
	display:block;
	height:auto;
	clear:both;
	padding:10px;
	border-radius:8%;
}
/*Leisure Video Container ----*/
.Leisure-video-container {
	background-color: #d0f3fe;
	background: #d0f3fe; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#d0f3fe, #a2def4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#d0f3fe, #a2def4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d0f3fe, #a2def4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d0f3fe, #a2def4); /* Standard syntax */
	padding: 30px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0px 0px;
}
.video-text-heading {
	color: #000;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
	margin: 0px 0px 40px 0px;
	;
	font-family: 'open_sansbold', sans-serif;
}
.video-text {
	color: #000;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
	margin: 0px 0px 40px 0px;
}
.video-text-rule {
	border-bottom: 6px solid #00b7f0;
	margin: 50px auto 0px auto;
	width: 80px;
	display: block;
}
.jwpreview {
	opacity:0!important;
}
/*Leisure Activities Styling ----*/
.activity-content-image img {
	width: 100%;
	height: auto;
	display: block;
	  padding-bottom:30px;
}
.activity-grouping {
	background-color: #f2f2f2;
	padding: 40px 0px;
}
.activity-grouping-title h2 {
	color: #000;
	text-align: center;
	font-size: 22px;
}
.activity-grouping-content h3 {
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.activity-grouping-content p {
	text-align: center;
	font-size: 16px;
	color: #000;
}
.activity-grouping-content img {
	width: 100px;
	height: auto;
	display: block;
	margin: 20px auto;
	text-align: center;
}
.activity-grouping-content {
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
}
/*--------------book it button ----------*/
.leisure_book_online {
	border:2px solid #00b7f0;
	margin-bottom:25px;
}
.leisure_book_online p {
	font-size: 20px;
	margin: 30px 30px;
	font-weight: 600;
}
.leisure_book_online p a {
    text-decoration: underline;
  }
.leisure_book_onlineBTN {
	background-color:#00b7f0;
	color:#fff;
	text-align:center;
	padding:10px 15px;
	border-radius: 3%;
	display:block;
	margin:20px 15px;
	font-size:1.4em;
	font-weight: 600;
}
.leisure_book_onlineBTN:hover {
	background-color: #009bd5;
	color:#fff;
	text-decoration:none;
}
@media ( max-width:999px ) {
.leisure_book_online p {
	text-align:center;
}
}
/*-------- featured class sticker ------*/
   .featuredClass {
	position: absolute;
	top:-30px;
	right: 15px;
	max-height:100px;
	max-width:100px;
	z-index:3;
}
#editor .featuredClass {
	display: none;
}
/*------ Activity Styling ------*/
.activity-list-container {
	margin-bottom: 30px;
}
.activity-list-heading {
	font-weight: 600;
	font-size: 17px;
	background-color: #ed1049;
	padding: 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
}
.activity-list-heading p {
	font-size: 17px;
}
.activity-list-heading.color-one {
	background-color: #8447a3;
}
.activity-list-heading.color-two {
	background-color: #79b15e;
}
.activity-list-heading.color-three {
	background-color: #e3a12e;
}
.activity-list-heading.color-four {
	background-color: #c32c29;
}
.activity-list-heading.color-five {
	background-color: #1da3c5;
}
.activity-list-heading.color-six {
	background-color: #bd3984;
}
.activity-list-heading.color-seven {
	background-color: #33b87b;
}
.activity-list-heading.color-eight {
	background-color: #fff;
}
.activity-list-heading.color-nine {
	background-color: #fff;
}
.activity-list-heading p {
	margin: 0px;
}
.activity-list h2 {
	clear: both;
	padding-top: 30px;
	font-size: 24px;
}
.activity-list ul {
	padding: 0px;
}
.activity-list li {
	display: block;
	padding: 0px;
	text-align: center;
}
.activity-list li a {
	display: block;
	font-size: 15px;
	border: 1px solid #cbd1d4;
	border-top: 0px;
	white-space: nowrap;
	margin: 0px 0px;
	padding: 10px;
	color: #000;
}
.activity-list li a:hover {
	text-decoration: underline;
}
/* Table styling ----------------------*/
.maincontent table {
	width: 100%;
	margin-bottom: 40px;
	background-color: #fff;
	font-weight: normal;
	font-size: 16px;
}
.maincontent table > tbody > tr > th, .maincontent table > tfoot > tr > th, .maincontent table > thead > tr > td, .maincontent table > tbody > tr > td, .maincontent table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-bottom: 1px solid #d6baeb;
}
.maincontent table caption {
	color: #353535;
	text-align: left;
	padding: 10px;
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	display: none;
}
.maincontent table > tbody > tr:nth-child(odd) > td {
	background-color: #fff;
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	padding: 9px;
	margin: 0px;
}
.maincontent table td p, .maincontent table td p a, .maincontent table td p a:hover {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	line-height: 1.428571429;
}
.maincontent table > tbody > tr > th {
	background-color: #d6baeb;
	font-family: 'open_sansbold', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.428571429;
}
.maincontent table > tbody > tr > th p {
	background-color: #e3d1f1;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.428571429;
	margin: 0px;
	padding: 0px;
}
.maincontent table > tbody > tr > th br {
	background-color: #e3d1f1;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.428571429;
}
.maincontent table > tbody > tr:nth-child(even) {
/*background: #f4edfa;*/
}
.maincontent table > tbody a {
	color: #056ebe;
}
.maincontent table img {
	max-width: 150px;
	width: 150px\9; /* IE8 and below */
*width: 150px; /* IE7 and below */
	height: auto;
}
/* book a class online  -----------------------------*/
.book-a-class-style {
	background-color: #fff;
	padding: 20px 30px;
	margin: 35px 0px;
	border: 2px solid #00b7f0;
	border-radius: 3px;
}
.book-a-class-style-fullwidth {
	background-color: #eff2f3;
	padding: 10px 0px;
}
.book-it-text {
font-weight: 600;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 26px;
	margin: 20px 0px 7px 0px
}
.book-it-button {
	padding: 10px 0px;
}
.book-it-button a {
	background-color: #00b7f0;
	padding: 10px 5px;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	border: 2px solid #00b7f0;
	display: block;
	text-align: center;
}
.book-it-button a:hover {
	background-color: #015da3;
	text-decoration: none;
	color: #fff;
	border: 2px solid #015da3;
}
/* Leisure Green Block styling -----------------------*/
.green-block p {
	padding: 0px 0px 0px 0px;
}
.green-block p a, .green-block a, .green-block p a:hover, .green-block a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
}
.green-block {
	background-color: #f6fce8;
	padding: 20px 20px 0px 20px;
	margin-bottom: 30px;
	border-bottom: 5px solid #d4e5ab;
}
.label.label-success {
	font-weight: 600;
	padding: 4px 10px;
	margin:0px 4px
}
.green-block-image img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
/* Join Leisure Box Styling STANDARD ------------------------------*/
.leisure-join-container {
	padding: 10px;
	border-radius: 3px;
}
.leisure-join-container .three-col-promo-heading {
	font-weight: 600;
	text-align: center;
	padding: 10px;
	font-size: 16px;
}
.leisure-join-container.standard-option {
	background-color: #c2f1fe;
	border-radius: 10px;
	margin-bottom: 40px;
}
.leisure-join-container.standard-option p {
	color: #008ac1!important;
}
.leisure-join-container.standard-option a, .leisure-join-container.standard-option p a {
	background-color: #00a8eb;
	padding: 7px 35px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	display: block;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	text-decoration: none;
}
.leisure-join-container.standard-option p a:hover, .leisure-join-container.standard-option p a:hover {
	background-color: #015da3;
	text-decoration: none;
	color: #fff;
}
@media (min-width: 768px) and (max-width: 992px) {
.leisure-join-container.standard-option p a, .leisure-join-container.standard-option p a {
	margin-left: 0px;
	margin-right: 0px;
}
}
/* Join Leisure Box Styling CONCESSIONS ------------------------------*/

.leisure-join-container.concession-option {
	background-color: #feead6;
	min-height: 125px;
		border-radius: 10px;
	margin-bottom: 40px;
}
.leisure-join-container.concession-option p {
	color: #008ac1!important;
}
.leisure-join-container.concession-option p a, .leisure-join-container.concession-option p a {
	background-color: #ff7e00!important;
	padding: 7px 35px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	display: block;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	text-decoration: none;
}
.leisure-join-container.concession-option p a:hover, .leisure-join-container.concession-option p a:hover {
	background-color: #dd5300!important;
	text-decoration: none;
	color: #fff;
}
@media (min-width: 768px) and (max-width: 992px) {
.leisure-join-container.concession-option p a, .leisure-join-container.concession-option p a {
	margin-left: 0px;
	margin-right: 0px;
}
}
/* Join Leisure Box Styling CONCESSIONS ------------------------------*/
.corporate-option .three-col-promo-heading {
	color: #000!important;
}
.leisure-join-container.corporate-option {
	background-color: #e2f4a6;
		border-radius: 10px;
	margin-bottom: 40px;
}
.leisure-join-container.corporate-option p {
	color: #008ac1!important;
}
.leisure-join-container.corporate-option p a, .leisure-join-container.corporate-option p a {
	background-color: #9ec515!important;
	padding: 7px 35px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	display: block;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	text-decoration: none;
}
.leisure-join-container.corporate-option p a:hover, .leisure-join-container.corporate-option p a:hover {
	background-color: #81a501!important;
	text-decoration: none;
	color: #fff;
}
@media (min-width: 768px) and (max-width: 992px) {
.leisure-join-container.corporate-option p a, .leisure-join-container.corporate-option p a {
	margin-left: 0px;
	margin-right: 0px;
}
}
/* Saving table ---------------------*/
.saving-table th, .saving-table td {
	background: none!important;
	text-align: center;
	font-weight: 600;
	border: 6px solid #fff!important;
	padding:10px 3px!important;
}
th.dark-purple {
	background-color: #662c91!important;
	color: #fff!important;
	vertical-align:middle!important;
}
th.light-purple, td.light-purple {
	background-color: #e7e0f1!important;
	vertical-align:middle!important;
}
th.mid-purple, td.mid-purple {
	background-color: #d2c7e3!important;
	vertical-align:middle!important;
}
th.blue {
	background-color: #007ac3!important;
	color: #fff!important;
	vertical-align:middle!important;
}
td.light-blue {
	background-color: #b1d2f6!important;
}
th.red {
	background-color: #de4a23!important;
	color: #fff!important;
	vertical-align:middle!important;
}
td.light-red {
	background-color: #f9b19e!important;
}
th.orange {
	background-color: #ffb413!important;
	color: #fff!important;
	vertical-align:middle!important;
}
td.light-orange {
	background-color: #ffe6b0!important;
}
th.green {
	background-color: #88c232!important;
	color: #fff!important;
}
th.green span {
	font-size: 23px;
}
td.light-green {
	background-color: #c5df9b!important;
}
/* Pricing Table ---------------------*/
  .pricing-container {
	border: 3px solid #005c96;
	border-radius: 15px;
	text-align: center;
	margin:20px 0px;
}
.pricing-head {
	background-color: #005c96;
	margin-bottom: 15px;
	border-radius: 10px 10px 0px 0px;
}
.price {
	text-align: center;
	padding: 15px 5px 0px 5px;
	font-weight: 600;
	font-size: 32px;
	color: #fff;
}
.membership-type {
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 0px 5px 15px 5px;
	color: #42ccff;
}
.pricing-button a, .pricing-button p a {
	background-color: #00b1f2!important;
	padding: 10px 35px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	display: block;
	margin: 20px 30px 20px 30px;
	text-align: center;
}
.pricing-button a:hover, .pricing-button p a:hover {
	background-color: #007fc0!important;
	text-decoration: none;
	color: #fff;
}
.extra-text {
	margin:20px;
	font-size: 14px;
}
.extra-text a {
	color: #00ace4;
}
.pricing-text {
	padding: 5px 20px;
}
/*--- corporate pricing ---*/
.pricing-head-corp {
	background: #acd50c;
	margin-bottom: 15px;
}
.pricing-container-corp {
	border: 2px solid #acd50c;
	border-radius: 6px;
	text-align: center;
	margin:20px 0px;
}
.membership-type-corp {
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 0px 5px 15px 5px;
	color: #4e6104;
}
.pricing-button-corp {
	background-color: #9ec515;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-weight: 600;
	font-size: 14px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	padding: 7px 35px;
	text-align: center;
	text-transform: uppercase;
}
.pricing-button-corp a {
	color: #fff;
}
/*-- junior and concession pricing --*/ 
.pricing-head-junior {
	background: #ee8e29;
	margin-bottom: 15px;
}
.pricing-container-junior {
	border: 2px solid #ee8e29;
	border-radius: 6px;
	text-align: center;
	margin:20px 0px;
}
.membership-type-junior {
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 0px 5px 15px 5px;
  color: #693f13;
}
.pricing-button-junior a, .pricing-button-junior p a {
	background-color: #ee8e29;
	border-radius: 3px;
	color: #fff!important;
	display: block;
	font-weight: 600;
	font-size: 14px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	padding: 7px 35px;
	text-align: center;
	text-transform: uppercase;
}
.pricing-button-junior a:hover, .pricing-button-junior p a:hover {
  background-color: #d0700b;
  text-decoration: none;
  }
.pricing-button-junior a {
	color: #fff;
}
/* Blue Highlight Container ---------------------*/
.blue-highlight-box {
	background: #d7f0fc;
	padding: 20px 20px;
	margin: 10px 0px 10px 0px;
  font-size: 17px;
}
.blue-highlight-box ul {
	padding: 0px 0px 0px 20px;
}
.blue-highlight-box li {
	padding: 0px 0px 10px 5px;
}
.blue-highlight-box a {
	color: #333;
	border-bottom: 1px solid #333;
}
.blue-highlight-box a:hover {
	color: #333;
	border-bottom: 1px solid #333;
	text-decoration: none;
}
/* Leisure APP Container ---------------------*/
.leisure-home-promo {
		overflow: hidden;
}
.leisure-app-promo {
	overflow: hidden;
}
.leisure-app-promo img, .leisure-home-promo img{
	width:100%;
	height: auto;
	display: block;
}
 @media (max-width: 650px) {
.leisure-app-promo img, .leisure-home-promo img {
	width:100%;
	height: auto;
	display: block;
	transform:scale(1.1);
}
}
/* Choose a Centre Container ---------------------*/
.choose-a-centre-block {
	background: #f2f2f2;
	margin-bottom: 30px;
	padding: 15px;
	border-radius: 20px;
}
.leisure-centre-title {
	font-weight: 700;
	font-size: 23px;
	margin: 10px 0px;
	padding-left: 15px;
}
.leisure-centre-description p {
	font-size: 16px;
	line-height: 32px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.leisure-centre-description p a {
	border-bottom: 1px solid #00a8eb;
}
.leisure-centre-description p a:hover {
	border-bottom: 1px solid #00608c;
	color: #00608c;
	text-decoration: none;
}
.choose-a-centre-block .leisure-button, .choose-a-centre-block .leisure-button-two {
	margin: 10px 10px;
}
@media (max-width:991px) {
.leisure-centre-title, .leisure-centre-description {
	text-align:center;
}
.leisure-button-two, .leisure-button {
	padding-right: 0px;
	padding-left: 0px;
	max-width: 100%;
}
}
/* Footer Container ---------------------*/
.footer {
	height: 160px;
}
/* ----- forms buttons style -------*/
.sys_form-submit {
	background-color: #00aeef;
	border: 0 solid #fff;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 45px;
	text-transform: uppercase;
}
/*--- corporate request application button --*/
 .request-it-button {
	padding: 10px 0px;
}
.request-it-button a {
	background-color: #9ec515;
	padding: 10px 5px;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	border: 2px solid #9ec515;
	display: block;
	text-align: center;
}
.request-it-button a:hover {
	background-color: #5b820f;
	text-decoration: none;
	color: #fff;
	border: 2px solid #5b820f;
}
.request-app-style {
	background-color: #fff;
	border: 2px solid #9ec515;
	border-radius: 3px;
	margin: 35px 0;
	padding: 20px 30px;
}
/*--- time table page buttons css ---*/
.cmd-timetable-download {
	padding: 15px 25px;
}
.cmd-timetable-download a {
	padding:15px;
	color:#fff;
	display: block;
	text-align:center;
	background-color:#095db0;
	border-radius: 4px;
	font-weight: 600;
	font-size:1.1em;
}
.cmd-timetable-download a:hover {
	background-color:#063666;
}
.cmd-price-download {
	padding:15px 25px;
}

.cmd-price-download  a{
padding:15px;
color: #fff!important;
display: block;
text-align: center;
background-color: #4b157b;
border-radius: 4px;
font-weight: 600;
font-size: 1.1em;
}
.cmd-price-download a:hover {
	background-color:#320e52;
}
/*---Map Styling -----------------------------*/
.map-title {
	font-weight: 600;
	font-size: 21px;
	text-align: center;
	margin-bottom: 10px;
}
.map-address {
	font-size: 19px;
	text-align: center;
	margin-bottom: 30px;
}
.map-find-directions {
	text-align: center;
	margin-bottom: 10px;
}
.mapping-icons {
	margin-bottom: 60px;
}
.mapping-icons img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0px auto;
}
/*--------------swimming blocks ---------*/
  .swimming-block-style {
	background-color: #fff;
	padding: 20px 20px;
	margin: 35px 0px;
	border: 2px solid #00a8ee;
	border-radius: 5px;
}
/*--------- wave splash buttons -----*/
.age-display {
	background-color: #00a8ee;
	padding: 30px 5px;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	display: block;
	text-align: center;
  letter-spacing: -1px;
}
.baby-sel {
	text-transform: none;
	font-size:1.2em
}
.sign-up {
	padding:8px;
	background-color:#501585;
	border-radius: 3px;
	color:#fff !important;
	text-transform: uppercase;
}
.sign-up:hover {
	background-color:#2e0751;
	text-decoration:none;
}
.age-no {
	font-size: 42px;
	color:#fff;
}
/* Swimming Section --------------*/
.homepage-swimming {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/swimmingsectionbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 70px 0px 70px 0px;
	position: relative;
	background-color:#057e98!important;
	min-height: 300px;
}
.swimming-jumbotron-centre-content {
	color: #fff;
	font-size: 20px;
	margin:10px 0px;
}
@media (max-width: 650px) {
.homepage-swimming {
	background-position: -650px center;
}
.swimming-jumbotron-centre-content {
	text-align: center;
	font-size: 18px;
}
}
.leisure-swimming-box {
	color:#fff;
	background-color: #004376;
	padding:30px 0px;
	text-transform: uppercase;
font-weight: 600;
}
.leisure-swimming-box .download-brochure-button a {
	background-color:#1f82c3;
}
.leisure-swimming-box .download-brochure-button a:hover {
	background-color:#52a5dc;
}
.swim-text ul {
    margin: 0px;
}
/* Party Section --------------*/
.homepage-kids-parties {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/JumbtronImages/ChildrensPartiesPromoBanner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 70px 0px 70px 0px;
	position: relative;
	background-color:#b7106d!important;
	min-height: 300px;
}
.kids-parties-jumbotron-centre-content {
	color: #fff;
	font-size: 20px;
	margin:10px 0px;
}
 @media (max-width: 650px) {
.homepage-kids-parties {
	background-position: -650px center;
}
.kids-parties-jumbotron-centre-content {
	text-align: center;
	font-size: 18px;
}
}
.leisure-swimming-box {
	color:#fff;
	background-color: #004376;
	padding:30px 0px;
	text-transform: uppercase;
font-weight: 600;
}
.leisure-swimming-box .download-brochure-button a {
	background-color:#1f82c3;
}
.leisure-swimming-box .download-brochure-button a:hover {
	background-color:#52a5dc;
}
/* Swimming Section Landing Two -----------------------------*/
.leisure-content-landing-image-left {
border: 3px solid #e7eef2;
margin-bottom: 30px;
  padding: 20px;
}
.leisure-content-landing-image-left h2 {
font-size: 23px;
	text-transform: uppercase;
font-weight: 600;
  margin-bottom: 20px;
}
.leisure-content-landing-image-left h2 a {
  color: #00a8eb;
  }
.landing-image-left img {
width: 100%;
height: auto;
display: block;
}
.landing-content-right {
padding: 10px 30px 10px 10px;
}
.landing-content-right-button a {
	background-color: #00a8eb;
	padding: 10px 35px!important;
	border-radius: 3px;
	color: #fff!important;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px!important;
	border:0px !important;
  display: inline-block
}
.landing-content-right-button a:hover {
	background-color: #0070b1!important;
	text-decoration: none;
	color: #fff!important;
	border:0px !important;
}
/* LEISURE FORM BUILDER STYLING --------------------------------*/
ul.sys_cms-form-body {
	padding: 0px!important;
}
.sys_cms-form-control ul {
	padding: 0px;
	list-style: none;
}
.sys_cms-form-control li {
	padding: 15px 0px;
}
.sys_fieldcontent textarea {
	border: 2px solid #86989d;
	width: 100%;
}
.sys_fieldcontent textarea {
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 16px;
	margin-bottom: 10px;
	border: 2px solid #86989d;
	width: 100%;
	border-radius: 3px;
}
.sys_fieldcontent textarea:focus {
	border: 2px solid #FFBF47!important;
}
.sys_radio.sys_sidebyside .sys_fieldcontent span {
	margin-top: 10px!important;
}
.sys_cms-form-body .sys_fieldlabel, .sys_cms-form-body .sys_legend {
	font-size: 18px!important;
	font-weight: 600;
}
.sys_cms-form-body li input, .sys_cms-form-body li select, .sys_cms-form-body li textarea, .sys_cms-form-body li label, .sys_cms-form-body li .sys_legend, .sys_cms-form-body li .sys_fieldlabel {
	font-weight: 600;
}
.sys_cms-form-body li div label, .sys_cms-form-body .sys_sectionbreak-text {
	font-size: 16px!important;
	line-height: 28px;
}
.sys_cms-form-item.sys_textbox .sys_fieldcontent input, .sys_cms-form-item.sys_email .sys_fieldcontent input, .sys_cms-form-item.sys_phone .sys_fieldcontent input, .sys_cms-form-body .sys_namesubelement input {
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 16px;
	margin-bottom: 10px;
	border: 2px solid #86989d;
	width: 100%;
	border-radius: 3px;
}
.sys_cms-form-item.sys_textbox .sys_fieldcontent input:focus, .sys_cms-form-item.sys_email .sys_fieldcontent input:focus, .sys_cms-form-item.sys_phone .sys_fieldcontent input:focus, .sys_cms-form-body .sys_namesubelement input:focus {
	border: 2px solid #FFBF47!important;
}
.sys_legend, .sys_fieldlabel {
	padding-bottom: 5px;
}
.sys_required {
	display:none;
}
.sys_sectionbreak-header {
	font-weight: 600;
	font-size: 21px;
}
.sys_cms-form-validationsummary {
	display:none;
}
.sys_cms-form-error {
	color: #f60034;
	font-weight: 600;
	margin: 0px 20px 20px 0px;
}
.sys_cms-form-body .error, .sys_cms-form-body .sys_cms-form-error {
    font-weight: normal!important;
    }
.Form-Buttons-Style button:first-child {
	background-color: #86989d;
}
.Form-Buttons-Style button:first-child:hover {
	background-color: #58676b;
}
/* SELECT STYLING --------------------------------*/
select {
	border:  2px solid #abb7bb;
	box-shadow: none!important;
	border-radius: 3px;
	padding: 12px 40px 12px 20px;
}
select {
	padding-left: 10px;
	padding-right: 30px;
	min-width: 240px;
}
select:hover, select:focus, .btn-group.open .dropdown-toggle {
	background-color: #fff;
	border:  2px solid #86989d;
}
option {
        padding: 5px!important;
}
/* RADIO STYLING -------------------------------------*/
.sys_radio.sys_sidebyside .sys_fieldcontent span {
	display: block;
	margin-bottom: 20px;
}
.sys_radio.sys_sidebyside span label {
	position:relative;
	display:inline-block!important;
	min-height:20px;
	margin-top:5px;
	margin-bottom:5px
}
.sys_radio.sys_sidebyside span input[type="radio"] {
	margin: 17px 0px 0px 10px;
	display: inline;
	z-index: 999;
	position:relative;
}
.sys_radio.sys_sidebyside span label {
	display: inline-block;
	background-color: #e7ecee;
	border:  2px solid #e7ecee;
	/*label styling*/
	padding: 10px 20px 10px 45px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sys_radio.sys_sidebyside span input[type="radio"]:checked + label {
	background-color: #fff;
	border:  2px solid #86989d;
}
.sys_radio.sys_sidebyside span label:hover {
	cursor:pointer;
	border:  2px solid #86989d;
}
.sys_radio.sys_sidebyside span input[type="radio"] {
	margin: 20px 0px 0px 20px;
	display: inline;
}
.sys_radio.sys_sidebyside span label {
	padding: 10px 45px;
	margin: 0px 30px 0px -30px;
}
.sys_cms-form-confirmation-content {
	background-color: #cff0e7;
	padding: 40px;
	border-radius: 6px;
	margin: 0px;
}
.sys_cms-form-confirmation-content p {
	margin: 0px;
}
/*---temp price list ---*/
.class-price-box {
  	color:#fff;
	background-color: #004376;
	padding:30px 0px;
	text-transform: uppercase;
	font-weight: 600;
  }
  .book-online-button a {
    background-color:#1f82c3;
 border-radius: 3px;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 45px;
    text-align: center;
    text-transform: uppercase;
  }
  .book-online-button a:hover {
    background-color:#52a5dc;
      text-decoration:none;
  }
/*---Full Width Gallery ----------------------*/
.full-width-gallery img {
width: 100%;
height: auto;
display: block;
}
.col-lg-3.col-md-6.col-sm-6.full-width-gallery {
padding: 2px!important;
}
@media (max-width:768px) {
  .fb-page {
  margin:0px auto!important;
    }
  }
/*---------------video banner ------------*/
.leisure-vid-promo {
	background-color:#00b9f6;
}
/* Latest News listing -----------------------------*/
.sys_theme-simple .sys_datarepeatercontrol .sys_subitem * {
		background-color:#fff!important;
	padding: 5px 15px;
}
.sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading a {
		text-transform: none;
	font-size: 1.2em;
	line-height: 22px;
font-weight: 600;
	margin-top: 20px;
		background-color: #fff!important;
	border-bottom: solid 1px;
	padding-left:0!important;
	
}
.sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading a:hover {
	text-decoration: none!important;
}
.sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading {
	background-color:#fff!important;
}

.sys_theme-simple div .sys_subitem {
			border:none!important;
}
.sys_theme-simple .sys_news-control .sys_itemslist .sys_subitem dl dd.sys_news-description{
	background-color: #fff!important;
}
.sys_subitem-heading.sys_news-subheading {
    text-align: left;
  }
  .Emergency-message {
   background-color:#3a38a3;
    padding: 20px 0;
   opacity:0.8;
  }
  .Emergency-message H2 {
     font-size:1.6em;  color:#fff;
    }
 .Emergency-message p {
        font-size: 1.2em;
   font-family: 'open_sansbold', sans-serif;
	 font-weight: normal;
   color:#fff;
	 margin: 0px 0px 5px 0px;
      }
 .Emergency-message a {
 color:#fff;
  background-color: #c20833;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  border:none;
  }
  .Emergency-message a:hover{
	  background-color: #950527;
  }
  .sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading a {
	font-size: 22px;
font-weight: normal!important;
}
/* News and Promotions -------------------------- */
.sys_subitem-heading.sys_news-subheading {
	font-size: 19px!important;
  font-weight: normal!important;
	margin-top: 10px;
color: #397a0a;
text-transform: uppercase;
font-weight: 600;
}
.sys_subitem-heading.sys_news-subheading a {
	color: #397a0a;
	border-bottom: 1px solid #397a0a;
}
.sys_subitem-heading.sys_news-subheading a:hover {
	color: #173600;
	text-decoration: none;
}
#NewsListing_List .sys_subitem {
	background-color: #f1f6e8;
	padding: 5px 15px 20px 20px;
	border-left: 8px solid #c7d941;
	clear: both;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
#NewsListing_List .sys_subitem.sys_first {
	border-left: 8px solid #82a72a;
}
dt.sys_news-description {
	display: none;
}
.sys_thumbnail {
float: right;
	margin-right: 10px;
}
.sys_subitem-heading.sys_news-subheading {
	float: left;
	width:50%;
	line-height: 30px;
}
.sys_news-description {
		float: left;
		color: #397a0a;
		width: 50%;
}
@media (max-width: 680px) {
	.sys_thumbnail {
float: left;
	margin-right: 10px;
		margin-bottom: 15px;
}
.sys_subitem-heading.sys_news-subheading {
	float: left;
	width:100%;
	line-height: 23px;
}
.sys_news-description {
		float: left;
		color: #397a0a;
		width: 100%;
}
	.sys_subitem-heading.sys_news-subheading {
	line-height: 30px;
}
}
.sys_navigation, .sys_paginginfo {
	margin-bottom: 30px;
	margin-top: 0px;
	font-size: 18px;
}
.sys_navigation a {
	border: 1px solid;
	padding: 7px;
	margin: 3px;
}
.leisure-alert-banner {
	min-height: 0px;
}
/* Alert Banner Styling -------------------------------*/
.alert-bar-content {
	background-color: #f19d38;
	width: 100%;
	padding: 25px 25px 15px 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.alert-bar-content h2 {
	margin: 0px;
	font-size: 26px;
	color: #002f3e;
}
.alert-bar-content p {
	margin: 15px 0px 15px 0px;
		font-size: 16px;
		color: #002f3e;
}
.alert-bar-content p a {
border-bottom: 1px solid #000;
		color: #002f3e;
}
.alert-bar-content p a:hover {
text-decoration: none;
		color: #002f3e;
}
.student-offer-cy {
	background-image: url(/CY/Resident/SportsandLeisure/LeisureCentres/Images/PromotionalBanners/studentdiscounts.jpg);
	min-height: 170px;	
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
background-size: contain;
}
.student-offer {
background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/PromotionalBanners/studentdiscounts.jpg);
	min-height: 170px;	
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
background-size: contain;
}
.student-offer img, .student-offer-cy img {
	opacity: 0.01;
		min-height: 170px;	
}
 @media (max-width: 950px) {
.student-offer {
	background-image: url(/EN/Resident/SportsandLeisure/LeisureCentres/Images/PromotionalBanners/Studentoffermobile.jpg);
		min-height: 140px;
}
	 .student-offer-cy {
		 	background-image: url(/CY/Resident/SportsandLeisure/LeisureCentres/Images/PromotionalBanners/Studentoffermobile.jpg);
		min-height: 140px;
	 }
}
 @media (max-width: 450px) {
.student-offer, .student-offer {
		min-height: 100px;
}
}