@charset "utf-8";
/* CSS Document */



section {
	background-color: transparent !important; 
}
.wrapper {
	width: 100%;
}

.footer {
	position: absolute;
	bottom: 0;
}

.nav-spacer {
	height: 8px;
}

h1 {
	font-size: 35px;
	padding: 2px 0;
}

h3 {
	font-size: 20px;
	padding: 2px 0;
	letter-spacing: .14em;
}


p {
	font-size: 16px;
	padding: 2px 0;
	letter-spacing: .12em;
	font-weight: 300;
}

h1, h2, h3, p {
	color: #fff;
}
/*	-----------  PERSONAL TRAINING   ------------    */
#page-content {
	background-color: transparent;
	width: 100%;
	height: auto;
	margin: auto;
}

.ptpage-wrapper {
	display: block;
	background-color: transparent;
	position: absolute;
	left: 0;
	margin: auto auto auto 0;
	height: 100%;
	top: 1vh;
	width: 45vh;
	
}

.pt-image {
	position: fixed;
	background-image: url("../images/photo_resc/DSC01600.jpg");
	background-position: center;
	background-size: cover;
	z-index: -1;
	width: 100%;
	height: 90%;
	top: 1vh; 
/*	margin-left: -25%;*/
}

.pt-header {
	position: absolute;
	top: 8vh;
	right: 5%;
}

.book-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	margin: 30vh auto 10%;
	margin-left: 9%;
	height: 30%;
	z-index: 4;
/*	background-color: rgba(202,133,243,0.48);*/
}

.why-choose {
	background-color: rgba(19,19,19,0.75);
	border-radius: 3px;
	padding: 18px;
	margin: 5px;
	text-align: center;
}

.why-choose h3 {
	font-family: 'Montserrat', 'Montserrat Black', 'Montserrat ExtraBold', 'Montserrat ExtraLight', 'Montserrat Light', 'Montserrat Medium', 'Montserrat SemiBold', 'Montserrat Thin', sans-serif;
	font-size: 14px;
	letter-spacing: .1em;
	font-weight: 500;
}

.why-choose ul{
	padding-left: 10px;
	line-height: 1.3em;
}
.why-choose li {
	font-family: 'Montserrat', 'Montserrat Black', 'Montserrat ExtraBold', 'Montserrat ExtraLight', 'Montserrat Light', 'Montserrat Medium', 'Montserrat SemiBold', 'Montserrat Thin', sans serif;
	text-align: left;
	letter-spacing: .13em;
	font-size: 11px;
	list-style: circle;
	padding: auto 5px auto 10px;

}

.book-button > a {
	width: 250px;
	font-weight: 500;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	z-index: 200;
}


.book-button > button {
	width: 350px;
	font-weight: 500;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	z-index: 200;
}
/*

.book-button button{
	margin-top: 5px;
	width: 250px;
	align-self: center;
	z-index: 5;
}
*/

.bk-wrapper > h1 {
	padding-bottom: 0;
}

.bk-flex {
	display: none;
	margin: auto;
}

.bk-flex > * {
	margin: 4% auto;
}

.bk-grid {
	display: -ms-grid;
	display: grid;
	width: 100%;
	-ms-grid-columns: 1fr 5% 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5%;
	padding: 0;
	margin: 0;
}

.bk-gridblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
/*	flex-basis: 100%;*/
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.bk-mailformbox {
	
}
.mail-form {
  	
 	 max-width: 400px;
  	 margin: 0 auto;
/* 	 padding: 20px;*/

}

.form-group {
 	 width: 100%;
 	 margin-top: 20px;
}

.fullform-button {
	 width: 30%;
	 border-radius: 20px;
	 border: none;
	 outline: none;
	 padding: 20px;
	 font-size: 18px;
	 font-family: 'montserrat', sans-serif;
	 background-color: #fff;
	colour: #000;
	 margin: 20px 150px 20px 150px;
	 -ms-flex-item-align: center;
	     -ms-grid-row-align: center;
	     align-self: center;
}
#deskform {
	margin: 0;
}
#status {
	  width: 90%;
	  max-width: 500px;
	  text-align: center;
	  padding: 10px;
	  margin: 0 auto;
	  border-radius: 15px;
}

