/*







Theme Name: Fighting Arts Collective Theme







Theme URI: 







Description: 







Version: 1.0







Author: 







Author URI:  







Tags: 







*/ 















@font-face {







    font-family: 'TrajanProBold';







    src: url('fonts/TrajanProBold.eot');







    src: url('fonts/TrajanProBold.eot') format('embedded-opentype'),







         url('fonts/TrajanProBold.woff2') format('woff2'),







         url('fonts/TrajanProBold.woff') format('woff'),







         url('fonts/TrajanProBold.ttf') format('truetype'),







         url('fonts/TrajanProBold.svg#TrajanProBold') format('svg');







}















@font-face {







    font-family: 'TrajanProRegular';







    src: url('fonts/TrajanProRegular.eot');







    src: url('fonts/TrajanProRegular.eot') format('embedded-opentype'),







         url('fonts/TrajanProRegular.woff2') format('woff2'),







         url('fonts/TrajanProRegular.woff') format('woff'),







         url('fonts/TrajanProRegular.ttf') format('truetype'),







         url('fonts/TrajanProRegular.svg#TrajanProRegular') format('svg');







}















@font-face {







    font-family: 'Optima';







    src: url('fonts/Optima.eot');







    src: url('fonts/Optima.eot') format('embedded-opentype'),







         url('fonts/Optima.woff2') format('woff2'),







         url('fonts/Optima.woff') format('woff'),







         url('fonts/Optima.ttf') format('truetype'),







         url('fonts/Optima.svg#Optima') format('svg');







}















@font-face {







    font-family: 'OptimaBold';







    src: url('fonts/OptimaBold.eot');







    src: url('fonts/OptimaBold.eot') format('embedded-opentype'),







         url('fonts/OptimaBold.woff2') format('woff2'),







         url('fonts/OptimaBold.woff') format('woff'),







         url('fonts/OptimaBold.ttf') format('truetype'),







         url('fonts/OptimaBold.svg#OptimaBold') format('svg');







}















@font-face {







    font-family: 'HPSimplifiedRegular';







    src: url('fonts/HPSimplifiedRegular.eot');







    src: url('fonts/HPSimplifiedRegular.eot') format('embedded-opentype'),







         url('fonts/HPSimplifiedRegular.woff2') format('woff2'),







         url('fonts/HPSimplifiedRegular.woff') format('woff'),







         url('fonts/HPSimplifiedRegular.ttf') format('truetype'),







         url('fonts/HPSimplifiedRegular.svg#HPSimplifiedRegular') format('svg');







}





@font-face {







    font-family: 'HPSimplifiedLight';







    src: url('fonts/hp_simplified_light.eot');







    src: url('fonts/hp_simplified_light.eot') format('embedded-opentype'),







         url('fonts/hp_simplified_light.woff2') format('woff2'),







         url('fonts/hp_simplified_light.woff') format('woff'),







         url('fonts/hp_simplified_light.ttf') format('truetype'),







         url('fonts/hp_simplified_light.svg#hp_simplified_lightregular') format('svg');







}











@font-face {







    font-family: 'MyriadProRegular';







    src: url('fonts/MyriadProRegular.eot');







    src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),







         url('fonts/MyriadProRegular.woff2') format('woff2'),







         url('fonts/MyriadProRegular.woff') format('woff'),







         url('fonts/MyriadProRegular.ttf') format('truetype'),







         url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');







}































/* HTML5 display-role reset for older browsers */







article, aside, details, figcaption, figure, 







footer, header, hgroup, menu, nav, section {







    display: block;







}







body {







    line-height: 1;







    padding: 0;







    margin: 0;







    font-family: 'HPSimplifiedRegular', Arial;







    font-size: 16px;







    background: #121212;











}







ol, ul {







    list-style: none;







    padding: 0;







    margin: 0;







}







blockquote, q {







    quotes: none;







}







blockquote:before, blockquote:after,







q:before, q:after {







    content: '';







    content: none;







}







table {







    border-collapse: collapse;







    border-spacing: 0;







}















a { text-decoration: none; outline: none; }















img { max-width:  100%; height: auto; }















h1,h2,h3,h4,h5,p { margin: 10px 0; }







.left { float: left; }







.right { float: right; }







.clear { clear: both; }







.container { width: 1110px; margin: 0 auto; }















/* HTML5 tags */







header, section, footer,







aside, nav, article, figure {







    display: block;







}























input[type="text"], input[type="email"], input[type="number"], input[type="submit"], textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }







input[type=number]::-webkit-inner-spin-button, 







input[type=number]::-webkit-outer-spin-button { 







  -webkit-appearance: none; 







  margin: 0; 







}















.font_myriad { font-family: 'MyriadProRegular' !important; }















/*header*/







.main_header { background: url('images/reducesizebg.gif')no-repeat top center; min-height: 580px; background-size: cover; position: relative; max-width: 100%; margin: 0 auto; overflow: hidden; }







.logo { float: left; width: 400px; position: relative; z-index: 10; left: 0; position: absolute; }







.logo img { display: block; }







.header_right { background: url('images/right-bg.png')no-repeat top center; width: 712px; min-height: 82px; margin-top: 35px; float: right; margin-left: -45px; position: relative; }







