/*
Theme Name: CKO Kickboxing Location
Author: CyberMark
Author URI: https://www.cybermark.com
Version: 1.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ckokickboxing-locationv2
Template: ckokickboxing
*/
/*Slick CSS*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,700,900');
body {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-family: 'Roboto', sans-serif;
}
@media only screen and (max-width: 767px){
.iframe-container {
    overflow: auto!important; 
    -webkit-overflow-scrolling: touch!important;
    position: relative;
    width: 100%;
    height: 1000px;
}
.iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}
}
address {
    margin: 0;
}

iframe {
    display: block;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}
 h2 {
    font-family: 'interstate-blackregular';
    color: #000;
    letter-spacing: 2px;
    font-size: 48px;
    margin: 0;
}
.header {
    background-color: transparent;
    top: auto;
    width: 100%;
    z-index: 100;
    margin: 0 auto 0;
}
.header.site-header.affix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #000;
    transition: all 400ms ease-in-out;
}
.home .header {
    position: fixed;
    top: 0;
    padding: 0;
}
.scroll {
    position: absolute;
    left: 5%;
    bottom: 0;
    letter-spacing: 3px;
    color: #FFF;
    font-size: 16px;
    text-orientation: upright;
    writing-mode: vertical-lr;
}
.scroll::before {
    content: "";
    position: absolute;
    height: 150%;
    width: 2px;
    background-color: #fcdd0e;
    left: 0;
    top: 0;
    -webkit-transition: transform 0.35s ease-out;
    -moz-transition: transform 0.35s ease-out;
    -ms-transition: transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
.banner_wrap {
    margin-top: 0;
    height: auto;
    z-index: 10;
    text-align: center;
    padding: 150px 0 50px;
}
.blog .banner_wrap, .archive .banner_wrap {
    height: auto;
}
.single .banner_wrap {
    height: auto;
}
.coming-soon_phone {
    text-align: right;
    display: inline-block;
}
.coming-soon_phone .btn.btn-xlarge {
    margin: 0 0 0px 10px;
}
.banner_text {
    position: relative;
    right: 0;
    top: auto;
    width: auto;
    text-align: center;
    transform: none;
    margin: 0;
    left: 0;
    line-height: 1;
}
.banner_title {
    font-family: 'interstate-boldbold';
    text-transform: uppercase;
    color: #000;
    font-size: 48px;
    opacity: 1;
    display: inline-block;
    line-height: 1;
    text-shadow: none;
    position: relative;
    margin-bottom: 35px;
}
.banner_title::after {
    width: 100px;
    height: 3px;
    position: absolute;
    content: "";
    left: 0;
    background-color: #fcdd0e;
    bottom: -20px;
    right: 0;
    margin: 0 auto;
}
.banner_heading {
    font-family: 'interstate-regularregular';
    display: block;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    line-height: 36px;
    color: #999;
}
.location-menu-btn {
    font-size: 14px;
    width: 300px;
}
.location-menu-btn:hover svg rect {
    stroke-width: 4;
    stroke-dasharray: 196, 543;
    stroke-dashoffset: 400;
}
.top_contact {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-family: 'interstate-regularcondensedRg';
    letter-spacing: 1px;
    text-shadow: none;
    font-size: 16px;
}
.header.site-header.affix .top_contact, .header.site-header.affix .top_phone {
    color: #FFF;
    text-align: right;
}
.menu-link:focus {
    color: #FFF;
}
.mobile-menu {
    height: auto !important;
    overflow-y: scroll;
}
.header.site-header.affix .top_phone a {
    color: #FFF;
}
.home .header .top_contact, .home .header .top_phone {
    text-align: right;
    color: #FFF;
}
.header .top_phone a {
    color: #000;
}
.home .header .top_phone a {
    color: #fff;
}
.single-service-pages .header .top_contact, .single-service-pages .header .top_phone {
    color: #fff;
}
.top_phone {
    font-weight: 400;
    font-family: 'interstate-boldbold';
    font-style: normal;color: #000;
}
.top_contact p {
    margin: 0;
}
.top_contact a {
    margin: 0;
    color: #fff;
    text-decoration: none;
}
.home .header .nav-container {
    background: transparent;
}
.nav-container {
    padding: 10px 0;
    width: 100%;
    float: left;
}
.header-wrap {
    align-content: center;
    align-items: center;
    display: flex;
}
.site-title-container {
    margin: 0;
    flex: 0 0 20%;
    max-width: none;
}
.navigation-wrap {
    flex: 0 0 80%;
}
.menu-wrapper {
    text-align: right;
}
.main_navigation {
    display: inline-block;
    margin-right: 30px;
}
.menu-wrapper .btn.btn-xlarge {
    display: inline-block;
    float: right;
    margin: 0 0px 0 10px;
    padding: 7px 0;
    background-color: #FAC921;
    color: #000;
    border-color: #FAC921;
    box-shadow: none;
}
.btn.btn-xlarge.location-menu-btn {
    width: auto;
    padding: 0 30px;
    float: none;
    top: 0;
    line-height: 55px;
    color: #000;
    border-color: #000;
    box-shadow: none;
}
.home .btn.btn-xlarge.location-menu-btn, .header.site-header.affix .btn.btn-xlarge.location-menu-btn {
    color: 
#000;
border-color:
#FAC921;
background-color:
    #FAC921;
}
.btn.btn-xlarge.location-menu-btn:hover, .btn.btn-xlarge.location-menu-btn::after {
    background-color: #000;
    color: 
    #fac921 !important;
}
.location-menu-btn {
    width: auto;
    padding: 0 30px;
}
.btn.btn-xlarge.top-phone-btn {
    max-width: none;
    min-width: auto;
    height: auto;
    margin-top: 0;
    width: auto;
    padding: 0 30px;
    float: none;
    top: 0;
    line-height: 55px;
    background-color: transparent;
    color: #000;
    border-color: #000;
    box-shadow: none;
}
.home .btn.btn-xlarge.top-phone-btn, .header.site-header.affix .btn.btn-xlarge.top-phone-btn {
    color: #fff;
    border-color: #fff;
    box-shadow: none;
}
.menu-wrapper .btn.btn-xlarge::after {background-color: #000;}
.menu-wrapper .btn.btn-xlarge:hover {
    color: 
#FAC921;
background-color:
#000;
border-color:
    #FAC921;
}
header .menu li a {
    font-size: 18px;
    color: #000;
    text-shadow: none;
}
.single-service-pages header .menu li a {
    font-size: 18px;
    color: #fff;
    text-shadow: none;
}
.single-service-pages .btn.btn-xlarge.top-phone-btn {
    color: #FFF;
    border-color: #FFF;
}
.home header .menu li a {
    color: #FAC921;
}
.header.site-header.affix .menu li a {
    color: #fff;
}
.header.site-header.affix:hover .menu li a:hover, .header.site-header.affix:hover.menu li.active a {
    color: #fff;
}
.page-template-class-schedule2 header .menu li a:hover, .page-template-class-schedule2 .menu li.active a, .page-template-about-page header .menu li a:hover, .page-template-about-page .menu li.active a, .page-template-main-service header .menu li a:hover, .page-template-main-service .menu li.active a, .post-type-archive header .menu li a:hover, .page-template-specials .menu li.active a, .page-template-specials header .menu li a:hover, .post-type-archive .menu li.active a, .page-template-events header .menu li a:hover, .page-template-events .menu li.active a {
    color: #000;
}
.menu > li ul {
    background: #000;
    text-align: left;
    width: 300px;
}
.menu > li > ul li a {
	font-size: 14px;
    color: #FFF;
    width: 100%;
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #222;
}
.dropdown-menu > .active > a:hover, .menu > li > ul li a:hover {
    background: #fcdd0e;
    color: #000;
    text-shadow: none;
}
.site-title-container {
    margin: 0 auto;
    width: 100%;
}
.triple-play-offer {
    background-color: #000;
    position: relative;
    z-index: 10;
    padding: 50px 0;
}
.single-specials .triple-play-offer, .page-template-events .triple-play-offer, .single-events .triple-play-offer  {
    display: none;
}
.offer_button {
    display: block;
    background-color: #FAC921;
    text-align: center;
    color: #333333;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0;
    font-family: interstate-regularcondensedRg;
    font-size: 20px;
    border: 2px solid transparent;
}
.offer_button:hover {
    background-color: #000;
    color: #FFFFFF;
    border-color: #FFF;
}
.offer_headline {
    text-transform: uppercase;
    display: block;
    color: #FFF;
    font-family: interstate-regularcondensedRg;
    letter-spacing: 2px;
    font-size: 48px;
    line-height: .8;
}
.offer_sub_headline {
    font-family: 'interstate-regularregular';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #DDD;
    line-height: 1.1;
    display: block;
    margin-top: 10px;
}
.home-banner {
    height: 900px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position-x: 50% 50%;
    margin-top: 0;
    z-index: 10;
}
.banner_content_wrap {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    right: 5%;
    text-align: right;
    width: 75%;
}
.banner_content h2 {
    font-size: 5vw;
    text-transform: uppercase;
    font-family: 'interstate-blackregular';
    position: relative;
    text-align: right;
    color: #FFF;
    opacity: .8;
    line-height: 1;
    text-shadow: 0 0 15px #000;
}
.home-banner .btn {
    background-color: 
#FAC921;
border-color:
#FAC921;
color:
    #000;
}
.home-banner .btn.btn-xlarge:hover, .home-banner .btn.btn-xlarge::after {
    background-color: 
#000;
color:
    #FAC921;
    border-color: #FAC921;
}
.home-banner .slide-btn {
    font-size: 17px;
    padding: 15px 38px;
    margin: 30px 0 0;
    display: inline-block;
}
.banner_content h1 {
    color: #FFF;
    text-transform: uppercase;
    font-family: interstate-regularcondensedRg;
    margin-top: 10px;
    letter-spacing: 2px;
    font-size: 64px;
    line-height: 1.1;
}
.coming_soon_text {
    display: block;
    font-size: 36px;
}
.navbar-collapse.collapse {
    float: left;
    width: 100%;
}
.header.site-header.affix-top {
    transition: all 400ms ease-in-out;
}
.main-top-bar {
    border: none;
}
.main-navigation ul {
    list-style: none;
    margin: 15px 0 0;
    text-align: center;
}
.menu > li {
    margin-right: 20px;
    float: none;
    opacity: 1;
    display: inline-block;
}
.results_wrap {
    color: #000;
}
.results_content h3 {
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400;
    font-size: 36px;
}
.about-gallery ul {
    margin: 0;
}
.about_bio {
    float: left;
    width: 100%;
}
.instructor_bio {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: rgba(0, 0, 0,.9);
    text-align: center;
}
.employee_bio_wrap {
    position: absolute;
    max-width: 1200px;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.team-close {
    position: absolute;
    top: 10%;
    right: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
}
.team-close:hover {
    text-decoration: none;
    opacity: .8;
}
button.close {
    font-size: 36px;
    color: #000;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
}
.employee_bio_wrap .profile-header {
    max-width: 400px;
    margin: 0 auto 30px;
}
.employee_bio_wrap, .employee_bio_wrap .profile-content p, .employee_bio_wrap .profile-content h3 {
    color: #FFF;
}
.team_bios {
    text-align: center;
    padding: 75px 0;
    float: left;
    width: 100%;
}
.team_bios h2 {
    font-size: 5vw;
    color: #000;
    font-family: interstate-regularcondensedRg;
}
.profile {
    width: 25%;
    display: inline-block;
    padding: 0 25px;
}
.profile-header:hover {
    border-color: #fac921;
}
.profile-header {
    overflow: hidden;
    border: 5px solid #000;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    margin: 0 0 20px;
    display: block;
    position: relative;
    background-color: #000;
}
.profile-header:hover img {
    opacity: .3;
    transition: all 400ms ease-in-out;
}
.profile-content {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    justify-content: center;
    vertical-align: middle;
    opacity: 0;
}
.instructor_bio .profile-content {
    position: relative;
    top: auto;
    transform: none;
    opacity: 1;
    max-height: 300px;
    overflow-y: scroll;
}
.profile-header:hover .profile-content {
    opacity: 1;
    transition: all 400ms ease-in-out;
}
.profile-content h3 {
    font-family: 'interstate-boldcompressedbold';
    color: #FFF;
    letter-spacing: 2px;
    margin: 0;
    font-size: 2vw;
}
.single-team-wrap {
    padding: 75px 0;
}
.profile-content p {
    color: #fcdd0e;
    font-style: italic;
}
.single-team-img {
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    margin: 0 auto 50px;
    max-width: 300px;
}
.single-team .profile-content p {
    font-style: normal;
    color: #000;
}
.profile-meta h3 {
    font-family: 'interstate-boldcompressedbold';
    text-align: center;
    margin: 0;
}
.profile-meta p {
    font-style: italic;
    text-align: center;
    color: #666;
}
.btn.btn-xlarge.team-btn {
    padding: 5px 20px;
    font-size: 14px;
}
.page-template-specials .banner_wrap {
    height: 400px;
}
.page-template-specials .banner_text {
    top: 75%;
}
.page-template-specials .triple-play-offer {
    display: none;
}
.specials_wrap {
    padding: 75px 0;
    text-align: center;
    background-color: #333333;
}
.specials-wrap:hover {
    background-color: #FAC921;
    color: #000;
    box-shadow: 0 0 0 10px #FAC921;
}
.specials-wrap:hover h3, .specials-wrap:hover p {
    color: #000;
}
.specials-container {
    width: 25%;
    display: inline-block;
    padding: 0 25px;
    vertical-align: top;
    margin: 0 0 50px;
}
.specials_content h1 {
    color: #FAC921;
}
.specials_content h2 {
    color: rgba(255,255,255,.8);
}
.specials_content h3 {
    color: rgba(255,255,255,.8);
}
.specials_content h4 {
    color: rgba(255,255,255,.75);
}
.specials_content h5 {
    color: rgba(255,255,255,.7);
}
.specials_content h6 {
    color: rgba(255,255,255,.65);
}

.specials_content {
    padding: 25px 0 0;
}
.specials-wrap {
    overflow: hidden;
    border: 2px dashed #000000;
    background-color: #222;
    box-shadow: 0 0 0 10px #222;
    padding: 25px;
    min-height: 300px;
}
.specials_content h3 {
    color: #FFF;
    line-height: 1.1;
    margin: 0 0 10px;
    font-size: 24px;
}
..specials_content h1, .specials_content h2 {
    color: #FFF;
}
.specials_content p, .specials_content li {
    color: #ddd;
    font-size: 14px;
    line-height: 24px;
}
.specials_content .btn {
    padding: 1em 2em;
    background-color: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 15px;
    line-height: 1;
    margin-top: 30px;
    clear: both;
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.specials_content .btn {
    padding: 1em 2em;
    background-color: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 15px;
    line-height: 1;
    margin-top: 30px;
}
.specials_content .btn:hover {
    border: 2px solid #FAC921;
    background-color: #FAC921;
    color: #000;
}
/* Events Section */
.events_wrap {

    padding: 0;
    background: none;

}
.type-tribe_events {
    box-sizing: border-box;
    float: left;
    width: 100%;
    transition: background .3s;
    margin-top: 0 !important;
    border-bottom: 0;
    margin-bottom: 2rem;
    position: relative;
}
.type-tribe_events:nth-child(2n+1) {
    clear: both;
}
.tribe-clearfix::after, .tribe-clearfix::before {
    content: "";
    display: table;
}
.type-tribe_events .small-event-header {
}
.tribe-events-event-meta-wrapper {
}
.tribe-events-event-meta {

    margin: 0;
    font-weight: normal;
    padding-right: 0;
    border: 0;
    background: none;
    clear: both;
    float: none;
    line-height: 1.5;
    overflow: visible;

}
.tribe-events-event-meta .date {
    box-sizing: border-box;
    position: relative;
    float: none;
}
.date div {

    color: 

    #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;

}
.when-where {
    padding: 10px 0;
}
.tribe-events-content .btn.btn-xlarge {

    clear: both;
    padding: 5px 15px;
    border: 

#000 2px solid;

box-shadow: none;

color:

    #000;
    max-width: 200px;
    display: block;

}
.tribe-events-event-image {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding-left: 30px;
    width: -webkit-calc(100% - 114px);
    width: calc(100% - 114px);
    display: inline-block;
    text-align: left;
}
.tribe-events-list .type-tribe_events .tribe-events-list-event-title {
    font-size: 1.6em;
    border: none;
    display: inline-block;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.tribe-events-content {
    width: 100%;
    float: left;
padding: 0 5% 0 0;
}
.tribe-events-before-html p {
    line-height: 1.7;
    margin: 0 0 10px;
}
#tribe-events-content.tribe-events-single, .tribe-filters-closed #tribe-events-content.tribe-events-single {
    float: left;
    width: calc(100% - 340px);
    overflow: visible;
    margin-bottom: 48px;
    position: relative;
}
.single-tribe_events .tribe-events-single-event-description {
    max-width: 100%;
    padding: 10px 0 0;
    width: 100%;
}
.wpv-tribe-events-meta {
    box-sizing: border-box;
    float: right;
    padding: 30px;
    width: 320px;
    border-radius: 5px;
    background: #ffffff;
}
.tribe-events-meta-group {
    zoom: 1;
    clear: both;
}
.wpv-tribe-events-meta .tribe-events-meta-group:first-child .tribe-events-single-section-title {
    display: block;
    margin: 0;
        margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
    line-height: 1;
    font-size: 25px;
    margin-bottom: 35px;
}
.wpv-tribe-events-meta .tribe-events-meta-group dl {
    margin: 0;
}
.wpv-tribe-events-meta .tribe-events-meta-group dl dt {
    clear: both;
    float: left;
}
.wpv-tribe-events-meta .tribe-events-meta-group dl dt, .wpv-tribe-events-meta .tribe-events-meta-group dl dd {
    font-size: 16px;
}
.tribe-events-content h1, .tribe-events-content h2, .tribe-events-content h3, .tribe-events-content h4, .tribe-events-content h5, .tribe-events-content h6, .tribe-events-content p {
}
.wpv-tribe-events-meta .tribe-events-meta-group dl dd {
    width: 140px;
    float: right;
}
.wpv-tribe-events-meta .tribe-events-meta-group dl dt, .wpv-tribe-events-meta .tribe-events-meta-group dl dd {
    font-size: 16px;
}

