.banner img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
}
#home #page {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
#home .banner {
    float: left;
    width: 100%;
    height: auto;
    background-size: cover;
}
#home .banner img {
  float: left;
  width: 100%;
}
#press #content {
    float: right;
    margin-top: 50px;
    margin-bottom: 100px;
}
a.carousel-control.right, a.carousel-control.left {
    text-align: center;
    color: #FFF;
}
[class*="span-"] {
    margin-left: 0;
}
.subnav .nav {
    margin-left: 40px;
    margin-top: 45px;
}
.subnav .nav li {
    margin-top: 10px;
}
#serieslisting .row {
    margin-bottom: 20px;
}
.btn {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    padding: 13px 20px;
    -moz-appearance: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    outline: medium none;
}
#instructors .thumbnails h3{
	font-size: 32px;
	font-weight: 700;
}

/* @group zingFit */
#new .form-actions, #save .form-actions, #edit .form-actions, #billing .form-actions, #processPayment .form-actions, #gatewayaccount .form-actions, #forgotPassword .form-actions, #referralMessage .form-actions {
    background: none;
    border: none;
}

/* @group Structure */
#content-wrap {
    padding-bottom: 60px;
}
/* @end */
/* @group Text */
#series span.capitalize, #info h3 {
    text-transform: uppercase;
}
/* @end */
/* @group Nav */
a {
    color: #D5001F;
}
a:hover, a:focus {
    color: #A4A4A4;
    text-decoration: underline;
}
.nav .dropdown-toggle .caret {
    border-bottom-color: #D5001F;
    border-top-color: #D5001F;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #D5001F;
    background-image: none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}
#topNav .main-nav li a {
    font-family: proxima-nova, Arial, sans-serif;
}
.btn, #savedcards .btn {
    background: #D5001F;
    color: #FFFFFF;
    border: medium none;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    padding: 6px 15px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* @end */
