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

@media screen and (max-width: 481px)
{
	.header-bottom .hb-right, #girlsCutout, #usagGirl, .no-mobile, .owl-dots, .header-top
	{
		display:none;
	}
	.hs-style-1 .home-text
	{
		top:10px !important;
	}
	.hs-style-1 .home-text h3 
	{
		font-size:26px;
	}
	.hs-style-1 .home-text h1
	{
    	font-size: 48px;
	}
	#home-1-slide
	{
		min-height:800px;
		background-image:url(../img/home-top-empty.png);
	}
	#home-1-slide #girlsCutout
	{
		display: block;
		width: 100%;
		height: auto;
		bottom: 125px;
	}
	.mobile-only
	{
		display:block;
	}
	#mobile-nav-btn
	{
		display:block;
		float:right;
		font-size:32px;
		color:#fff;
		margin-right:10px;
		 
    position: absolute;
    right: 6%;
    bottom: 46px;
    bottom: auto !important;
    top: 25px !important;
	}
	.site-logo {
    float: left;
    position: absolute;
    z-index: 9;
    left: 8%;
    top: 17px;
}
	.home-header #mobile-nav-btn
	{
		color:#ee0b03;
    bottom: 57px;
	}
	.home-header .site-logo {
    left: 4%;
    margin-top: 9px;
}
	.home-header .site-logo img {
    width: 180px;
    bottom: 19px;
    margin-left: 4px;
}
	#mobileAccountBtn
	{
		
    color: #fff;
    padding: 7px;
    margin-left: 14px;
    font-size: 16px;
    /* margin-top: 36px; */
    /* padding-top: 51px; */
    position: relative;
    top: 43px;
	
    background: #fff;
    border-radius: 2em;
    padding: 7px 27px;
    color: #ee0b03;
	font-weight:600;
	}
	#mobileAccountBtn i
	{
		padding-right:7px;
    font-size: 18px;
    padding-top: 0px;
    position: relative;
    top: 2px;
	}
	#mobileLogoutBtn
	{
		
    background: #fff;
    border-radius: 2em;
    padding: 7px 24px;
    color: #ee0b03;
	font-weight:600;
    position: relative;
    top: 20px;
	}
	#mobileLogoutBtn i
	{
		padding-right:7px;
	}
	.home-header.nav-sticky .site-logo {
    margin-top: 0px;
}
	.nav-sticky #mobile-nav-btn
	{
		color:#fff;
    bottom: 18px;
	}
	
	#mobile-nav {
		display:block;
		  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #ee0b03; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px; /* Place content 60px from the top */
  transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
	}
	
	#mobile-nav.active
	{
		width:250px;
		
	}
	#mobile-nav .closeBtn
	{
	    position: absolute;
    top: -4px;
    right: 15px;
    font-size: 42px;
    color: #fff;
    font-weight: 300;
}
	.closeBtn:hover, #mobile-nav a:hover
	{
		text-decoration:none;
	}
	#mobile-nav ul
	{
		padding-left:0px;
	}
	#mobile-nav ul li
	{
		list-style:none;
	}
	#mobile-nav ul a
	{
		display:block;
		color:white;
		font-size:18px;
		padding:8px;
		padding-left:20px;
    font-weight: 600;
	}
	#mobile-nav ul a.active
	{
		border-left:4px solid white;
		background:none;
		background:rgba(255,255,255,.1);
	}
	#mobile-nav ul li ul li a
	{
		font-size:14px;
		padding-left:35px;
		padding-bottom:5px;
	}
	.slicknav_menu
	{
		display:none;
	}
	#promoVideo
	{
		width:100%;
	}
	#nav-top.nav-sticky .site-logo img {
    width: 100px;
    margin-left: 25px;
    bottom: 14px;
}
	.about-item
	{
		text-align:center;
    	margin-top: 30px;
    	margin-bottom: 20px;
	}
	.about-item .ai-icon
	{
		text-align:center;
		margin-left: auto;
		margin-right: auto;
	}
	.locations .signup-map
	{
		margin-bottom:5px;
	}
	.locations .bi-text
	{
		padding-left:0px;
		padding-top:8px;
		text-align:center;
		margin-bottom:30px;
	}
	.classes-details
	{
		padding-top:25px;
		padding-left:20px;
	}
	.event-item.event-box .ei-text
	{
		text-align:center;
		
	}
	.event-item.event-box .ei-text ul
	{
    	padding-left: 40px;
		text-align:left;
		
	}
	.event-item.event-box a.site-btn
	{
		left:1%;
    top: 10px;
		
	}
	.event-item.event-box .ei-text h4
	{
		
    font-size: 22px;
    margin-bottom: 7px;
		
	}
	.event-item.event-box .ei-text ul li {
    font-size: 12px;
    margin-bottom: 1px;
}
	.page-top-section h2 {
    font-size: 42px;
	}
	#aboutTop {
    background-position: 0px 0px;
}
	.class-links .col-sm-4
	{
		width:33%;
	}
	.site-logo img {
    width: 150px;
    bottom: 14px;
    margin-left: 7px;
}
	.class-links .col-sm-4 a
	{
		font-size:12px;
    padding-top: 10px;
	}
	.class-links .col-sm-4 a i
	{
    font-size: 22px;
	}
	.trainer-details {
    padding: 15px;
	}
	.teams-row div.col-md-6:last-child
	{
		margin-top:70px;
	}
	#mobile-nav > ul
	{
		margin-top:60px
	}
	.spad {
    padding-top: 30px;
    padding-bottom: 35px;
}
	.classes-item.special-event-item.se-item {
    min-height: auto;
    margin-bottom: 20px;
	}
	.site-btn.btn-left, .site-btn.btn-right
	{
		
    min-width: auto;
    width: 48%;
	}
	.m-mb-30
	{
		margin-bottom:30px !important;
	}
	.m-mb-50
	{
		margin-bottom:30px !important;
	}
	.m-mt-10
	{
		margin-top:10px !important;
	}
	.m-mt-30
	{
		margin-top:30px !important;
	}
	.m-mt-50
	{
		margin-top:30px !important;
	}
	.m-font-36
	{
		font-size:36px !important;
	}
	.hero-section .owl-dots { display:none; }
	.event-item
	{
		height:auto;
	}
	.event-item .ei-img
	{
		width:100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	margin-right:0px;
	}
	.event-details
	{
		padding-right:0px;
	}
	.m-text-center
	{
		text-align:center;
	}
	
	.day-radios
	{
		display:block;
	}
	.hero-section { min-height:auto; }
	.hero-slider .owl-item { height:auto; }
	#home-1-slide { min-height:0px; }
	.full-modal
	{
    max-width: 100% !important;
	width:100% !important;
	margin: 0px !important;
		
	}
	.full-modal .modal-content
	{
    	padding:10px !important;
		
	}
	.modal-dialog
	{
		z-index:9999;
	}
	#mobile-nav-btn
	{
		z-index:9998;
		
	}
	.parents-card .box-data .bd-row .bd-lbl
	{
		text-align:left !important;
	}
	
	
	
	
	
	.owl-item .hs-style-1 {
    align-items: center;
	}
	.owl-item, .owl-stage, .hero-section
	{
		height:100% !important;
	}
	
	
	
	
	
	
	
	
	
	
}