.single-events .banner_text .banner_title {
    font-size: 36px;
    text-align: center;
}
#home_section_one {
    margin: 0 auto;
    width: 100%;
    position: relative;
    height: auto;
    min-height: auto;
    padding: 0;
    background-color: #FFF;
    z-index: 0;
}
#home_section_one article {
    text-align: center;
    width: 100%;
    max-width: none;
    position: relative;
    top: auto;
    right: auto;
}
.intro h2 {
    font-family: 'interstate-blackregular';
    color: #FFF;
    text-align: center;
    font-size: 36px;
}
.service_section {
    position: relative;
    padding: 75px 0;
}
.home .service_image img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 600px;
}
.home .service_image {
    text-align: center;
    max-height: 600px;
    padding: 0 2em;
}
.service_section::before {
    background-image: url(assets/images/cko-logo.png);
    content: "";
    position: fixed;
    left: -350px;
    top: 50%;
    width: 700px;
    height: 210px;
    background-repeat: no-repeat;
    transform: rotate(90deg) translateY(-50%);
    background-position: 0 0;
    z-index: -1;
    opacity: .5;
}
.service_content {
    padding: 0 25px;
}
#kickboxing .btn, #group_fitness .btn {
    box-shadow: none;
    background-color: #FFF;
    color: #000;
    border-color: #000;
}
.service_content p {
    text-shadow: none;
}
.about-bio-content {
    padding: 50px 100px;
}
.column {
    float: left;
    text-align: center;
    color: #FFFFFF;
    width: 33.3333%;
    margin: 0;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 500px;
}
.column::before {
    content: "";
    background-color: rgba(255,255,255,.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.column-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    width: 95%;
    height: 95%;
    background-color: rgba(0,0,0,.25);
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.column:hover svg {
    transform: rotate(360deg);
    transition: all 400ms ease-in-out;
}
.column h4 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    display: inline-block;
    margin: 0 0;
    font-family: interstate-regularcondensedRg;
}
.column-icon svg {
    max-width: 100px;
    margin: 0 auto;
    max-height: 100px;
}
.column-icon {
    overflow: hidden;
    height: 100px;
    display: block;
    position: relative;
    top: auto;
    max-width: none;
}
#home_section_one .btn.btn-xlarge {
    background-color: #000;
}
#home_section_three {
    background-position: 50% 50%;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 100px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