/* @group Reserve */
.scheduleTable thead tr td {
    /*font-family: 'KroppenRound-BoldOblique';*/
    color: #575757;
}
#info h3 {
    padding-bottom: 20px;
}
#choosespot h2 .btn {
	background-color: #b3b3b3;
}
/* @end */
/* @group reserve overrides */
#schedule span.thead-date {
    color: #999;
}
#schedule .scheduleTable thead tr td {
    font-size: 16px;
}
#schedule .scheduleTable tbody tr td .scheduleInstruc, #schedule .scheduleTable tbody tr td .scheduleTime, #schedule .scheduleTable tbody tr td .scheduleBlock {
    font-size: 13px;
    line-height: 18px;
}
.popover-title {
    color: #D5001F;
    font-size: 15px;
    background: #DCDCDC;
}
.popover-content {
    /*color: red;
        font-size: 10px;*/
}
/* @end */
/* @group Sign in */
.alert {
    background-color: #FFCCCC;
    color: #000;
    border: 1px solid #DCDCDC;
    /* border-radius: 4px;
        margin-bottom: 20px;
        padding: 8px 35px 8px 14px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}
#signupbox #newcustomertext {
    line-height: 28px;
    margin-bottom: 2em;
}
.form-actions input[type="button"] {
    background: #666;
}
#login .offset2 {
	margin-left: 100px;
}
/* @end */
/* @group Buy Series */
#serieslisting .row.featureonweb {
    margin: 10px 0 10px -2em;
    box-shadow: 0px 1px 3px #DDD;
}
#serieslisting .row {
    padding: 20px 0;
    border-bottom: 1px solid #CCC;
}
#serieslisting .row.featureonweb .seriessubmit {
    margin-left: 9em;
}
.seriesname, .seriesprice {
    font-size: 18px;
}
.seriesname blockquote {
    font-size: 14px;
    font-style: italic;
    color: #999;
}
#serieslisting h3 {
    line-height: 3em;
}
#promoForm {
    padding: 15px 0;
}
#promoForm .navbar-text {
    font-size: 18px;
    margin-right: 10px;
}
#viewSeries form[name="gcForm"] .row .seriesname, #needSeries form[name="gcForm"] .row .seriesname {
	visibility: hidden;
}
#viewSeries form[name="gcForm"] .row, #needSeries form[name="gcForm"] .row {
	border-bottom: none;
	margin-top: -80px;
	padding-bottom: 50px;
}
#viewSeries form[name="gcForm"] .btn, #needSeries form[name="gcForm"] .btn {
	padding: 4px 35px;
}
/*@end*/
/* BTN */
.btn, #shop #cartform .btn, #cart .continueshopping .btn, #savedcards .btn, #serieslisting .btn, #processPayment .topbuffer20 .btn {
    font-family: 'Open Sans', sans-serif;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 0;
    border-style: none;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    padding: 6px 15px 4px;
    text-align: center;
    text-shadow: none;
    text-transform: capitalize;
    vertical-align: middle;
}
.btn:hover, .btn:focus, #shop #cartform .btn:hover, #cart .continueshopping .btn:hover, #savedcards .btn:hover, #serieslisting .btn:hover, #processPayment .topbuffer20 .btn:hover {
    background-position: 0;
    background-color: #CCC;
    color: #FFF;
    text-decoration: none;
    transition: none;
}
#login .btn:visited, .alert h3 {
    color: #FFF;
}
#shop .btn-block {
	width: 38%;
}
/* end */
/* Gift Card */
#giftCardSidebar {
    margin-left: 0;
}
/* end */
/* Schedules */
.scheduleTable tbody tr td .scheduleBlock {
    border-bottom: 1px dotted #CCC;
    font-size: 93%;
    height: 3em;
    padding-bottom: 5em;
    padding-top: 2em;
    /*position: relative;*/
}
/*.scheduleBlock i.badge {
    bottom: 6px;
    font-size: 11px;
    font-style: normal;
    padding: 2px 6px;
    position: absolute;
    margin-left: 0;
}

.scheduleBlock span i.badge {
    margin-left: 2.4em;
}*/
.scheduleClass.pop {
    color: #CC0000;
    text-transform: uppercase;
}
.scheduleClass.pop:hover {
    text-decoration: underline;
    color: #CCC;
}
#reserve td:first-child {
    border-left: medium none;
}
.scheduleTable {
    background: none repeat scroll 0 0 #FFF;
}
.scheduleTable thead tr td {
    padding-bottom: 10px !important;
    padding-left: 10px;
    padding-top: 20px !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.scheduleTable tbody tr td {
    border-left: 1px solid #5C5C5C;
    border-color: #EBEBEB;
}
th {
    width: 50%;
}
thead > tr > td {
    text-align: center;
}
#reserve > thead {
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
}
#reserveEvents > thead {
    color: #969696;
}
#reserve > tbody {
    color: #767676;
    border-bottom: solid 15px #EBEBEB;
}
#reserveFilter {
    margin-left: 40%;
    margin-bottom: -20px;
    text-transform: uppercase;
}
#reserve td:first-child {
    border-left: medium none;
}
.pager li > a, .pager li > span {
    border: none;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #FFF;
}
#reserveweeknav li.next a span:after {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #000;
    border-top: 5px solid rgba(0, 0, 0, 0);
    font-size: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: 5.35px;
    width: 0;
}
#reserveweeknav li.previous a span:before {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid #000;
    border-top: 5px solid rgba(0, 0, 0, 0);
    font-size: 0;
    height: 0;
    margin-right: 6px;
    vertical-align: 5.35px;
    width: 0;
}
.scheduleBlock i {
    float: right;
    margin-left: 10px;
    margin-top: 4px;
}
/* end */
/* Alerts */
.alert-success {
    background-color: #CC0000;
    border-color: #000;
    color: #FFF;
}
.alert, .alert h4 {
    color: #FFF;
    text-shadow: none;
}
.alert {
    background-color: #000;
    border: 1px solid #CCC;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}
.table tbody tr.success td {
    background-color: #EBEBEB;
}
/* end */
/* Account */
.panel-header {
    background: none 0 0 repeat scroll #FFF;
    border-bottom: 1px solid #CCC;
    color: #000;
    padding: 10px;
    text-transform: uppercase;
}
/* end */
/* Menus/Links */
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #FFFFFF;
    text-decoration: underline;
    color: #CCC;
}
a:hover {
    color: #CCC;
    text-decoration: underline;
}
.subnav a:visited {
    color: #CC0000;
}
.underline-body-links .sqs-block a, .underline-body-links .entry-content a, .underline-body-links .eventlist-excerpt a, .underline-body-links .playlist-description a, .underline-body-links .image-description a, .underline-body-links .sqs-block a:visited, .underline-body-links .entry-content a:visited, .underline-body-links .eventlist-excerpt a:visited, .underline-body-links .playlist-description a:visited, .underline-body-links .image-description a:visited {
    text-decoration: none;
}
/* end */
/* Buy Series */
.field-list {
    margin-top: -0.3cm;
}
.form-wrapper input[type="submit"] {
    padding: 4px 15px;
}
.form-wrapper input[type="submit"]:hover {
    background-color: #CCC;
}
/*end*/
/* Layout */
.span4 {
    text-transform: capitalize;
}
.page-header.classes {
    padding-top: 50px;
}
.pager {
    margin-left: -40px;
}
.page-header.events {
    margin: 0;
}
li {
    line-height: 25px;
}
/* end */
/* subnav */
.subnav {
    background: #FFF;
    float: right;
    padding: 10px 0 20px 40px;
    text-align: left;
    margin-top: 0px;
    font-size: 1.15em;
    border-left: 1px solid #EBEBEB;
}
#classes .subnav {
    margin-top: 0px;
}
#series .subnav {
    margin-top: 0px;
}
.subnav .nav {
    margin-left: 0px;
    margin-top: 0px !important;
}
/* end */
/* social media */
.sqs-block-content img:hover {
    opacity: 0.5;
}
/* end */
h1, h2, h3, h4, h5, h6, p, a, table, .sqs-block-content, #viewSeries .seriesname, #viewSeries .seriesprice {
    font-family: "proxima-nova", arial, sans-serif;
}
/*@group FOOTER, MAIN NAV*/
#schedule #footer a, #viewSeries #footer a, #login #footer a {
    color: #000;
}
#schedule #footer a:hover, #viewSeries #footer a:hover, #login #footer a:hover {
    text-decoration: underline;
    color: #C2BDBD;
}
#schedule #topNav .main-nav li a:hover, #viewSeries #topNav .main-nav li a:hover, #login #topNav .main-nav li a:hover {
    text-decoration: none;
}
#schedule #topNav .main-nav li a span, #viewSeries #topNav .main-nav li a span, #login #topNav .main-nav li a span {
    padding-bottom: 2px;
}
/*@end*/
/*@group SCHEDULE*/
#schedule .page-header {
    border-bottom: medium none;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
}
#schedule #page {
}
/*
#schedule .page-header.classes > h1, #viewSeries .pageWrapper .page-header > h1 {
    font-size: 60px;
}*/
#schedule #reserveFilter {
    display: none;
}
#schedule .next > a {
    color: #000;
}
#schedule .next > a:hover {
    color: #CCC;
}
#schedule #reserveweeknav {
    margin-bottom: 0;
    margin-top: 0;
    width: 116%;
}
#schedule .scheduleBlock .scheduleClass.pop {
    color: #000;
}
#schedule .scheduleInstruc {
    text-transform: uppercase;
    font-weight: 700;
}
#schedule .scheduleInstruc.active {
    color: #000;
}
#schedule .scheduleClass {
    text-transform: uppercase;
}
#schedule .scheduleTime.active {
    color: #000;
}
#schedule .scheduleTable thead tr td {
    color: #000;
    padding-bottom: 30px !important;
}
#schedule .scheduleTable tbody tr td {
    border-left: medium none;
}
#schedule #reserve > thead {
    border: none;
}
#schedule #reserve td {
    margin-top: 10px;
}
#schedule #reserve > tbody {
    border-bottom: 2px solid #C2BDBD;
}
#schedule .scheduleTable tbody tr td .scheduleBlock {
    border-bottom: medium none;
    border-top: 2px solid #C2BDBD;
    height: 5em;
    padding-bottom: 4em;
    padding-top: 5px;
}
#schedule .popover-title {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
/*@end*/
/*@group SERIES*/
#viewSeries #serieslisting .row.featureonweb {
    border: 3px solid #000;
    border-radius: 0;
}
#viewSeries #serieslisting h3 {
    font-size: 30px;
    margin-bottom: 0;
}
#viewSeries .seriesname {
    color: #444;
    text-transform: uppercase;
}
#viewSeries .seriesname blockquote {
    text-transform: capitalize;
}
#viewSeries #serieslisting .featureonweb .seriesname {
    width: 385px;
}
#viewSeries #serieslisting .row.featureonweb .seriessubmit {
    margin-left: 20px;
}
/*@end*/
#login #forgotpasswordrow a {
    color: #000;
}
#login #forgotpasswordrow a:hover {
    color: #C2BDBD;
    text-decoration: underline;
}
#login #page {
    padding-bottom: 10%;
}
#login .control-actions .btn, #viewSeries .row .btn {
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0;
}
/*#instructors #page {
	max-width: 1500px;
}*/
#instructors .thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    width: 33%;
}
#instructors body[class^="collection-"] .thumbnails img {
    max-width: 100%;
    width: 100%;
    height: 429px;
}
ul.thumbnails.instructor-list {
    margin: 0 auto;
}
/* @end */

