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


body {margin:0px; padding:0px; font-family:'Poppins', sans-serif; font-size:18px; font-weight:200; color:#ffffff; background:#004c59;}


.w-100{width:100%;}
.text-center{text-align:center;}
.position-relative{position:relative;}


.fullWidthDiv {display:block; width:100%; clear:both; overflow:hidden;}
.maxWidthDiv {margin:0px auto; width:100%; max-width:1440px; padding:0px 10px; overflow:hidden; box-sizing:border-box;}


.fullWidthDiv.mainBanner {background:url("../images/banner_v2.jpg") repeat-x center; background-size:auto 100%;}
.fullWidthDiv.mainBanner .maxWidthDiv {position:relative;}


.mobileHead {display:none;}


.bannerHeroImg {margin:0px auto; width:100%; max-width:530px;}
.bannerHeroImg  img {display:block; width:100%;}




.formContainer {position:absolute; display:block; top:40px; right:40px; background:rgba(0, 76, 93, 0.85);display:flex; align-items:flex-start; flex-direction:column; padding:30px; border-radius:20px; max-width:310px; overflow:hidden;}
.formContainer .inputDiv {display:block; width:100%; clear:both;}

.formContainer .form-txt {padding-bottom:10px;}

.formContainer select option {background:#00a0cd;}
.formContainer input, .formContainer select {display:block; width:100%; height:50px; font-family:'Poppins', sans-serif; font-size:18px; font-weight:200; background:transparent; border:none; border-bottom:white solid 1px; color:white;}
.formContainer input:focus, .formContainer select:focus {outline:none;}
.formContainer input::placeholder {color:white;}
.formContainer label {display:flex; align-items:flex-start; margin-top:20px; font-size:14px;}
.formContainer select {-webkit-appearance:none; background:url(../images/angle-w.png) no-repeat center right 15px;}
.formContainer input[type="checkbox"] {height:15px !important; width:15px !important; margin-left:-15px; margin-right:8px; border-radius:3px; flex-shrink:0;}
.formContainer input[type=checkbox]:checked {background:black url(../images/check-mark.svg)no-repeat center center; background-size:9px; -webkit-appearance:none; border:none;}

.formContainer .join-club {display:inline-flex; text-transform:uppercase; color:#1f1d1e; background:#ffc04f; border:#ffc04f solid 3px; margin:20px 0; font-family:'Poppins', sans-serif; font-weight:500; border-radius:10px; padding:10px 20px; font-size:22px; width:auto; cursor:pointer; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.formContainer .join-club:hover {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background:white; color:#333;}

.tnc {font-size:14px;}

.logo {position:absolute; width:190px; top:40px; left:40px;}
.logo img {display:block; width:100%;}

.banner-txt-content {font-size:20px; color:white; position:absolute; top:230px; left:40px; font-weight:200; padding:15px 0; max-width:420px; line-height:40px;}
/*.banner-txt-content:before {content: ''; position:absolute; top:0; left:0; right:40px; border-top:white dashed 2px;}
.banner-txt-content:after {content: ''; position:absolute; bottom:0; left:0; right:40px; border-top:white dashed 2px;}*/
.banner-txt-content .heading {font-size:30px; font-weight:700; letter-spacing:3px; color:#ffbc4f;}








.fullWidthDiv.midGreen {background:url("../images/bottomElements.png") repeat-x bottom center #50b2ab; background-size:auto 120px;  padding-bottom:100px;}
.fullWidthDiv.midGreen .maxWidthDiv {padding:0px;}


.mainHeader {display:block; width:100%; clear:both;}

.mainHeader .leftElemet {float:left; width:25%;}
.mainHeader .leftElemet img {display:block; width:100%;}

.mainHeader h1 {float:left; width:50%; margin:0px; padding:0px; font-size:60px; text-align:center; border-bottom:solid 5px #fff; margin-bottom:50px;}

.mainHeader p {display:block; clear:both; width:100%; margin:0px; padding:0px 20px 40px 20px; font-size:24px; text-align:center; line-height:34px; box-sizing:border-box;}

.mainHeader .rightElemet {float:left; width:25%;}
.mainHeader .rightElemet img {display:block; width:100%;}


.video-section {display:block; clear:both; padding:40px;}

.video-embed-wrp {margin:0 auto 0 auto; max-width:1000px; border-radius:40px; border:solid 6px #fff; overflow:hidden; -webkit-box-shadow:3px 3px 6px 2px rgba(0,0,0,0.8); box-shadow:3px 3px 6px 2px rgba(0,0,0,0.8); margin-bottom:50px;}
.video-cover {background-size:cover; background-repeat:no-repeat; width:100%; padding-bottom:60.2%; position:relative; overflow:hidden;}
#video{position:absolute !important;  top:0; left:0; bottom:0; right:0; height:100%; opacity:0; width:100% !important; transition:1s; z-index:-1; border-radius:20px; border:white solid 2px;}




.start-btn{margin:0px auto; text-transform:uppercase; color:#1f1d1e; background:#ffc04f; border:#ffc04f solid 3px; margin:20px 0; font-family:'Poppins', sans-serif; font-weight:700; border-radius:10px; padding:10px 20px; font-size:22px; width:auto; cursor:pointer; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.start-btn:hover{-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background:white; color:#333;}







.fullWidthDiv.addPadding {padding:50px 0px;}


.featuresHead {display:block; text-align:center; margin:30px 0px; padding:30px 0px; font-size:40px; position:relative;}
.featuresHead span {vertical-align:top;}
.featuresHead .imgTag {display:inline-block; width:40px; padding:10px 15px;}
.featuresHead span img {display:block; width:100%;}


.featureCont {display:block; clear:both; width:100%; padding:20px 0px; overflow:hidden;}

.featuresHead:before {content: ''; position:absolute; top:0; left:22%; right:22%; border-top:white dashed 2px;}
.featuresHead:after {content: ''; position:absolute; bottom:0; left:22%; right:22%; border-top:white dashed 2px;}

.featureCont .featureDiv {float:left; width:50%; padding:0px 20px; box-sizing:border-box;}

.featureCont .featureDiv .imgDiv {display:block; margin:0px auto; width:100%; max-width:420px; border:solid 3px #fff; border-radius:25px; overflow:hidden;}
.featureCont .featureDiv .imgDiv img {display:block; width:100%;}

.featureCont .featureDiv .txtDiv {display:block; padding:20px 10px; font-weight:500; font-size:20px; text-align:center; text-transform:uppercase;}








.tnc-links {color:#fff;}
.bottomTxt {display:block; clear:both; font-size:20px; text-align:center; text-transform:uppercase;}


.mobileBanner {display:none;}
.mobileForm {display:none;}



@media only screen and (max-width: 1170px) {
	.mainHeader h1 {font-size:40px}
}



@media only screen and (max-width: 1000px) {
	.fullWidthDiv.mainBanner {background:#ffbf4f;}
	.fullWidthDiv.mainBanner .maxWidthDiv {padding:0px;}
	.formContainer .form-txt, .tnc {display:block; width:100%; text-align:center;}
	.formContainer .join-club {margin:20px auto;}
	.formContainer {position:static; margin:0px auto; max-width:500px; background:#004c5e;}
	.banner-txt-content {position:static; display:block; max-width:100%; text-align:center; padding:40px 20px; box-sizing:border-box; color:#231f20;}
	.banner-txt-content .heading {color:#231f20;}
	.logo {display:none;}
	.mobileHead {display:block; width:100%; padding:10px 0px; text-align:center; background:#fff;}
	.mobileHead img {display:block; margin:0px auto; height:50px;}
	.bannerHeroImg {display:none;}
	.mobileBanner {display:block; width:100%;}
	.mobileBanner img {display:block; width:100%;}
	.mainHeader p br {display:none;}
}



@media only screen and (max-width: 800px) {
	.mainHeader {padding-top:20px;}
	.mainHeader h1 {width:80%;}
	.mainHeader .leftElemet, .mainHeader .rightElemet {width:10%; padding-top:20px;}
}



@media only screen and (max-width: 768px) {
	.fullWidthDiv.midGreen {background-size:100% auto; padding-bottom:60px;}
	.video-section {padding:20px;}
	.video-embed-wrp {margin-bottom:10px;}
	.mainHeader p {font-size:18px; padding:0px 20px 0px 20px}
	
	.featuresHead {font-size:24px;}
	.featuresHead .imgTag {width:30px; padding:5px 10px;}
	
	.mobileForm {display:block; background:#ffbf4f; padding:20px 0px;}
}



@media only screen and (max-width: 600px) {
	.formContainer {max-width:inherit; width:calc(100% - 20px);  box-sizing:border-box;}
	.formContainer input, .formContainer select {font-size:16px;}
	.featureCont {padding:0px;}
	.featureCont .featureDiv {width:100%;}
}



@media only screen and (max-width: 470px) {
	.formContainer .join-club, .start-btn {font-size:18px;}
	.mainHeader .leftElemet, .mainHeader .rightElemet {padding-top:5px;}
	.mainHeader h1 {width:80%;}
	.formContainer select {background: url(../images/angle-w.png) no-repeat center right 10px; background-size:15px;}
	.featuresHead {font-size:20px;}
	.featuresHead .imgTag {padding:0px 5px;}
	.mainHeader h1 {margin-bottom:20px; padding-bottom:10px; font-size:22px; border-bottom:solid 2px #fff;}
	.mainHeader .leftElemet img {float:left; width:200%;}
	.mainHeader .rightElemet img {float:right; width:200%;}
	
	.banner-txt-content {font-size:18px; text-align:justify; text-align-last:center; line-height:28px;}
	.banner-txt-content .heading {font-size:18px;}
	.fullWidthDiv.addPadding {padding:20px 0px;}
}