/* ######   TABLE OF CONTENTS ##################  style.less / style.css  #############
		- SECTIONS -
	1 	Mixins & Helper Classes
	2	Primary Styles
		a	Layout, Colors & Images
		b	Fonts & Text stylings
	3	Non-semantic helper classes - don't edit
	4	Media Queries - for Responsive Web Design
	5	Print Styles
 */
/* ==|== Mixins/Helpers =====================================================
   Mixins and helper classes - for use by LESS and compiled into CSS
   ========================================================================== */
.transition{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.transition-none {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/* ==|== primary styles =====================================================
   Author: Elizabeth Graham for Apogee Media
   ========================================================================== 
	
	A - Layout, Colors & Images ---------------------------------------------
*/
html, body {
    margin:0;
    padding:0;
    height:100%;
} 


body {
  width: 100%;
  margin: 0 auto;
  background: #fff repeat;
}


.container{
width:100%;
margin: 0 auto;
min-height:100%;
position:relative;

}

#header-layer{
width:100%;
position: fixed;
z-index: 99; 
}

header{
width: 100%;
min-height:55px;
margin: 0 auto; 
background: #e1e8ee;

}

#logo {
float: left;
margin-left: 15px;
}

header nav{
  font-size: 0.875em;
}

nav a #nav-menu-button, nav a:link #nav-menu-button, nav a:visited #nav-menu-button {
color:#fff;
}

nav #nav-menu-button{
display:none;
width: 40px;
height: 22px;
float: right;
margin-top: 17px;
margin-right: 75px;
background: url('../../_img/nyc/mobile-menu-icon.png') no-repeat;
z-index: 99999;
position: relative;

}

/*nav #nav-menu-button:hover , nav #nav-menu-button.active {
background-position:bottom;
}

header nav ul{
min-width: 550px;
}*/

header nav ul li{
border-right: 1px solid #d2d9df;
display: inline-block;
padding: 19px;
}

header nav ul li:hover{
  font-weight:bold;
}

.shop-icon{
  position: absolute;
  right: 0px;
  top: 0px;
}


#sm-layer{
  width:100%;
  min-height: 55px;
  background: #ed3df3;
  /*float:left;*/
}

.sm-icons{
padding: 20px 0px;
}

.sm-icons a{
float: left;
margin-right: 5px;
margin-left: 10px
}

#facebook{
  width:20px;
  height: 20px;
  display:block;
  background: url('../../_img/nyc/facebook_s.png');

}

#facebook:hover{
 background-position: bottom; 
}


#youtube{
  width:20px;
  height: 20px;
  display:block;
  background: url('../../_img/nyc/youtube_s.png');
}

#youtube:hover{
  background-position: bottom;  
}


#twitter{
  width:20px;
  height: 20px;
  display:block;
  background: url('../../_img/nyc/twitter_s.png');
}

#twitter:hover{
  background-position: bottom;  
}


#pinterest{
  width:20px;
  height: 20px;
  display:block;
  background: url('../../_img/nyc/pinterest_s.png');
}

#pinterest:hover{
  background-position: bottom;  
}


#instagram{
  width:20px;
  height: 20px;
  display:block;
  background: url('../../_img/nyc/instagram_s.png');
}

#instagram:hover{
  background-position: bottom;  
}

.close-out{
  position: absolute;
  font-size: 1.625em;
  font-weight: 300;
  right: 15px;
  margin-top: -10px;
  cursor:pointer;
}

.main{
width:100%;
margin: 0 auto;
padding-top:110px;
}

.main #slideshow-layer {
width:100%;
margin: 0 auto;
}

.main #slideshow-layer2 {
width:100%;
margin: 0 auto;
clear: both;
}

.blank-image {
width:100%;
margin: 0 auto;
}

.blank-image img{
width:100%; 
margin: 0 auto;
}

.images {
  position: absolute;
  cursor:pointer;
  top:110px;
  margin: 0 auto;
  width:100%; 
  overflow:hidden;
}

.images img{
width:100%; 
margin: 0 auto;
}

.images2 {
  position: absolute;
  cursor:pointer;
  margin: 0 auto;
  width:100%; 
  overflow:hidden;

}

.images2 img{
width:100%; 
margin: 0 auto;
}



#prev{
/*width: 32px;
height: 106px;
background: url('../../_img/nyc/prev-arrow.png') no-repeat;*/
position: absolute;
margin-top: 315px;
left: 20px;
z-index: 99;
cursor: pointer;
}

/*#prev:hover {
 background-position: bottom;
  }*/

#next{
/*width: 32px;
height: 106px;
background: url('../../_img/nyc/next-arrow.png') no-repeat;*/
position: absolute;
float:right;
top: 205px;
margin-right: 20px;
z-index: 99;
cursor: pointer;
}

/*#next:hover {
 background-position: bottom;
  }*/

#purp-sequence-layer{
width:100%;
/*min-height:355px;*/
background: url('../../_img/nyc/purple-sequence-layer.png');
background-size: cover;
margin: 0 auto;
}

.content{
width: 100%;
margin: 0 auto;
max-width: 800px;
padding: 80px 0px;
text-align:center;
}

