/* COMMON */
.clear { clear: both; }
.rel { position: relative; }
.abs { position: absolute; }
.floatLeft { float: left; }
.floatRight { float: right; }

html {
    position: relative;
    min-height: 100%;
}

body {
	background-color: #ffffff;
    font-family: "proxima-nova", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    padding-top: 130px; /* for fixed navbar */
    margin-bottom: 100px !important; /* for fixed navbar */
}

body#home, body.page-template-page-test-php {
    background: #000000 url(images/video-background-fit.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 70px;
}

body.page-template-page-landing-dance { /* DANCE LANDING PAGE */
    background-image: none !important;
}

body.home { /* SELECTION PAGE */
    background: #000000; 
}

@media screen and (max-width: 767px) {
    body { margin-bottom: 0px !important; padding-top: 0px; }
}

a, input[type='submit'] {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.videoContainer { background: url(images/video-background-fit.jpg) no-repeat; }

#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:20px;padding: 0 20px;width:100%;
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}

video#bgvid {
    position: fixed; top: 0; left: 0;
    width: 100%; height: auto; z-index: -100;
    background: url(images/video-background-fit.jpg) no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
	video#bgvid { display: none !important; }
	video#big-video-vid_html5_api { display: none !important; }
}

@media only screen and (device-width: 768px) {
	video#bgvid { display: none !important; }
	video#big-video-vid_html5_api { display: none !important; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	video#bgvid { display: none !important; }
	video#big-video-vid_html5_api { display: none !important; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	video#bgvid { display: none !important; }
	video#big-video-vid_html5_api { display: none !important; }
}