/* @group SHOP */
#cart .fa.fa-trash-o::before {
	content: 'Remove Item';
}
#cart #cartform a {
	color: black;
}
#cart #cartform a:hover {
	opacity: .5;
}
#shopsubnav .navbar-inner .nav>li>a {
	padding: 10px 8px;
}
#cart .checkout .span12 {
	width: 98%;
}
/* @end */
@media (max-width: 1100px) {
	#processPayment .span6 {
		width: 98%;
	}
	#processPayment .offset3 {
		margin-left: 0;
	}
}
@media (max-width: 1024px) {
	#schedule .scheduleTable tbody tr td .scheduleInstruc, #schedule .scheduleTable tbody tr td .scheduleTime, #schedule .scheduleTable tbody tr td .scheduleBlock, #schedule .scheduleTable thead tr td {
	    font-size: 12px;
	 }
	 #schedule .scheduleTable tbody tr td .scheduleBlock {
	 	height: 8em;
	 }
	 #schedule #reserveweeknav {
	     margin-bottom: 0;
	     margin-top: 0;
	     width: 100%;
	 }
	 #instructors .thumbnails>li {
	     width: 50%;
	     max-width: 296px;
	 }
}
@media (max-width: 979px) {
	#new form input[type="text"], #edit form input[type="text"], #gatewayaccount form input[type="text"], #save form input[type="text"], #new form input[type="password"], #edit form input[type="password"], #gatewayaccount form input[type="password"], #save form input[type="password"], #new select, #edit select, #gatewayaccount select, #save select, #shipping form input[type="text"], #shipping select {
		width: 94%;
	}
	#new .form-horizontal .control-label, #edit .form-horizontal .control-label, #gatewayaccount .form-horizontal .control-label, #save .form-horizontal .control-label, #shipping .form-horizontal .control-label {
		float: left;
		text-align: left;
	}
	#new .form-horizontal .controls, #edit .form-horizontal .controls, #gatewayaccount .form-horizontal .controls, #save .form-horizontal .controls, #shipping .form-horizontal .controls {
		margin-left: 0!important;
	}
	#new .offset2, #save .offset2, #edit .offset2, #gatewayaccount .offset2, #billing .offset2, #processPayment .offset2, #shipping .offset2 {
		margin-left: 10px;
		width: 100%;
	}
}
@media (min-width: 768px) {
	/*@group INSTRUCTORS*/
	#instructors .thumbnails h3 {
	    letter-spacing: 0;
	    line-height: 32px;
	}
	#instructors .thumbnails p {
	    line-height: 17.6px;
	}
	.caption {
	    position: relative;
	    overflow: hidden;
	
	    /* Only the -webkit- prefix is required these days */
	    -webkit-transform: translateZ(0);
	            transform: translateZ(0);
	            -ms-transform: translateZ(0);
	}
	
	.caption::before {
	    content: ' ';
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: transparent;
	    transition: background .35s ease-out;
	}
	
	.caption:hover::before {
	    background: rgba(0, 0, 0, .7);
	}
	
	.caption__media {
	    display: block;
	    min-width: 100%;
	    max-width: 100%;
	    height: auto;
	}
	
	.span4.caption .caption_overlay,
  .instructor-box.caption .caption_overlay  {
	    position: absolute;
	    top: 20px;
	    right: 0;
	    bottom: 0;
	    left: 15px;
	    padding: 10px;
	    color: #fff;
	
	    -webkit-transform: translateY(100%);
	            transform: translateY(100%);
		-ms-transform: translateY(100%);
	    transition: -webkit-transform .35s ease-out;
	    transition:         transform .35s ease-out;
	}
	
	.span4.caption:hover .caption_overlay,
  .instructor-box.caption:hover .caption_overlay  {
	    transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
	.caption_overlay h3 {
		color: #fff;
	}
	.caption__overlay__title {
	    -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
	            transform: translateY( calc(-100% - 10px) );
	            -ms-transform: translateY( calc(-100% - 10px) );
	
	    transition: -webkit-transform .35s ease-out;
	    transition:         transform .35s ease-out;
	}
	
	.caption:hover .caption__overlay__title {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	            -ms-transform: translateY(0);
	}/*@end*/
	
	

}
@media (max-width: 768px) {
#schedule .scheduleTable tbody tr td .scheduleInstruc, #schedule .scheduleTable tbody tr td .scheduleTime, #schedule .scheduleTable tbody tr td .scheduleBlock, #schedule .scheduleTable thead tr td {
    font-size: 9px;
 }