@media screen and (min-width: 1000px)
{
	/*.footer-section {
    padding-left:20%;
}*/
	
}


@media screen and (max-width: 1300px)
{
	
	.hs-style-1 .landing-bottom-text h3
	{
    	font-size: 24px;
	}
	.hs-style-1 .landing-bottom-text h2
	{
    	font-size: 48px;
	}
	.hs-style-1 .landing-bottom-text a
	{
    	margin-bottom:5px;
	}
	.hs-item .home-text 
	{
		
	}
}
@media screen and (max-width: 1100px)
{
	
	.hs-style-1 .landing-bottom-text h3
	{
    	font-size: 24px;
	}
	.hs-style-1 .landing-bottom-text h2
	{
    	font-size: 48px;
	}
	.hs-style-1 .landing-bottom-text a
	{
    	margin-bottom:5px;
	}
	.hs-item .home-text 
	{
		
	}
	.main-menu
	{
		text-align: left;
		left:3%;
	}
	.home-header .main-menu li>a
	{
		padding: 5px 7px;
	}
}

@media screen and (max-width: 1200px)
{
	.trainer-item .trainer-top
	{
		width:100%;
		margin-left:0px;
		
	}
	.trainer-item img.normal-img {
    max-width: 50%;
	right:0px;
	}
	.trainer-item img.coach-cutout {
    max-width: 40%;
	right:0px; 
    position: relative;
    bottom: 15px;
	}
	.trainer-item .ti-text {
    margin-top: -20px;
    max-width: 100%;
}
	.trainer-item .trainer-bottom {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 20px 15px 0px 15px;
}
.trainer-item {
    padding: 0 20px 20px;
}
.staff-contain
{
	width:25%;
	padding:10px;
}
.staff-row .staff-contain .pc-item .pc-thumb {
    height: 220px;
}
}
@media screen and (max-width: 991px)
{
	.header-bottom .hb-right, .owl-dots { display:none; }
	
	#mobile-nav-btn
	{
		display:block;
		float:right;
		font-size:32px;
		color:#fff;
		margin-right:10px;
		 
    position: absolute;
    right: 6%;
    bottom: 46px;
	}
	.home-header #mobile-nav-btn
	{
		color:#ee0b03;
    bottom: 57px;
	}
	.nav-sticky #mobile-nav-btn
	{
		color:#fff;
    bottom: 18px;
	}
	
	#mobile-nav {
		display:block;
		  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #ee0b03; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px; /* Place content 60px from the top */
  transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
	}
	
	#mobile-nav.active
	{
		width:250px;
		
	}
	#mobile-nav .closeBtn
	{
	    position: absolute;
    top: -4px;
    right: 15px;
    font-size: 42px;
    color: #fff;
    font-weight: 300;
}
	.closeBtn:hover, #mobile-nav a:hover
	{
		text-decoration:none;
	}
	#mobile-nav ul
	{
		padding-left:0px;
	}
	#mobile-nav ul li
	{
		list-style:none;
	}
	#mobile-nav ul a
	{
		display:block;
		color:white;
		font-size:18px;
		padding:8px;
		padding-left:20px;
	}
	#mobile-nav ul a.active
	{
		border-left:4px solid white;
		background:none;
		background:rgba(255,255,255,.1);
	}
	#mobile-nav ul li ul li a
	{
		font-size:14px;
		padding-left:35px;
		padding-bottom:5px;
	}
	.hs-style-1 .home-text
	{
    top: -70px;
    margin-top: 60px;
	}
	.hs-style-1 .landing-bottom-text
	{
		padding-left:100px;
		padding-top:35px;
		width:53%;
	}
	.hs-style-1 .landing-bottom-text h2 {
    font-size: 32px;
}
.hs-style-1 .landing-bottom-text h3 {
    font-size: 12px;
}
.hs-style-1 .landing-bottom-text a {
    font-size: 14px;
    padding: 8px 20px;
}
.hs-style-1 .home-text h3 {
    font-size: 30px;
}
.hs-style-1 .home-text h1 {
    font-size: 50px;
}
.staff-contain
{
	width:33.33%;
	padding:10px;
}
	
}
@media screen and (max-width: 700px)
{
	
	.hs-style-1 .landing-bottom-text
	{
		display:none;
	}
	#home-1-slide #usagGirl { display:none; }
	
.hs-style-1 .home-text h3 {
    font-size: 24px;
}
.hs-style-1 .home-text h1 {
    font-size: 40px;
}
#home-1-slide #girlsCutout {
    left: 8%;
    width: 70%;
}
}