@media (min-width: 767px) {
    video#bgvid { display: none; }
    video#big-video-vid_html5_api { display: inline-block; }

    body.page-template-page-test-php { background: #000000; padding-top: 70px; }
}

@media (min-width: 992px) {
    video#bgvid { display: none; }
    video#big-video-vid_html5_api { display: inline-block; }

    body.page-template-page-test-php { background: #000000; padding-top: 70px; }
}

@media (min-width: 1200px) {
    video#bgvid { display: block; }
    video#big-video-vid_html5_api { display: inline-block; }

    body#home, body.page-template-page-test-php { background: #000000; padding-top: 70px; }
}

.selectionContainer {
    background: #000000;
    overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;
}

.selectionContainer .wm {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 40px;
    left: 40px;
    z-index: 1;
}

.selectionContainer .selectionIntro {
    position: absolute;
    max-width: 600px;
    padding: 40px 30px 20px 30px;
    background: rgba(31, 31, 31, 0.9);
    top: 95px;
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
}

.selectionContainer .selectionIntro h1 {
    font-weight: 800;
    font-size: 50px;
    line-height: 1;
    margin-top: 0;
    padding-bottom: 10px;
}

.selectionContainer .selectionIntro p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.selectionContainer .selectionIntro .btn {
    margin-bottom: 20px;
}

.selectionContainer .selectionIntro .btn-cta {
    margin-bottom: 0;
    display: none;
}

.selectionContainer .selection-box {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.selectionContainer .selection-box div {
    position: absolute;
    bottom: 180px;
    left: 0; right: 0;
}

@media screen and (max-width: 1023px) {
    .selectionContainer {
        overflow:visible;position:absolute;
        top: -90px;
    }

    .selectionContainer .wm {
        width: 90px;
        height: 90px;
        top: 140px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .selectionContainer .selectionIntro {
        top: 270px;
        background: rgba(31, 31, 31, 0.8);
    }

    .selectionContainer .selectionIntro .btn {
        margin-bottom: 20px;
    }

    .selectionContainer .selectionIntro .btn {
        display: block;
    }

    .selectionContainer .selection-box div {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .selectionContainer .selectionIntro h1 {
        font-size: 44px;
    }

    .selectionContainer .selectionIntro p {
        font-size: 16px;
        line-height: 1.4;
    }
}



/* SUBPAGE ITEMS */
body.page-template-page-instructors-php .subpage-container,
body.page-template-page-classes-dance-php .subpage-container,
body.page-template-page-classes-personalized-php .subpage-container,
body.page-template-page-classes-camps-php .subpage-container,
body.page-template-page-classes-theatre-php .subpage-container,
body.page-template-page-classes-mom-and-baby-php .subpage-container,
body.page-template-page-classes-youth-dance-php .subpage-container,
body.page-template-page-classes-youth-fitness-php .subpage-container,
body.page-template-page-classes-private-lessons-php .subpage-container,
body.page-template-page-classes-fitness-php .subpage-container,
body.page-template-page-classes-fitness-old-php .subpage-container,
body.page-template-page-testimonials-php .subpage-container,
body.page-template-page-large-panels-php .subpage-container {
    background: #1f1f1f url(images/background-wall.jpg) no-repeat top center;
    background-size: 100%;
}

@media (min-width: 767px) {
	body.page-template-page-instructors-php .subpage-container,
	body.page-template-page-classes-dance-php .subpage-container,
    body.page-template-page-classes-personalized-php .subpage-container,
    body.page-template-page-classes-camps-php .subpage-container,
    body.page-template-page-classes-theatre-php .subpage-container,
    body.page-template-page-classes-mom-and-baby-php .subpage-container,
    body.page-template-page-classes-youth-dance-php .subpage-container,
    body.page-template-page-classes-youth-fitness-php .subpage-container,
    body.page-template-page-classes-private-lessons-php .subpage-container,
    body.page-template-page-classes-fitness-php .subpage-container,
    body.page-template-page-classes-fitness-old-php .subpage-container,
    body.page-template-page-testimonials-php .subpage-container,
    body.page-template-page-large-panels-php .subpage-container {
	    background: #1f1f1f url(images/background-wall.jpg) no-repeat center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    min-height: 900px;
	}
}

body.page-template-page-classes-fitness-old-php .subpage-container {
    background-image: url(images/background-virtual.jpg);
}

@media (min-width: 767px) {
    body.page-template-page-classes-fitness-old-php .subpage-container {
        background-image: url(images/background-virtual.jpg);
    }
}

body.page-template-page-classes-personalized-php .subpage-container {
    background-image: url(images/background-group.jpg);
}

@media (min-width: 767px) {
    body.page-template-page-classes-personalized-php .subpage-container {
        background-image: url(images/background-group.jpg);
    }
}

body.page-template-page-classes-youth-dance-php .subpage-container {
    background-image: url(images/background-dance-program.png);
}

@media (min-width: 767px) {
    body.page-template-page-classes-youth-dance-php .subpage-container {
        background-image: url(images/background-dance-program.png);
    }
}

body.page-template-page-classes-theatre-php .subpage-container {
    background-image: url(images/background-competitive.jpg);
}

@media (min-width: 767px) {
    body.page-template-page-classes-theatre-php .subpage-container {
        background-image: url(images/background-competitive.jpg);
    }
}

.subpage-container-center { padding-top: 80px; }
.subpage-container-center h1 { font-size: 44px; font-weight: 300; text-transform: uppercase; text-align: center; }
.subpage-container-center p { text-align: center; }

.whiteContainer {
    background-color: #ffffff;
    color: #1f1f1f;
    padding-bottom: 40px;
    padding-top: 60px;
}

@media screen and (max-width: 767px) {
    .subpage-container-center { padding-top: 80px; }
    .whiteContainer { padding-top: 100px; }
}

.whiteContainer h1 { font-size: 54px; font-weight: 900; color: #1f1f1f; text-transform: uppercase; line-height: 45px; margin-top: 0px; margin-bottom: 40px; }
.whiteContainer h4 { font-size: 22px; font-weight: 900; text-transform: uppercase; color: #ef4135; margin-bottom: 20px; text-align: left; }

.column {
    background-color: #ffffff;
    color: #666666;
    padding-bottom: 40px;
}

.column .tiles { padding-top: 40px; padding-left: 40px; padding-right: 40px; background-color: #f6f6f6; }
.column .tiles:nth-child(odd) { background-color: #f6f6f6; }
.column .tiles:nth-child(even) { background-color: #eeebeb; }

.column .row:nth-child(even) .tiles:nth-child(odd) { background-color: #eeebeb; }
.column .row:nth-child(even) .tiles:nth-child(even) { background-color: #f6f6f6; }

.column h3 { font-size: 28px; font-weight: 300; text-transform: uppercase; color: #ef4135; margin-bottom: 20px; }
.column p { margin-bottom: 18px; }
.column span { color: #1f1f1f; font-weight: 700; }
.column .button { margin-bottom: 40px; }

@media screen and (max-width: 768px) {
    .column .tiles { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; margin-bottom: 20px; }
    .column .tiles:nth-child(odd) { background-color: #eeebeb; }
    .column .tiles:nth-child(even) { background-color: #eeebeb; }
    .column .row:nth-child(even) .tiles:nth-child(odd) { background-color: #eeebeb; }
    .column .row:nth-child(even) .tiles:nth-child(even) { background-color: #eeebeb; }
}



/* NAVIGATION ITEMS */
a.dropdown-toggle { text-transform: uppercase; color: #ffffff; }
a.dropdown-toggle:hover { color: #ffffff; }

@media (min-width: 767px) {
    body#sub .navbar { background-color: #1f1f1f; }
    body#sub.page-template-page-test-php .navbar { background-color: transparent; }
    ul.primary-navigation { margin-top: 25px; float: right !important; }
    ul.primary-navigation li.dropdown a.dropdown-toggle { font-size: 14px; letter-spacing: 0.02em; padding: 12px 12px 12px 12px; }
    ul.primary-navigation li.dropdown a.dropdown-toggle:hover { background-color: rgba(239, 65, 53, 0.6); }
    ul.primary-navigation li.dropdown.open a.dropdown-toggle { background-color: rgba(239, 65, 53, 0.6); color: #ffffff; }

    ul.primary-navigation li.dropdown:last-child ul.dropdown-menu { right: 0; left: auto; }
    ul.primary-navigation ul.dropdown-menu { background-color: rgba(239, 65, 53, 0.6); padding: 0px; }
    ul.primary-navigation ul.dropdown-menu li a { font-size: 14px; color: #ffffff; padding: 5px 20px; }
    ul.primary-navigation ul.dropdown-menu li a:hover, ul.primary-navigation ul.dropdown-menu li a:focus { background-color: rgba(239, 65, 53, 1); }
}
@media (min-width: 992px) {
    ul.primary-navigation li.dropdown a.dropdown-toggle { padding: 12px 30px 12px 30px;  }
}
@media (min-width: 1200px) {

}

.tagline {
    font-weight: 800;
    font-size: 50px;
    line-height: 46px;
    padding-left: 20px;
    padding-top: 20px;
}



/* MOBILE NAVIGATION ITEMS */
.navbar-collapse-mobile {
    max-height: none;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse-mobile.in {
    overflow-y: auto;
}

.navbar-collapse-mobile { background-color: #1f1f1f; width: 100%; margin-left: -15px; position: fixed; top: 0; bottom: 0; }
.navbar-collapse-mobile .navbar-nav { margin: 8px 100px 0px 10px; }

.navbar-collapse-mobile .dropdown { border-bottom: 1px solid #363636; }
.navbar-collapse-mobile .dropdown:last-child { border-bottom: none; margin-bottom: 20px; }

.navbar-collapse-mobile .dropdown-toggle { color: #ffffff; font-weight: 700; padding: 10px 2px; }
.navbar-collapse-mobile .dropdown-toggle:hover, .navbar-collapse-mobile .dropdown-toggle:focus { background: none; color: #ef4135; }

.navbar-collapse-mobile .open > a, .navbar-collapse-mobile .open > a:hover, .navbar-collapse-mobile .open > a:focus { background: none !important; color: #ef4135; }
.navbar-collapse-mobile .dropdown-menu { padding: 0px 0px 10px 0px; }
.navbar-collapse-mobile .open .dropdown-menu > li > a { font-weight: normal; color: #999999; padding: 5px 15px 5px 10px !important; }
.navbar-collapse-mobile .open .dropdown-menu > li > a:hover { background: none; color: #999999; }

.navbar-collapse-mobile-background { }


@media (min-width: 767px) {
    .navbar-collapse-mobile { display: none; }
}



/* FOOTER ITEMS */
#footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
  background-color: #1f1f1f;
}

@media screen and (max-width: 767px) {
    #footer { display: none; }
}

.footerSocial {
    margin-top: 25px;
    float: right;
}

.footerSocial a span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* CLASS ITEMS */
.classLandingContainer .row { margin: 0 auto; margin-top: 40px; margin-bottom: 50px; width: 55%; border: 2px solid #dbdbdb; border-right: none; border-bottom: none; text-align: center; }
.classLandingContainer .row div { border-right: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; padding: 0px; }
.classLandingContainer .row div a { font-size: 22px; color: #ffffff; display: block; padding: 18px 0px 18px 0px; }
.classLandingContainer .row div a:hover { color: #ffffff; background-color: #d44b41; }

@media screen and (max-width: 767px) {
    .classLandingContainer p { padding: 0px; }
    .classLandingContainer .row div a { font-size: 18px; }
}
@media (min-width: 767px) {
    .classLandingContainer p { padding: 0px 80px 0px 80px; }
}
@media (min-width: 992px) {
    .classLandingContainer p { padding: 0px 140px 0px 140px; }
}
@media (min-width: 1200px) {
    .classLandingContainer p { padding: 0px 180px 0px 180px; }
}



.classBanner {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 220px;
}

.classBanner h2 { font-size: 44px; font-weight: 300; text-transform: uppercase; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-top: 60px; padding-bottom: 5px; margin-bottom: 15px; display: inline-block; }

.classMenu { margin-left: -20px; min-width: 240px; padding: 10px 50px 5px 20px; display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.classMenu:hover, .classMenu.open { background-color: #1f1f1f; }
.classMenu a.dropdown-toggle { position: relative; font-size: 24px; color: #ffffff; text-transform: none; }
.classMenu .dropdown-menu { width: 100%; margin-top: 0px; background-color: #1f1f1f; }
.classMenu .dropdown-menu > li > a { color: #9c9c9c; font-size: 18px; font-weight: 300; }

.classMenu .dropdown-menu > li > a:hover,
.classMenu .dropdown-menu > li > a:focus {
  color: #ef4135;
  text-decoration: none;
  background-color: transparent;
}

.container.container-class-selections {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
	.classBanner { padding-top: 70px; }
	.classBanner h2 { padding-top: 0px; font-size: 30px; }
	.classMenu a.dropdown-toggle { font-size: 18px; }
	.classMenu .dropdown-menu > li > a { font-size: 14px; }

    .container.container-class-selections div.col-sm-6.col-lg-3 {
        width: 50%;
        float: left;
    }
}

@media (min-width: 767px) {
    .container.container-class-selections {
        padding-left: 115px;
        padding-right: 115px;
    }
}
@media (min-width: 992px) {
    .container.container-class-selections {
        padding-left: 215px;
        padding-right: 215px;
    }
}
@media (min-width: 1200px) {
    .container.container-class-selections {
        padding-left: 215px;
        padding-right: 215px;
    }
}

.container-class-selections .row { border-left: 1px solid #dbdbdb; }
.container-class-selections .row div { border: 1px solid #dbdbdb; border-left: none; padding: 0px; margin-top: -1px; display: table; }
.container-class-selections .row div a { font-size: 18px; color: #1f1f1f; display: block; padding: 20px; display: table-cell; vertical-align: middle; }
.container-class-selections .row div a:hover { color: #ef4135; background-color: #1f1f1f; }

@media only screen and (max-width: 479px) {
    .container-class-selections .row div a { font-size: 16px; line-height: 20px; height: 75px; padding: 0px 20px 0px 20px; }
}

.classDescription { color: #1f1f1f; margin: 30px 0px 30px 0px; }

.class-landing-with-panel .panel-heading {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.class-landing-with-panel .panel-heading h4 {
    font-size: 30px;
    color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.class-landing-with-panel .panel-body {
    padding: 20px;
}

.class-landing-with-panel .panel-body p {
    padding: 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .class-landing-with-panel .panel-heading h4 { font-size: 24px; padding-top: 30px; padding-bottom: 30px; }
}



/* INSTRUCTOR ITEMS */
.instructorLandingContainer .row { margin: 0 auto; margin-top: 20px; margin-bottom: 50px; width: 85%; }
.instructorLandingContainer .row div { position: relative; padding: 0px; }
.instructorLandingContainer .row div img { width: 100%; }
.instructorLandingContainer .row div a:hover .itemHover { opacity: 1; }
.instructorLandingContainer .row div a .itemHover { opacity: 0;
    position: absolute; bottom: 0px; left: 0px; 
    width: 100%;
    min-height: 35%;
    padding: 10px;
    background-color: rgba(239, 65, 53, 0.8);
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.instructorLandingContainer .row div a .itemHover h2 { font-size: 14px; font-weight: 800; color: #ffffff; text-transform: uppercase; margin: 0px 0px 5px 0px; }
.instructorLandingContainer .row div a .itemHover p { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 18px; margin: 0px; text-align: left; }

@media (max-width: 480px) { 
	.instructorLandingContainer .row .col-xxs { margin-bottom: 10px; }
}

.instructorBanner {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 700px;
}

.instructorContainer { 
    background-color: rgba(31, 31, 31, 0.45);
    padding: 40px;
    width: 45%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.instructorContainer h1 { font-size: 24px; font-weight: 300; text-transform: uppercase; color: #ffffff; margin: 0px; }
.instructorContainer h2 { font-size: 54px; line-height: 46px; font-weight: 900; text-transform: uppercase; color: #ffffff; margin-top: 0px; }
.instructorContainer div.instructorDescription { line-height: 24px; margin-bottom: 20px; }
.instructorContainer .btn.btn-sm { padding: 7px 52px 6px 16px; text-align: left; width: 100%; }
.instructorContainer div.instructorClasses { width: auto; display: inline-block; }
.instructorContainer div.instructorClasses p { margin-bottom: 10px; }
.instructorContainer div.instructorClasses h3 { font-size: 22px; text-transform: uppercase; color: #ffffff; }
.instructorContainer .container { padding-bottom: 40px; }
.instructorContainer .btn-lg { margin-top: 20px; }

@media screen and (max-width: 767px) {
    .instructorContainer { width: 100%; padding: 15px; margin-top: 100px; }
}

@media (min-width: 767px) {
    .instructorContainer { width: 50%; }
}
@media (min-width: 992px) {
    .instructorContainer { width: 45%; }
}
@media (min-width: 1200px) {
    .instructorContainer { width: 45%; }
}

.instructorCarouselContainer {
    background-color: #ffffff;
    color: #666666;
    padding-bottom: 40px;
	padding-top: 35px;
}

#instructorCarousel .item {
    margin: 0;
}

#instructorCarousel .item img {
    display: block;
    width: 100%;
    height: auto;
}

#instructorCarousel .item a { width: 100%; position: relative; display: block; }
#instructorCarousel .item a:hover .itemHover { opacity: 1; }
#instructorCarousel .item a .itemHover { opacity: 0;
    position: absolute; bottom: 0px; left: 0px; 
    width: 100%;
    min-height: 35%;
    padding: 10px;
    background-color: rgba(239, 65, 53, 0.8);
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#instructorCarousel .item a .itemHover h2 { font-size: 14px; font-weight: 800; color: #ffffff; text-transform: uppercase; margin: 0px 0px 5px 0px; }
#instructorCarousel .item a .itemHover p { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 18px; margin: 0px; text-align: left; }

@media screen and (max-width: 767px) {
	.instructorLandingContainer .row div a .itemHover { opacity: 1; }
	#instructorCarousel .item a .itemHover { opacity: 1; }
}

@media (min-width: 767px) {
	.instructorLandingContainer .row div a .itemHover { opacity: 1; }
	#instructorCarousel .item a .itemHover { opacity: 1; }
}
@media (min-width: 992px) {
	.instructorLandingContainer .row div a .itemHover { opacity: 0; }
	#instructorCarousel .item a .itemHover { opacity: 0; }
}
@media (min-width: 1200px) {
	.instructorLandingContainer .row div a .itemHover { opacity: 0; }
	#instructorCarousel .item a .itemHover { opacity: 0; }
}


.equal {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#equalheight {
    overflow: hidden; 
}



/* FEE ITEMS */
.feeContainer { margin-bottom: 40px; }



/* SCHEDULE ITEMS */
.scheduleContainer { margin-bottom: 40px; }
.scheduleTable, .scheduleTable_fluid { padding: 10px; background-color: #f6f6f6; }

@media screen and (max-width: 767px) {
    .scheduleTable { padding: 0px; background-color: transparent; }
    .table-responsive.scheduleTable { border: 1px solid #c9c9c9!important; }
}

.scheduleTable table.openings,
.scheduleTable tr.openings,
.scheduleTable tr.openings:first-child,
.scheduleTable tr,
.scheduleTable tr:first-child,
.scheduleTable td.openings {
    font-family: "proxima-nova", Arial, sans-serif !important;
    font-size: 16px !important;
    color: #666666 !important;
    margin-bottom: 0px;
}

.scheduleTable tr.openings:first-child { /* table header */
    font-family: "proxima-nova", Arial, sans-serif !important;
    font-size: 16px !important;
    color: #1f1f1f !important;
}

.scheduleTable tr.openings:first-child td { /* table header */
    background-color: #ffffff;
}

.scheduleTable table > tbody > tr:nth-child(odd) > td,
.scheduleTable table > tbody > tr:nth-child(odd) > th {
    background-color: #dedede;
}

.scheduleTable table > tbody > tr:nth-child(even) > td,
.scheduleTable table > tbody > tr:nth-child(even) > th {
    background-color: #ededed;
}

.scheduleTable table > tbody > tr.openings:first-child > td:nth-child(3) {
    vertical-align: top;
}

.scheduleTable table > tbody > tr > td:nth-child(3) {
    vertical-align: middle;
    padding: 10px;
}

.scheduleTable table > tbody > tr > td a,
.scheduleTable_fluid table > tbody > tr > td a,
.rentalTable table > tbody > tr > td a { position: relative; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #ef4135; padding: 5px 5px 4px 5px; display: inline-block; }
.scheduleTable table > tbody > tr > td a:hover,
.scheduleTable_fluid table > tbody > tr > td a:hover,
.rentalTable table > tbody > tr > td a:hover { color: #ffffff; background-color: #1f1f1f; }

.scheduleSelect {
    width: 100%;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
}

.scheduleSelect select.form-control { margin-bottom: 10px; }



/* CONTACT US ITEMS */
.mapContainer { padding: 10px; background-color: #f6f6f6; }



/* RENTAL ITEMS */
.rentalHours { margin: 20px 0px 50px 0px; }
.rentalHours img { max-width: 100%; margin-top: 10px; }

.rentalPhotoContainer img { max-width: 100%; float: left; }



/* STORE ITEMS */
.store-landing .center-block {
    margin-bottom: 40px;
}

.store-landing .product {
    background: #f6f6f6;
    height: 100%;
}

.store-landing .product > div {
    padding: 20px;
}

.store-landing .product .product-image {
    position: relative;
    display: block;
}

.store-landing .product .product-image span {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ef4135;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    padding: 3px 6px 1px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.store-landing .product .product-image img {
    max-width: 100%;
}

.store-landing .product h2 {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 6px;
}

.store-landing .product h2 a {
    color: #1f1f1f;
}

.store-landing .product h2 a:hover,
.store-landing .product h2 a:focus {
    color: #ef4135;
}

.store-landing .product .price {
    font-weight: 600;
}



/* GALLERY ITEMS */
.galleryCarouselContainer {
    background-color: #ffffff;
    color: #666666;
    padding-bottom: 40px;
    padding-top: 35px;
}

#galleryCarousel .item {
    position: relative;
    margin: 5px;
}

#galleryCarousel .item img {
    display: block;
    width: 100%;
    height: auto;
}

#galleryCarousel .item .itemHover {
    position: absolute; bottom: 0px; left: 0px; 
    width: 100%;
    min-height: 15%;
    padding: 10px;
    background-color: rgba(239, 65, 53, 0.8);
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#galleryCarousel .item .itemHover h2 { font-size: 14px; font-weight: 800; color: #ffffff; text-transform: uppercase; margin: 0px 0px 5px 0px; }
#galleryCarousel .item .itemHover p { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 18px; margin: 0px; text-align: left; }



/* ACCORDION ITEMS */
.panel-heading { position: relative; }
.panel-heading h4 { font-size: 22px; font-weight: 900; color: #ef4135; text-transform: none; text-align: left; padding: 12px 15px 8px 50px; margin-bottom: 0px; }
.panel-heading span { background: url(images/button-close.png) no-repeat 0px 0px; width: 26px; height: 26px; position: absolute; top: 50%; left: 10px; margin-top: -13px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.panel-heading a:hover span, .panel-heading.active a span { background: url(images/button-open.png) no-repeat 0px 0px; }
.panel-body h5 { font-size: 22px; font-weight: 700; color: #1f1f1f; text-transform: none; text-align: left; margin-bottom: 0px; }
.panel-body p { margin-bottom: 20px; }

@media screen and (max-width: 767px) {
    .panel-heading h4 { font-size: 18px; padding-bottom: 12px; }
    .panel-heading a:hover span { background: url(images/button-close.png) no-repeat 0px 0px; }
    .panel-heading.active a span { background: url(images/button-open.png) no-repeat 0px 0px; }
}



/* FONT ITEMS */
h4.h4_standard { font-size: 22px; font-weight: 900; color: #1f1f1f; text-align: center; text-transform: uppercase; }



/* IMAGE ITEMS */
.brand.primary { position: relative; float: left; margin-left: -15px; }
.brand.primary img { width: 68px; height: 68px; }
@media (min-width: 767px) {
    .brand.primary { margin-left: 0px; }
    .brand.primary img { width: 80px; height: 80px; }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

.brand.secondary { position: relative; float: left; margin-top: 22px; }



/* BUTTON ITEMS */
.asdf {
    text-indent: -9999px !important;
    display: block;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.facebookBtn { position: relative; width: 38px; height: 38px; background: url(images/footer-icon-facebook.png) no-repeat 0px 0px; float: left; }
.facebookBtn span { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: url(images/footer-icon-facebook.png) no-repeat 0px -38px; text-indent: -9999px; opacity: 0; }
.facebookBtn:hover span { opacity: 1; }

.twitterBtn { position: relative; width: 38px; height: 38px; background: url(images/footer-icon-twitter.png) no-repeat 0px 0px; float: left; margin-left: -1px; }
.twitterBtn span { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: url(images/footer-icon-twitter.png) no-repeat 0px -38px; text-indent: -9999px; opacity: 0; }
.twitterBtn:hover span { opacity: 1; }

.instagramBtn { position: relative; width: 38px; height: 38px; background: url(images/footer-icon-instagram.png) no-repeat 0px 0px; float: left; margin-left: -1px; }
.instagramBtn span { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: url(images/footer-icon-instagram.png) no-repeat 0px -38px; text-indent: -9999px; opacity: 0; }
.instagramBtn:hover span { opacity: 1; }

.youtubeBtn { position: relative; width: 38px; height: 38px; background: url(images/footer-icon-youtube.png) no-repeat 0px 0px; float: left; margin-left: -1px; }
.youtubeBtn span { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: url(images/footer-icon-youtube.png) no-repeat 0px -38px; text-indent: -9999px; opacity: 0; }
.youtubeBtn:hover span { opacity: 1; }

.close.closeDD { position: absolute; top: 20px; right: 20px; opacity: 1; }
.close.closeDD:hover { opacity: 1 }
.close.closeDD img { max-width: 25px; }

#home .btn { white-space: normal; text-align: left; }

.btn.btn-lg span { position: absolute; top: 0px; right: 0px; width: 48px; height: 100%; background: url(images/button-arrow-large.png) no-repeat center; text-indent: -9999px; border-left: 2px solid #FFFFFF; }

.btn.btn-sm span { position: absolute; top: 0px; right: 0px; width: 34px; height: 32px; background: url(images/button-arrow-small.png) no-repeat 0px 0px; text-indent: -9999px; }

.button { position: relative; font-size: 18px; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #ef4135; padding: 10px 40px 10px 20px; display: inline-block; border: none; }
.button:hover { color: #ffffff; background-color: #1f1f1f; }
.button span { position: absolute; top: 14px; right: 20px; width: 8px; height: 14px; background: url(images/button-arrow-standard.png) no-repeat 0px 0px; text-indent: -9999px; }

input.button { padding-right: 20px; }

.classMenu .dropdown-toggle span { position: absolute; top: 10px; right: -25px; width: 16px; height: 10px; background: url(images/button-arrow-down.png) no-repeat 0px 0px; text-indent: -9999px; }

#audiotoggle,
#soundtoggle { position: absolute; bottom: 140px; right: 40px; background: transparent url(images/button-volume-on.png) no-repeat 0px 0px; width: 34px; height: 22px; text-indent: -9999px; display: block; }

#audiotoggle.pause,
#soundtoggle.muted { position: absolute; bottom: 140px; right: 40px; background: transparent url(images/button-volume-off.png) no-repeat 0px 0px; width: 34px; height: 22px; text-indent: -9999px; display: block; }

@media screen and (max-width: 767px) {
    .classMenu .dropdown-toggle span { top: 7px; }

    #audiotoggle, #audiotoggle.pause,
    #soundtoggle, #soundtoggle.muted { display: none; }
}

@media (max-width: 480px) { 
    .btn-lg, .btn-group-lg > .btn { font-size: 12px !important; padding: 15px 65px 15px 16px !important; }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    #audiotoggle, #audiotoggle.pause,
    #soundtoggle, #soundtoggle.muted { display: none; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    #audiotoggle, #audiotoggle.pause,
    #soundtoggle, #soundtoggle.muted { display: none; }
}




/* FORMIDABLE ITEMS */
.frm_forms.with_frm_style { margin-bottom: 50px; }




/* MAILCHIMP ITEMS */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 0px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {-webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {}
#mc_embed_signup .button {}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:100%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:13px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; overflow:hidden; width:100%; clear: both; margin-bottom: 20px; }
#mc_embed_signup div.response {font-weight:bold; float:left; z-index:1; width:100%;}
#mc_embed_signup #mce-error-response {display:none; padding:20px; background-color: #ededed;}
#mc_embed_signup #mce-success-response {color:#666666; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 0;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

.display_archive .campaign {
    margin-bottom: 8px;
}



/* DANCE LANDING PAGE SLIDER */
.sliderContainer {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100vh; z-index: -100;
}

.sliderContainer .carousel,
.sliderContainer .slick-list,
.sliderContainer .slick-track {
    height: 100%;
}

.sliderContainer .item {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover !important;
}


/*  TESTIMONIALS SLIDER */
.page-template-page-testimonials-php .subpage-container,
.page-template-page-testimonials-php h1 {
    color: #ffffff;
}

.testimonialContainer .navDots {
    padding-top: 40px;
}

.testimonialContainer .slick-dots {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.testimonialContainer .slick-dots li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.testimonialContainer .slick-dots li button {
    border: none;
    width: 14px;
    height: 14px;
    margin: 5px 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    text-indent: -9999px;
}

.testimonialContainer .slick-dots li.slick-active button,
.testimonialContainer .slick-dots li button:hover {
    background: #ef4135;
}

.testimonialBox {
    position: relative;
    padding: 20px 20px 20px 100px;
}

.testimonialBox span {
    position: absolute;
    top: 12px;
    left: 5px;
    display: block;
    font-weight: 900;
    font-size: 110px;
    line-height: 1;
    color: #ef4135;
}

.testimonialBox .quote {
    font-size: 26px;
    color: #ffffff;
    line-height: 1.5;
    font-style: italic;
    margin-bottom: 20px;
    text-align: left;
}

.testimonialBox .author {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .testimonialBox {
        padding: 20px 0 20px 50px;
    }

    .testimonialBox span {
        top: 18px;
        left: 0;
        font-size: 66px;
    }

    .testimonialBox .quote {
        font-size: 20px;
    }

    .testimonialBox .author {
        font-size: 16px;
    }
}


/* fade in carousel */
.carousel {
    opacity: 0;
    filter: alpha(opacity=0);
}

/* Slider initialised class */
.slick-initialized {
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transition: opacity 1s ease-in;
    -moz-transition:    opacity 1s ease-in;
    -ms-transition:     opacity 1s ease-in;
    -o-transition:      opacity 1s ease-in;
    transition:         opacity 1s ease-in;
}



/* ABOUT PAGE */
.page-id-1874 .subpage-container-center p {
    padding: 0;
    text-align: left;
}




.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}