/*css*/
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');




html,
body {
	background-color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #25253d;
	font-weight: normal;
	line-height: 1.6;
	overflow-wrap: break-word;
}

p {
	color: #25253d;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.65;
	padding-top: 4px;
	padding-bottom: 8px;
	letter-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

.a-hov {
	transition: all 0.8s ease;
}

.a-hov:hover {
	color: #0071b0;
}

ul li a {
	transition: all 1.8s ease;
}


h1 {
	font-family: 'Open Sans', sans-serif;
	color: #060066;
	text-align: center;
	vertical-align: bottom;
	font-weight: 600;
	letter-spacing: 0;
}

h1 span {
	font-family: 'Open Sans', sans-serif;
	color: #060066;
	text-align: center;
	vertical-align: bottom;
	font-weight: 600;
	letter-spacing: 0;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #060066;
	text-align: center;
	vertical-align: bottom;
	font-weight: 600;
	letter-spacing: 0;
}

h3 a {
	transition: all .4s ease;
}

h3 a:hover {
	color: #323b93;
}

.registerTitle1 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: central;
	font-style:italic; 
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

.registerTitle1 span {
	font-family: "Open Sans", Arial, sans-serif;
	color: #ec1c24;
	font-weight: bold;
	text-align: center;
	
}

.registerTitle2 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	
	font-weight: bold;
	text-align: center;
	vertical-align: central;
	
}

.registerTitle3 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	background-color: transparent;
	font-weight: normal;
	text-align: center;
	vertical-align: central;
}




.registerTitle4 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #060066;
	background-color:transparent;
	border-color: #fff:
	font-weight: normal;
	text-align: center;
	vertical-align: central;

	
}

.registerTitle4:hover {
	font-family: "Open Sans", Arial, sans-serif;
	color: #000;
	background-color:  #FFACC5;
	font-weight: normal;
	text-align: center;
	vertical-align: central;
}


.registerTitle5 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	text-align: center;
	vertical-align: central;
}

.registerTitle5 span {
	color: #000;
}

.registerTitle6 {
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	text-align: center;
	vertical-align: central;
}

.registerTitleBullets {
	font-family: "Open Sans", Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	font-size: 1em;
}

.registerTitleBullets ul {
	list-style: inside url('/images/CustomBullet.png');
	color: #060066;
	padding-left: 10%;
	align-content: bottom;
	vertical-align: bottom;
	text-align: left;
	font-size: 1em;
}

.registerTitleItal {
	font-family: "Open Sans", Arial, sans-serif;
	color: #e4312b;
	font-weight: normal;
	text-align: center;
	vertical-align: central;
	font-style: italic;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}