@media screen and (max-width: 770px)
{
	
.staff-contain
{
	width:50%;
}

	.ckeckout-product-lists .ckeckout-product
	{
    margin: auto;
		width: 35% !important;
	}
	.ckeckout-product-lists .checkout-product-details {
    width: 100% !important;
    margin-top: 20px;
	}
	.ckeckout-product-lists .add-student-btn
	{
		
    margin-left: auto;
    margin-right: auto;
    width: 80% !important;
    padding: 12px !important;
	}	
}














@media screen and (max-width: 481px)
{
	.hs-style-1 .home-text {
    margin-top: 3%;
	}
		
		#home-1-slide #girlsCutout {
		left: 10%;
		width: 70%;
		bottom: 8%;
	}
	.coaches-row .ts-item
	{
		
		padding: 80px 0px 0;
		margin-bottom: 0px;
	}
	.coaches-row > .col-md-6
	{
		
    	margin-top: 10px !important;
		padding-right: 5px;
		padding-left: 5px;
	}
	.trainer-item img.normal-img {
    max-width: 50%;
	}
	.trainer-item img.coach-cutout {
    max-width: 70%;
    right: 0px;
     position: static; 
}
.trainer-item h6 {
    margin-bottom: 10px;
}
.staff-contain .pc-item .pc-text h4 {
    font-size: 15px;
}
.staff-contain .pc-item .pc-text p {
    font-size: 10px;
    font-weight: 500;
}
.staff-row .staff-contain .pc-item .pc-thumb {
    height: 160px;
}
#staff-coaches nav
{
overflow-x:scroll;
}
#staff-coaches .nav-tabs
{
	width:800px;
}
#staff-coaches .nav-tabs .nav-link
{
	font-size:12px;
}
.classes-item.ci-small .ci-bottom {
    height: 90px;
	}
	.classes-item.ci-small .ci-text .cits-coaches
	{
		max-height:150px;
	}
	.classes-item.ci-small .ci-text .cits-coaches .cis-coaches
	{
		margin:0px;
	}
	.signature-pad
	{
		width:98%;
		margin-left:1%;
	}
	#account-link .sign-in-from
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
    margin-top: 125px;
    padding: 20px;
	}
	#account-link h1
	{
		font-size:32px;
	}
	#account-link h4
	{
		font-size:18px;
		text-align:center;
	}
	#addPaymentModal .modal-dialog
	{
		width:100%;
	}
}