#home_section_three::before {
    background-color: rgba(255,255,255,0.15);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.section-3-text {
    max-width: 90%;
    position: relative;
    left: auto;
    margin: 0 auto;
    right: 0;
    top: auto;
    transform: none;
    background: none;
}
.section-3-text p {
    color: #FFF;
}
.first-class-img {
    max-width: 90%;
    margin: 0 auto;
}
.section-3-text h3 {
    color: #FFF;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: none;
    font-family: 'interstate-regularregular';
}
.section-3-text h2 {
    color: #fff;
font-family: 'interstate-blackregular';
letter-spacing: 2px;
font-size: 48px;
margin: 0;
}
.testimonial {
    text-align: left;
    position: relative;
    clear: both;
    padding: 50px 0;
    border-bottom: 2px solid #DDD;
}
#testimonials h2 {
    text-align: left;
    text-transform: uppercase;
    font-family: interstate-regularcondensedRg;
    font-size: 64px;
    color: #FFF;
}
#testimonials {
    background-color: transparent;
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    height: 900px;
    width: 100%;
}
.testimonial-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    padding: 0 50px;
}
.testimonial-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'interstate-regularregular';
}
.testimonial-client-name cite {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    text-align: center;
    display: block;
    font-family: 'interstate-regularregular';
    color: #000;
}
.testimonial-container .slick-prev {
    left: -25px;
}
.testimonial-container .slick-next {
    right: -25px;
}
#testimonials .slick-dots {
    padding: 0;
    text-align: center;
    width: 100%;
}
#testimonials .slick-dots li {
    float: none;
    display: inline-block;
}
#testimonials .slick-dots li button::before {
    background: #FFF;
}
#testimonials .slick-dots li.slick-active button {
    border-color: #FFF;
}
#recent_posts {
    padding-bottom: 100px;
    background-color: #f9f9f9;
    position: relative;
    float: none;
}
#recent_posts::before {
    background-image: url(https://www.ckokickboxing.com/assets/images/blog-bg.jpg);
    content: "";
    position: absolute;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-attachment: fixed;
}
#recent_posts .slick-dots li button::before {
    background: #000;
}
.blog-title-content {
    position: relative;
    width: 50%;
    margin: 5% 0 0;
    z-index: 10;
}
.blog-title-content h2 {
    color: #FFFFFF;
font-size: 54px;
text-shadow: 0 0 10px #000;
}
.blog-btn-wrap {
    float: none;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    clear: both;
    position: relative;
    top: 20px;
}
.blog-title-content .btn.btn-xlarge, .blog-title-content .btn.btn-xlarge:active {
    color: #000;
    margin: 0;
}
.blog-btn-wrap .btn {
    box-shadow: none;
    border-color: #fff;
    color: #fff;
}
footer {
    background-color:#fff;
}
.back-to-top .fa {
    font-size: 18px;
    color: #000;
}
.back-to-top:hover {
    opacity: 1;
    background-color: #000 !important;
    color: #FFF !important;
    border-color: #FAC921 !important;
}
.back-to-top:hover .fa {
    font-size: 18px;
    color: #fff;
}
.home_map_contact {
    position: relative;
    padding: 100px 0;
    clear:both;
}
.home_map_contact h3 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 24px;
    margin: 0;
    font-family: 'interstate-boldbold';
    position: relative;
}
.address-title {
    padding-left: 10px;
    margin-bottom: 20px !important;
}
.address-title::before {
    background-color: #fcdd0e;
    content: "";
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.address-container {
    text-align: left;
    background-color: #000;
    position: relative;
    z-index: 10;
    left: -45px;
    padding: 50px 25px;
    color: #FFF;
    max-width: 600px;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.address-container p {
    font-size: 14px;
    line-height: 24px;
}
.map-container {
    overflow: hidden;
    max-height: 500px;
    float: right;
    width: 100%;
    max-width: 600px;
}
.home_map_contact p {
    text-transform: capitalize;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
}
.social-contact ul {
    margin: 15px 0 0;
    list-style: none;
    width: 100%;
}
.social-contact ul li {
    display: inline-block;
    margin: 0 5px;
    text-align: center;
}
.social-contact li a {
    border: 2px solid #fff;
    padding: 10px;
    font-size: 21px;
    width: 50px;
    height: 50px;
    display: block;
    color: #FFF;
}
.social-contact li a:hover {
    background-color: #fcdd0e;
    color: #000;
    border: 2px solid #fcdd0e;
}
.footer-logo {
    display: block;
}
.site-footer.footer p, .site-footer.footer a {
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    text-shadow: none;
}
.back-to-top.inner-link {
    z-index: 9999999;
    color: #000 !important;
    position: fixed !important;
}
.site-footer .btn.btn-xlarge {
    padding: 10px 30px;
    margin-top: 30px;
    border-color: #000;
    box-shadow: none;
}
.pre-footer-hours p {
    font-family: "interstate-regularregular";
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}
.hours-em {
    font-size: 12px;
    text-transform: none;
    font-style: italic;
    display: block;
    position: relative;
    top: -8px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1;
}
.service_wrap {
    padding: 0;
    background-image: none;
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
    background-color: #fff;
    clear: both;
}
.parallax.service_banner {
    background-size: cover;
    background-position: center center;
    margin-top: 0;
    width: 100%;
    float: left;
    height: 700px;
    position: relative;
    z-index: 10;
    background-attachment: fixed;
}
.parallax.service_banner::before {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .3;
}
.service_intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    max-width: 50%;
}
.service_intro .banner_title {
    color: #FFF;
    font-size: 64px;
    font-family: interstate-regularcondensedRg;
}
.service_intro .banner_title::after {
    display: none;
}
.service_intro .banner_heading {
    color: #FFF;
}
.service_intro p {
    color: #FFF;
    font-weight: 600;
}
.service-form-container {
    position: relative;
    top: -100px;
    float: right;
    background-color: #fcdd0e;
    max-width: 400px;
    z-index: 99;
    padding: 15px;
    text-align: center;
}
.service-form-container h3 {
    font-size: 30px;
    font-family: 'interstate-boldbold';
    line-height: 1;
}
.service-form-container #contact-submit {
    background-color: #000;
}
.service-form-container #captcha {
    width: 100%;
    text-align: center;
}
.service-form-container #captcha div {
    margin: 0 auto;
}
.service-form-container #submit_button {
    width: 100%;
}
.service_block_2 {
    padding: 50px;
    max-width: 50%;
}
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  /**
   * Default height
   */
  height: 100%;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll;
  }
}
.service_break {
    height: 600px;
    position: relative;
    text-align: center;
}
.service_break_text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.service_wrap .service_break_text h2 {
    max-width: none;
    color: #FFF;
    text-shadow: none;
    font-size: 72px;
    font-family: 'interstate-boldbold';
    margin-bottom: 50px;
    text-align: center;
}
.service_break_text .btn.btn-xlarge {
    background-color: rgba(0,0,0,.75);
}
.service-page-title {
    position: fixed;
    top: 45%;
    right: 0;
    transform: rotate(90deg);
    font-size: 12vw;
    font-family: 'interstate-regularcondensedRg';
    text-transform: uppercase;
    line-height: 1;
    color: #999999;
    width: 50%;
    opacity: .1;
}
.service_wrap::before {
    display: none;
}
.service_wrap::after {
    display: none;
}
.service_block .btn {
    box-shadow: none;
    border-color: #000;
    color: #000;
}
.service_block {
    padding-top: 100px;
    padding-bottom: 100px;
}
.container.service_block {
    width: 90%;
    max-width: none;
    position: relative;
    z-index: 99;
}
.service_wrap h2 {
    color: #000;
    text-shadow: none;
    margin: 0;
    font-size: 36px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
        margin-bottom: 0px;
    max-width: none;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 30px;
}
.service_wrap p {
    text-shadow: none;
    font-size: 16px;
line-height: 30px;
color: #666666;
letter-spacing: 0;
}
.service_block_1_image {
    position: relative;
    text-align: center;
    opacity: .9;
}
.service_block_1_image,.service_block_2_image.square.square-1, .service_block_3_image.square.square-2, .service_block_4_image.square.square-3 {
    z-index:10;
}
.service_block_2_image {
    text-align: center;
}
.service_block_3_image {
}
.service_block_4_image {
    text-align: right;
}
.service_break::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .3;
}
.square {
    position: relative;
    width: 100%;
    height: 100%;
}
.results_wrap {
    background-color: #fff;
    padding: 100px 0;
}
.results_content p {
    color: #666666;
}
.contact_wrap {
    background-color: #FFF;
}
.contact_wrap h2 {
    font-size: 72px;
}
.wpcf7-submit {
    border-color: #000;
    color: #000;
    box-shadow: none;
    padding: 15px 0;
    width: 100%;
}
.services-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 2;
    position: relative;
    flex-wrap: wrap;
}
.service-column {
    width: 33%;
    padding: 0 15px;
    display: flex;
    margin: 0 0 50px;
    min-height: 400px;
}
.service-wrapper {
    position: relative;
    background-color: #000;
    text-align: center;
    display: flex;
    height: 100%;
}
.service-column .service_content h2 {
    font-size: 2vw;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 1.1;
    color: #FFF;
}
.service-column .service_content {
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    width: 100%;
    transform: translateY(-50%);
    color: #FFF;
    line-height: 1.4;
    font-size: .8vw;
    text-shadow: 0 0 10px #000;
}
.service-column .service_content .btn {
    background-color: #000;
    font-size: 14px;
    padding: 10px 25px;
    text-shadow: none;
}
.service-wrapper::before {
    border: 2px solid #fcdd0e;
    height: 95%;
    width: 97%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    border: ;
    bottom: 0;
}
.service-column .service_image {
    text-align: center;
    opacity: 0.7;
    display: flex;
}
.service-column .service_content p {
    font-weight: 400;
}
.service_image img {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
}
/*Class Schedule*/
.class_schedule {
    padding: 75px 0;
    position: relative;
}
.schedule_heading {
    background-image: url(/wp-content/themes/ckokickboxing/assets/images/CKO_Logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    width: 200px;
    height: 75px;
}
.table-upper {
    float: left;
    width: 100%;
    padding: 15px 25px;
}
.schedule_wrapper {
    clear: both;
    width: 100%;
}
.modal {
    z-index: 9999;
}
.modal {
    overflow-y: auto !important;
}
.modal-content {
    padding: 0 25px;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,25%);
    transform: translate(0,25%);
    z-index: 9999999;
}
.modal-backdrop {
    z-index: 0;
}
.modal.fade.in {
    opacity: 1;
    z-index: 200;
}
.modal-backdrop.fade {
    opacity: .9;
    z-index: 10;
}
.form-group {
    padding: 0 5px;
}
.form-group .radio input {
    min-height: 30px;
    vertical-align: middle;
}
.form-group input, .form-group select, .form-group textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    height: auto;
    padding: 10px;
    background-color: #DDDDDD;
    min-height: 50px;
    margin: 0;
}
.form-group .btn {
    font-size: 18px;
    background-color: #000;
    border-color: #000;
    border-radius: 25px;
    padding: 5px 0;
}
.modal-header h3 {
    display: inline-block;
    font-family: 'interstate-boldbold';
}
.modal-header h3 strong {
    font-weight: 400;
    font-family: 'interstate-boldbold';
}
.main-table-container {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    border-radius: 7px;
    margin-bottom: 20px;
}
.all-classes {
    float: left;
}
.date p {
    font-size: 17px;
    margin: 0;
    color: #000;
    font-family: interstate-regularcondensedRg;
    font-weight: 400;
    text-transform: uppercase;
}
.date, #FromDate {
    float: right;
    position: relative;
    margin: 0 0 10px;
}
#FromDate {
    width: 100%;
}
.all-classes select {
    width: 200px;
    border: 1px solid rgb(224, 224, 224);
}
.all-classes select option {
    padding: 5px;
}
#datepicker {
    padding: 10px 10px;
    height: auto;
    margin-right: 10px;
    border: 1px solid rgb(224, 224, 224);
    margin: 0;
    width: 100%;
}
#FromDate .fa {
    font-size: 19px;
    vertical-align: middle;
    position: absolute;
    right: 5px;
    top: 15px;
}
.heading {
    background-color: rgb(224, 224, 224) !important;
    font-weight: normal;
    color: rgb(100, 86, 113);
}
.heading th {
    padding: 10px !important;
    border-right: 1px solid #c2bdbd;
    font-family: "interstate-regularregular";
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
}
.date-heading {
    background-color: #f1f1f1;
    color: #000;
    font-family: interstate-regularcondensedRg;
    font-size: 17px;
    padding-left: 10px;
}
.schedule_item {
    background-color: #dddddd;
}
.schedule_item:nth-child(2n) {
    background-color: #FFF;
}
.schedule_item_box {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
}
.page-template-class-schedule .triple-play-offer {
    display: none;
}
.class-slider {
    clear: both;
    position: relative;
    margin: 15px 0;
    width: 100%;
    height: 50px;
}
.class-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    cursor: pointer;
    font-family: interstate-regularcondensedRg;
    text-transform: uppercase;
    font-size: 18px;
    font-style: italic;
}
.class-slider .slick-arrow:hover {
    color: #fcdd0e;
    }
