/*!
 *
 */

body {
	width: 100%;
	height: 100%;
    font-family: 'Inter', sans-serif;
/*    	        font-family: 'Inter', sans-serif;
    font-family: 'Oswald', sans-serif;

    */
	color: #FFF;
	font-size: 16px;
	font-weight:400;
	line-height: 1.3;
	background:#141515;
	/*overflow-x: hidden;
overflow-y: scroll;*/

}

.no-gutter >[class*='col-'] {
	padding-right: 15px;
	padding-left: 15px;
}

img {
    /*Chrome Crisp Images*/
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
}

input::-moz-focus-inner {
	border: 0;
}
object,
embed {
	outline: 0;
}
a{ color:#d2b729;}
a:active,
a:focus,
a:hover {
	outline: none;
	outline: 0;
	color:#FFF;
	text-decoration: none;
}
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
	outline: none;
	outline: 0;
}
input::-moz-focus-inner {
	border: 0;
}
a:active {
	outline: none;
}
html {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6, button{ font-family: 'Oswald', sans-serif;}

/* CTA */

.btn-ef {
	border-radius: 0px;
	background:#d2b729 url(../img/cta-icon.svg) no-repeat center right 20px;
	border: none !important;
	font-weight: 600;
	color: #000 !important;
	width:100%;
	font-size:14px;
	padding:20px;
	text-align:left;
}

.btn-ef-invert {
	border-radius: 30px;
	background-color:transparent;
	border: 2px solid #FFF !important;
	font-weight: 600;
	color: #FFF !important;
	width:100%;
	font-size:14px;
	padding-bottom:4px;
}
.btn-ef:hover {
	background-color: #eecf2e;
}

.btn-hdr{ height:70px; width:213px;}
.btn-bdy{ max-width:234px; height:41px; margin:0 auto; display:block;}
.btn-bdy-dark{ max-width:146px; height:41px; margin:0 auto; display:block; background:#000 !important; color:#d2b729 !important; margin-bottom:20px;}
.btn-white-bg{
	background-color: #000 !important;
	color: #d2b729 !important; 
		border-radius: 30px;
	background-color: #d2b729;
	border: none !important;
	font-weight: 700;
	height:41px; width:163px;
	font-size:16px; margin-bottom:20px; padding-bottom:4px;}
.btn-selection{
	background-color: #000 !important;
	color: #FFF !important; 
		border-radius: 30px;
	background-color: #d2b729;
	border: none !important;
	font-weight: 700;
	height:41px; width:223px;
	font-size:16px; padding-bottom:4px;}
.btn-send{ height:41px; width:163px;}
.btn-signup{height:41px; width:234px;}
	
/*CTA Animation*/

.btn-effect {
  -webkit-transition: .3s;
  transition: .3s;
}
.btn-effect:after {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
}
.btn-effect:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.btn-effect:hover:after {
  width: 0%;
}


/*Section Wrap*/
.section-wrapper{ max-width:976px;}
.section-wrapper-2{ max-width:1220px;}
.section-wrapper-3{max-width:1220px;}
.section-wrapper-4{max-width:1420px;}

/*Nav*/

.navigation-sec {
	background: #000;
}
.navbar {
	padding: 10px 0; margin-bottom:60px;

}
.navbar-dark {
	background: none !important;
}

.navbar li {
	padding: 0px 10px;
}
.nav-link {
	font-size: 20px;
	color:#FFF !important;
}
.logo {
	float: left;
	margin-left: 10px;
}
.logo-sml{ display:none;}
.navbar-toggler{
    width: 50px;
    height: 50px;
	background:none #d2b729;
    border:none;
	margin-right:10px;
	border-radius:60px;

}
.navbar-toggler-li{ margin:0; padding:0;}
.navbar-toggler-li li{ display:inline-block; list-style:none; margin:0; padding:0;}


/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #000;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}


/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}

/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
.link-active{ color:#d2b729 !important;}

/*Header*/
header{ background:url(../img/header-bg.jpg) no-repeat top center #000; background-size:cover; text-align:center; padding:40px 0 200px; color:#FFF;}
header h1{ color:#FFF; font-size:66px; margin-bottom:30px;}
.ef-logo{ margin-bottom:90px;}
header h1 span{ color:#d2b729;}
header p{ max-width:500px; margin:0 auto 60px;}
header ul{ margin:0; padding:0;}
header li{ display:inline-block; list-style:none; margin-bottom:10px;}

.signup-page header{padding:40px 0;}
.signup-page .ef-logo{ margin-bottom:30px;}

/*Sec2*/
.sec2{ padding:80px 0; background:#141515; text-align:left;}
.sec2 h2{font-size:62px; margin-bottom:44px;}
.sec2 img{ margin-bottom:20px;}
.sec2 h2 span{color:#d2b729;}
.sec2 p{ color:#767676; margin-bottom:44px;}


/*Sec3*/
.sec3{ padding:80px 0; background:#141515; text-align:left;}
.sec3 a{ color:#FFF !important;}
.sec3 h2{font-size:62px; margin-bottom:44px;}
.sec3 h2 span{color:#d2b729; display:block;}
.pic-box h3{ margin-top:-50px; font-size:18px; padding-left:30px;}
.pic-box{ max-width:400px; max-height:420px; margin:0 1px 29px;}
.pic-box h3 span{ background:url(../img/heading-bullet1.svg) no-repeat center left; padding-left:10px;}
.picbox-inner-border{ width:100%; height:100%; max-width:395px; max-height:434px; position:absolute; top:0; padding:15px; background-color: rgba(0, 0, 0, .6); }
.picbox-inner-border p{ border: 3px solid #d2b729; padding:10px 20px; height:100%; overflow:hidden; text-align:center;}
#details-box-btn,#details-box-btn2,#details-box-btn3,#details-box-btn4,#details-box-btn5,#details-box-btn6{ cursor:pointer;}
#details-box,#details-box2,#details-box3,#details-box4,#details-box5,#details-box6 {display:none;}

/* Sec4 */
.sec4{padding:130px 0; background:#141515 url(../img/sec4-gym-bg.jpg) no-repeat bottom center; background-size:cover; text-align:center;}
.sec4 h2{ font-size:44px; margin-bottom:30px;}
.sec4 h2 span{color:#d2b729;}
.sub-txt{ font-size:18px;  font-family: 'Oswald', sans-serif; margin-bottom:60px;}

/* Sec5 */
.sec5{padding:80px 0; background:#141515; text-align:center;}
.sec5 h2{ font-size:44px; margin-bottom:60px;}
.sec5 h2 span{color:#d2b729;}
.sec5 h3{ font-size:18px; max-width:190px; margin:0 auto 20px;}
.sec5 img{ margin-bottom:30px; width:auto; height:100%; max-height:70px;}
.sec5 p{ color:#767676; font-size:15px; line-height:1.6;}
.services-box{ max-width:300px; margin:0 auto 60px;}
.sup-text{ color:#8E8E8E; font-size:18px;  font-family: 'Oswald', sans-serif; margin-bottom:10px;}

/* Sec Calendar*/
.sec-calendar{padding:80px 0; background:#000; text-align:center;}
.sec-calendar h2{ font-size:44px; margin-bottom:60px;}
.sec-calendar h2 span{color:#d2b729;}
.sec-calendar h3{ font-size:18px; max-width:190px; margin:0 auto 20px;}
.sec-calendar img{ margin-bottom:30px; width:auto; height:100%; max-height:70px;}
.sec-calendar p{ color:#767676; font-size:15px; line-height:1.6;}


/* Sec6 */
.sec6{padding:400px 0 60px; background:#141515 url(../img/sec6-gym-bg.jpg) no-repeat bottom center; background-size:cover; text-align:left;}
.sec6 h2{ font-size:66px; margin-bottom:20px;}
.sec6 h2 span{color:#d2b729;}
.sec6 p{ max-width:550px; margin-bottom:60px;}

/* Footer */
footer{padding:40px 0; background:#141515; text-align:center;}
footer h1{font-family: 'Oswald', sans-serif; color:#FFF !important;}
.ftr-logo{ margin-bottom:20px;}
.copyright-txt{ font-size:14px;}
footer ul{ margin:0; padding:0;}
footer li{font-size:14px; list-style:none; display:inline-block; padding:0 10px; margin-bottom:20px;}
footer h3{ color:#D2B729; font-size:18px; font-weight:700; font-family: 'Oswald', sans-serif; margin-bottom:30px;}
.footer-detail-box{ text-align:left; margin-bottom:60px;}
.gymhours-info{ font-size:15px; color:#767676; line-height:1.8;}
.gymhours-info span{ color:#FFF;}
.gymaddress-info{ margin-bottom:20px; background:url(../img/address-icon.svg) no-repeat top left; color:#767676; max-width:220px;}
.gymaddress-info span, .gymphone-info span{ padding-left:50px; display:block;}
.gymphone-info{margin-bottom:20px; background:url(../img/phone-icon.svg) no-repeat top left; color:#767676; max-width:220px;}

/*Gym Master Box*/
.gymmaster-box{ background-image: linear-gradient(rgba(0,0,0,.7), rgba(210,183,41,.7), rgba(0,0,0,.7)); max-width:900px; padding:10px; border-radius:0px;  margin:0 auto 30px; }
.gymmaster-box-full{ background-image: linear-gradient(rgba(0,0,0,.7), rgba(210,183,41,.7), rgba(0,0,0,.7)); padding:10px; border-radius:0px;  margin:0 auto 30px; }
.gymmaster-box-innerborder{background-image: linear-gradient(rgba(255,255,255,.7), rgba(210,183,41,.7), rgba(255,255,255,.7)); border:4px solid #d2b729; padding:10px 10px 10px;}




/* MediaQueries */

@media (max-width: 1260px) {
.section-wrapper,.section-wrapper-2, .section-wrapper-3{ padding:0 25px;}
			}

@media (max-width: 1199px) {



	}		
@media (max-width: 1099px) {

}
			
@media (max-width: 991px) {
.picbox-inner-border p{ font-size:12px;}
.sec6{padding:80px 0; }
}
			
@media (max-width: 767px) {
.sec2{ text-align:center; padding:0px 0 40px;}
.sec2 p{ padding:0 25px;}
.section-wrapper-3{ padding:0;}
.sec2, .sec3{ overflow:hidden; text-align:center;}
.pic-box h3{ text-align:left !important;}
.pic-box img{ width:100%; height:auto;}

}
@media (max-width: 640px) {


}
@media (max-width: 575px) {
.pic-box{ max-width:400px; max-height:420px; margin:0 auto 25px;}
.picbox-inner-border{ width:100%; height:100%; max-width:400px; max-height:440px; position:absolute; top:0; padding:20px; }
.picbox-inner-border p{ font-size:14px;}
.sec6{padding:60px 0; text-align:center;}
.footer-detail-box{ text-align:center;}
.gymaddress-info, .gymphone-info{ margin:0 auto; text-align:left;}
}
@media (max-width: 510px) {

}