#status.success{
	  background-color: rgba(211, 250, 153);
	  -webkit-animation: status 4s ease forwards;
	          animation: status 4s ease forwards;
}

#status.error{

	  background-color: rgba(250, 125, 95);
	  color: white;
	  -webkit-animation: status 4s ease forwards;
	          animation: status 4s ease forwards;
}


#mobile-content {
	display: none;
	background-color: transparent;
	overflow-Y: hidden;
	margin: auto;
	margin-top: 0;
	min-width: 100%;
	min-height: 100%;
	position: relative;
	padding-top: 0;
}

#contact-link
{
	colour: #000;
}

.ptpage-mobile {
	padding: 0;
	margin: 0;
}


.pt-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	margin: auto;
	text-align: right;
	height: 100%;
	margin-top: 6vh;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 2vh;
	background: -o-linear-gradient(right, rgba(19, 19, 19, 1.0), rgba(19, 19, 19, 0.35) );
	background: -webkit-gradient(linear, right top, left top, from(rgba(19, 19, 19, 1.0)), to(rgba(19, 19, 19, 0.35)) );
	background: linear-gradient(to left, rgba(19, 19, 19, 1.0), rgba(19, 19, 19, 0.35) );
}

.pt-acc {
	text-align: right;
}

.pt-acc h3 {
	padding-right: 5%;
}

.pt-text {
	width: 65%;
	height: auto;
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	top: 25vh;
	right: 5%;
}

.pt-text > * {
	margin: auto;
}
.pt-text h1 {
	margin-bottom: 15px;
}

.pt-mobwrap {
	margin: auto;

	width: 100%;
	position: inherit;
	margin-top: 0;
}

.pt-mobbutton > a{
	margin: auto;
	width: 250px;
	text-decoration: none;
	font-weight: 500;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	z-index: 6;
}

.pt-mobbutton > button{
	margin: auto;
	width: 250px;
	text-decoration: none;
	font-weight: 500;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	z-index: 6;
}

.pt-mobheader {
	width: 90%;
	padding: 7% 0;
}

.pt-mobheader > h1 {
	font-size: 2.5em;
	color: #fff;
}

.pt-mobinfo {
	width: 100%;
	
}

.pt-mobblock h3 {
	width: 90%;
	text-align: start;
	margin: auto 0;
}

.pt-mobblock  ul {
	list-style: square;
	font-family: 'nunito', sans-serif;
	font-size: 16px;
	letter-spacing: .2px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 2vh;
	padding-left: 5%;
}

.pt-mobblock  ul  li {
	margin: 1vh auto;
	color: #fff;
	font-size: 13px;
	letter-spacing: .12em;
	font-weight: 300;
}

.pt-mobblock {
/*
	color: #000;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.55);
	width: 93%;
	padding: 5%;
*/
	padding: 0% 0% 0% 7%;
	margin: 1% 0;
	width: 100%;
	border: 0.7px;
	border-style: solid hidden solid hidden;
	border-color: #272727;
}






.pt-mobimage {
/*	position: fixed;*/
	background-image: url("../images/photo_resc/DSC01600.jpg");
	background-position: center;
	background-size: cover;
	background-color: red;

	min-height: 50vh;
	min-width: 100%;
	}


.contact-modal > form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.panel {
	margin-top: 1%;
	padding: 0% 5% 0% 3%;

}

.bk-wrapper > h1 {
	padding-bottom: 0;
}

.bk-flex {
	display: none;
	margin: auto;
}

.bk-flex > * {
	margin: 4% auto;
}

.bk-grid {
	display: -ms-grid;
	display: grid;
	width: 100%;
	-ms-grid-columns: 1fr 5% 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5%;
	padding: 0;
	margin: 0;
}

.bk-gridblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
/*	flex-basis: 100%;*/
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.bk-mailformbox {
	
}

.mail-form {
  	
 	 max-width: 400px;
  	 margin: 0 auto;
/* 	 padding: 20px;*/

}

.form-group {
 	 width: 100%;
 	 margin-top: 20px;
}