.class-slider .slick-arrow.previous-slide {
    left: 0;
}
.class-slider .slick-arrow.next-slide {
    right: 0;
}
.class_start {
    font-family: interstate-regularcondensedRg;
    color: #000;
    font-size: 24px;
}
.class_start .class_time {
    font-size: 17px;
    color: #000;
    letter-spacing: 1px;
    display: block;
    font-family: interstate-regularcondensedRg;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
.class_title {
    font-family: 'interstate-blackregular';
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}
.class_instructor {
    font-family: interstate-regularcondensedRg;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
}
.date-heading td {
    padding: 10px;
}
table td {
    padding:15px;
}
table td a {
    text-decoration:none !important;
}
table {
    border: 1px solid rgb(224, 224, 224);
}
tr:nth-child(even) {background: rgb(249, 249, 249)}
tr:nth-child(odd) {background: #FFF}
.free-chk {
    background: #000;
    color: #FDCE25 !important;
    padding: 5px 25px;
    text-align: center;
    border-radius: 15px;
    font-size: 14px !important;
    text-decoration: none !important;
    cursor: pointer;
    font-family: interstate-regularcondensedRg;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.free-chk:hover {
    background: #FDCE25;
    color: #000 !important;
}
.success-response {
    text-align:center;
}
.modal-header h3 {
    display:inline-block;
}
.date-passed, .no-instructor{
    color: #555459;
    font-style: italic;
}
.contact_section {
    position: relative;
}
.contact_section .btn {
    background-color: #000;
    box-shadow: none;
}
.intro {
    background-color: #111;
    color: #FFF;
    padding: 20px 0;
}
.form-container {
    padding: 20px 15px;
    position: relative;
    z-index: 0;
    color: #000;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.form-container h3 {
    color: #000;
    font-family: 'interstate-boldcondensedbold';
    font-size: 36px;
    line-height: 1;
    letter-spacing: 1px;
}
#home_section_one .form-container .btn.btn-xlarge {
    background-color: #000;
    padding: 5px 0;
    box-shadow: none;
    letter-spacing: 2px;
    font-size: 14px;
    color: #FFF;
}
#home_section_one .form-container .btn.btn-xlarge:hover {
    background-color: #FFF;
    color: #000;
}
.homeContact {
    width: 100%;
    padding: 0;
}
.homeContact input, .homeContact textarea {
    padding: 10px;
    height: auto;
    max-height: 100px;
    margin: 0 0 12px;
}
#home_section_one .form-container h2 {
    color: #000;
    font-size: 30px;
    font-family: 'interstate-boldbold';
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 10px;
}
.background-section__video {
  height: calc(100vh - 70px);
  overflow: hidden;
  position: relative; 
z-index: 200;
}
.background-section__video--bottom {
  height: calc(100vh - 123px);
}
  .background-section__load-image::before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