.content2{
width: 100%;
margin: 0 auto;
max-width: 800px;
padding-top: 60px;
padding-bottom: 40px;
text-align:center;
}

.banner-text{
  text-align:center;
  /*min-height: 300px;*/
  padding: 0px 20px;
 /* margin-top:40px;*/
  color: #fff;
  font-size: 1.125em;
}

.banner-text .intro{
font-size: 1.125em;
font-weight: bold;
}

.banner-text .intro2{
font-size: 2.250em;
font-weight: normal;
}

.banner-text p.desc{
text-align: center;
max-width: 580px;
margin: 0 auto;
padding: 30px 0px;
}

#duo-scale-img{
width: 100%;
margin: 0 auto;
}

#duo-scale-img .left{
float:left;
max-width:50%;
background: url('../../_img/nyc/duo-left-scaling-photo.png') no-repeat;
background-size: cover;
width: 100%;
height: 360px; 
}

#duo-scale-img .right{
float:left;
max-width:50%;
background: url('../../_img/nyc/duo-right-scaling-photo.png') no-repeat;
background-size: cover;
width: 100%;
height: 360px; 
}


.white-block-hover{
width: 25%;
height: inherit;
position:absolute;
background: url('../../_img/nyc/white-trans-bkg.png') no-repeat;
background-size: cover;
color:#5f6377;
float: left;
}

.white-block-hover .inset{

height: inherit;
padding: 40px 40px 0px 40px;
opacity:1;
z-index:99;
}


.white-block-hover .grey-title{
font-size: 1.125em;
}

.white-block-hover p.text{
text-align:left;
margin:15px 0px;
padding: 0px;  
}

#tri-scale-img{
width: 100%;
margin: 0 auto;
/*clear: both;*/
}


.grey-internal-layer{
width: 100%;
/*min-height:560px;*/
margin: 0 auto;
background: #e1e8ee;
/*color: #4c4f56;*/
color: #37393D;
overflow: hidden;

}

.white-internal-layer{
width: 100%;
margin: 0 auto;
background: #fff;
}



.float-img-30-right{
width:30%;
padding-right: 50px;
}


.float-img-30-left{
width:30%;
padding-left: 50px;
}
/*.float-img-30 img{
  width: 100%;
  max-height: none;
}*/

.float-text-70{
  padding: 50px;
  font-size: 1.1em;
}

.inner-title{
  color: #492a87;
  font-size: 1.5em;
  font-weight: bold;
}


#pink-sequence-layer{
width:100%;
min-height:302px;
background: url('../../_img/nyc/pink-sequence-layer.png');
background-size: cover;
margin: 0 auto; 
clear: both;
}

#text-slider-layer{
width: 100%;
max-width:700px;
margin: 0 auto;
}

#text-slider{
/*min-height: 280px;*/
}

.slides{
margin: 0 auto;
/*position: absolute;*/
width:700px;
text-align:center;
color: #e1e8ee;
}

.slides div p{
  font-size: 1.250em;
}

.hr-border{
 width: 6%; 
 border-top: 1px solid #e1e8ee; 
 margin:0 auto; 
}

.testimonial-name{
  font-size: 1.250em;
  font-weight:300;
  font-style:italic;
}


.inner-title2{
  font-weight: bold; 
  font-size:20px;
  letter-spacing: 2px;
  color: #e1e8ee;
  margin: 0;
  padding:0;
}

.inner-title3{
  font-weight: normal; 
  font-size:2.250em;
  letter-spacing: 5px;
  color: #e1e8ee;
  margin: 0;
  padding:0;
}

span.mobile-message{
  display:none;
  font-weight:bold;
  letter-spacing: 2px;
}


.trainer-box{
width:25%;
float:left;
text-align:center;
margin: 0 auto;
position: relative;
 /*cursor:crosshair;*/
}

/*.trainer-box img{
width: 100%;

}*/

.trainer-box .trainer-name{
 /* color: #ed3df3;*/
 color: #fff;
  font-size:1.125em;
  font-weight: bold;
  position: relative;
  top: 389px;

}

.trainer-box-hover{
width: 100%;
height: 100%;
background: #ed3df3;
position: absolute;
text-align: left;
}

.trainer-box-hover .hover-name{
padding:40px;
font-size: 1.125em;
font-weight: bold;
color: #4a2a86;
}

.trainer-box-hover p{
margin: 0;
padding:0px 40px;
font-size: .9em;
}


.readmore-bio{
  padding-bottom: 50px;
}

.readmore-img{
float: left;
width: 40%;
margin-right:20px;
margin-bottom:60px;
}

h2.readmore-title{
margin-top:0px;
}


.schedule-internal-layer{
width: 100%;
margin: 0 auto;
background: #f8f8f9;
}

.purple-title{
color: #4a2a86;
font-size: 1.125em;
font-weight:bold;
}

.grey-title2{
color: #5d5d5d;
font-size: 0.875em;
}


/* TAKE A CLASS PAGE */

#internal-nav-layer{
  width: 100%;
  margin: 0 auto;
  background: #504f54;
}

#internal-nav-layer nav{
  width:100%;
  margin: 0 auto;
  text-align:center;
}