#schedule .scheduleTable tbody tr td .scheduleBlock {
 	height: 8em;
 }
 #schedule #reserveweeknav {
     margin-bottom: 0;
     margin-top: 0;
     width: 100%;
 }
}
@media (max-width: 767px) {
	#login .offset1, #login .offset2 {
		margin-left: 5%;
	}
	#info .span5 {
		margin-left: 30px;
	}
	#instructors .thumbnails h3 {
	    line-height: 32px;
	    padding-top: 10px;
	}
	#instructors .thumbnails p {
		line-height: 18px;
	}
	#instructors .thumbnails li {
	    min-height: 0;
	    width: 100%;
	    clear: both;
	}
	#instructors .thumbnails .span4 {
		width: 94.5%;
	}
	#instructors .sqs-layout .html-block.sqs-block img {
		width: 100%;
	}
}
@media (max-width: 640px) {
	#shop .span3 {
		width: 96%;
	}
	#shop .span3 .product .thumb img {
		width: 100%;
	}
	#shop .span6, #shop #details {
		width: 98%;
	}
	#shop .span6 #mainimage {
		width: 100%;
	}
	#shop #details {
		margin-left: 20px;
	}
	.subnav {
		float: left;
	}
	#new form, #edit form, #gatewayaccount form, #save form {
		margin-left: 20px;
		width: 100%;
	}

	#new .form-actions, #edit .form-actions, #gatewayaccount .form-actions, #save .form-actions {
		padding: 50px;
	} 
	#savedcards .row-fluid .span2 {
		width: 75px;
	}
}
@media (max-width: 480px) {
	.page-header h1, .page-header h2, .page-header span {
		font-size: 30px;
	}
	#cart .span12 .btn {
		float: left;
		margin-bottom: 5px;
	}
	#schedule .accordion-inner i {
		margin-right: 15px;
	}
	#savedcards .span8 .btn:nth-child(2) {
		margin-left: 0;
		margin-top: 10px;
	}
}
/*@group Sept 2016 new location and dropdown*/
	#headerNav .collection > .nav {
    margin-bottom: 0;
}
#headerNav .dropdown-menu a {
    text-align: left;
}
#headerNav .dropdown-menu {
    border: medium none;
    box-shadow: none;
    margin-top: 10px;
    padding: 10px 0;
}
#headerNav .dropdown-menu a {
    color: #666 !important;
    padding: 5px 0;
    text-align: left;
}
#headerNav .dropdown-menu a:hover {
    color: #000 !important;
    background: transparent;

}
#viewSeries .page-content > .panel-bordered.sidepad20.bottombuffer20.topbuffer20.clearfix, #needSeries .page-content > .panel-bordered.sidepad20.bottombuffer20.topbuffer20.clearfix {
	display: none;
}
@media (max-width: 767px) {
  #mobileNavigation .collection .nav {
    margin-bottom: 0;
  }
}
/*@end*/
/* @group #10373 */
#viewSeries .page-header h1, #needSeries .page-header h1 {
	display: none;
}
#viewSeries .page-header::after, #needSeries .page-header::after	{
	content: "Buy Series";
	text-transform: uppercase;
	font-family: proxima-nova, arial, sans-serif;
	font-size: 42px;
	font-weight: normal;
}
/* @end */
#schedule .accordion-inner span {
    color: #767676;
}
#schedule .accordion-inner a span {
	color: #000;
}


@media screen and (min-width: 768px) {
  .instructor-list {
    float: left; 
    width: 100%;
  }
  .instructor-box {
    float: left;
    width: 50%;
    padding: 8px;
    margin-left: 0 !important;
    margin-right: 0;
    box-sizing: border-box;
  }
  .instructor-box img {
    float: left;
    width: 100%;
    height: auto;
  }
}