.background-section__load-image--bottom {
  height: calc(100vh - 123px); }
.video-container {
    position: relative;
    background-image: url(assets/images/free-class.jpg);
    height: 100%;
    min-height: 600px;
    width: 100%;
    overflow: hidden;
    max-height: 700px;
    overflow: hidden;
    background-size: cover;
}
.video-button {
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fcdd0e;
    line-height: 100px;
    box-shadow: 0 0 0 10px rgba(255,255,255,.3);
}
#cko-video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
}
.home-feature-image {
    max-height: 700px;
}
.home-feature-image img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 700px;
}
.mobile-menu {
    display: none;
    width: 100%;
    height: 100%;
}
.mobile-menu.active .menubackground {
    background-color: #000;
}
.menubackground {
  width: 2700px;
  height: 2700px;
  position: fixed;
  right: -2240px;
  z-index: 120;
  top: -2240px;
  transform: rotate(-45deg);
  background-color: transparent;
  -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
}
.mobile-nav-menu {
    list-style: none;
    position: fixed;
    z-index: 0;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
}
.mobile-menu.active .mobile-nav-menu {
    display: block;
}
.mobile-menu.active .mobile-nav-menu {
    z-index: 99999999;
}
.mobile-nav-menu ul {list-style: none;margin:0;padding: 0;}
.menulinks li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2px;
}
.menulinks li a {
    padding: 5px 0;
    display: block;
}
.menulinks .sub-menu {
    list-style: none;
    margin: 0 0;
}
.menulinks .sub-menu a {
    font-weight: 400;
    font-size: 13px;
}
.menubars {
  position: fixed;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 200;
}
.menubars .menubar {
  height: 2px;
  -webkit-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  z-index: 30;
  width: 50px;
  background-color: #fff;
}
.mobile-menu.active svg {
    fill: 
    #FFF;
}
.home .menubars svg {
    fill: 
    #fff;
}
.menubars svg {
    fill: 
    #000;
}
.header.site-header.affix .menubars svg {
    fill: 
    #FFF;
}
.menubar.top {
    width: 30px;
    right: 0;
}
.menubar.middle {
    width: 30px;
    right: 0;
}
.menubar.bottom {
    width: 30px;
    right: 0;
}
.menubars:hover .menubar.middle, .menubars:hover .menubar.bottom {
    width: 50px;
}
.mobile-menu.active .menubar {
    width: 50px !important;
}
.mobile-menu.active .mobile-nav-menu a {
    color: 
    #FFF;
}
.mobile-nav-menu .btn.btn-xlarge.location-menu-btn {
    border-color: 
#fac921;
background-color:
#fac921;
color:
    #000;
}
.mobile-nav-menu .btn.btn-xlarge.top-phone-btn {
    border-color: 
    #FFF;
}
.top {
  top: 0;
}
.middle {
  top: 10px;
}
.bottom {
  top: 20px;
}
.primary-menu li.location-mobile {
    display: none;
}
@media only screen and (max-width: 1199px){
.menu-wrapper {
    display: none;
}
.mobile-menu {
    display: block;
}
.location-button {
    display: none;
}
.menu > li ul {
    display: block;
    text-align: center;
    width: auto;
    border: none;
    background: transparent;
    position: relative;
    opacity: 1;
}
.mobile-menu a:hover {
    background-color: #555!important;
}
.menu > li > ul li a, .menu li {
    border: none;
    color: #FFF;
}
.menu > li > ul li a, .menu li {
    border: none;
    color: #FFF;
}
#site-navigation .menu li a {
    font-size: 14px;
    padding: 10px 0;
}
#site-navigation .menu li ul li a {
    font-size: 12px;
}
}
@media only screen and (max-width:1501px){
#home_section_one article {
    margin-left: inherit;
}
header .menu li a {
    font-size: 16px;
}
}
@media only screen and (max-width:1366px){
#home_section_three {
    height: 800px;
}
.main-navigation ul {
}
#site-navigation .menu li {
    margin-right: 8px;
}
#site-navigation .menu li a {
    font-size: 14px;
}
.specials-container {
    width: 33.3333%;
}
#site-navigation .menu li {
    margin-right: 5px;
}
.service-column {
    width: 49%;
}
.service-column .service_content {
    font-size: 14px;
}
.service-column .service_content h2 {
    font-size: 22px;
}
#home_section_one .form-container h2 {
    color: #FFF;
    font-size: 36px;
}
#responsive-menu {
    top: 115px !important;
}
#responsive-menu ul {
    margin: 0;
    display: block !important;
    position: relative;
    width: 100%;
    background: transparent;
    visibility: visible;
    opacity: 1;
    top: 0;
    border-top: 1px solid #444444 !important;
    float: left;
    transform: none;
}
#responsive-menu ul li:last-child {
	border: none!important;
}
}
@media only screen and (max-width:1199px){
.menu-link {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
}
.coming-soon_phone {
    display: none;
}
.mobile-nav-menu .btn {
    display: block;
    max-width: 250px !important;
    margin: 0 auto 10px;
        margin-top: 0px;
    width: auto;
    padding: 0 0;
    line-height: 40px !important;
}
.banner_wrap {
    margin-top: 50px;
}
#responsive-menu ul ul {
    padding-left: 20px;
}
.back-to-top.inner-link {
    font-size: 12px;
    background-color: #fcdd0e;
}
.menu-wrapper {
    text-align: right;
    padding-right: 100px;
}
.site-title-container, .navigation-wrap {
    margin: 0;
    flex: 0 0 50%;
    max-width: none;
}
.site-title-container a {
    display: block;
    max-width: 200px;
}
#group_fitness.service_section {
    background-position: 100% 50%;
}
#testimonials h2 {
    font-size: 42px;
}
.testimonial-text {
    font-size: 20px;
}
.testimonial-container .slick-next {
    right: 0;
}
.testimonial-container .slick-prev {
    left: 0;
}
.blog-title-content {
    padding: 0;
    text-align: left;
}
.profile {
    width: 45%;
}
}
@media only screen and (max-width:991px){
.banner_content_wrap {
    text-align: center;
}
.service-column {
    width: 100%;
}
.specials-container {
    width: 50%;
}
.banner_title {
    font-size: 8vw;
}
.banner_content h2 {
    text-align: center;
    font-size: 48px;
}
.banner_content h1 {
    font-size: 36px;
}
.banner_content_wrap {
    right: 0;
    width: 100%;
    left: 0;
}
.schedule_heading {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
.date {
    float: none;
}
.class_title {
    font-size: 15px;
}
.service_block_2_image.square.square-1, .service_block_3_image.square.square-2, .service_block_4_image.square.square-3 {
    right: 0 !important;
    left: 0 !important;
    text-align: center;
}
.service_wrap h2 {
    margin: 30px 0;
    max-width: none;
}
.service-page-title {
	width: 100%;
}
.pre-footer-hours br {
    display: block;
}
.home_map_contact h3, .home_map_contact h4 {
    font-size: 20px;
}
.menu-wrapper {
    position: absolute!important;
    right: 0;
    text-align: right;
    width: 100%;
    border: 0;
    z-index: 100;
}
.menu-link {
    float: right;
    margin-right: 15px;
}
.location-menu-btn {
    float: none;
    right: 0;
}
.testimonial-container {
    width: 75%;
}
.type-tribe_events.tribe-clearfix {
    width: 100%;
}
.tribe-events-content .btn {
    clear: both;
    display: block;
}
.video-container {
    float: none;
    margin: 0 auto;
}
.form-container {
    left: 0;
    margin: 0 auto;
}
.homeContact .col-lg-6 {
    padding: 0;
}
.homeContact #contact-submit {
    padding: 10px;
}
.menu-wrapper {
    text-align: right;
    padding-right: 70px;
}
.menu-wrapper .btn.btn-xlarge {
    max-width: 115px;
}
.site-title-container {
    margin: 0;
}
.service-form-container {
    float: none;
    margin: 0 auto;
}
.service_intro {
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
    max-width: none;
    padding: 0 1em;
}
.service_block_2 {
    max-width: none;
    margin: -100px auto 0;
}
.header.site-header.affix-top {
    padding: 0;
}
}
@media only screen and (max-width:1024px){
.home-banner {
    background-attachment: scroll;
    height: 600px;
}
}
@media only screen and (max-width:767px){
.header {
    height: 70px;
}
.site-title-container a {
    max-width: 150px;
}
.video-container {
    min-height: 400px;
}
.home-banner {
    background-attachment: scroll;
    height: 600px;
}

.home-banner::before {
    content: "";
    background-color: rgba(0,0,0,.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.intro {
    text-align: center;
}
.column {
    width: 50%;
    height: 400px;
}
.top_contact {
    text-align: center;
}
.offer_headline {
    font-size: 24px;
}
.modal-content {
}
#home_section_three {
    height: auto;
}
.home-banner {
    background-attachment: scroll;
}
.offer_headline, .offer_sub_headline {
    text-align: center;
    margin: 0 0 10px;
    line-height: 1.1;
}
.top_contact p {
    margin: 0;
    font-size: 12px;
}
.service_wrap h2 {
    font-size: 36px;
}
.home_map_contact .col-md-4 {
    margin: 20px 0;
}
.footer-menu {
    text-align: center;
}
.column h4 {
    font-size: 18px;
}
.address-container {
    margin: 0;
    left: 0;
    max-width: 100%;
}
.map-container {
    max-width: 100%;
}
.home_map_contact {
    padding-bottom: 0;
}
.column {
    width: 100%;
    height: 300px;
}
.location-menu-btn svg {
    display: none;
}
.location-menu-btn span {
    color: #FFF !important;
    -webkit-text-fill-color: #FFF;
}
.location-menu-btn {
    width: 100%;
    position: fixed;
    left: 0;
    top: 110px;
    background-color: #FAC921;
    color: #000;
    line-height: 40px;
    font-weight: 400;
    font-family: 'interstate-regularregular';
    font-size: 16px;
    height: 40px;
}
.location-menu-btn:hover {
background-color: #000;
}
.schedule_heading {
    background-size: 30%;
    padding-left: 100px;
    padding-top: 10px;
}
.wpv-tribe-events-meta {
    width: 100%;
}
#tribe-events-content.tribe-events-single, .tribe-filters-closed #tribe-events-content.tribe-events-single {
    width: 100%;
}
.home-banner {
    height: 600px;
}
.banner_content h2 {
}
.banner_content h1 {
    font-size: 30px;
}
.banner_content_wrap {
    top: 60%;
}
.home-text {
    padding: 0 1em;
}
.service-column {
    min-height: 600px;
}
}
@media only screen and (max-width:641px){
.banner_title {
    font-size: 72px;
}
.banner_content h2 {
    font-size: 48px;
}
.service_section {
    text-align: center;
}
.service_section {
    background-image: none !important;
}
.video-container iframe {
    height: 300px;
}
.form-container {
    left: 0;
    margin: 0 auto;
    padding: 50px 15px;
}

.testimonial-container {
    width: 100%;
}
.blog-title-content h2 {
    text-align: center;
    font-size: 30px;
}
.blog-title-content {
    width: 100%;
}
#kickboxing {
    min-height: auto;
    text-align: center;
    padding: 0;
}
#group_fitness {
    min-height: auto;
    text-align: center;
    padding: 0;
}
#group_fitness .service_content {
    left: 0;
    right: 0;
    text-align: center !important;
}
#group_fitness .service_content p {
    text-shadow: none;
}
#group_fitness .service_content h3 {
    text-shadow: none;
}
#group_fitness .service_content h2 {
    text-shadow: none;
}
#group_fitness .btn {
    box-shadow: none;
}
.specials-container {
    width: 100%;
}
.service-column {
    width: 100%;
}
.service-column .service_content {
    min-height: unset;
}
#home_section_one::before {
	display: none;
}
.service_content {
    padding: 5em 1em;
}
.home .service_image img {
    object-fit: contain;
    object-position: 0 50%;
    width: 100%;
    height: auto;
}
}
@media only screen and (max-width:575px){
h2 {
    font-size: 44px;
}

.banner_title {
    font-size: 36px;
}
.banner_heading {
    font-size: 18px;
    line-height: 20px;
}
.banner_text {
    width: 100%;
    top: 75%;
    text-align: center;
}
.scroll {
    display: none;
}
.banner_wrap {
    margin-top: 0;
    height: auto;
}
.home-text {
    padding: 0;
    text-align: center;
}
.location-menu-btn {
    top: 110px;
}
.home-banner .slide-btn {
    font-size: 15px;
    padding: 15px 0;
    margin: 30px 0 0;
    display: inline-block;
    width: 100%;
}
.about-bio-content {
    padding: 50px 0;
}
.profile {
    width: 95%;
}
.profile-content h3 {
    font-size: 24px;
}
.service_block {
    padding-top: 25px;
    padding-bottom: 25px;
}
.service_wrap p {
    font-size: 14px;
    line-height: 24px;
}
.column {
    width: 50%;
}
#home_section_one::before {
    display: none;
}
#home_section_one::after {
    left: -50%;
    width: 200%;
}
.schedule_heading {
    font-size: 18px;
}
}
@media only screen and (max-width:480px){
.footer-menu ul li {
    width: 100%;
}
.map-container {
    display: none;
}
.service_wrap .service_break_text h2 {
    font-size: 30px;
}
.schedule_heading {
    text-align: center;
    padding: 30px 0 0;
    background-position: center 0;
    margin: 0 0 20px;
}
.tribe-events-event-image {
    padding: 0;
    width: 100%;
}
.date p {
    font-size: 15px;
    text-align: center;
}
.banner_content h2 {
    text-align: center;
    font-size: 36px;
    opacity: .8;
}
.banner_content h1 {
    text-shadow: 0 0 10px #000;
}
.column {
    width: 100%;
}
.column {
    width: 100%;
    height: 350px;
}
.menu-wrapper .btn.btn-xlarge {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
}
.full-width.nav-bar {
    padding: 0;
    text-align: center;
}
.home .header .top_contact, .home .header .top_phone {
    text-align: center;
    color: #FFF;
}
.header.site-header.affix .top_contact, .header.site-header.affix .top_phone {
    color: #FFF;
    text-align: center;
}
}
.class_schedule iframe {
    width: 100%;
    min-height: 1000px;
}
/**Landing Page**/
#top {
    background-attachment: fixed;
    padding: 55px 0;
    text-align: center;
    background-size: cover;
    background-position: center center;
}
#top h3 {
    color: #FFF;
    font-weight: 600;
    text-shadow: 0 0 10px #000;
}
.page-template-thank-you-offer .btn.landing-button {

    color: #000;
    background-color: #fff;

}
.page-template-thank-you-offer .btn.landing-button:hover {

    color: #fff;
    background-color: #000;

}
.single-landing-pages .form-container {
    padding: 0;
    position: relative;
    z-index: 0;
    color: #000;
    text-align: center;
    max-width: 100%;
}
.form-container small {
    color: #FFF;
    line-height: 1.3;
}
.section_one {
    padding: 75px 0;
}
.section_two {
    background-image: url(/wp-content/themes/ckokickboxing/assets/images/banner-main.jpg);
    background-attachment: fixed;
    padding: 100px 0;
}
.section_three, .section_four, .section_five {
    background-attachment: fixed;
    background-position: 50% 10%;
}
.top-heading h2 {
    color: #FFF;
    font-size: 85px;
    text-shadow: 2px 2px 0 #000;
    line-height: 76px;
}
.top-form {
    background-color: rgba(0,0,0,.8);
    max-width: 500px;
    margin: 0 auto;
    padding: 25px 30px;
}
.form-head h3 {
    color: #FFF;
    font-size: 24px;
}
.section_two h2 {
    color: #FFF;
    margin-bottom: 50px;
    font-size: 29pt;
}
.section_two h4 {
    letter-spacing: 1px;
    font-size: 18px;
    margin-top: 20px;
    color: #ffcc00;
}
.section_two p {
    color: #FFF;
    padding-top: 0;
    line-height: 1.4;
}
.content_wrap {
    padding: 100px 30px;
    background-color: #FFFFFF;
    position: relative;
}
.btn.landing-button {
    font-family: 'interstate-blackregular';
    font-size: 16px;
    background: none;
    font-weight: 400;
    cursor: pointer;
    padding: 15px 50px;
    display: inline-block;
    margin: 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #000;
    color: #000000;
    border-radius: 50px;
    overflow: hidden;
    letter-spacing: 2px;
}
.section_three {
    background-image: url(assets/images/cko_img1_big.jpg);
}
.section_four {
    background-image: url(assets/images/cko_img4.jpg);
}
.section_five {
    background-image: url(assets/images/IMG_0226-2.jpg);
}