#internal-nav-layer nav ul{
  width:100%;
  padding: 15px 0px;
}

#internal-nav-layer nav ul li{
  display: inline-block;
  margin: 0px 50px auto;
  padding:15px 20px;
}

#internal-nav-layer nav ul li:hover{
background: #ed3df3;
}

#internal-nav-layer nav ul li a, #internal-nav-layer nav ul li a:visited{
 font-size: 1.000em;
 font-weight: bold;
 color: #ed3df3;
}

#internal-nav-layer nav ul li a:hover, #internal-nav-layer nav ul li a:active{
 color: #504f54; 
}



#pricing-layer{
  width: 100%;
  height: auto;
}

.price-block-hmpg{
float: left;
width:25%;
/*width:33.33%;*/
font-size: 0.875em;
}

.spacing{
  padding: 13px 10px;
}

.price-block{
float: left;
width: 11.11%;
/*padding: 13px 10px;*/
font-size: 0.875em;
}

.price-block-less{
float: left;
width: 33.33%;
/*padding: 13px 10px;*/
font-size: 0.875em;
}

.grey-light{
background: #e1e8ee;
}

.grey-medium{
background: #d0d8df;
}

.purple-hover{
background: #4a2a86;
}

.price-sm{
  font-size:0.875em;
  font-weight: bold;
  color: #4a2a86;
}

.price-lrg{
  font-size: 2.500em;
  font-weight: bold;
  color: #4a2a86;
}

.text-purple{
  color: #4a2a86;
  font-weight: bold; 

}

.text-grey{
  color: #64687c;
  font-weight: normal !important;
}

.text-pink{
  color: #ed3df3;

}

.text-pink{
  color: #fff;
  font-weight: normal !important;
}


.session-icon{
  position:relative;
  float:right;

}


.footer-padding{
  padding-bottom: 239px !important;
  clear:both;  
}

/*.footer-margin{
  margin-bottom: 231px !important;
  clear:both;  
}*/

footer{
width: 100%;
/*min-height: 190px;*/
margin: 0 auto;
background: #4f555a;
bottom: 0;
position:absolute;
color: #fff;
}


footer a, footer a:visited{
color: #fff !important; 
text-decoration: none;

}

footer a:hover{
  text-decoration: underline;
}



/* Image replacement for Retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}
/* ==|== primary styles =====================================================
   Author: Elizabeth Graham for Apogee Media
   ========================================================================== 
	
	B - Fonts & Text stylings -----------------------------------------------
*/
body {
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-size: 1.000em;
}
/* HYPERLINKS */
a,
a:link,
a:visited {
  color: #4a2a86;
}
/*a:hover,
a:active {
  color: #fff;
}*/
nav a,
nav a:link,
nav a:visited {
  color:#4a2a86;
  text-decoration: none;
}


/* TEXT */
h1 {
  font-size: 1.375em;
}
h2 {
  font-size: 1.125em;
}
h3 {
  font-size: 1.000em;
}
/* Selection */
::-moz-selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* Contain floats: h5bp.com/q */.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 420px) {
  /* Style adjustments for viewports 480px and over go here - PHONE > TABLET */

  header nav li a{
  padding: 15px 0px !important;
}

}


@media only screen and (max-width: 630px) {
#internal-nav-layer nav ul li{
  display: block;
}


}
@media only screen and (max-width: 840px) {
  /* Style adjustments for viewports 760px and over go here - TABLET > DESKTOP (This is styling for the iPad/Large Tablet range) */

.white-block-hover{
  width:50%;
}

}

@media only screen and (max-width: 870px) {


.trainer-box-hover .hover-name{
 font-size: 0.875em;
 padding:10px;
}


.trainer-box-hover p{
  padding: 0px 10px;
  font-size: .8em;
}

.trainer-box-hover p img{
 width: 40%;
}

}
@media only screen and (max-width: 1080px) {
  /* Style adjustments for viewports 1000px and over go here  - BREAKPOINT TO STOP GROWING */

  .price-block{
    width:25%;
  }

  nav #nav-menu-button{
    display: block;
    /*margin-top: -157px;*/
  margin-right: 75px;
  }

header nav {
  z-index: 9999;
  text-align: right;
  max-height: 55px;
}

header nav ul {
  display:none;
  /*padding: 5px 10px;*/
  background: #cfd8df;
  min-width:100%;
  z-index: 9999;
  position: absolute;
  top:54px;

}

header nav li {
  display: block;
  width:100%;
  padding: 13px 0px !important;
  text-align: center;
  border-bottom: 1px solid #e0e7ef;
}

header nav li:hover {
background:#432978;
  }

header nav li:hover a{
color: #c25ae6;
}

header nav li a{
  padding: 14px 43%;
  color: #fff !important;
}

header nav li a:hover, header nav li a:active{
  color: #c25ae6 !important;
}

span.mobile-message{
  display:block;
}

}

@media only screen and (max-width: 1400px) {
span.limit{
  display:none;
}

.trainer-box-hover .hover-name{
  padding:20px;
}

.trainer-box-hover p{
  padding: 0px 20px;
}
  }
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}