.header_right::after { background: #000; position: absolute; top: 5px; right: -500px; width: 500px; content: ''; height: 72px; z-index: 1;}







.top_tagline { float: left; padding: 2px 38px; }







.top_tagline h3 { line-height: 1.3em; font-family: 'HPSimplifiedRegular'; font-size: 21px; color: #000; font-weight: normal; }







.top_tagline h3 strong { font-style: italic; }







.main_menu { float: right; padding-top: 24px; cursor: pointer; position: relative; z-index: 12345; box-sizing: border-box; padding: 10px; margin-top: 10px; }







.header_cont { margin: 20px 0 0; }















.home_mobile_menu { float: left; width: 70px; padding: 39px 0 0; text-align: center; display: none; }







#side-menu { display: none; }















.sidr .sidr-inner li { display: block; border-bottom: 1px solid #4D4D4D; }







.sidr .sidr-inner li a { padding: 15px 20px 18px; display: block; width: 100%; color: #fff; border-bottom: 1px solid #1A1A1A; }







.sidr .sidr-inner li a:hover { box-shadow: 0 0 15px 3px #222 inset; }













/*.page_mobile_menu { float: right; display: none; margin: 22px 5px 0 0; }*/

.page_mobile_menu {

    display: none;

    float: right;

    margin: 30px 5px 0 0;

    width: 11%;

}







/*.home_feat_text h3 { font-family: 'TrajanProRegular'; font-size: 28px; opacity: 0.80; }*/
.home_feat_text h3 {
    font-family: 'HPSimplifiedLight';
    font-size: 28px;
    opacity: 0.80;
    text-transform: none;
    font-size: 35px;
    font-weight: 600 !important;
    word-spacing: 1px;
}
.home_feat_text i#only_home_text{
   font-family: 'TrajanProRegular' !important; text-transform: uppercase; font-size: 35px; opacity: 0.80; 
}













/*page_header*/







.page_header { background: #000; min-height: 80px; }







/*.page_header_wrapper { position: relative; }







.page_header_wrapper::before { background: #000; height: 80px; width: 1000px; left: -1000px; content: ''; position: absolute; top: 0; z-index: 50; }*/







.page_menu { float: left; position: relative; z-index: 10; margin-left: 240px; margin-top: 30px; }







.page_header .logo { position: absolute; top: 0; left: 0; width: 319px; }







.page_menu li { display: inline-block; margin-left: 27px; }







.page_menu li:first-child { margin-left: 0; }







.page_menu li a { font-size: 16px; color: #fff; }







.page_menu li a:hover, .page_menu li.current-menu-item a { color: #ffcd07; }















.whole_overlay { position: absolute; width: 100%; height: 100%; z-index: 300; display: none; }







.whole_overlay.active { display: block; }















/*category*/







.fac_category {  position: relative; z-index: 10; background: #161616; }







.fac_category li { float: left; width: 16.66%; text-align: center; margin-top: -35px; position: relative; margin-left: 30px; }







.fac_category li a { display: inline-block; background: url('images/circle.png'); width: 149px; height: 149px; padding: 37px 30px; box-sizing: border-box; font-family: 'HPSimplifiedRegular'; font-size: 21px; color: #ddae0b; cursor: default; }







.fac_category li a:hover { /*color: #fff;*/ }







.fac_category li:first-child::before { background: url('images/jkd.png')no-repeat top center; height: 121px; width: 136px; content: ''; position: absolute; top: -12px; right: -67px; }







.fac_category li:nth-child(2)::before { background: url('images/silat.png')no-repeat top center; height: 121px; width: 136px; content: ''; position: absolute; top: -12px; right: -32px; }







.fac_category li:nth-child(3)::before { background: url('images/kungfu.png')no-repeat top center; height: 121px; width: 136px; content: ''; position: absolute; top:-12; right: -79px; }







/*.fac_category li:nth-child(4)::before { background: url('images/kungfu.png')no-repeat top center; height: 106px; width: 121px; content: ''; position: absolute; top: 0; right: -40px; }*/







.fac_category li:nth-child(4)::before { background: url('images/weapons.png')no-repeat top center; height: 121px; width: 136px; content: ''; position: absolute; top:-12; right: -48px; }







/*.fac_category li:nth-child(5)::before { background: url('images/weapons.png')no-repeat top center; height: 111px; width: 72px; content: ''; position: absolute; top: 0; right: -48px; }*/







.fac_category li::before { z-index: 20; }















/*home*/







.home_content { background: #161616; padding: 5px 0 65px; }







.f_30 { font-size: 30px; font-weight: normal; font-size: 'TrajanProRegular'; text-align: center; text-transform: uppercase; line-height: 1.2em; letter-spacing: 1px; }







.f_30.white { color: #fff; }







.hft_cont { margin-top: 40px; }







.awards li { display: block; margin-top: 55px; }







.awards li:first-child { margin-top: 18px; }







.awards { float: left; width: 200px; }







.gym_image { width: 465px; float: left; margin-left: 10px; }







.gym_features { float: left; width: 420px; padding: 5px 0 0; }







.home_feat_text .gray-list li { opacity: 0.80; }







.gray-list li { position: relative; color: #d0d0d0; font-family: 'HPSimplifiedRegular'; font-size: 19px; padding-left: 46px; line-height: 1.2em; margin-top: 22px; }







.gray-list li:first-child { margin-top: 0; }







.gray-list li::before { background: url('images/gray-list.png')no-repeat left center; width: 38px; height: 10px; content: ''; position: absolute; top: 7px; left: 0; }















/*home_testimonial*/







.testimonial { padding: 25px 0 35px; background: #fff; }







.testimonial_col {   width: 495px; float: left; margin-left: 80px; position: relative; box-sizing: border-box; }







.testimonial_col:nth-child(2n+1) { margin-left: 0; }







.testimonial_col:nth-child(2n)::before { background: #d0d0d0; width: 1px; height: 128px; position: absolute; left: -40px; top: 15px; content: ''; }







.t_person { width: 160px; float: left; }







.t_person img { width: 90px; height: 90px; border-radius: 50%; }







.t_person h3 { font-size: 20px; color: #161616; font-family: 'HPSimplifiedRegular'; font-weight: normal; margin: 5px 0; }







.t_rating { color: #ffcd07; font-size: 20px; }







.t_rating i { margin-left: -5px; }







.t_text { width: 330px; float: left; }







.t_text p { font-size: 21px; font-family: 'HPSimplifiedRegular'; color: #161616; text-align: center; line-height: 1.2em; }















/*classes*/







.home_class { background: #ffcd07; padding: 25px 0 40px; position: relative; }







.home_class h2,







.home_class p { font-family: "TrajanProRegular"; }







.f_35 { font-size: 35px; color: #161616; font-family: 'TrajanProRegular'; font-weight: normal; text-align: center; text-transform: uppercase; padding-bottom: 10px; line-height: 1.4em; }







.f_24 { font-size: 24px; font-family: 'MyriadProRegular'; font-weight: normal; color: #161616; text-align: center; margin: 20px 0; line-height: 1.2em; }







.featured_class { padding: 25px 0 0; }







.class_col { float: left; width: 337px; margin-left: 45px; background: #161616; position: relative; transition:1.5s ease; }







.featured_class.activated .class_col { width: 110px;/* float: right;*/ margin-left: 10px; }







.featured_class.activated .class_col.active { width: 337px; float: left; }







.class_col .class_popup { position: absolute; top: 0; left: 100%; margin-left: 10px; width: 500px; box-sizing: border-box; z-index: 30; display: none;  }







.class_col.active .class_popup { display: block; }







.class_col.first { margin-left: 0; }







.class_col img { display: block; border: 1px solid #fff; box-sizing: border-box;  }







.class_col h3 { margin: 0; text-align: center; font-family: 'TrajanProRegular'; font-weight: normal; font-size: 20px; color: #ffcd07; padding: 8px 0; border: 1px solid #fff; border-top: 0; }







.class_col_img { height: 254px; background-position: center center; border: 1px solid #fff; }







.class_col_img1 { background-image: url('images/fitness.jpg'); }







.class_col_img2 { background-image: url('images/kids.jpg'); }







.class_col_img3 { background-image: url('images/fighters.jpg'); }







.class_col h3 a { color: #ffcd07; }







.class_col h3 a:hover { color: #fff; }















.class_popup { background: #161616; color: #ffcd07; text-align: left; }







.class_popup .remodal-close { right: 0; left: auto; color: #ffcd07; }







.class_popup .remodal-close:hover { color: #fff; }







.class_popup p { font-size: 16px; line-height: 1.4em;  margin: 5px 0 10px; }







.yellow-list  { margin-left: -35px; }







.yellow-list li { position: relative; margin: 20px 0; padding-left: 35px; line-height: 1.3em; }







.yellow-list li::before { position: absolute; top: 6px; left: 0; background: url('images/yellow-list.png')no-repeat top center; width: 28px; height: 10px; content: ''; }























/*gym pass*/







.gym_pass { background: url('images/cta-bg.png')no-repeat top center #161616; min-height: 481px; background-size: cover; }







.pass_cont { padding: 45px 0 40px; }







.pass_cont .f_35 { color: #ffcd07;  font-family: "TrajanProRegular"; }







.f_22 { font-size: 22px; color: #fff; font-family: 'HPSimplifiedRegular'; text-align: center; line-height: 1.3em; }







.pass_cont strong { font-family: 'OptimaBold'; font-size: 24px; }







.pass_text { float: right; width: 430px; }







.pass_text p { color: #ffcd07; font-family: 'HPSimplifiedRegular'; font-size: 22px; font-weight: bold; margin: 0 0 14px; }







.pass_text .gray-list li { font-size: 22px; font-weight: bold; }







.pass_text .gray-list li:before { top: 10px; }







.pass_form { float: left; width: 525px; }







.pass_details { max-width: 1040px; margin: 70px auto 0; }







.pass_box { margin-bottom: 15px; }







.pass_box label { width: 90px; float: left; font-size: 22px; color: #fff; padding-top: 8px; font-family: 'HPSimplifiedRegular'; }







.pass_box input[type="text"], .pass_box input[type="email"], .pass_box input[type="number"] { width: 430px;  height: 42px; padding: 0 15px; font-size: 20px; background: url('images/box-bg.png')repeat-x left center; border: 1px solid #eceded;







    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }







.pass_box input[type="text"]:focus, .pass_box input[type="email"]:focus, .pass_box input[type="number"]:focus { box-shadow: 0 0 5px #f79620 inset; border-color: #f79620; }







.pass_box.submit { width: 325px; padding-left: 90px; }







.pass_box input[type="submit"] { background: url('images/submit-bg.png')repeat-x left center; height: 42px; border: none; width: 100%; font-size: 22px; color: #fff; font-family: 'TrajanProRegular'; cursor: pointer; border: 1px solid #cc0507; 







     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }







 .pass_details div.wpcf7-validation-errors, .pass_details div.wpcf7-mail-sent-ok { background: #fff; }















.cal_head_time { float: left; width: 6%; }







.cal_head_days { float: left; width: 15.5%; }







.fac_cal_header { background: #FFCD07; color: #121212; font-size: 28px; font-family: 'TrajanProBold'; padding: 22px 0; text-align: center; position: relative; }







.fac_cal_prev { position: absolute; top: 20px; left: 28px; }







.fac_cal_next { position: absolute; top: 20px; right: 28px; }







.fac_title_cont { background: url('images/cal-sub-header.jpg') repeat-x; color: #f7f7f7; font-size: 12px; font-family: Roboto; text-align: center; padding: 6px 0; }







.fac_cal_content { background: url('images/tbl-cont-repeat.jpg') repeat; }







.cal_head_time_lbl { color: #616161; font-size: 12px; font-weight: bold; font-family: Roboto; height: 38px; text-align: right; box-sizing: border-box; padding-right: 3px; }















/*footer*/







footer.main_footer { background: #0e0e0e; padding: 30px 0 30px; }







.footer_menu li { display: inline-block; margin-left: 20px; }







.footer_menu li:first-child { margin-left: 0; }







.footer_menu li a { text-transform: uppercase; color: #848484; font-size: 16px; font-family: 'HPSimplifiedRegular'; font-weight: bold; }







.footer_menu li a:hover, .footer_social li a:hover { color: #fff; }







.copy_left { float: left; }







.copy_text p { margin: 32px 0 0; color: #848484; font-size: 17px; font-family: 'HPSimplifiedRegular'; }







.footer_social { float: right; }







.footer_social ul { margin: 15px 0 0; overflow: hidden;}







.footer_social h3, .side_social_links h3 { font-size: 19px; color: #848484; font-family: 'TrajanProRegular'; margin: 0; }







.footer_social li, #main_menu_top .side_social_links li  { display: inline-block; margin-left: 22px; }







.footer_social li:first-child, #main_menu_top .side_social_links li:first-child { margin-left: 0; }







.footer_social li a, #main_menu_top .side_social_links li a { color: #848484; font-size: 32px; }







#main_menu_top .side_social_links li a:hover { color: #fff; }















.home_slider .bx-wrapper { margin: 0; z-index: 20; }







.home_slider .bx-wrapper .bx-pager { bottom: 10px; z-index: 50; right: 100px; width: auto; background: rgba(0,0,0,0.3); padding: 7px 8px 3px; border-radius: 25px; }







.home_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .home_slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: url('images/active-pager.png')no-repeat top center; width: 22px; height: 22px; }







.home_slider .bx-wrapper .bx-pager.bx-default-pager a { background: url('images/pager.png')no-repeat center center; width: 18px; height: 18px; padding-top: 4px; }















#street-view { width: 1200px; height: 580px; }















/*about*/







.page_banner { /*background-size: cover !important;*/ min-height: 435px; }







.page_banner {



    background-size: cover !important;




}







.page_wrapper { background: #121212; color: #fff; position: relative;}







.page_content p { color: #dedede; font-size: 17px; line-height: 1.5em; margin: 25px 0; }







.page_content h1 { color: #ffcd07; text-align: left; }







.page_content h3 { font-size: 24px; color: #ffcd07; text-transform: uppercase; font-family: 'TrajanProRegular'; font-weight: normal; padding: 10px 0; line-height: 1.2em; }





.page_content { padding: 30px 40px; overflow: hidden;}







.official_video { width: 560px; float: left; margin-right: 30px; margin-bottom: 10px; position: relative; z-index: 100;}







.official_video iframe { max-width: 100%; width: 100%; box-shadow: 0 0 3px #ffcd07; }















.about_sponsors { background: #ffcd07; padding: 25px 0; }







.about_sponsors  ul { padding: 10px 0;   text-align: center;}







.about_sponsors li { display: inline-block; margin-left: 8px; }







.about_sponsors li:first-child { margin-left: 0; }























/*classes*/







.class_area { overflow: hidden; }







.class_area_col { float: left; width: 46.2%; margin-bottom: 50px; position: relative; }







.class_area_col:nth-child(2n) { float: right; clear: right; }







.class_area_col:nth-child(2n+1) { clear: left; }







.class_area_col h3 { font-size: 20px; color: #fff; font-family: 'TrajanProBold'; display: inline-block; position: relative; background: #282828; padding: 14px; margin: 0;  }







.class_area_col a { color: #fff; }







.class_area_col a:hover h3, .class_area_col a.class-button.active h3 { color: #ffcd07; }























.class_area_col h3::after { background: url('images/title-bg.png')no-repeat top center; width: 16px; height: 52px; right: -16px; top: 0; position: absolute; content: ''; }







.class_area_img { background: #919191; position: relative; height: 232px;}







.class_area_img img { border: 2px solid #fff; display: block; box-sizing: border-box;  -webkit-filter: grayscale(100%);  filter: grayscale(100%); transition: 0.3s all ease 0s; -moz-transition: 0.3s all ease 0s; -webkit-transition: 0.3s all ease 0s; height:100%;width: 100%;}















.class_area_col a:hover .class_area_img img, .class_area_col a.class-button.active .class_area_img img { -webkit-filter: grayscale(0);  filter: grayscale(0); transition: 0.3s all ease 0s; -moz-transition: 0.3s all ease 0s; -webkit-transition: 0.3s all ease 0s;  }







.class_area_wrap {  overflow-y: hidden; }







.class_close_btn { padding: 10px 12px; position: absolute; top: 2px; right: 2px;  background: #4a4a4a; font-family: 'TrajanProRegular'; }







.class_close_btn::before { content: '\f067'; font-family: 'FontAwesome'; color: #000; }







.class_area_col a.class-button.active .class_close_btn::before { content: '\f068'; }







.class_area_col a.class-button.active { position: relative; z-index: 25; }







.class_hidden_content { position: absolute; top: 0; left: 0; width: 0; min-height: 284px; max-height: 284px; background: #f0c208; z-index: 5; padding: 0px; box-sizing: border-box;   -webkit-transition-property: width; /* Safari */







    -webkit-transition-duration: 1s; /* Safari */







    transition-property: width;







    transition-duration: 1s; overflow: hidden; }







.class_hidden_content.active {  width: 959px; padding: 10px; }















.class_area_col a.active .class_area_wrap { position: relative; z-index: 20; }







.chc_wrapper { max-width: 530px; float: right; color: #121212; margin: -10px 0 0; }







.chc_wrapper p { color: #121212; line-height: 1.3em; font-size: 14px; margin: 10px 0 0; }







.chc_close { position: absolute; right: 0; top: 0; display: none; }







.chc_close a { color: #000; font-family: 'TrajanProBold'; font-size: 14px; display: inline-block; padding: 5px 8px;  }







.chc_close a:hover { color: #fff; }







.chc_wrapper li { line-height: 1.2em; font-size: 15px; }







.chc_wrapper li::before { content: ' - '; }







.chc_left { width: 300px; float: left; }







.chc_right { width: 205px; float: right; position: relative; }







.chc_right::before { background: #c49f0a; width: 1px; height: 154px; position: absolute; top: 15px; left: -15px; content: ''; }







.chc_trainers { overflow: hidden; }







.chc_col { width: 50%; float: left; text-align: center; }







.chc_col img { width: 55px; height: 55px; border-radius: 50%; }







.chc_col p { margin: 0; }







.check_class_sched { text-align: right;}







.check_class_sched a { color: #121212; font-size: 15px; font-weight: bold; text-decoration: underline; }















.class_hidden_content.alt { left: -555px; }







.class_hidden_content.alt .chc_wrapper { float: left; padding-left: 15px; width: 515px; }







.class_hidden_content.alt .chc_close { right: auto; left: 0; }































/*instructors*/







.instuctor_area { overflow: hidden; margin-top: 65px; }







.instructor_col { float: left; width: 46.2%; margin-bottom: 65px; position: relative; max-height: 227px; /*overflow: hidden;*/ /*border: 2px solid #fff; */ }







.instructor_col:nth-child(2n) { float: right; clear: right; }







.instructor_col:nth-child(2n+1) { clear: left; }







.instructor_img { 







 background: url(images/instructor-bg.png)no-repeat top center; background-size: cover;







 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");







 -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");







 -webkit-filter: grayscale(100%); overflow: hidden;







 filter: gray;







 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");







 max-height: 227px; }







.instructor_img img { float: right; display: block;   }







.instructor_img.active { filter: none; -webkit-filter: grayscale(0); }















.instructor_info { position: absolute; top: 50px; left: 0; height: 100%; }







.instructor_info h2 { font-size: 35px; color: #161616; font-family: 'TrajanProRegular'; font-weight: normal; line-height: 1em; margin-left: 40px; }







.instructor_info h2 strong { display: block; font-size: 46px; font-family: 'TrajanProBold'; }







.instructor_position { position: absolute; bottom: 50px; left: 0; }







.instructor_position p { font-size: 20px; color: #161616; margin: 0; display: inline-block; position: relative; background: #F1F1F1; padding: 2px 10px 2px 30px; width: 140px; }







.instructor_col a.active .instructor_position p, .instructor_col a:hover .instructor_position p { background: #fbf2cd; }







.instructor_position p::after { position: absolute; top: 0; right: -19px; content: ''; background: url('images/position-bg.png')no-repeat right center; width: 19px; height: 34px; 







 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");







 -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");







 -webkit-filter: grayscale(100%); }







 .instructor_col a:hover .instructor_position p::after { filter: none; -webkit-filter: grayscale(0); }















.instructor_col a:hover .instructor_img {  filter: none; -webkit-filter: grayscale(0);  }







.ins_close { position: absolute; top: 2px; right: 2px; }







.ins_close a { color: #000; background: #4a4a4a; display: inline-block; padding: 6px 9px; }







.ins_close a::after { font-family: 'FontAwesome'; content: '\f067'; }







.ins_close a.active::after { content: '\f068'; }























.instructors_popup_cont { z-index: 25; position: absolute; top: 0; left: 0; width: 0px; overflow: hidden;     -webkit-transition-property: width; /* Safari */







    -webkit-transition-duration: 1s; /* Safari */







    transition-property: width;







    transition-duration: 1s; }







.instructors_popup_cont.active { width: 765px; }







.instructors_popup  { padding: 0; max-width: 765px; background: url('images/instructor-content.png')no-repeat top center; min-height: 620px; background-size: cover;  width: 765px;  }







.instructors_popup .remodal-close:before { font-family: 'FontAwesome' !important; content: '\f068'; font-size: 14px;  color: #e7b804; background: #4a4a4a; width: 40px; }







.instructors_popup .remodal-close { left: auto; right: 5px; }







.ii_img { float: left; width: 94px; }







.ii_img img { background: #000; }







.ii_details { float: left; margin: 10px 0 0; text-align: left; }







.ii_name { margin-left: 10px; }







.ii_name h2 { font-family: 'TrajanProBold'; font-size: 46px; color: #161616; line-height: 75%; margin: 0; }







.ii_name h2 span { display: block; font-family: 'TrajanProRegular'; font-size: 35px; font-weight: normal; }







.ii_extra { margin-top: 5px; }







.ii_position { float: left; }







.ii_position p { margin: 0; position: relative; background: #faf1cd; padding: 8px 14px; box-sizing: border-box; width: 184px; font-size: 15px; color: #161616; }







.ii_position p::after { background: url('images/position-bg.png')no-repeat right center; width: 19px; height: 31px; content: ''; position: absolute; right: -19px; top: 0; }







.ii_specialties { float: left; margin-left: 25px; margin-top: 0; width: 420px; }







.ii_specialties p { margin: 0; font-size: 18px; color: #121212; font-style: italic;  }







.instructors_more_info { padding: 20px 45px 10px 100px; text-align: left; }







.more_info_half { float: left; width: 310px; margin-bottom: 20px; }







.more_info_half.last { float: right; }







.instructors_more_info h3 { font-size: 20px; color: #121212; letter-spacing: 1px; }







.instructors_more_info ul li { font-size: 17px; color: #000; margin-bottom: 8px; position: relative; padding-left: 14px; }







.instructors_more_info ul li::before { content: ' - '; position: absolute; top: 0; left: 0; }







.instructors_more_info p { font-size: 17px; color: #000; line-height: 1.3em; }







.more_info_full { margin-bottom: 25px; }







.instructors_more_info ol { list-style-position: inside; }







.instructors_more_info ol li { font-size: 17px; color: #000; margin-bottom: 8px; list-style-type: decimal; }































/*new navigation*/















#main_menu_top { right: 0; -webkit-transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9);  transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9); }







.hidden_navigation { position: absolute; top: 100px; width: 275px; z-index: -1; margin-right: 20px; }







.hidden_navigation li { margin: 20px 0; line-height: 1.5em; }







.hidden_navigation li a { color: #777777; font-size: 20px; font-weight: bold; text-transform: uppercase; }







.hidden_navigation li a:hover { color: #FFCD07;  }







.hidden_navigation .sub-menu { margin-left: 20px; }







.hidden_navigation .sub-menu li a { font-size: 16px; color: #ccc; }







.hidden_navigation .sub-menu li a:hover { color: #FFCD07; }







.viewport-moved-to-left .hidden_navigation { z-index: 100; }







.body_wrapper { position: relative; height: 100%;-webkit-perspective: 2000px; perspective: 2000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; z-index: 20; }















.viewport_cont {  left: 0; position: relative;  backface-visibility: hidden; z-index: 400;







    -webkit-transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9);







    transition: all 500ms cubic-bezier(0.8, 0, 0.2, 0.9);







    -webkit-transform: rotateY(0) translateX(0);







    transform: rotateY(0) translateX(0);







    -webkit-backface-visibility: hidden;  }







.side_social_links { margin: 105px 0 0; position: absolute; bottom: -160px; }







#the_menu, .side_social_links { display: none; }







.viewport-moved-to-left #the_menu, .viewport-moved-to-left .side_social_links, .viewport-moved-to-left .close_menu { display: block; }







.viewport-moved-to-left .body_wrapper { background: url('images/3d-bg.jpg')no-repeat top center #161616; background-size: cover; height: 100vh; overflow: hidden; }







.viewport-moved-to-left .viewport_cont { -webkit-transform: rotateY(35deg) translateX(-250px); transform: rotateY(35deg) translateX(-250px); background: #f5f5f5;  }







.viewport-moved-to-left .viewport_inner { overflow: hidden; }







.viewport_inner {  height: 100vh; }







.close_menu { /*position: absolute;*/ text-align: center; right: 50px; margin-top: -30px; display: none; max-width: 160px; }







.close_menu a { color: #000; font-size: 18px; font-family: 'TrajanProBold'; background: #50595c; padding: 1px 6px; display: inline-block; }







.main_menu_hidden, .mobile_menu, .stopper { display: none; }















.mobile_menu { padding: 15px 0; text-align: center; font-size: 30px; }







.mobile_menu a { color: #282828; }















.stopper { padding: 0 40px; }







.stopper .slicknav_btn { display: none; }







.stopper .slicknav_menu { background: #6BA747; padding: 0; }







.slicknav_nav a { padding: 10px; }







.slicknav_nav a:hover, .slicknav_nav li{ background: none; }















/*.page_menu li:first-child { display: none; }*/























/*Contact*/







body.page-template-tpl-contact .gym_pass { display: none; visibility: hidden; }















.contact_half { float: left; width: 480px; margin-bottom: 45px; }







.contact_half.last { float: right; width: 520px; position: relative; }







.contact_half.last::before { background: url('images/or-cc.png')no-repeat top center; width: 111px; height: 111px; position: absolute; left: -55px; top: 50%; content: '';  margin-top: -45px; }







.page_wrapper.contact_bg { background: #161616; }







.contact_map { padding-top: 30px; }







.contact_map p { margin: 0; font-size: 14px; }







.contact_map a { color: #f0ff06; }







.ch_form { background: #ffcd07; padding: 55px 0 80px 80px; margin-top: 15px; }







.ch_form h3 { color: #161616; font-size: 28px; font-family: 'HPSimplifiedRegular'; font-weight: bold; text-transform: none; }







.ch_form_wrapper { margin-left: 10px; margin-top: 20px; }







.ch_form p { color: #000; font-size: 20px; margin: 15px 0 10px; line-height: 1.2em; }







.ch_box { margin-bottom: 24px; position: relative; }







.ch_box input[type="text"], .ch_box input[type="email"], .ch_box input[type="number"] { height: 35px; border: none; padding: 0 50px; background: #161616; width: 100%; font-size: 21px; color: #fff; font-family: 'HPSimplifiedRegular'; font-style: italic; } 







.ch_box::before { background: url('images/ch-box.png')no-repeat left center; position: absolute; left: -9px; top: 0; width: 9px; height: 35px;  content: ''; }







.ch_box.second { margin-left: 15px; }







.ch_box.second input[type="text"], .ch_box.second input[type="email"] { padding: 0 40px; }







.ch_box.third { margin-left: 25px; }







.ch_box.third input[type="number"], .ch_box.third input[type="text"], .ch_box.third input[type="email"] { padding: 0 30px; }







.ch_box.fourth { margin-left: 58px; }







.ch_box.fourth input[type="text"], .ch_box.fourth input[type="email"] { padding: 0 20px; }







.ch_box.submit { margin-left: 60px; }







.ch_box.submit::before { display: none; }







.ch_box textarea { height: 160px; resize: none; width: 100%; background: #161616; border: none; padding: 10px 0; font-size: 21px; color: #fff; font-family: 'HPSimplifiedRegular'; font-style: italic; }







.ch_box.fourth::before { background: url('images/ch-textarea.png')no-repeat left center; width: 30px; height: 159px; left: -30px; content: ''; top: 0; }















.ch_box input[type="submit"] { font-size: 28px; color: #000; border: none; cursor: pointer; background: transparent; text-decoration: underline; font-family: 'HPSimplifiedRegular'; margin-top: -15px; }























/*Sponsored Fighters*/






body.page-template-tpl-sponsored-fighters .gym_pass { display: none; visibility: hidden; }







.center { text-align: center !important; }







.sf_col_wrapper { padding: 20px 0 100px;  }







.sf_col { float: left; width: 520px; position: relative; }







.sf_col.last { margin-top: 50px; }







.page_content.sf_wrapper { padding: 30px 35px; }















.featured_fighters_overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; display: none; }







.featured_fighters_overlay.active { display: block; }







.featured_fighters { background: #ffcd07; padding: 30px 0 60px; position: relative;  }







.fighters_wrapper{ overflow: hidden; max-width: 1070px; margin: 20px auto 0; position: relative;  }







.fighter_col { box-sizing: border-box; width: 230px; float: left; margin-right: 48px; margin-bottom: 65px; }







.fighter_col:nth-child(4n) { margin-right: 0; }







.fc_img { /*border: 1px solid #fff;*/ background: #fff; border: 2px solid #fff; }







.fc_img img { display: block; }







.fighter_col h3 { font-size: 16px; font-family: 'TrajanProRegular'; margin: 0; padding: 2px 0 5px; background: #161616; text-align: center; color: #ffcd07; font-weight: 400; }















h3.mma-name { font-weight: 700; font-family: 'TrajanProRegular'; position: absolute;







    top: 5px; left: 0; margin: 0; font-size: 19px; color: #000; background: url('images/mma-title.png')no-repeat top left; width: 223px; height: 39px; text-align: left; padding: 10px 0 0 10px; }






.fighter_col_hidden { background: #121212; position: absolute; width: 1070px;box-shadow: 2px 5px 7px #000; min-height: 463px; left: 0; top: 0; z-index: 20; display: none; }







.fighter_col_hidden.active { display: block; }







.fch_half { width: 518px; float: left; position: relative; }







.fch_half img { display: block; }







.fch_half .yellow-list { margin-left: 0; margin-top: 50px; }







.fch_half .yellow-list li { color: #fff; font-size: 19px; }







.fch_half .yellow-list li span { color: #ffcd07; }

.button-3 {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-3:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}




a.fighter_col_hidden_close { font-family: 'HPSimplifiedRegular'; font-size: 16px;  position: absolute; right: -30px; top: 0;







    color: #fff; display: inline-block; left: auto; width: 10px; padding: 15px; display: none; }







a.fighter_col_hidden_close:hover { color: #ccc; }























/*blog*/







body.page-template-tpl-blog .gym_pass { display: none; visibility: hidden; }







.blog_left { float: left; width: 635px; }







.blog_text_intro { max-width:1000px; margin-bottom: 50px; }







.main_sidebar { width: 368px; float: right; background: #3d3d3d; padding: 22px 50px 1px; box-sizing: border-box; }







.aside { margin-bottom: 55px; background: #ecebeb; color: #5f5f5f; }







.aside .widget-title { font-family: 'HPSimplifiedRegular'; font-size: 20px; color: #5f5f5f; text-transform: uppercase; padding: 10px 15px 1px; }







.aside ul { padding: 0 15px 20px; }







.aside ul li a { padding: 8px 0; display: inline-block; color: #5f5f5f; font-size: 15px; }







.aside ul li a:hover { color: #000; }







.widget_search  input[type="text"] { width: 226px; border: none; background: #fdfdfd; float: left; height: 42px; padding: 0 10px; }







.widget_search  input[type="submit"] { width: 40px; height: 42px; border: none; background: url('images/search.png')no-repeat center center #fdfdfd; cursor: pointer; }







.widget_search label.screen-reader-text { display: none; }























.page_content.blog_wrapper { padding: 30px 0 80px; }







.blog_post { border-bottom: 1px solid #ffcd07; padding-bottom: 45px; margin-bottom: 60px; }







.blog_text h1 { font-size: 26px; font-family: 'TrajanProRegular'; font-weight: normal; }







.blog_text h1 a { color: #ffcd07; }







.blog_text h1 a:hover { color: #dedede; }







.blog_text_full { display: none; }







.blog_text_full.active { display: block; }







.blog_meta li { display: inline-block; margin-right: 10px; font-size: 17px; color: #dedede; font-family: 'HPSimplifiedRegular'; font-weight: normal; }







.blog_meta li span { color: #ffcd07; }







.blog_readmore a, .blog_loadmore a { box-sizing: border-box; background: url('images/read-more.png')no-repeat top center; height: 45px; display: inline-block; width: 174px; color: #584501; font-family: 'TrajanProBold';  font-size: 22px; padding: 12px 0 0 8px; }







.blog_readmore a:hover, .blog_loadmore a:hover { color: #dedede; }







.blog_loadmore { margin-top: -20px; }



.button-4 {
  appearance: none;
  background:url("images/read-more.png");
  border: 1px solid rgba(27, 31, 35, .15);
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
	height:45px; 
  display: inline-block;
	width: 174px;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-4:hover {
  background:url("images/read-more2.png");
}

















.blog_meta ul.post-categories { display: inline-block; }







.blog_meta ul.post-categories a  { color: #dedede; }







.blog_meta ul.post-categories a:hover { color: #fff; }















.blog_single_post .blog_post { border-bottom: none; padding-bottom: 0; }







.related_post { border-top: 1px solid #ffcd07; padding-top: 70px; }















.share_post { background: url('images/read-more.png')no-repeat top left; width: 174px; height: 45px;  }







.st_sharethis_large .stLarge { background: url('images/share-icon.png')no-repeat top center !important; width: 27px; height: 27px; }







.st_sharethis_large { display: inline-block; padding: 8px 10px 0; }







span.st_fblike_large { position: relative; top: -5px; }











@media only screen and (min-width: 1900px) {


    .main_header { min-height: 690px !important}

}





@media only screen and (min-width: 1700px) {

    .home_slider .bx-wrapper .bx-pager { right: 400px; }



    .main_header { min-height: 800px;}



    nav.main_menu{margin-right: -200px !important;}


   

}


@media only screen and (min-width: 1500px) {

    .main_header { min-height: 650px;}
}



@media only screen and (min-width: 1700px) and (max-width: 1900px){

   .page_banner {
        min-height: 460px;
        background-size: 100% 266% !important;
    }

    .main_header {
        min-height: 750px;
    }

}



@media only screen and (min-width: 959px) and (max-width: 1024px) {



    .featured_class.activated .class_col.active{



        width: 21% !important;



    }



    .chc_left {



        float: left;



        width: 50%;



    }



     .class_hidden_content{



      display:none !important;



    }



    .class_hidden_content.active{



      display:block !important;



      width: 217% !important;



    }



    .class_hidden_content.alt{



      display:none !important;



    }



    .class_hidden_content.alt.active{



      display:block !important;



    }



}











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







    .container { width: 960px; }







    .logo { width: 375px; }







    .header_right { width: 690px; margin-left: -105px; margin-top: 30px; }







    .top_tagline { padding: 6px 0 0 105px; }







    .top_tagline h3 { font-size: 18px; }







    .fac_category li a { font-size: 18px; padding: 37px 38px; }







    .f_30 { font-size: 26px; }







    .gym_image{ width: 410px; }







    .gym_features { width: 340px; }







    .testimonial_col { width: 440px; }







    .t_text { width: 280px; }







    .class_col { width: 300px; margin-left: 30px; }







    .class_col h3 { font-size: 17px; }







    .pass_text { width: 390px; }







    .copy_left { width: 750px; }







    .footer_menu li { margin-left: 17px; margin-bottom: 10px; }







    .copy_text p { font-size: 16px; }















    #street-view { width: 800px; height: 400px; }























    /*about*/







    .about_sponsors li { width: 183px; }







    .page_menu { margin-top: 20px; }







    .page_menu li { margin-bottom: 10px; }















    /*classes*/







    .class_hidden_content { width: 882px; }







    .chc_wrapper { width: 450px; }







    .chc_left { width: 220px; }







    .class_hidden_content.alt { left: -475px; }







    .class_hidden_content.alt .chc_wrapper { width: 440px; }







    .class_hidden_content.alt .chc_right::before { left: -10px; }















    /*contact*/







    .contact_half { width: 400px; }







    .contact_half.last { width: 450px; }















    /*sponsored fighters*/







    .sf_col { width: 445px; }







    .fighter_col { width: 220px; margin-right: 26px; }







    .fighter_col_hidden { width: 960px; }







    .fch_half { width: 475px; }







    .fch_half .yellow-list li{ font-size: 16px; }







    a.fighter_col_hidden_close  { right: 0; }















    /*blog*/







    .blog_left { width: 580px; }







    .main_sidebar { width: 325px; }







    .widget_search input[type="text"] { width: 181px; }















}















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







    .fac_category li::before { display: none; }    







    .header_cont { margin: 0; }







    .header_right { margin: 0 0 -7px; float: left; }    







    .logo { width: 300px; float: none; }







    .f_30 br { display: none; }















    .awards { float: none; width: auto; text-align: center; margin: 0 0 30px; }







    .gym_image { width: auto; text-align: center; float: none;  margin: 0; }







    .gym_features { width: 100%; max-width: 460px; margin: 0 auto;  float: none; }















    .testimonial_col { width: 334px; }







    .t_person { width: auto; float: none; margin: 0 auto; text-align: center; }







    .t_text { width: auto; float: none; }







    .f_35 br { display: none; }







    .f_35 { font-size: 32px; }







    .class_col, .class_col.first { width: 335px; margin: 0 auto 30px; float: none; }















    .pass_form, .pass_text { float: none; width: auto; }







    .pass_details { max-width: 520px; }







    .pass_text { margin: 40px 0 0; }















    .copy_left { width: auto; float: none; }







    .footer_social { float: none; text-align: center; margin: 20px 0 0; }















    /*about*/







    .official_video { width: 100%; float: none; }















    .page_mobile_menu { display: block; }







    .page_menu { display: none; }















    /*classes*/







    .class_hidden_content { width: 668px; }







    .chc_wrapper { width: 338px; }







    .chc_left, .chc_right { width: auto; float: none; }







    .chc_right::before { display: none; }







    .chc_right { margin: 10px 0 20px; }















    .class_hidden_content.alt { left: -359px; }







    .class_hidden_content.alt .chc_wrapper { width: 325px; }







    .class_area { padding-bottom: 50px }























    /*contact*/







    .contact_half { width: auto; float: none; }







    .contact_half.last { width: auto; float: none; margin-top: 80px; }







    .contact_half.last::before { top: -10px; left: 50%; margin-left: -55px; }







   















    /*fighters*/







    .fighter_col { width: 178px; margin-right: 12px; margin-bottom: 40px; }







    .sf_col, .sf_col.last { width: auto; float: none; }







    .sf_col_wrapper { padding: 20px 0 0; }







    .fighter_col_hidden { width: 750px; }







    .fch_half { width: 360px; }







    .fch_half .yellow-list li { font-size: 15px; }







    a.fighter_col_hidden_close { right: -18px; }















}















@media only screen and (min-width: 768px) and (max-width: 959px) {







    .header_right {background: url('images/right-bg-tablet.png')no-repeat top center !important; width: 99% !important; }



    .logo { width: 244px !important;}



    .top_tagline { padding: 6px 0 6px 230px !important;}



    .top_tagline h3 { font-size: 15px !important;margin-top: 13px !important;  }



    .header_right::after {height: 70px !important;}



    .main_menu {margin-right: 15px !important;}



    .fch_half .yellow-list { margin-top: 50px !important;}



    .fighter_col_hidden {min-height: auto !important;}







    .container { width: 748px; }







    .top_tagline { padding: 6px 50px; }







    #street-view { width: 600px; height: 300px; }    















    .about_sponsors li { width: 140px; }  















    .class_area_col h3 { font-size: 16px; padding: 17px; }















    .instructor_info h2 { margin-left: 20px; font-size: 18px; }







    .instructor_info h2 strong { font-size: 22px; }















    .hidden_navigation { width: 230px; }







    .class_area { padding-bottom: 130px }















    .more_info_half { width: 285px; }























    .instructor_img img { margin-right: -25px; } 















     /*blog*/







    .blog_left { width: 440px; }







    .main_sidebar { width: 275px; padding: 22px 30px 1px; }







    .widget_search input[type="text"] { width: 171px; }







     .main_footer .copy_text p#contact_now { text-align: center; }



    .main_footer .copy_text p { text-align: center; }







    .instructors_popup { width: 744px !important; }



    .instructors_more_info { padding: 20px 46px 10px;}







     .instuctor_area .instructor_wrap .coach_designation {



        bottom: 6px !important;



        font-size: 14px !important;



        left: 2px !important;



    }



    .fac_category li { width: 13.66%; }







    .class_col{float: none !important;}



    .display_at_big{display: none !important;}



    .display_at_small{display: block !important;}







    .big_video_banner{display: none !important;}



    .mobile_video_banner{display: block !important;}







    .main_header {



        background-attachment: scroll !important;



        background-clip: border-box !important;



        background-color: rgba(0, 0, 0, 0) !important;



        background-image: url("images/derder_bg3.jpg") !important;



        background-origin: padding-box !important;



        background-position: 20% center;



        background-repeat: no-repeat !important;



        background-size: cover !important;



    }







    .chc_left {



        float: left;



        width: 50%;



    }



     .class_hidden_content{



      display:none !important;



    }



    .class_hidden_content.active{



      display:block !important;



      width: 220% !important;



    }



    .class_hidden_content.alt{



      display:none !important;



    }



    .class_hidden_content.alt.active{



      display:block !important;



    }







}















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

.instuctor_area .instructor_wrap .coach_name_fst{ font-size: 30px !important;}

#responsive-menu{width: 85%}
 .title-main-fac{    font-size: 21px !important;}

.page_content p{font-size: 16px;}

.instructors_more_info ul li{font-size: 16px;}

.ii_specialties p{font-size: 16px;}

.instructors_more_info p{font-size: 16px;} 



#responsive-menu{width: 85%}

#responsive-menu{width: 85%}



 



.container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;} 



    .home_feat_text h3



    {







         font-family: "TrajanProRegular";



    font-size: 17px;



    opacity: 0.8;



    }





 



    .top_tagline h3



    {

color:#FFCD07;

font-size: 14px;

         line-height: 15.1px;



    }

 .top_tagline > strong{font-size: 15px;}



    .header-txt



    {



        border:0px solid #000;



       text-align: center;



    }



.abc{



    display: inline-block !important; 



    float:left;



      background: #000 none repeat scroll 0 0;



}



.fac_category



{



    display: none;



}



    #logo-site-org



    {



        display: none;



    }



    #mob-logo



    {



        display: inline-block !important;



    }







#menu-header-cstm {



    border: 0px solid red;



    width: 100%;



}







    .container { width: 300px; }







    .main_menu { display: none; }







    .home_mobile_menu { display: block;    float: right; }







    .header_right { width: auto; float: none; margin: -3px 0 0; background: #000; }







    .top_tagline { padding: 0px; width: 210px; width: 76%;}









    .header_right::after { display: none; }















    .main_menu { width: 70px; padding: 32px 0 0; text-align: center; }







    .fac_category { padding: 20px 0; }







    .fac_category li { width: auto; float: none; margin: 0; }







    .fac_category li a { font-size: 18px; padding: 12px 0; display: block; text-align: center;  height: auto;  width: auto; background: none; }







    .f_30 { font-size: 22px; }







    .f_35 { font-size: 24px; } 







    .f_24 { font-size: 20px; }







    .class_col, .class_col.first { width: auto; }







    .testimonial_col { width: 100%; margin: 20px 0; }







    .testimonial_col:nth-child(2n)::before { display: none; }







    .pass_details { max-width: 100%; }







    .pass_form { float: none; width: 100%; }







    .pass_box input[type="text"], .pass_box input[type="email"], .pass_box input[type="number"]{ width: 100%; }







    .pass_box label { width: auto; float: none; font-size: 16px; display: block; margin-bottom: 5px; }







    .pass_box.submit { width: 100%; padding-left: 0; } 







    .pass_box input[type="submit"] { font-size: 18px; }







    .pass_text { width: auto; float: none; }







    .pass_text .gray-list li { font-size: 16px; font-weight: normal; }















    .footer_menu li { display: block; margin: 0; }







    .footer_menu li a { padding: 10px 0; display: block; }







    .copy_text p { line-height: 1.3em; }























    .home_slider .bx-wrapper .bx-pager { right: 10px; }







     #street-view { width: 300px; height: 240px; }























    /*about*/







    .official_video iframe { height: 200px; }







    .page_content { padding: 30px 0; }







    .page_content p { text-align: justify; }







    .page_content h3 { font-size: 20px; }







    .page_header .logo { width: 222px; }







    .page_menu { float: right; margin: 0; display: none; }







    .about_sponsors li { width: auto; margin: 0; text-align: center; display: inline; }















    /*classes*/







    .class_area_col { float: none; width: 100%; margin-bottom: 50px; }







    .class_area_col:nth-child(2n+1), .class_area_col:nth-child(2n) { float: none; }







    .page_content h3 { font-size: 22px; padding: 17px; }







    .class_hidden_content, .class_hidden_content.alt { width: 100%; }







    .chc_wrapper, .chc_left, .chc_right { width: auto; float: none; } 







    .chc_wrapper { margin-top: 200px; float: none; }   







    .chc_close { display: none; }







    .class_hidden_content.alt  { left: 0; }







    .class_hidden_content.alt .chc_wrapper { float: none; width: auto; padding-left: 0; }







    .class_area { overflow: visible; }























    /*instuctors*/







    .instructor_col { width: 100%; float: none; }







    .instructor_col:nth-child(2n) { float: none; }







    .instructor_img img { max-width: 70%; position: absolute; bottom: 2px; right: -15px; }







    .instructor_info h2 { margin-left: 15px; font-size: 22px; }







    .instructor_info h2 strong { font-size: 28px; }











    .instructors_popup { max-width: 300px; }







    .ii_details { width: 200px; margin-top: 34px; }







    .ii_name h2 { font-size: 30px; }







    .ii_name h2 span { font-size: 22px; }







   /* .ii_specialties { margin-left: 0; margin-top: 10px; width: auto; }*/



     .ii_specialties { margin-left: -77px; margin-top: 10px; width: 268px; }







    .instructors_more_info { padding: 20px; }







    .more_info_half, .more_info_half.last { width: auto; float: none; }















    /*contact*/







    .ch_form { background: #ffcd07; padding: 30px 15px 10px; margin-top: 15px; }







    .ch_box input[type="submit"]{ font-size: 22px; }







    .ch_box textarea, .ch_box input[type="text"], .ch_box input[type="email"], .ch_box input[type="number"] { font-size: 16px; padding: 0 15px !important; }







    .ch_box textarea { padding-top: 10px !important; }







    .ch_box::before, .ch_box.fourth::before { background: none; }







    .ch_box { margin-left: 0 !important; }







    .ch_form_wrapper { margin-left: 0; }







    .ch_form h3 { font-size: 24px; padding: 0; padding-top: 40px; }







    .contact_map { padding-top: 0; }















    /*fighters*/







    .sf_col .gray-list li { font-size: 16px; }







    .fighter_col, .fighter_col:nth-child(4n) { width: 230px; margin: 0 auto 30px; float: none; }







    .fighter_col_hidden { width: 230px; }







    .fighter_col { position: relative; }







    .fch_half { width: auto; float: none; }







    .fch_half.last { width: 220px; }







    a.fighter_col_hidden_close { right: -8px; top: -50px; }







    .fighters_wrapper { overflow: visible; }























    #side-menu { display: block; }















    /*blog*/







    .blog_left { width: auto; float: none; }







    .main_sidebar { width: auto; float: none; margin-top: 50px; padding: 22px 30px 1px; }







    .widget_search input[type="text"] { width: 195px; } 







    /* 26-10-2016 */







    .main_footer .copy_text p#contact_now { text-align: center; }



    .main_footer .copy_text p { text-align: center; }







    .fighter_col .fch_half .yellow-list{margin-top:0px;}







    .instructors_more_info .more_info_fourth.last,.instructors_more_info .more_info_fourth{width:100% !important;}







    .big_video_banner{display: none !important;}



    .mobile_video_banner{display: block !important;}







     .instuctor_area .instructor_wrap .coach_designation {



        bottom: 6px !important;



        font-size: 14px !important;



        left: 2px !important;



    }



    



    .display_at_big{display: none !important;}



    .display_at_small{display: block !important;}







    .main_header {



        background-attachment: scroll !important;



        background-clip: border-box !important;



        background-color: rgba(0, 0, 0, 0) !important;



        background-image: url("images/derder_bg3.jpg") !important;



        background-origin: padding-box !important;



        background-position: 20% center;



        background-repeat: no-repeat !important;



        background-size: cover !important;



    }











    .class_hidden_content{



      display:none !important;



    }



    .class_hidden_content.active{



      display:block !important;



    }



    .class_hidden_content.alt{



      display:none !important;



    }



    .class_hidden_content.alt.active{



      display:block !important;



    }



    .class_hidden_content.active {



      min-height: auto !important;



      position: relative;



      width: 100% !important;



      max-height: 100% !important;



    }



  .class_hidden_content.active .chc_wrapper {



    margin-top: 0;



    }



    .class_hidden_content{



    min-height:auto !important;



    max-height: 100% !important;



    }







}







.viewport_inner .gym_pass, .viewport_inner .testimonial,  .viewport_inner .home_content , .viewport_inner .home_class{ overflow: hidden; }



.class_popup p { font-family: "HPSimplifiedRegular",Arial; }



.home_class .featured_class .class_col h3 a { font-size: 19px; }



.main_sidebar .widget .widget-title {background: #000 none repeat scroll 0 0;color: #ecbe06 !important;padding: 8px 11px;}



.page-id-19 .main_sidebar .widget ul li::before { content: ">"; margin-right: 5px; }



.fighter_col_box .fc_img img {height: 177px;filter: grayscale(100%);width:100%;}



.fighter_col_box .fc_img img:hover {filter: grayscale(0);transition: all 0.2s ease 0s;}



.remodal.calendar_popup{padding: 0px;}



.featured_class .class_col_img:hover {filter: grayscale(100%);}



.featured_class.activated .class_col.active .class_col_img {filter: grayscale(100%);}



.featured_class.activated .class_col.active h3 a {color: #fff;}



.instructor_wrap img {filter: grayscale(100%);}



.instructor_wrap img:hover {filter: grayscale(0);transition:0.3s;}















@media only screen and (min-width: 1200px){



.instructors_popup {max-width: 900px; min-height: 520px; width: 900px; }



.instructors_popup .instructors_more_info { padding: 20px 45px 10px 65px; }



.instructors_more_info .more_info_half{ margin-bottom: 10px; }



}







.nav-trigger { height: 40px; width: 40px; z-index:999;}



.nav-trigger { position: relative; -moz-transition: all 0.25s; -webkit-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }



.nav-trigger .nav-lines { position: absolute; height: 29px; width: 36px; left: 0; right: 0; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; margin: 5px auto; }







.nav-trigger .nav-lines .line-top { background-color: #FFCD07; border-radius: 2px; height: 6px; left: 0; position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.35s; transition-property: all; transition-timing-function: ease; width: 100%; }







.nav-trigger .nav-lines .line-middle { border-radius: 2px; height: 6px; background-color: #FFCD07; width: 100%; position: absolute; top: 42%; margin-top: -1px; left: 0; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 1; }







.nav-trigger .nav-lines .line-bottom { border-radius: 2px; height: 6px; background-color: #FFCD07; width: 100%; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.35s; transition: all 0.35s; top: 77%;}







.nav-trigger .line-menu { position: absolute; bottom: 8px; font-size: 10px; text-align: center; width: 100%; font-weight: 600; font-family: sans-serif; color:#9DBB30; pointer-events: none; }







.nav-trigger:hover .nav-lines { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); height: 20px; top: 5px; width: 32px; margin: 3px auto; }







.nav-trigger:hover .nav-lines .line-top {top: 7px;}







.nav-trigger:hover .nav-lines .line-middle { -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); }







.nav-trigger:hover .nav-lines .line-bottom { bottom: 8px; opacity: 0; }







.calendar_popup button.remodal-close{left:99%;top:-25px;}



.calendar_popup button.remodal-close:hover{color:#FFCD07;}







.fadeInLeft .class_hidden_content.active {  z-index: 10; }



.fadeInLeft .class_hidden_content {  z-index: 5;}



.class_area .fadeInLeft .class_area_img:nth-child(2){z-index: 6;}



.class_area .fadeInLeft .class_area_wrap > h3, .class_area .fadeInLeft .class_area_wrap > h3::after{z-index: 6;}



.fadeInRight .class_hidden_content.alt {  z-index: 6; }



.class_area .fadeInRight .class_area_img{z-index: 9;}



.class_area .fadeInRight .class_area_wrap > h3, .class_area .fadeInLeft .class_area_wrap > h3::after{z-index: 9;}



.home_class_need_overlay{position: absolute; width: 100%; height: 100%;top: 0;left: 0;z-index: 50;display: none;bottom: 0;}



.home_class_need_overlay.active{display: block;}


.class_page_wrapper_overflow.active {
    overflow: visible;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}




.copy_text p { margin: 0px 0 25px 0; }



.copy_text p#contact_now { color: #FFCD07; font-size: 20px; margin-bottom: 0px;}







@media only screen and (min-width: 1200px){



    .header_right {background: url('images/right-bg-n.png')no-repeat top center !important; width: 100%; }



    .header_right .top_tagline{margin-left: 30%; }



    .header_right::after {top: 5px;height: 70px;}



}



@media only screen and (min-width: 320px) and (max-width: 640px){



    /* .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



    .page_banner { min-height: 290px;background-position: center 100% !important ; }







    .instuctor_area .instructor_wrap .coach_designation {



        bottom: 6px !important;



        font-size: 14px !important;



        left: 2px !important;



    }



    .main_header { min-height: 325px !important;}



    .display_at_big{display: none !important;}



    .display_at_small{display: block !important;}







    .main_header {



        background-attachment: scroll !important;



        background-clip: border-box !important;



        background-color: rgba(0, 0, 0, 0) !important;



        background-image: url("images/derder_bg3.jpg") !important;



        background-origin: padding-box !important;



        background-position: 5% center;



        background-repeat: no-repeat !important;



        background-size: cover !important;



    }



    .class_hidden_content{



      display:none !important;



    }



    .class_hidden_content.active{



      display:block !important;



    }



    .class_hidden_content.alt{



      display:none !important;



    }



    .class_hidden_content.alt.active{



      display:block !important;



    }



    .class_hidden_content.active {



      min-height: auto !important;



      position: relative;



      width: 100% !important;



      max-height: 100% !important;



      }



      .class_hidden_content.active .chc_wrapper {



        margin-top: 0;



    }



    .class_hidden_content{



    min-height:auto !important;



    max-height: 100% !important;



    }



    .page_content p {



     text-align: left !important;



    }



}















@media only screen and (min-width: 2040px) and (max-width: 2700px){



    .header_right {width: 174% !important; }



    .page_banner { min-height: 570px; }

    .top_tagline {padding: 2px 329px !important;}



     .header_right::after {height: 69px !important;}



    .main_header{min-height: 850px !important;}



    .header_right {background: url('images/right-bg-n_big.png')no-repeat top center !important; width: 150%; }



    .header_right {background: url('images/right-bg-n_big.png')no-repeat top center !important; width: 150%; }



    .hidden_navigation{width: 20%;}



    .side_menu #the_menu li{margin: 32px 0;}



    .side_menu #the_menu li a{font-size: 30px;}



    .footer_social h3, .side_social_links h3{font-size: 26px;}



}







@media only screen and (min-width: 2701px) and (max-width: 3200px){



    .main_header{min-height: 1100px !important;}



    .page_banner { min-height: 600px; }



    .header_right {background: url('images/right-bg-n_big.png')no-repeat top center !important; width: 174% !important; }



    .header_right .top_tagline{margin-left: 12%; }



    .hidden_navigation{width: 20%;}



    .top_tagline {padding: 2px 329px !important;}



    .side_menu #the_menu li{margin: 35px 0;}



    .side_menu #the_menu li a{font-size: 31px;}



    .header_right::after {



        height: 69px !important;



        right: -45% !important;



        width: 869px !important;



    }



    



    .footer_social h3, .side_social_links h3{font-size: 27px;}



}







.instuctor_area .instructor_wrap { position: relative; }







.instuctor_area .instructor_wrap .coach_designation { background: #fff none repeat scroll 0 0; bottom: 10px; color: #000; font-size: 21px; left: 5px; opacity: 1; padding: 2px 4%; position: absolute; }







.small_video_buttons {



    bottom: 0;



    margin: 1% 0;



    position: absolute;



    text-align: right;



    width: 100%;



}







@media only screen and (min-width: 980px) and (max-width: 1201px){



    .page_menu {



        margin-left: 290px;



    }



    .page_menu li {



        margin-left: 15px;



    }



}







@media only screen and (min-width: 1270px) and (max-width: 1330px){



    .page_menu {



        margin-left: 290px;



    }



}







.home_mobile_menu img



{







     max-width: 47%;



}











@media only screen and (min-width: 480px) and (max-width: 600px){



/* .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



 



 .top_tagline {



/*margin-left: 19%;



    margin-right: 3%;*/







    width: 84.5%;



}



 



 







}



@media only screen and (min-width: 564px) and (max-width: 599px){



 



    .top_tagline h3 {margin-top: 30px;}



/*     .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



 







}



@media only screen and (min-width: 601px) and (max-width: 767px){



         .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}



 



 .top_tagline {width: 88%;}



    .top_tagline h3 {margin-top: 30px;}







/*     .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



 



   



 



}







@media screen and (min-width: 400px) {



 



/*  .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



}







@media screen and (min-width: 350px) and (max-width:563px){







    .top_tagline h3 {



        margin-top: 25px;



    }



/* .container .home_feat_text .hft_cont .gym_features ul li {font-size: 16px ;}



.testimonial .testimonial_wrapper .t_text p{font-size: 16px}



.body_wrapper .home_class .f_24 {font-size: 16px;}



.body_wrapper .gym_pass .f_22 {font-size: 16px;}



.body_wrapper .gym_pass strong{font-size: 18px;}*/



}

#jas_cst > img {

    width: 100%;

}

.instuctor_area .instructor_wrap .title-main-fac {
    color: #161616;
    font-size: 38px;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 50%;
       
 
}
.instuctor_area .instructor_wrap .coach_name_fst {
 
 font-weight: bold;
     font-size: 43px;
      font-family: 'TrajanProBold';
}
.instuctor_area .instructor_wrap .coach_name_lst {
 
      font-family: 'TrajanProRegular';
      margin-top: -4px;
}

#cst-id img {  height: 112px;}
/***************************************/
.cal_avil{
    font-size:20px;
}