.section_three .content_wrap::before, .section_five .content_wrap::before {
    content: "";
    position: absolute;
    right: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #FFFFFF;
}
.section_four .content_wrap::before {
    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #FFFFFF;
}
.single-landing-pages .header {
    top: 0;
    position: relative;
    background: #000 !important;
}
.single-landing-pages .form-container #popErr {
    color: red;
}
.single-landing-pages .btn.btn-xlarge.top-phone-btn {
    background-color: #FAC921;
    border-color: #000 !important;
    color: #000!important;
}
.single-landing-pages .btn.btn-xlarge.top-phone-btn:hover {
    background-color: #000;
    border-color: #000 !important;
    color: #fff!important;
}
.single-landing-pages .menu-wrapper .main_navigation {
    display: none;
}

.single-landing-pages .btn.btn-xlarge.location-menu-btn {
    display: none;
}
.single-landing-pages .triple-play-offer, .single-landing-pages .footer-menu {
    display: none;
}
.single-landing-pages .header .nav-container {
    padding: 5px 0 0;
}
@media only screen and (max-width: 991px) {
.section_three, .section_four, .section_five {
    padding: 75px 0;
}
.section_four .content_wrap::before, .section_four .content_wrap::after,.section_three .content_wrap::before, .section_three .content_wrap::after,.section_five .content_wrap::before, .section_five .content_wrap::after {
    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
}
.top-heading h2 {
    font-size: 36px;
    line-height: 1.1;
}
.single-landing-pages .menu-wrapper {
    display: block;
}
.single-landing-pages .btn.btn-xlarge.top-phone-btn {
    max-width: 100%;
}
.single-landing-pages .menu-wrapper {
    display: block;
    padding: 0px 15px 0 0;
    position: relative !important;
}

.single-landing-pages .mobile-menu {
    display: none;
}
}
.page-template-contact #contact-submit {
    background-color: #000;
}
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background-color: #000;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
#dialog h3 {
    font-family: 'interstate-boldbold';
    color: #fff;
}
#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
.btn.btn-small {

    color: #000;
    border-color: #FAC921;
    box-shadow: none;
    border-radius: 50px;
    font-family: 'interstate-blackregular';
    font-size: 14px;
    background: none;
    font-weight: 400;
    cursor: pointer;
    padding: 15px 50px;
    margin: 15px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    letter-spacing: 2px;
    clear: both;
    display: block;
    max-width: 300px;
    float: none !important;

}
#dialog .btn.btn-small {
    color: #000;
    background-color: #FAC921;
    opacity: 1;
}
#dialog .btn.btn-small:hover {
    color: #000;
    background-color: #FAC921;
    opacity: .5;
}

