@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
@font-face {
 font-family: 'Conv_Oswald-Light';
 src: url('../fonts/Oswald-Light.eot');
 src: url('../fonts/Oswald-Light.otf');
 src: url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf') format('truetype'), url('../fonts/Oswald-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal;

}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, span, a {
	text-decoration:none;
	list-style:none;
	padding:0;
	margin:0;
	font-family: 'Oswald', sans-serif;
	 -webkit-font-smoothing: antialiased;
-webkit-text-stroke:1px transparent;
}
.wrapper {
	width:100%;
	margin:0 auto;
}
.container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.container_programme {
	width:1225px;
	margin:0 auto 0 5%;
	position:relative;
	display:inline-block;
}
.full-width {
	width:100%;
	float:left;
}
/*header*/
.top_banner_section{ background:url(../images/banner.jpg) no-repeat top center; background-size:cover;}
header {
	float:left;
	width:100%;
	margin-top:80px;
	z-index:9999;
}
.logo {
	float:left;
}
.menu {
	float:right;
	margin-top:20px;
	cursor:pointer;
}
.trigger {
	display:block;
	float:right;
}
span.line {
	background:#FFFFFF;
	width:19px;
	height:2px;
	margin:2px 0;
	float:left;
	clear:both;
}
.toogle_content {
	background:url(../images/menu-bg.png) repeat;
	position:absolute;
	top:45px;
	right:0px;
	width:200px;
	display:none;
	-webkit-box-shadow: 0 0 0px 1px #201f1f;
	box-shadow: 0 0 0px 1px #201f1f;
	border:#000 solid 1px;
}
.toogle_content ul li {
	padding:5px 15px;
	border-bottom:#343434 dotted 1px;
	line-height:22px;
}
.toogle_content ul li:hover {
	background:#f6c70a;
}
.toogle_content ul li:hover a {
	color:#000000;
}
.toogle_content ul li:last-child {
	border:none;
}
.toogle_content ul li a {
	font-size:13px;
	color:#FFFFFF;
	letter-spacing:1px;
}
/*header*/
.banner_text {
	text-align:center;
	float:left;
	width:100%;
margin-top:180px;
}
.banner_text h1 {
	font-size:55px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family: 'Conv_Oswald-Light';
	font-weight:normal;
	
}
.banner_text h2 {
	font-size:25px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-style:italic;
	padding:25px 0;
}
.banner_text h2 span {
	font-weight:400;
	font-family: 'Roboto', sans-serif;
}
.btn {
	width:275px;
	height:60px;
	display:inline-block;
	font-size:16px;
	color:#f9f9f9;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:1px;
	border:#FFFFFF solid 2px;
	border-radius:3px;
	line-height:62px;
	margin:30px 0 80px 0;
}
.banner_text .down-arrow {
    margin-bottom:90px;
}
.fa {
transition:ease-in-out .2s;
-webkit-transition: ease-in-out .2s;
-moz-transition:ease-in-out .2s;
-o-transition:ease-in-out .2s;
-ms-transition:ease-in-out .2s;
}
.fa-angle-right {
	background:url(../images/sprite.png) no-repeat;
	width:8px;
	height:13px;
	display:inline-block;
	background-position:-246px 0;
	margin-left:5px;
}
.fa-angle-down {
	background:url(../images/sprite.png) no-repeat;
	width:21px;
	height:12px;
	display:inline-block;
	background-position:-216px 0;
}
.btn:hover {
	color:#FFFF00;
}
.btn:hover .fa-angle-right {
	background-position:-254px 0;
}
.fa-angle-down:hover {
	background-position:-216px -13px;
}
/*Programme section*/
.programme_section {
	background:url(../images/review-bg.png) repeat;
	padding:25px 0;
	text-align:center;
}
img {
	max-width:100%;
	border:none;
}
.block_section {
	float:left;
	position:relative;
}
.block_section h2 {
	font-size:35px;
	color:#FFFFFF;
	font-weight:300;
	font-family: 'Conv_Oswald-Light';
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:58%;
	left:0;
	right:0;
	margin:auto;
}
.programme_section h4 {
	font-size:27px;
	color:#0b0b12;
	font-weight:300;
	text-transform:uppercase;
	font-family: 'Conv_Oswald-Light';
	padding-bottom:35px;
	text-align:left;
}
.bg {
	background:#000000;
	width:250px;
	height:250px;
	margin-top:90px;
	display:inline-block;
	
	position:relative;
	-moz-transform: rotate(45deg) skewX(0deg);
	-webkit-transform: rotate(45deg) skewX(0deg);
	-o-transform: rotate(45deg) skewX(0deg);
	-ms-transform: rotate(45deg) skewX(0deg);
	transform: rotate(45deg) skewX(0deg);
}
.text_detail {
	position:absolute;
	top:125px;
	left:0px;
	text-align:center;
	width:100%;
}
.text_detail h3 {
	font-size:20px;
	color:#FFFFFF;
	font-weight:300;
	text-transform:uppercase;
	position:relative;
	padding-bottom:25px;
	line-height:35px;
}
.text_detail h3:after {
	content:"";
	width:37px;
	height:2px;
	background:#FFFFFF;
	position:absolute;
	right:0px;
	left:0px;
	bottom:0px;
	margin:auto;
}
.text_detail p {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:300;
	line-height:32px;
	padding:30px 135px;
}
.padding {
	padding:30px 160px !important;
}
.padding2 {
	padding:30px 175px !important;
}
.text_detail a {
	border:#FFFFFF solid 2px;
	height:45px;
	width:45px;
	display:inline-block;
	position:relative;
	z-index:9999;
	-moz-transform: rotate(45deg) skewX(0deg);
	-webkit-transform: rotate(45deg) skewX(0deg);
	-o-transform: rotate(45deg) skewX(0deg);
	-ms-transform: rotate(45deg) skewX(0deg);
	transform: rotate(45deg) skewX(0deg);
}
.text_detail .fa-angle-right {
	margin-top:15px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.text_detail a:hover .fa-angle-right {
	background-position:-254px 0;
}
.mrt {
	margin-top:150px;
	margin-left:-105px;
}
.mrt2 {
	margin-top:-376px;
	left:-43px;
}
.mrt3 {
	margin:-253px 0 0 -198px;
}
.form {
	margin:-120px 0 70px 0;
}
.form a {
	background:#000000;
	width:260px;
	height:58px;
	display:block;
	line-height:58px;
	color:#f9f9f9;
	text-align:center;
	font-size:16px;
	font-weight:300;
	font-family: 'Conv_Oswald-Light';
	text-transform:uppercase;
}
.form a:hover {
	color:#f6c70a;
}
.form a:hover .fa-angle-right {
	background-position:-254px 0;
}
/*Programme section*/

/*Facility section*/
.facility_section {
	/*background:url(../images/facility-bg.jpg) no-repeat top center; 	background-size:cover;*/
	text-align:center; position:relative;
}



/*Facility section*/


/*tagline section*/
.tagline_section {
	background:#000000;
	padding:100px 0 80px;
}



.tagline {
	color:#FFFFFF;
	font-size:27px;
	font-weight:300;
	text-transform:uppercase;
	line-height:24px;
	letter-spacing:1px;
	padding-left:25px;
	font-family: 'Conv_Oswald-Light';
}
.tagline span {
	font-weight:400;
}
.tagline_section .tagline{ float:left;}
.tagline_section a.btn{ float:right; margin:-18px 0 0 25px;}
/*tagline section*/

/*Meet trainer section*/
.trainer_bg {
	background:url(../images/meet-your-trainers-bg.jpg) no-repeat top center;
	background-size:cover;
	text-align:center;
	padding:20% 0;
}
.trainer_bg h2 {
	font-size:40px;
	font-family: 'Conv_Oswald-Light';
	color:#FFFFFF;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:30px;
}
/*Meet trainer section*/

/*trainer section*/
.trainer_article {
	border-bottom:#eeeeee solid 1px;
	margin-top:40px;
	padding-bottom:40px;
}
.modal {
	text-align:center;
	width:24%;
	float:left;
}
.modal h3 {
	font-size:20px;
	color:#242424;
	font-weight:400;
	padding:15px 0 5px 0;
}
.modal h4 {
	font-size:16px;
	color:#838383;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
}
.detail {
	width:70%;
	float:right;
	margin-top:26px;
}
.detail ul li {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#000000;
	line-height:30px;
	font-weight:400;
	padding:2px 0;
}
.detail ul li span {
	font-weight:600;
	font-family: 'Roboto', sans-serif;
}
.detail ul li a {
	margin-top:35px;
	display:inline-block;
	background:#282b34;
	padding:9px 6px;
	-moz-transform: rotate(50deg) skewX(0deg);
	-webkit-transform: rotate(50deg) skewX(0deg);
	-o-transform: rotate(50deg) skewX(0deg);
	-ms-transform: rotate(50deg) skewX(0deg);
	transform: rotate(50deg) skewX(0deg);
}
.more_arrow {
	background:url(../images/sprite.png) no-repeat;
	background-position:-268px 0;
	float:left;
	width:14px;
	height:8px;
	-moz-transform: rotate(-48deg) skewX(0deg);
	-webkit-transform: rotate(-48deg) skewX(0deg);
	-o-transform: rotate(-48deg) skewX(0deg);
	-ms-transform: rotate(-48deg) skewX(0deg);
	transform: rotate(-48deg) skewX(0deg);
}
.detail ul li a:hover .more_arrow {
	background-position:-268px -8px;
}
/*trainer section*/


/*contact training section*/
.contact-traning_section {
	background:url(../images/trainer-bg.png) no-repeat top center;
	background-size:cover;
	text-align:center;
	padding:7.5% 0;
}
.contact-traning_section h2 {
	padding:0px;
}
.contact-traning_section .btn {
	margin:40px 0 0 0;
}
/*contact training section*/

/*review section*/
.review_section {
	background:url(../images/review-bg.png) repeat top left;
	padding:100px 0;
}
.review_section h2 {
	font-size:40px;
	color:#000;
	font-weight:300;
	text-align:center;
	font-family: 'Conv_Oswald-Light';
	position:relative;
	padding-bottom:25px;
}
.review_section h2:after {
	content:"";
	width:63px;
	height:2px;
	display:inline-block;
	background:#bababa;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.review_section .logo {
	position:absolute;
	top:0px;
	right:0px;
}
.review_box {
	margin-top:100px;
	background:#FFFFFF;
}
.review_img, .review_person, .rating {
	float:left;
	width:50%;
}
.review_img img {
	max-width:100%;
	float:left;
}
.review_text {
	float:left;
	width:50%;
	padding:50px;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.review_text:after {
	content:"";
	border:transparent solid 20px;
	border-right-color:#ffffff;
	display:inline-block;
	position:absolute;
	top:50%;
	left:-41px;
}
.image {
	float:left;
	margin-right:25px;
}
.name {
	float:left;
}
.name h3 {
	font-size:20px;
	color:#000000;
	font-weight:300;
	text-transform:uppercase;
	padding:5px 0;
}
.name h4 {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#838383;
}
.rating ul li {
	text-align:right;
	font-size:16px;
	color:#7f7f7f;
	font-weight:300;
	font-family: 'Conv_Oswald-Light';
	line-height:30px;
}
.review_section p {
	color:#000000;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	line-height:27px;
	padding:25px 0 0 0;
}
ul.list {
	margin-top:20px;
}
ul.list li {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:400;
	line-height:28px;
}
.clear {
	clear:both;
}
/*review section*/

/*banner bottom*/
.banner_bottom {
	background:url(../images/bottom-banner.png) no-repeat top center;
	background-size:cover;
	text-align:center;
	padding:16.4% 0 12%;
}
.banner_bottom  a.btn{ margin-bottom:0;}
/*banner bottom*/

/*footer*/
footer {
	background:#000000;
	padding:22px 0;
}
.text_right {
	float:left;
	
}
.text_right ul li {
	font-size:14px;
	color:#dcdcdc;
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	font-weight:300;
	text-transform:uppercase;
	border-right:#dcdcdc solid 1px;
	line-height:10px;
	padding:0 5px;
}
.text_right ul li a{font-size:14px;
	color:#dcdcdc;
	font-family: 'Roboto', sans-serif;}
	.text_right ul li a:hover, #form_popup h3 span a:hover{color:#ffff00;}
.text_right ul li:last-child {
	border:none;
}
.text_right ul li:first-child {
	padding-left:0px;
}
.social_icon {
	float:right;
}
.social_icon ul li {
   display:inline-block;
	margin-left:5px;
}
.social_icon ul li a {
	width:27px;
	height:25px;
	display:block;
	transition:ease-in-out .2s;
-webkit-transition: ease-in-out .2s;
-moz-transition:ease-in-out .2s;
-o-transition:ease-in-out .2s;
-ms-transition:ease-in-out .2s;
}
.social_icon ul li:first-child a {
	background:url(../images/sprite.png) no-repeat;
}
.social_icon ul li:first-child a:hover{ background-position:0 -29px;}
.social_icon ul li:first-child+li a {
	background:url(../images/sprite.png) no-repeat;
	background-position:-36px 0;
}
.social_icon ul li:first-child+li a:hover{ background-position:-36px -29px;}
.social_icon ul li:first-child+li+li a {
	background:url(../images/sprite.png) no-repeat;
	background-position:-72px 0;
}
.social_icon ul li:first-child+li+li a:hover{ background-position:-72px -29px;}
.social_icon ul li:first-child+li+li+li a {
	background:url(../images/sprite.png) no-repeat;
	background-position:-108px 0;
}
.social_icon ul li:first-child+li+li+li a:hover{ background-position:-108px -29px;}
.social_icon ul li:first-child+li+li+li+li a {
	background:url(../images/sprite.png) no-repeat;
	background-position:-144px 0;
}
.social_icon ul li:first-child+li+li+li+li a:hover{ background-position:-144px -29px;}
.social_icon ul li:first-child+li+li+li+li+li a {
	background:url(../images/sprite.png) no-repeat;
	background-position:-182px 0;
}
.social_icon ul li:first-child+li+li+li+li+li a:hover{ background-position:-182px -29px;}
/*footer*/

/*form*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#form_popup{ width:30%; background:rgba(0,0,0,.9); float:left;  border-radius:10px; -webkit-box-shadow: 0 0 4px #000;
box-shadow: 0 0 4px #000; display:none; position:relative; border:#1e1e1e solid 1px; position:fixed !important; left:0px !important; right:0px !important; margin:auto !important; top:50px!important;}
#form_popup h2{ background:#f6c70a; color:#000000; font-size:25px; font-weight:700; text-transform:uppercase;border-radius:10px 10px 0 0; border-bottom:#cba302 solid 1px; padding:15px 10px; text-align:center; }
#form_popup h3{ text-align:center; color:#f6c70a; font-size:22px;  line-height:21px; padding-bottom:15px;}
#form_popup h3 span a{ color:#FFFFFF; font-weight:400;}
.modal_close{ position:absolute; top:-15px; right:-17px;font-family: 'Roboto', sans-serif;}
.form_section{ width:100%; padding:15px; box-sizing:border-box; float:left;}
.form_section li{ font-size:15px; float:left; width:100%; margin-bottom:10px;}
.form_section li:last-child{ margin:0px;}

.form_section input[type="text"], .form_section input[type="email"],.form_section input[type="tel"]{ width:100%; height:40px; padding:0 10px; box-sizing:border-box; border:#000 solid 1px;float:left;font-family: 'Roboto', sans-serif; color:#000; font-size:13px; font-weight:300; text-transform:uppercase; background:#fff; border-radius:4px; letter-spacing:1px;}
.form_section textarea{ max-width:100%;min-width:100%; max-height:70px;min-height:70px; padding:5px 10px; box-sizing:border-box; border:#000 solid 1px;background:#fff; border-radius:4px; font-family: 'Roboto', sans-serif; color:#000; letter-spacing:1px; font-size:13px; font-weight:300; text-transform:uppercase; }
.form_section input[type="submit"]{ background:#f6c70a; width:100%; height:43px; border-radius:10px; font-size:21px; font-weight:600; text-transform:uppercase; float:right; color:#000; border:#000 solid 1px;font-family: 'Roboto', sans-serif; cursor:pointer; }
.form_section input[type="submit"]:hover{ background:#ffff00;}
/*form*/

.thankyou_banner{ background:url(../images/thankyou-banner.jpg) no-repeat top center; background-size:cover; height:160px;}
.tnankyou_text{ text-align:center;}
.tnankyou_text h2 {
    display: inline-block;
    font-size: 35px;
    font-weight: 400;
    line-height: 70px;
    padding: 150px 0;
    text-transform: uppercase;
}

.error  {    color: red;}
#error_phone { color: red;}
#aftermailtohide { color: red;}