.fullform-button {
	 width: 30%;
	 border-radius: 20px;
	 border: none;
	 outline: none;
	 padding: 20px;
	 font-size: 18px;
	 font-family: 'montserrat', sans-serif;
	 background-color: #fff;
	colour: #000;
	 margin: 20px 150px 20px 150px;
	 -ms-flex-item-align: center;
	     -ms-grid-row-align: center;
	     align-self: center;
}
#deskform {
	margin: 0;
}
#status {
	  width: 90%;
	  max-width: 500px;
	  text-align: center;
	  padding: 10px;
	  margin: 0 auto;
	  border-radius: 15px;
}

#status.success{
	  background-color: rgba(211, 250, 153);
	  -webkit-animation: status 4s ease forwards;
	          animation: status 4s ease forwards;
}

#status.error{

	  background-color: rgba(250, 125, 95);
	  color: white;
	  -webkit-animation: status 4s ease forwards;
	          animation: status 4s ease forwards;
}



/* 		*******************************
		*		MEDIA QUERIES  		  *
		*******************************		*/

/*	-----------  LARGE DESKTOP   ------------    */
@media only screen and (min-width: 1200px){
	
	body {
		overflow-y: hidden;
	}
	#page-content {
		height: 82vh;
		overflow: hidden;
	}
/*
		h1, h2, h3, p {
		color: #000;
	}
*/
	
	p {
		font-size: 14px;
	}
	
	.footer {
		position: fixed;
		bottom: 0;
	}
	
	.accordion:after {
		-webkit-transform: translateY(-35px);
		    -ms-transform: translateY(-35px);
		        transform: translateY(-35px);
	}

	


}

@media only screen and (orientation:landscape) and (min-width: 950px) and (max-width: 1500px) and (max-height: 800px){
	
	.pt-info{
		height: 85vh;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 3% 1% 1% 1%;
	}
	
	.pt-header {
		float: left;
		z-index: 10;
		padding: 0 0 0 15px;
		margin: 0;
		position: static;
		text-align: left;
		width: 50vw;
		height: 30vh;
	}
	
	.pt-header p {
		font-size: 14px;
	}
	
	.pt-text {
		float: right;
		padding: 0;
		margin: auto 1% auto 0;
		width: 75%;
		position: static;
		height: auto;
		
	}
	
	.book-button {
		position: absolute;
		bottom: 30vh;
		left: 3%;
		margin: 0;
		width: 30vw;
	}
	
	h3 {
		font-size: 16px;
	}
	
	p {
		font-size: 12px;
	}
}


/*	-----------  PORTRAIT TABLET TO SMALL DESKTOP   ------------    */
@media only screen and (min-width: 768px) and (max-width:1199px){
	#page-content {
		display: none;
	}
	
	#mobile-content{
		display: block;
	}
	
	
	.pt-mobinfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column nowrap;
		        flex-flow: column nowrap;
	}
	
	.pt-mobinfo > h1 {
		margin-bottom: 2vh;
	}
	
	.pt-mobbutton{
		margin-top: 3vw;
	}
	
	.footer {
		position: static;
		bottom: 0;
	}
	
}

/*	-----------  LANDSCAPE PHONE TO PORTRAIT TABLET  ------------    */
@media only screen and (min-width: 481px) and (max-width:767px){
	#page-content {
		display: none;
	}
	
	#mobile-content{
		display: block;
	}
	
	.pt-mobinfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column nowrap;
		        flex-flow: column nowrap;
		width: 100%;
		border-radius: 0px;
		text-align: left;
		margin-bottom: 5vh;
	}
	
	.pt-mobbutton{
		margin-top: 3vw;
	}
	
	.footer {
		position: static;
		bottom: 0;
	}
	
}

/*	-----------  LANDSCAPE PHONES AND DOWN   ------------    */
@media only screen and (max-width: 480px) {
	#page-content {
		display: none;
	}
	
	#mobile-content{
		display: block;
	}
	
	.pt-mobinfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column nowrap;
		        flex-flow: column nowrap;
		width: 100%;
	
		border-radius: 0px;
		text-align: left;
		margin-bottom: 5vh;
	}
	
	

	.footer {
		position: static;
		bottom: 0;
	}
}