@media only screen and (min-width: 768px) {
	h1 { font-size: 2.5em; line-height: 1.2; padding: 28px 0 10px; letter-spacing: 0; }
	h2 { font-size: 2em; line-height: 1.25; padding: 8px 0; letter-spacing: 0; }
	h3 { font-size: 1.6em; line-height: 1.3; padding: 8px 0; letter-spacing: 0; }
	h4 { font-size: 1.3em; line-height: 1.35; padding: 6px 0; letter-spacing: 0; }
	h5 { font-size: 1.15em; line-height: 1.4; padding: 6px 0; letter-spacing: 0; }
	h6 { font-size: 1em; line-height: 1.4; padding: 6px 0; letter-spacing: 0; }
    .registerTitle1 {font-size: 4em;        padding-top: 2.5%;        padding-bottom: 1%;    }	
    .registerTitle2 {font-size: 2.5em;        padding-top: 0.5em;        padding-bottom: 0.5em;   }	
    .registerTitle2 span {font-size: 3em;        vertical-align: top;    }	
    .registerTitle3 {font-size: 1.25em;        line-height: 1.5em;        padding-top: 0.5em;        padding-bottom: 1em;    }	
    .registerTitle4 {font-size: 1.2em;        padding-top: 0.25em;        padding-bottom: 0.5em;    }
	.registerTitle4 span {font-size: 0.8em;        padding-top: 0.25em;        padding-bottom: 0.5em;    }
	.registerTitle5 {font-size: 2em;        padding-top: 0.1em;        padding-bottom: 0.1em;    }
    .registerTitle6 {font-size: 0.75em;        padding-top: 0.5em;        padding-bottom: 0.5em;    }
    .registerTitleBullets {font-size: 1em;        padding-top: 0.5em;        padding-bottom: 0.5em;    }
    .registerTitleItal {font-size: 1em;        line-height: 2em;        padding-top: 1em;        padding-bottom: 0.1em;    }	
}	
.title-1 {
	font-family: Impact, 'Coda', Arial, sans-serif;
	color: #ff0004;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	font-size: 48px;
	line-height: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.title-1 span {
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	font-size: 50px;
	line-height: 52px;
	padding-top: 8px;
	padding-bottom: 8 px;
}

.title-ss {
	font-family: 'Josefin-Sans', Arial, sans-serif;
	color: #666666;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	font-size: 48px;
	line-height: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.title-bb {
	font-family: 'Josefin-Sans', Arial, sans-serif;
	color: #f9a7fc;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	font-size: 48px;
	line-height: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.bb {
	color: #000;
}

.text-1 {}

.text-2 {}

.text-3 {}

.color-1 {
	color: #0071b0;
}

.color-2 {}

.blue {
	color: #060066;
}

.white {
	color: #fff;
}

.ol_black {
	
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}


.ol_white {

	text-shadow:
	-1px -1px 0 #fff,
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	1px 1px 0 #fff;
}



.img-ind+h5 {
	padding-top: 0;
}

h5+h4 {
	padding-top: 7px;
	padding-bottom: 13px;
}

h2+h4 {
	padding-top: 26px;
	padding-bottom: 9px;
}

img+h4 {
	padding-top: 25px;
}

h3+h6 {
	padding-top: 0;
	margin-top: -8px;
}

h2+.list {
	margin-top: 5px;
}

.list+h2 {
	margin-top: 35px;
}

h2+h4 {
	padding-top: 0;
}

h2.v1 {
	padding-top: 55px;
}

.btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	transition: all 0.4s ease;
	color: #ccc;
	font-size: 14px;
	line-height: 16px;
	background: url(../images/icon-1.gif) 0 0 no-repeat;
	padding-left: 28px;
	margin-top: 21px;
}

.btn:hover {
	color: #0071b0;
}

.list {
	margin-top: 35px;
}

.list li {
	padding-left: 28px;
	padding-bottom: 2px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #333;
	background: url(../images/icon-1.gif) 0 0 no-repeat;
}

.list li+li {
	margin-top: 1px;
}

.list li a {}

.list li a:hover {
	color: #999;
}


/*auxiliary*/
.img-center {
	align-content: center;
}

.img-ind {
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}

.img-ind-left {
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}

.img-ind-right {
	float: right;
	margin-left: 20px;
	margin-top: 0px;
}

.extra-wrap {
	overflow: hidden;
}

.aligncenter {
	align-content: center;
	text-align: center !important;
}

.alignleft {
	text-align: left !important;
}

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

.fleft {
	float: left;
}

.fright {
	float: right;
}

.h-underline:hover {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.upp {
	;
}

.transition {
	transition: all 0.4s ease;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

.pad-left {
	padding-left: 10px;
}

.pad-bottomAndRight {
	padding-bottom: 15px;
	padding-right: 15px;
}

.pad-bottomAndLeft {
	padding-bottom: 15px;
	padding-left: 15px;
}

.pad-bot {
	padding-bottom: 33px;
}

.wrap-1 {
	width: 96%;
	margin-top: 7px;
}

/************Header************/
.header2 {
	background-color: #010066;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

header {
	position: relative;
	background-color: #030129;
	box-shadow: 0 2px 10px rgba(1, 0, 20, 0.18);
}

/*h1 { margin: 277px auto 196px; z-index: 10; text-align: center; width: 409px; }
h1 a { display: inline-block;}
.page1 h1 {
	left: 50%; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	position: absolute;	
	top: 277px; 
}
h1 a img { width: 100%;}*/
.slider .camera_wrap {
	height: 728px;
}

.slider .camera_caption>div {
	padding: 0;
}

.slider .camera_prev,
.slider .camera_next {
	width: 26px;
	height: 41px;
	background: url(../images/arrows-1.png) no-repeat !important;
}

.slider .camera_prev>span,
.slider .camera_next>span {
	display: none;
}

.slider .camera_prev {
	background-position: 0 0 !important;
}

.slider .camera_next {
	background: url(../images/arrows-1.png) 0 right no-repeat;
	background-position: right 0 !important;
}

.slider .camera_prev:hover {
	background-position: 0 bottom !important;
}

.slider .camera_next:hover {
	background-position: right bottom !important;
}

.slider .camera_prev {
	left: 22%;
	margin-left: -7px;
}

.slider .camera_next {
	right: 22%;
	margin-right: -7px;
}

.camera_prev,
.camera_next,
.camera_commands {
	margin-top: -26px !important;
}

/************Content***********/

.lightgrey {
	padding-top: 28px;
	padding-bottom: 28px;
	background-color: #f7f7f7;
}

/************Footer***********/

footer {
	padding: 0;
	border-top: 5px solid #ffe46a;
	background-color: #080743;
}

footer h5,
footer h6 {
	color: #ffffff;
}

.footer2 {
	padding: 42px 0 38px;
	background-color: transparent;
	color: #ffffff;
}

.footer2 h6 {
	color: #e9ecf5;
	text-align: left;
	line-height: 1.55;
}

.footer2 > .container_12,
.footer3 > .container_12 {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.footer2 > .container_12 > .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7%;
}

.footer2 > .container_12 > .row:before,
.footer2 > .container_12 > .row:after,
.footer3 .row:before,
.footer3 .row:after {
	display: none;
	content: none;
}

.footer2 > .container_12 > .row > .grid_4 {
	float: none;
	width: auto;
	padding: 0;
}

.footer2 .address > h6:first-child,
.footer2 .openingTimes > h6:first-child,
.footer2 .phone > h6:first-child {
	font-size: 1.1em;
}

.footer2 hr {
	width: 52px;
	height: 4px;
	margin: 10px 0 16px;
	border: 0;
	background-color: #ffe46a;
}

.footer2 a {
	color: #ffffff;
	transition: color 0.2s ease;
}

.footer2 a:hover {
	color: #ffe46a;
}

.footer2 .openingTimes {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: start;
	column-gap: 28px;
}

.footer2 .openingTimes > h6,
.footer2 .openingTimes > hr {
	grid-column: 1 / -1;
}

.footer2 .openingTimes .grid_2 {
	float: none;
	width: auto;
	padding: 0;
}

.footer2 .openingTimes > div[style] {
	display: none;
}

.footerLines {
	display: none;
}

.footer3 {
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	background-color: #010014;
	color: #c9cddd;
}

.footer3 h6 {
	color: #c9cddd;
}

.footer3 .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: center;
}

.footer3 .grid_4 {
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
}

.footer3 .grid_4:first-child {
	text-align: left;
}

.footer3 .grid_4:last-child {
	text-align: right !important;
}

.footer3 a {
	transition: color 0.2s ease;
}

.footer3 a:hover {
	color: #ffe46a;
}

@media only screen and (max-width: 767.98px) {
	.footer2 {
		padding: 32px 0;
	}

	.footer2 > .container_12 > .row {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.footer3 .row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.footer3 .grid_4,
	.footer3 .grid_4:first-child,
	.footer3 .grid_4:last-child {
		text-align: center !important;
	}
}

/*toTop*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	cursor: pointer;
	overflow: hidden;
	width: 27px;
	height: 27px;
	border: none;
	text-indent: -999px;
	z-index: 20;
	background: url(../images/ui.totop.png) 0 0 no-repeat;
	margin-right: -670px !important;
	right: 50%;
	bottom: 20px;
}

#toTop:hover {
	background: url(../images/ui.totop.png) 0 bottom no-repeat;
}

#toTop:active,
#toTop:focus {
	outline: none;
}



/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 959.98px) {
	h2 {
		font-size: 36px;
	}

	.slider .camera_wrap {
		height: 430px;
	}

}

@media only screen and (max-width: 767.98px) {
	h1 { font-size: 2em; line-height: 1.2; padding: 24px 0 8px; letter-spacing: 0; }
	h2 { font-size: 1.5em; line-height: 1.3; padding: 7px 0; }
	h3 { font-size: 1.25em; line-height: 1.35; padding: 6px 0; }
	h4 { font-size: 1.1em; line-height: 1.4; padding: 5px 0; }
	h5,
	h6 { font-size: 1em; line-height: 1.4; padding: 5px 0; }
	.registerTitle1 { font-size: 2em; padding: 5% 0 3%; }
	.registerTitle1 span { font-size: 0.75em; padding: 2% 0 5%; }
	.registerTitle2 { font-size: 1.15em; padding: 1em 0 0.5em; }
	.registerTitle2 span { font-size: 1.15em; vertical-align: top; }
	.registerTitle3 { font-size: 1.1em; padding: 1em 0 0.5em; }
	.registerTitle4 { font-size: 1em; padding: 0.25em 0 0.5em; }
	.registerTitle4 span { font-size: 0.75em; padding: 0.25em 0 0.5em; }
	.registerTitle5 { font-size: 1em; padding: 0.5em 0; }
	.registerTitle6 { font-size: 0.75em; padding: 0.5em 0; }
	.registerTitleBullets { font-size: 1em; padding: 0.5em 0; }
	.registerTitleItal { font-size: 1em; line-height: 2em; padding: 1em 0 0.1em; }

	.slider .camera_wrap {
		height: 330px;
	}

	header {
		background-position: 0 70px;
	}

	.footerLines {
		display: none;
	}

	.phone,
	.openingTimes {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 479.98px) {
	.slider .camera_wrap {
		height: 212px;
	}

}

.mainLogo {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2001;
	float: right;
	max-height: 72px;
	transition: opacity 0.5s;
    opacity: 1;
	display:inline;
}


.mainLogo:hover {
    opacity: 0.5;
}


.caption {
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	font: 12px/14px "Open Sans", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

@media only screen and (min-width: 960px) {
	.caption {
		font-size: 16px;
		line-height: 18px;
	}

	.openingTimes .grid_2 {
		width: 50%;
	}
}

.MainPicIcon {
	width: 100%;
	align-content: center;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
	transition: opacity 0.5s;
    opacity: 1;
	display:inline;
}


.MainPicIcon:hover {
    opacity: 0.5;
}





.gym {

	background-color: #0135a3;
	color: #eee;


}

.gym:hover {

	background-color: #eee;
	color: #0135a3;


}


.join {
	background-color: #010066;
	color: #ffffff;
}

.join:hover {
	background-color: #eee;
	color: #010066;
}

.facebook {
	background-color: #024eb9;
	color: #ffffff;
}

.facebook:hover {
	background-color: #eee;
	color: #024eb9;
}

.insta {
	background-color: #fd0457;
	color: #ffffff;
}

.insta:hover {
	background-color: #eee;
	color: #fd0457;
}


.membership {
	background-color: #71168f;
	color: #ffffff;
}

.membership:hover {
	background-color: #eee;
	color: #71168f;
}

.classes {
	background-color: #129fcc;
	color: #ffffff;
}

.classes:hover {
	background-color: #eee;
	color: #129fcc;
}

.sauna {
	background-color: #f17900;
	color: #ffffff;
}

.sauna:hover {
	background-color: #eee;
	color: #f17900;
}


.contact {
	background-color: #f7b306;
	color: #ffffff;
}

.contact:hover {
	background-color: #eee;
	color: #f7b306;
}


.social {
	background-color: #eeeeff;
	color: #ffffff;
}








.address {
	text-color: #ffffff;
}

.phone {
	text-color: #ffffff;

}

.openingTimes {
	text-color: #ffffff;

}

/* This section controls the Master settings for the Main Promo and Register box */
.mainPromo {
	background-color: #123b91;
	padding: 0;
}

.mainPromo img {
	display: block;
}

.mainPromo .grid_6:first-child img {
	width: 78%;
	max-width: 78%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}

.mainPromo .registerTitle3 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.8;
	padding: 0 0 22px;
}

.mainPromo .registerBox {
	width: 84%;
	margin: 0 auto 12px;
	border: 0;
	border-radius: 4px;
	background-color: #ffe46a;
	box-shadow: 0 3px 8px rgba(1, 0, 20, 0.18);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.mainPromo .registerBox a {
	display: block;
}

.mainPromo .registerBox:hover,
.mainPromo .registerBox:focus-within {
	background-color: #ffffff;
	box-shadow: 0 5px 14px rgba(1, 0, 20, 0.26);
}

.mainPromo .registerTitle4 {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.3;
	padding: 12px 16px;
}

.mainPromo .grid_6 > br {
	display: none;
}

@media only screen and (min-width: 768px) {
	.mainPromo .container_12 {
		display: flex;
		align-items: stretch;
	}

	.mainPromo .grid_6:first-child {
		display: flex;
		align-items: stretch;
	}

	.mainPromo .grid_6:last-child {
		padding: 20px 3%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959.98px) {
	.mainPromo .grid_6:first-child img {
		width: 84%;
		max-width: 84%;
	}

	.mainPromo .registerTitle3 {
		font-size: 1em;
	}

	.mainPromo .registerTitle4 {
		font-size: 1em;
	}
}

@media only screen and (max-width: 767.98px) {
	.mainPromo {
		padding: 0 0 24px;
	}

	.mainPromo .grid_6:last-child {
		padding: 20px 2% 0;
	}

	.mainPromo .grid_6:first-child img {
		width: 92%;
		max-width: 92%;
		height: auto;
	}

	.mainPromo .registerTitle3 {
		font-size: 0.95em;
		line-height: 1.7;
		padding-bottom: 16px;
	}

	.mainPromo .registerBox {
		width: 92%;
	}
}

/* Homepage introduction */
.homepage-intro-section {
	padding: 48px 0 42px;
	border-top: 6px solid #ffe46a;
	background-color: #f3f6fb;
}

.homepage-intro-heading {
	padding-top: 0;
}

.homepage-intro-heading .divider {
	display: none;
}

.homepage-intro-heading h1 {
	margin-bottom: 34px !important;
}

.homepage-intro-heading h1:after {
	display: block;
	width: 80px;
	height: 6px;
	margin: 16px auto 0;
	background-color: #ffe46a;
	content: "";
}

.homepage-intro > .grid_12 {
	float: none;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.homepage-intro-copy {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 46px;
	row-gap: 24px;
}

.homepage-intro p {
	font-size: 1.05em;
	line-height: 1.7;
}

.homepage-intro-copy p {
	padding: 2px 0 2px 18px;
	border-left: 3px solid #1f9fe5;
}

.homepage-contact-row {
	display: flex;
	flex-wrap: wrap;
	clear: both;
	max-width: 960px;
	margin-top: 22px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 34px;
	padding: 18px 20px;
	border: 1px solid #d9dbea;
	border-left: 4px solid #f1c400;
	border-radius: 6px;
	background-color: #ffffff;
	box-shadow: 0 4px 12px rgba(1, 0, 20, 0.08);
}

.homepage-contact-message {
	width: 100%;
	margin-bottom: 14px;
	padding: 0 8px 16px !important;
	border-bottom: 1px solid #d9dbea;
	text-align: center;
}

.homepage-contact-row .grid_6 {
	float: none;
	margin: 0;
}

.homepage-contact-row h5 {
	font-weight: 600;
}

.fitsense-image-link.fadeOnHover {
	display: block;
	max-width: 900px !important;
	margin: 0 auto;
}

.fitsense-image {
	display: block;
	max-width: 100% !important;
	height: auto;
	margin: 0;
}

/* Homepage gym and classes */
.homepage-services-section {
	padding: 48px 0;
	background-color: #080743;
}

.homepage-services-section .divider {
	display: none;
}

.homepage-services-copy {
	display: grid;
	float: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 52px;
	row-gap: 28px;
	max-width: 1100px;
	margin: 0 auto;
}

.homepage-services-copy h3 {
	grid-column: 1 / -1;
	color: #ffffff;
}

.homepage-services-copy h3:after {
	display: block;
	width: 72px;
	height: 5px;
	margin: 14px auto 0;
	background-color: #ffe46a;
	content: "";
}

.homepage-services-copy p {
	margin: 0;
	padding: 4px 0 4px 20px;
	border-left: 3px solid #ffe46a;
	color: #ffffff;
	font-size: 1.05em;
	line-height: 1.7;
}

.homepage-services-copy p:nth-of-type(2) {
	border-left-color: #3bbfef;
}

/* Homepage image links */
.homepage-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	padding: 34px 0 42px;
}

.homepage-links > .grid_12 {
	display: none;
}

.homepage-links > .grid_2 {
	position: relative;
	float: none;
	width: auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid #d9dbea;
	border-radius: 6px;
	background-color: #ffffff;
	box-shadow: 0 4px 12px rgba(1, 0, 20, 0.08);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.homepage-links > .grid_2:hover {
	box-shadow: 0 8px 20px rgba(1, 0, 20, 0.16);
	transform: translateY(-3px);
}

.homepage-links .MainPicIcon {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	opacity: 1;
}

.homepage-links .MainPicIcon:hover {
	opacity: 1;
}

.homepage-links .MainPicIcon img {
	display: block;
	width: 100% !important;
	height: 100%;
	padding: 0;
	object-fit: cover;
	transition: transform 0.25s ease;
}

.homepage-links > .grid_2:hover .MainPicIcon img {
	transform: scale(1.035);
}

.homepage-links .caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 54px 12px 20px;
	background: linear-gradient(to bottom, rgba(3, 1, 41, 0), rgba(3, 1, 41, 0.86));
	color: #ffffff;
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.25;
	text-shadow: 0 2px 7px rgba(1, 0, 20, 0.9);
}

.homepage-links .caption:hover {
	background: linear-gradient(to bottom, rgba(3, 1, 41, 0), rgba(3, 1, 41, 0.86));
	color: #ffffff;
}

.homepage-links .caption.insta,
.homepage-links .caption.facebook {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media only screen and (min-width: 480px) {
	.homepage-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.homepage-links .caption {
		font-size: 1.1em;
	}
}

@media only screen and (min-width: 960px) {
	.homepage-links {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.homepage-links .caption {
		font-size: 1.3em;
	}
}

/* Homepage location */
.homepage-location {
	padding: 38px 0 34px;
	background-color: #080743;
}

.homepage-location h3 {
	color: #ffffff;
}

.homepage-location h3:after {
	display: block;
	width: 64px;
	height: 5px;
	margin: 14px auto 0;
	background-color: #ffe46a;
	content: "";
}

.homepage-location p {
	padding-top: 16px;
	padding-bottom: 0;
	color: #ffffff;
	font-size: 1.05em;
}

.homepage-map {
	border-top: 5px solid #ffe46a;
}

.homepage-map iframe {
	display: block;
	width: 100%;
	height: 480px;
}

/* Shared information pages */
.information-page {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 46px;
	padding-bottom: 54px;
}

.information-page > .grid_12 {
	float: none;
	width: 100%;
	padding: 0;
}

.information-page h1 {
	margin-bottom: 34px;
}

.information-page h1:after {
	display: block;
	width: 76px;
	height: 5px;
	margin: 15px auto 0;
	background-color: #ffe46a;
	content: "";
}

.information-page h2 {
	margin-top: 38px;
	padding: 0 0 12px;
	border-bottom: 1px solid #ccd4e2;
	font-size: 1.55em;
	line-height: 1.3;
	text-align: left;
}

.information-page h3 {
	margin-top: 30px;
	padding: 12px 16px;
	border-left: 4px solid #1f9fe5;
	background-color: #f3f6fb;
	font-size: 1.25em;
	line-height: 1.35;
	text-align: left !important;
}

.information-page h5 {
	margin-top: 14px;
	color: #060066;
	font-weight: 700;
	text-align: left !important;
}

.information-page p,
.information-page li {
	font-size: 1em;
	line-height: 1.7;
}

.information-page p {
	padding: 8px 0;
}

.information-page ul,
.information-page ol {
	margin: 8px 0 20px;
	padding-left: 20px;
}

.information-page li {
	padding: 3px 0;
}

/* Shared service pages */
.service-banner {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 5px solid #ffe46a;
}

.service-page {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 44px;
	padding-bottom: 54px;
}

.service-page:before,
.service-page:after,
.training-page > .row:before,
.training-page > .row:after {
	display: none;
	content: none;
}

.service-page .service-intro {
	float: none;
	width: 100%;
	padding: 0 0 32px;
}

.service-page .service-intro h1:after {
	display: block;
	width: 76px;
	height: 5px;
	margin: 15px auto 0;
	background-color: #ffe46a;
	content: "";
}

.service-page .service-intro p {
	max-width: 900px;
	margin: 0 auto;
	font-size: 1.05em;
	line-height: 1.7;
}

/* Sauna and sunbeds */
.relax-page {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.relax-page > .service-intro {
	grid-column: 1 / -1;
}

.relax-page > .grid_6,
.relax-page > .grid_12 {
	float: none;
	width: auto;
}

.relax-copy {
	display: flex;
	min-height: 320px;
	padding: 38px !important;
	flex-direction: column;
	justify-content: center;
	background-color: #f3f6fb;
}

.relax-copy h2 {
	padding-top: 0;
	text-align: left;
}

.relax-copy p {
	padding: 8px 0 !important;
	line-height: 1.7;
}

.relax-image {
	min-height: 320px;
	overflow: hidden;
}

.relax-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Personal training */
.training-page > .row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.training-page > .row > .grid_6,
.training-page > .row > .grid_12 {
	float: none;
	width: auto;
	padding: 0;
}

.training-intro,
.trainer-spacer {
	grid-column: 1 / -1;
}

.trainer-spacer {
	display: none;
}

.trainer-profile {
	padding: 30px !important;
	border-left: 4px solid #ffe46a;
	background-color: #f3f6fb;
}

.trainer-profile h2 {
	padding-top: 0;
	text-align: left;
}

.trainer-profile p {
	line-height: 1.7;
}

.trainer-photo {
	overflow: hidden;
	border-radius: 6px;
}

.trainer-photo img {
	display: block;
	width: 100% !important;
	height: 100%;
	max-height: 520px;
	margin: 0 !important;
	object-fit: cover;
}

.trainer-list {
	padding: 26px 30px !important;
	border-top: 4px solid #1f9fe5;
	background-color: #ffffff;
	box-shadow: 0 4px 14px rgba(1, 0, 20, 0.09);
}

.trainer-list h3 {
	padding-top: 0;
	text-align: left !important;
}

.trainer-list li {
	padding: 4px 0;
	line-height: 1.55;
}

@media only screen and (max-width: 767.98px) {
	.service-page {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.relax-page,
	.training-page > .row {
		grid-template-columns: 1fr;
	}

	.relax-page > .service-intro,
	.training-intro,
	.trainer-spacer {
		grid-column: 1;
	}

	.relax-copy,
	.relax-image {
		min-height: 0;
	}

	.relax-copy {
		padding: 28px 22px !important;
	}

	.sunbed-copy {
		order: 3;
	}

	.sunbed-image {
		order: 4;
	}

	.trainer-profile,
	.trainer-list {
		padding: 24px 20px !important;
	}
}

@media only screen and (max-width: 767.98px) {
	.information-page {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.information-page h1 {
		margin-bottom: 24px;
	}

	.information-page h2 {
		margin-top: 30px;
		font-size: 1.35em;
	}

	.information-page h3 {
		margin-top: 24px;
		padding: 10px 12px;
		font-size: 1.15em;
	}
}

@media only screen and (max-width: 767.98px) {
	.homepage-location {
		padding: 30px 0 28px;
	}

	.homepage-location p {
		font-size: 1em;
		line-height: 1.5;
	}

	.homepage-map iframe {
		height: 380px;
	}
}

@media only screen and (max-width: 767.98px) {
	.homepage-intro-section {
		padding: 34px 0 30px;
	}

	.homepage-intro-heading {
		padding-top: 0;
	}

	.homepage-intro-heading h1 {
		margin-bottom: 24px !important;
	}

	.homepage-intro-copy {
		grid-template-columns: 1fr;
		row-gap: 16px;
	}

	.homepage-intro p {
		font-size: 1em;
		line-height: 1.65;
	}

	.homepage-contact-row {
		flex-direction: column;
		margin-top: 10px;
		margin-bottom: 26px;
		padding: 12px 16px;
	}

	.homepage-contact-row .grid_6 {
		width: 100%;
		padding: 5px 0;
	}

	.fitsense-image-link.fadeOnHover {
		max-width: 90% !important;
	}

	.homepage-services-section {
		padding: 34px 0;
	}

	.homepage-services-copy {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}

	.homepage-services-copy p {
		font-size: 1em;
		line-height: 1.65;
	}
}



.promoContact {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #2B36D4;
}


.promoGym {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #2B36D4;
}

.promoStudio {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(/images/promoStudio.jpg);
}


.promoSauna {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #2B36D4;
}

.promoPT {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #2B36D4;
}



.mainPromoHome {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: rgb(0, 0, 0, 1);
	padding-top: 25px;
	padding-bottom: 25px;

}


.mainPromoHair {
	background-image: url("../images/promoHair2.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
    color: rgb(247, 238, 223, 1);
	background-color:transparent;
}

.mainPromoBeauty {
	background-image: url("../images/promoBeauty.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: rgb(100, 100, 100, 0.2);

}

.mainPromoContact {
	background-image: url("../images/promoContact.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: rgb(100, 100, 100, 0.2);

}

.register {
	background-color: transparent;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	width: 100%;
	border-width: 10px;
}

.registerBox {
	border-color: #fff;
	background-color:#FFE46A; 
	color: #060066;
	border-width: 4px;
	border-radius: 6px;
	border-style: solid;
	width: 80%;
	height: 100%;
	margin: 0 10% 1px;
}

.registerBox:hover {
	border-color: #FFF;
	background-color:#1ca3ec; 
	color: #fff;
}









/* This section controls the Register Now form layout, form box and send box */


.formLayout {
	text-align: center;
	align-content: center;
	padding-left: 10%;
	width: 80%;
}

.formBox {
	border-color: #060066;
	border-style: solid;
	border-width: 3px;
	width: 100%;
}

.message {
	border-color: #060066;
	border-style: solid;
	border-width: 3px;
	width: 100%;
}


.sendBox {
	border-color: #060066;
	border-style: solid;
	border-width: 3px;
	align-self: center;
	background-color: #060066;
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
	font-size: large;

}

.sendBox:hover {
	background-color: #ffffff;
	color: #060066;

}

.facebook {

	text-transform: none;
	text-align: center;
	border-style: solid;
	border-weight: 10px;
	border-color: #000000;
}







.creche {
	background-color: #f6ad9a;
	border: solid #f6ad9a 2px;
	text-transform: none;
	color: #ffffff;


}

.creche h4 {
	background-color: #f6ad9a;
	border: solid #f6ad9a 2px;
	text-transform: none;
	color: #ffffff;
}

.creche p {
	background-color: #f6ad9a;
	border: solid #f6ad9a 2px;
	text-transform: none;
	color: #ffffff;
}

.bgwrapper {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	background-color: #000000;

}

.wrapper {
	width: 98%;
	position: relative;
	padding: 0% 1% 0% 1%;
}

.contentWrapper {
	background-color: #fff;
	padding-bottom: 0;


}


.JoinOnlineNow {
	width: 100%;
	align-content: center;
	align-self: center;
	/*background-color: #010066;*/
}


.footerlogo {
	width: 50%;
	z-index: 2001;
	margin-left: 0%;
	float: right;

}





.imgFloatLeft {
	float: left;
	padding-right: 2%;


}

.imgFloatRight {
	float: right;
	padding-left: 2%;

}

.fillgrid {
	width: 96%;
	padding: 1% 1% 1% 1%;
	height: auto;

}

* {
	-webkit-text-size-adjust: none;

}

.boxedArticle {
	border: 0px solid #ccc;
	background-color: #fff;
	width: 90%;
	padding: 1% 1% 1% 1%;
	height: auto;
}

.boxedArticle h3 {
	text-align: center;
}

.boxedArticleTrans {
	padding: 5px;
	margin: 3px;
	border: 0px solid #ccc;
	background-color: Transparent;
}

.html-wpsites {
	line-height: 1em;
	color: #000;
	background-color:#f56c03;
	border-color: #000:
	font-family: Arial;
	font-size: 1em;
	
}




.bglg {
	background-color: #f5f5f5;
	padding: 15px 0px 15px 0px;

}

.bgWhiteOnRed {
	background-color: #ec1c24;
	color: #fff;
	padding: 15px 0px 15px 0px;

}

.bgWhiteOnBlue {
	background-color: #0095d9;
	color: #fff;
	padding: 15px 0px 15px 0px;

}


.camera_caption {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: transparent;
	color: #fff;
	vertical-align: center;
}

.camera_caption h1 {
	font-family: serif;
	font-size: 4rem;
	color: #fff;
	width: 98%;
	
	padding: 1% 1% 1% 1%;
}

.camera_caption p {
	font-family: serif;
	font-size: 1.5rem;
	color: #fff;
	width: 98%;

	text-align: center;
	padding: 1% 1% 1% 1%;
}



#xmas-overlay-top {
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/images/xmas-garland-top.png);
	background-repeat: repeat-x;
	z-index: 999;
}

#xmas-overlay-bottom {
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/images/xmas-garland-bottom.png);
	background-repeat: repeat-x;
	z-index: 999;
}

.promoClassTimetable {
	height: 50%;
	width: 80%;
	margin-left: 10%;
	border-color: #fff;
	border-width: 3px;
	border-style: solid;
	background-size: 50% auto;
	background-color: #00923f;
}


.promoCovid19 {
	color: #060066;
	height: 50%;
	width: 80%;
	margin-left: 10%;
	border-color: #03a3ff;
	border-width: 5px;
	border-style: solid;
	border-radius: 3%;
	background-color: #fff;

}

.promoCovid19 :hover {
	
	background-color: rgb(255, 255, 255);

}

.icon {

}

.iconImg {
width: 80%;
padding-left: 5%;
}

.paddedBar {
	padding-top: 25px;
	padding-bottom: 25px;
	}

.padTop {
padding-top: 50px;	
}

.padBottom {
	padding-top: 50px;	
	}

.hair h1, h2, h3 {

	}


	.hairBrown {
	
	color: #716557;
	background-color: #716557;
}

.hairGreen {
	
	color: rgb(247, 238, 243, 1);
}

.padAll {

	padding: 2%;
}

.diagonal-text {
	transform: rotate(-45deg);
}


.divider {
margin-top: 30px;

}


.fadeOnHover {
    transition: opacity 0.5s;
    opacity: 1;
	display:inline;
	
}

.fadeOnHover:hover {
    opacity: 0.5;
}

.boldOnHover {
    transition: font-weight 0.5s;
    font-weight: normal;
	display:inline;
	
}

.boldOnHover:hover {
    font-weight: bold;
}

.bg_hair {

background-image:url(/images/hair/bg_salon.jpg);
background-size: 100% auto;
background-repeat: no-repeat;

}