/****BLOG CSS****/
.meta-cat a {
    color: 
    #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.meta-date {
    font-family: 'interstate-blackregular';
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    letter-spacing: 1px;
    color: 
    #999;
}
.blog-entry.post {
    border-bottom: 1px solid 
    #DDD;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.blog-entry-summary.clr .btn-filled.btn {
    display: none;
}
.blog-entry-readmore .hvr-sweep-to-top {
    font-family: 'interstate-blackregular';
    display: block;
    color: 
    #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    opacity: .8;
}
.blog-entry-readmore .hvr-sweep-to-top:hover {
    opacity: 1;
}

#secondary {

    padding: 25px 15px;
    background-color: 

    #FFF;

}
.widget.widget_recent_entries ul li a,.widget.widget_archive ul li a, .widget.widget_archive > div ul li a, .widget.widget_categories ul li a, .widget.widget_categories > div ul li a, .widget.widget_meta ul li a, .widget.widget_meta > div ul li a, .widget.widget_nav_menu ul li a, .widget.widget_nav_menu > div ul li a, .widget.widget_pages ul li a, .widget.widget_pages > div ul li a {

    text-transform: initial;
    font-size: 16px;
    color: 

    #666;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;

}
.widget .widget-title {

    font-size: 30px;
    line-height: 24px;
    color: 

    #000;
    margin-bottom: 25px;
    text-transform: uppercase;

}

.search-form input[type="text"] {

    font-size: 14px;
    margin: 0;
    border-radius: 50px;
    background-color: 

#111111;

border: 3px solid
#222222;

color:

    #FFF;

}
ul.meta {
    display: inline-block;
    width: 100%;
    color: 
    #777;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
ul.meta li {
    float: left;
    line-height: 1.3;
}
ul.meta li::after {
    content: '-';
    padding: 0 6px;
}
.meta-cat {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #513550;
    letter-spacing: 3px;
}
.meta-date {
    color: #adadad;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
}
.col::after, .clr::after, .group::after, dl::after, .left_float::after, .right_float::after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
    height: 0;
}
.single nav.post-navigation {
    margin-top: 30px;
    border-top: 1px solid 
    #f1f1f1;
}
.nav-links {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    text-align: right;
    clear: both;
}
.single nav.post-navigation .nav-previous {

    float: left;
    width: 50%;
    text-align: left;
    border-right-width: 1px;
    border-style: solid;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    border-color: 

    #f1f1f1;
        border-top-color: rgb(241, 241, 241);
        border-bottom-color: rgb(241, 241, 241);
        border-left-color: rgb(241, 241, 241);
    padding-right: 20px;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;

}
.single nav.post-navigation .nav-links a {
    display: block;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.single nav.post-navigation::after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
    height: 0;
}
.single nav.post-navigation .nav-links a {

    display: block;
    color: 

    #999;

}
.single nav.post-navigation .nav-links a:hover {

    display: block;
    color: 

    #000;

}
.single nav.post-navigation .nav-links a span {

    font-weight: 600;
    line-height: 1.4;
    display: block;

}
.nav-subtitle {
    position: relative;

}
.nav-subtitle::after {

    content: "-";
    padding: 0 10px;

}