.banner-section/*
Theme Name: Introval
Theme URI: https://wordpress.org/themes/Introval/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Introval
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/





@font-face {
  font-family: 'FuturaStd-Bold';
  src: url('assets/fonts/FuturaStd-Bold.otf'); 
}


@font-face {
  font-family: 'FuturaStd-Heavy';
  src: url('assets/fonts/FuturaStd-Heavy.otf'); 
}

@font-face {
  font-family: 'FuturaStd-Bold';
  src: url('assets/fonts/FuturaStd-Bold.otf'); 
  }

@font-face {
  font-family: 'FuturaStd-Book';
  src: url('assets/fonts/FuturaStd-Book.otf'); 
}

/*-------End---------*/


html {
  height: 100%;
  }


body {
  background: #ffffff;
  font: 14px 'FuturaStd-Book';
  color: #999999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  padding: 0px!important;
  }

img {
  max-width: 100%;
  }

h1 {
  margin-bottom: 15px;
}

p {
  margin-bottom: 15px;
  padding: 0px;
  }

ul {
  margin: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  }

a:hover {
  text-decoration: none;
  }

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

a {
  transition: all 0.4s ease 0s;
  }

p {
  margin: 0px;
  }

header, footer, section, aside, ul, nav {
  float: left;
  width: 100%;
  }

ul li {
  list-style: none;
  }


/* ==============================================Header======================================= */


.header {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  background: #ffffff;
  position: fixed; top: 0; right: 0; left: 0; z-index: 9999999;
  box-shadow: 5px 4px 10px #bebbba;
  }

.headder {
  height: 100px;
  }

.top-sapace-control {
  float: left;
  height: 40px;
  width: 100%;
  }

.btm-sapace-control {
  float: left;
  height: 30px;
  width: 100%;
  }


.logo {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  height: 60px;
  }

.logo a {
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  }



.navigation-mobile {
    display: none;
    }

.navigation {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  height: 60px;
  display: block;
  }

.navigation ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: right;
  line-height: 60px;
  }

.navigation ul li {
  margin: 0 20px 0 0;
  padding: 0;
  width: auto;
  display: inline-block;
  line-height: 100%;
  }

.navigation ul li:last-child {
  margin-right: 0!important;
  }

.navigation ul li a {
  margin: 0;
  padding: 8px 0px;
  width: auto;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 17px;
  color: #252525;
  text-transform: uppercase;
  line-height: 100%;
  }

.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li a:active {
  color: #176eb5;
  }

.navigation ul li.sop-onl a {
  color: #ffffff;
  background: #176eb5;
  padding-left: 10px;
  padding-right: 10px;
  }

/* Sticky header */

.header.sticky {
  padding: 20px 0;
  position: fixed;
  z-index: 99;
  box-shadow: 5px 4px 10px #bebbba;
  z-index: 9999999;
  transition: all 0.5s ease 0s;
  top: 0;
  }

.sticky .logo {
  height: 40px;
  }

.sticky .logo a {
  width: 60%;
  }

.sticky .navigation {
  height: 40px;
  }

.sticky .navigation ul {
  line-height: 40px;
  }

.sticky .navigation ul li {
  margin: 0 63px 0 0;
  }

.sticky  .navigation ul li a {
  font-size: 11px;
  }

ul.mu-list {
  display: none;
  }


/* ============================================== Banner Section ======================================= */

.banner-section {
  margin: 95px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  position: relative;
  }


.item img.banner {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  height: 670px;
  position: relative;
  } 

.banner-content {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  }

.banner-logo {
  margin: 0 0 65px 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  text-align: center;
  }

.banner-content h1 {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 70px;
  color: #176eb5;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 6px 4px 10px #000000;
  }
  

.banner-content h2 {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 55px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 6px 4px 10px #000000;
  }


.visit-next {
  margin: 70px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: center;
  }


.visit-next a {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  }



/* ============================================== Section Crossfit ========================================= */


.crossfit {
  margin: 0;
  padding: 70px 0 150px 0;
  width: 100%;
  float: left;
  background: #176eb5;
  }

.sec-head {
  margin: 0 0 55px 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: center;
  }

.sec-head h2 {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 48px;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  }

.sec-head h2 b { 
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 60px;
  color: #ffffff;
  text-transform: uppercase;
  font-style: normal;
  }

.sec-head h2 span { 
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  color: #000000;
  }

.sec-head h2 a { 
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  position: absolute;
  right: -46%;
  top: -43%;
  }


.cross-vedio {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.cross-vedio iframe {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  height: 320px;
  border: 5px solid #ffffff;
  }


.cross-content {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.cross-content p {
  margin: 0 0 15px 0;
  padding: 0;
  width: 90%;
  float: right;
  font-family: 'FuturaStd-Book';
  font-size: 21px;
  color: #ffffff;
  }



/* ================================================= Speciality Section ===================================== */


.speciality {
  margin: 0;
  padding: 160px 0 100px 0;
  width: 100%;
  float: left;
  background: #333333;
  position: relative;
  }

.speciality.spl-top-cen-blk:before {
  content: "";
  position: absolute;
  top: -86px;
  left: 50%;
  width: 100px;
  height: 100px;
  background: #176eb5;
  -ms-transform: rotate(225deg) translateY(-50%); /* IE 9 */
  -webkit-transform: rotate(225deg) translateY(-50%); /* Safari */
  transform: rotate(225deg) translateY(-50%);
  }


.speciality.con-top-cen-blk:after {
  content: "";
  position: absolute;  
  left: 50%;
  bottom: -15px;
  width: 100px;
  height: 100px;
  background: #333333;
  -ms-transform: rotate(225deg) translateY(-50%); /* IE 9 */
  -webkit-transform: rotate(225deg) translateY(-50%); /* Safari */
  transform: rotate(225deg) translateY(-50%);
  z-index: 9;
  }


.work-out-area {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  text-align: center;
  }

.spl-work-outs {
  margin: 0 2.5% 3% 2.5%;
  padding: 0;
  display: inline-block;
  width: 28%;
  height: auto;
  text-align: center;
  vertical-align: top;
  }

.spl-work-outs:nth-child(3n) {
  clear: both;
  }

.spl-work-outs a {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  }

.spl-work-outs h3 {
  margin: 25px 0 35px 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  }

.spl-work-outs p {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  font-family: 'FuturaStd-Book';
  font-size: 16px;
  color: #ffffff;
  }


/* ======================================================== Contact Section ========================================================== */


.contact-sec {
  margin: 0;
  padding: 160px 0 100px 0;
  width: 100%;
  float: left;
  background: #ffffff;
  position: relative;
  }


.sec-head h2.head-blue {
  color: #176eb5;
  }

input.from-element {
  margin: 0 0 45px 0;
  padding: 10px;
  display: inline-block;
  width: 90%;
  height: 50px;
  outline: none;
  border: 5px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #999999;
  }


input.from-element:-ms-input-placeholder {
   color: #999999;
   opacity: 1;
}

input.from-element::-webkit-input-placeholder {
   color: #999999;
   opacity: 1;
}

input.from-element:-moz-placeholder {
   color: #999999;
   opacity: 1;
}

/* firefox 19+ */
input.from-element::-moz-placeholder {
   color: #999999;
   opacity: 1;
   }

.form-captcha {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 86px;
  width: 312px;    
  }



input.submit-btn {
  margin: 50px 0 0 0;
  padding: 15px 40px;
  display: inline-block;
  width: auto;
  background: #176eb5;
  color: #ffffff;
  outline: none;
  border: none;
  font-family: 'FuturaStd-Bold';
  font-size: 24px;
  text-transform: uppercase;
  }



 /* ================================================ Address Section =========================================== */


 .address_section {
  margin: 0;
  padding: 70px 0;
  float: left;
  width: 100%;
  background: #333333;
  }

.address-blocks {
  margin: 0 0 30px 0;
  padding: 0;
  float: left;
  width: 33.33%;
  text-align: center;
  }

.address-blocks span {
  margin: 0 0 25px 0;
  padding: 0;
  display: inline-block;
  width: 105px;
  height: 70px;
  }

.address-blocks p {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  height: 55px;
  position: relative;
  }

.address-blocks p a {
  margin: 2px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
  }

.address-blocks p a i {
  font-style: normal;
  color: #176eb5;
  margin-right: 10px;
  }


.address-blocks p a.verti-mdl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


/* =============================================== Footer =========================================================== */


.footer {
  margin: 0;
  padding: 60px 0 120px 0;
  float: left;
  width: 100%;
  background: #176eb5;
  }


.footer-contact {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.footer-contact a {
  margin: 0 0 45px 0;
  padding: 0;
  width: 100%;
  float: left;
  }


.footer-contact-info {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.footer-contact-info ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.footer-contact-info ul li {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.footer-contact-info ul li:last-child { 
  margin-bottom: 0;
  }

.footer-contact-info ul li p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.footer-contact-info ul li p span {
  margin: 0 25px 0 0;
  padding: 0;
  width: auto;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 18px;
  color: #000000;
  }

.footer-contact-info ul li p a {
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 17px;
  color: #ffffff;
  }


.site-map {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.site-map h4 {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 24px;
  color: #000000;
  }

.site-map ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.site-map ul li {
  margin: 0 0 7px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.site-map ul li:last-child {
  margin-bottom: 
  }

.site-map ul li a {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 1.5px;
  }


.weekend-details {
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
  width: 90%;
  float: left;
  border-top: 3px solid #000000;
  }

.weekend-details p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }


.weekend-details p b {
  margin: 0;
  padding: 0;
  width: 50%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 24px;
  color: #000000;
  vertical-align: middle;
  }

.weekend-details p span {
  margin: 0;
  padding: 0;
  width: 50%;
  display: inline-block;
  font-family: 'FuturaStd-Book';
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: middle;
  }

.social-footer {
  margin: 50px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.social-footer ul {
  margin: 0 0 60px 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: center;
  }

.social-footer ul li {
  margin: 0 10px;
  padding: 0;
  width: auto;
  display: inline-block;
  }

.social-footer ul li a {
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  }

.social-footer a {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.copyright {
  margin: 0;
  padding: 30px 0;
  width: 100%;
  float: left;
  background: #ffffff;
  }

.copyright p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: center;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #999999;
  }



/* ========================================= Free Trail =================================================  */

 .free-trail {
  display: block;
  } 

.free-trail span{
  padding: 20px 40px;
  position: fixed;
  top: 65%;
  right: 0;
  background: #231f20;
  border: 10px solid #ffffff;
  border-right: 0;
  font-family: 'FuturaStd-Bold';
  font-size: 28px;
  color: #176eb5;
  text-transform: uppercase;
  z-index: 9;
  }

.free-trail span:hover {
  cursor: pointer;
  }

.sm-md-hide {
  display: none;
  }


/*______________________________________XXXXXXXXXXXXXXXXXX______________ WOD Page ______________________________XXXXXXXXXXXXXXXXXXXXXXXXXXX__________*/


.wod_sec  {
  margin: 72px 0 0 0;
  padding: 80px 0;
  float: left;
  width: 100%;
  background: #e7e7e8;
  }

.wod_details {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.wod_details h2 {
  margin: 0;
  padding: 0 0 20px 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 26px;
  color: #000000  ;
  text-transform: uppercase;
  border-bottom: 5px solid #176eb5;
  }

.wod_details ul {
  margin: 50px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.wod_details ul li {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  }

.wod_details ul li p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  }








.pagination {
  margin: 100px 0 0 0;
  padding: 0;
  float: left;
  width: 100%;
  }


.pagination .wp-pagenavi {
  text-align: right;
  }

.pagination .wp-pagenavi span.pages {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  }

.pagination .wp-pagenavi span.extend {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  margin-right: 5px;
  display: none;
  }

.pagination .wp-pagenavi a.first {
  width: 75px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  margin-left: 5px;
  }

.pagination .wp-pagenavi a.last {
  width: 75px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000; 
  }

.pagination .wp-pagenavi span.current {
  width: 43px;
  height: 45px;
  line-height: 35px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Bold';
  font-size: 20px;
  color: #000000;
  margin: 0 10px;
  display: inline-block;
  }

.pagination .wp-pagenavi a.page {
  width: 35px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  }


.pagination .wp-pagenavi a.nextpostslink,
.pagination .wp-pagenavi a.previouspostslink {
  width: 35px;
  height: 35px;
  line-height: 30px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;
  margin: 0 10px;
  }







.pagination ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  text-align: right;
  } 

.pagination ul li {
  margin: 0 10px 0 0;
  padding: 0;
  display: inline-block;
  width: auto;
  } 

.pagination ul li:last-child {
  margin-right: 0;
  }

.pagination ul li a {
  margin: 0;
  padding: 0;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 3px solid #176eb5;
  font-family: 'FuturaStd-Bold';
  font-size: 20px;
  color: #000000  ;
  } 

.pagination ul li a.active {
  background: #176eb5;
  color: #ffffff;
  }

.pagination .wp-pagenavi a {
  margin: 0 10px 0 0;
  padding: 0;
  display: inline-block;
  width: auto;
  }


/* ___________________XXXXXXXXXXXXXXXXXXXXX_______________________Pricing Page ___________________XXXXXXXXXXXXXXXXXXXXX_______________________*/


.pricing_sec {
  margin: 72px 0 0 0;
  padding: 80px 0 40px 0;
  width: 100%;
  float: left;
  background: #176eb5;
  }

.price-staters {
  margin: 0 0 70px 0;
  padding: 0;
  width: 100%;
  float: left;  
  }  

.price-staters h2 {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; 
  font-family: 'FuturaStd-Bold';
  font-size: 24px;
  color: #000000  ;
  text-transform: uppercase; 
  text-align: center;
  }  




.price_cards {
  margin: 0 0 70px 0;
  padding: 0;
  width: 85%;
  display: inline-block;
  text-align: center;
  position: relative;
  }

.price_cards h3 {
  margin: 0;
  padding: 25px 0;
  width: 100%;
  display: inline-block;
  background: #ffffff;
  font-family: 'FuturaStd-Bold';
  font-size: 22px;
  color: #000000  ;
  text-transform: uppercase;
  }

.price_cards p {
  margin: 0;
  padding: 30px 0 50px 0;
  width: 100%;
  display: inline-block;
  background: #176eb5;  
  border: 10px solid #ffffff;
  border-top: none;
  }

.price_cards p span {
  margin: 2px 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  font-family: 'FuturaStd-Book';
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 1px;

  }

.price_cards a {
  position: absolute;
  left: 50%;
  bottom: -6%;
  font-family: 'FuturaStd-Bold';
  font-size: 22px;
  color: #000000;
  text-transform: uppercase;
  background: #ffffff;
  padding: 8px 15px;
  transform: translateX(-50%);
  }


/* ___________________XXXXXXXXXXXXXXXXXXXXX_______________________What is crossfit Page ___________________XXXXXXXXXXXXXXXXXXXXX_______________________*/




.wh_is_crossfit_sec {
  margin: 72px 0 0 0;
  padding: 80px 0 120px 0;
  width: 100%;
  float: left;
  background: #e7e7e8;
  }

.crossfit-vedio {
  margin: 0 0 45px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.crossfit-vedio iframe {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 600px;
  float: left;
  border: none;
  outline: none;
  }


.crossfit_content {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.crossfit_content p {
  margin: 25px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #000000;  
  }


/* ___________________XXXXXXXXXXXXXXXXXXXXX_______________________Contact Page ___________________XXXXXXXXXXXXXXXXXXXXX_______________________*/


.contact_sec {
  margin: 72px 0 0 0;
  padding: 80px 0 120px 0;
  width: 100%;
  float: left;
  background: #e7e7e8;
  }

.contact_map {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;  
  border-top: 20px solid #176eb5;
  border-bottom: 20px solid #176eb5;
  }

.contact_map iframe {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 500px;
  float: left;
  }

.contact_detail_area {
  margin: 100px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.address_blocks {
  margin: 0 0 120px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.address_blocks h2 {
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 26px;
  color: #000000;
  text-transform: uppercase;
  }


.address_blocks ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: table;
  }

.address_blocks ul li {
  margin: 0;
  padding: 0;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  }

.address_blocks ul li:nth-child(1) {
  width: 30%;
  }

.address_blocks ul li:nth-child(2) {
  width: 70%;
  }

.address_blocks ul li img {
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  }

.address_blocks ul li p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 22px;
  color: #000000; 
  }

.address_blocks p {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Book';
  font-size: 24px;
  color: #000000; 
  }

.address_blocks p b {
  margin: 0;
  padding: 0;
  width: 35%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 24px;
  color: #000000; 
  }

.contact_detail_area .address_blocks:last-child {
  margin-bottom: 0;
  }

.contact-area {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: right;
  }

.contact-area h2 {
  margin: 0 0 55px 0px;
  padding: 0;
  width: 90%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 53px;
  color: #176eb5;
  text-transform: uppercase;
  position: relative;
  }

input.con-input {
  margin: 0 0 30px 0;
  padding: 10px;
  display: inline-block;
  width: 90%;
  height: 50px;
  outline: none;
  border: 5px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #999999;
  background: transparent;
  }


input.con-input:-ms-input-placeholder {
   color: #999999;
   opacity: 1;
}

input.con-input::-webkit-input-placeholder {
   color: #999999;
   opacity: 1;
}

input.con-input:-moz-placeholder {
   color: #999999;
   opacity: 1;
}

/* firefox 19+ */
input.con-input::-moz-placeholder {
   color: #999999;
   opacity: 1;
   }


textarea.con-text {
  margin: 0;
  padding: 10px;
  display: inline-block;
  width: 90%;
  height: 225px;
  outline: none;
  border: 5px solid #176eb5;
  font-family: 'FuturaStd-Book';
  font-size: 18px;
  color: #999999;
  background: transparent;
  }

textarea.con-text:-ms-input-placeholder {
   color: #999999;
   opacity: 1;
}

textarea.con-text::-webkit-input-placeholder {
   color: #999999;
   opacity: 1;
}

textarea.con-text:-moz-placeholder {
   color: #999999;
   opacity: 1;
}

/* firefox 19+ */
textarea.con-text::-moz-placeholder {
   color: #999999;
   opacity: 1;
   }




/* ___________________XXXXXXXXXXXXXXXXXXXXX_______________________Time Table Page ___________________XXXXXXXXXXXXXXXXXXXXX_______________________*/


.timetable_sec {
  margin: 72px 0 0 0;
  padding: 80px 0 120px 0;
  width: 100%;
  float: left;
  background: #176eb5;
  }


.table_sec {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  display: block;
  }

.table_sec h3 {
  margin: 0 0 60px 0;
  padding: 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 28px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  }



table.crossfit-time-table {
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table thead {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table thead tr {
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table thead tr th {
  margin: 0 0.2%;
  padding: 0;
  width: 17.5%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 22px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  height: 65px;
  line-height: 65px;
  background: #ffffff;
  }


table.crossfit-time-table thead tr th:first-child {
  width: 10%;  
  background: transparent;
  }

table.crossfit-time-table thead tr th img.tble-ico {
  width: 68px;
  }


table.crossfit-time-table tbody {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }


table.crossfit-time-table tbody tr {
  margin: 2.5px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table tbody tr th {
  margin: 0 0.2%;
  padding: 0;
  width: 10%;
  float: left;
  background: #ffffff;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-family: 'FuturaStd-Bold';
  font-size: 16px;
  color: #000000;
  }

table.crossfit-time-table tbody tr td {
  margin: 0 0.2%;
  padding: 0;
  width: 17.5%;
  float: left;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-family: 'FuturaStd-Book';
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  }


table.crossfit-time-table tbody tr td.da-bg {
  background: #000;
  color: #ffffff;
  }

table.crossfit-time-table_weekend {
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table_weekend thead {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table_weekend thead tr {
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

table.crossfit-time-table_weekend thead tr th {
  margin: 0 0.2%;
  padding: 0;
  width: 17.5%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 22px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  height: 65px;
  line-height: 65px;
  background: #ffffff;
  }


table.crossfit-time-table_weekend thead tr th:first-child {
  width: 10%;  
  background: transparent;
  }

table.crossfit-time-table_weekend thead tr th img.tble-ico {
  width: 60px;
  }


table.crossfit-time-table_weekend tbody {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }


table.crossfit-time-table_weekend tbody tr {
  margin: 2.5px 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: center;
  }

table.crossfit-time-table_weekend tbody tr th {
  margin: 0 0.2%;
  padding: 0;
  width: 10%;
  display: inline-block;
  background: #ffffff;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-family: 'FuturaStd-Bold';
  font-size: 16px;
  color: #000000;
  }

table.crossfit-time-table_weekend tbody tr td {
  margin: 0 -0.25%;
  padding: 0;
  width: 17.5%;
  display: inline-block;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-family: 'FuturaStd-Book';
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  }


table.crossfit-time-table_weekend tbody tr td.da-bg {
  background: #000;
  color: #ffffff;
  }


/* Crossfit poster Section   */


.crossfit-poster-sec {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  position: relative;
  }

.crossfit-poster-sec img {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  height: 420px;
  position: relative;
  }


.crossfit-poster-sec p {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);    
  font-family: 'FuturaStd-Bold';
  font-size: 41px;
  color: #ffffff;    
  text-transform: uppercase;
  text-shadow: 6px 4px 10px #000000;
  line-height: 48px;
  text-align: center;
  }

.crossfit-poster-sec p span {
  color: #176eb5;
  }


/* Whats your specilaty */

.wts_spl_sec {
  margin: 0;
  padding: 80px 0 100px 0;
  float: left;
  width: 100%;
  background: #333333;
  }

.spl-blocks {
  margin: 40px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  }


.spl-blocks ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.spl-blocks ul li {
  margin: 0 0 35px 0;
  padding: 0;
  width: 20%;
  float: left;
  text-align: center;
  }

.spl-blocks ul li:nth-child(6n) { 
  clear: both;
  }

.spl-blocks ul li article {
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  float: left;
  }

.spl-blocks ul li article img {
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  }

.spl-blocks ul li p  {
  margin: 0;
  padding: 0;
  width: 90%;
  display: inline-block;
  font-family: 'FuturaStd-Bold';
  font-size: 22px;
  color: #ffffff;    
  text-transform: uppercase;
  }





/* =====xxxx margrins xxxx====== */


.mar-top-head {
  margin-top: 60px!important;
  }





/* ==================== Contact Form =============== 7 */

div.wpcf7-response-output {
  margin: 0;
  }

#form-captcha {
  border: 5px solid #176eb5!important;
  }

.contact-form {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  }


div.wpcf7-mail-sent-ok {
  position: absolute;
  bottom: 73px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  }



div.wpcf7-validation-errors {  
  position: absolute;
  bottom: 73px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%); 
  }

div.wpcf7-spam-blocked {
  position: absolute;
  bottom: 73px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%); 
  }

.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    float: left;
    }




span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: 130px!important;
    bottom: 22px!important;
    width: 236px!important;
    }



/* Any Qustion Contact Form */


.contact-area span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: 54%!important;
    bottom: 9px!important;
    width: 236px!important;
    }

.contact-area div.wpcf7-validation-errors {
    position: absolute;
    bottom: 73px;
    left: 56%;
    text-align: center;
    transform: translateX(-50%);
    width: 76%;
    font-size: 14px;
    }

.contact-area div.wpcf7-mail-sent-ok {
  position: absolute;
  bottom: 73px;
  left: 56%;
  text-align: center;
  transform: translateX(-50%);
  width: 76%;
  font-size: 14px;
  }



/* OWL */


.left.carousel-control.lft {
  z-index: 999999!important;
  background-image: none!important; 
  }

.right.carousel-control.rit {
   z-index: 999999!important; 
   background-image: none!important;
  }




/* Wodify Plugin */


.soswodify_wod_header {
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  width: 100%;
  float: left;
  font-family: 'FuturaStd-Bold';
  font-size: 26px;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 5px solid #176eb5;
  }

.soswodify_component_name {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
  float: left;
  }









/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

.footer_btn_custom { padding: 15px 0!important; width: 25%!important; margin-left: 10px !important;}


@media (min-width: 768px) and (max-width: 991px) {
.footer_btn_custom { margin-bottom:0px !important;  padding: 15px 0 !important;  width: 49% !important; margin-left: 0px !important;}
}

@media only screen and (max-width: 479px) {
.footer_btn_custom {width: 100% !important; display: inline-block !important;  margin: 6px 0px !important; margin-left: 0px !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
.footer_btn_custom { margin-bottom:0px !important;  padding: 15px 0 !important;  width: 49% !important; margin-left: 0px !important;}
}


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

  .banner-content h2 {
    font-size: 45px;
    }

  .banner-content h1 {
    font-size: 55px;
    }

  .visit-next {
    margin: 45px 0 0 0;
    }
  
  }



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

  
/* Home Page */

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


.banner-content h2 {
  font-size: 35px;
  }

.banner-content h1 {
  font-size: 45px;
  }

.visit-next a {
  width: 80px; 
  }

.sec-head h2 {
  font-size: 50px;
  }

.sec-head h2 a {
  width: 95px;
  right: -38%;
  }

.spl-work-outs h3 {
  font-size: 24px;
  }

.spl-work-outs p {
  font-size: 17px;
  }

.free-trail a {
  padding: 15px 35px;
  font-size: 22px;
  }

.banner-logo {
  margin: 0 0 35px 0;
  }

.visit-next {
  margin: 25px 0 0 0;
  }

/* Home Page */




/* WOD Page */

.wod_details h2 {
  font-size: 24px;
  }

.wod_details ul li p {
  font-size: 18px;
  }

/* WOD Page */



/* What is Crossfit Page */

.crossfit-vedio {
  margin: 0 0 25px 0;
  }

.crossfit-vedio iframe {
  height: 400px;
  }

.crossfit_content p {
  margin: 25px 0 0 0;
  font-size: 20px;
  }

/* What is Crossfit Page */





/* Contact Us Page */

.contact_map iframe {
  height: 350px;  
  }

input.con-input,
textarea.con-text {
  text-align: center;
  }


/* Contact Us Page */


/* Timetable Page */

.crossfit-poster-sec p {
  font-size: 40px;
  line-height: 45px;
  }

/* Timetable Page */

  
  }










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

  /* Home Page */


  .header {
    padding: 0;
    }

  .header.sticky {
    padding: 10px 0;
    }


  .navigation ul li a {
    font-size: 14px;
    }

  .sticky .navigation ul li {
    margin: 0 22px 0 0;
    }

  .sticky  .navigation ul li a {
    font-size: 13px;
    } 

  .sticky .logo {
    height: 40px;
    }

  .sticky .navigation {
    height: 40px;
    } 

  .sticky .navigation ul {
    line-height: 40px;
    }


  .banner-content h2 {
    font-size: 25px;
    }

  .banner-content h1 {
    font-size: 35px;
    }

  .banner-logo {
    margin: 0 0 15px 0;
    }

  .cross-content p {
    font-size: 21px;
    }

  .sec-head h2 {
    font-size: 45px;
    }

  .sec-head h2 a {
    right: -43%;
    }

  .crossfit-poster-sec p {
    font-size: 33px;
    line-height: 35px;
    }  

  .footer-contact-info ul li p span {
    margin: 0 13px 0 0;
    font-size: 16px;
    }

  .footer-contact-info ul li p a {
    font-size: 15px;
    }

  .site-map h4 {
    font-size: 22px;
    }

  .site-map ul li a {
    font-size: 16px;
    }

  .weekend-details p b {
    font-size: 18px;
    } 

  .weekend-details p span {
    font-size: 16px;
    }

  .copyright {
    padding: 45px 0;
    }

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

  .address-blocks p a {
    margin: 0px 0;
    font-size: 16px;
    }

  .spl-blocks ul li p {
    font-size: 18px;
    }

  .table_sec h3 {
    font-size: 24px;
    }

  table.crossfit-time-table thead tr th {
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    }

  table.crossfit-time-table thead tr th img.tble-ico {
    width: 48px;
    }

  .crossfit_content p {
    margin: 20px 0 0 0;
    font-size: 18px;
    }

  .contact-area h2 {
    font-size: 42px;
    }

  .address_blocks h2 {
    font-size: 24px;
    }

  .address_blocks ul li p {
    font-size: 22px;
    } 

  .item img.banner {
    height: 500px;
    }


/* Any Qustion Contact Form */


.contact-area span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: 166px!important;
    bottom: 9px!important;
    width: 236px!important;
    }

.contact-area div.wpcf7-validation-errors {
    position: absolute;
    bottom: 73px;
    left: 56%;
    text-align: center;
    transform: translateX(-50%);
    width: 76%;
    font-size: 8px;
    }

.contact-area div.wpcf7-mail-sent-ok {
  position: absolute;
  bottom: 73px;
  left: 56%;
  text-align: center;
  transform: translateX(-50%);
  width: 76%;
  font-size: 12px;
  }





  
  }











 

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

  /* Home Page */

  .logo {
    height: 40px;
    width: 210px;
    }

  .navigation {
    height: 40px;
    }

  .navigation ul {
    height: 40px;
    line-height: 40px;
    }

  .navigation ul li {
    margin: 0 12px 0 0;
    }

  .navigation ul li a {
    font-size: 11px;
    }

  .sticky .logo {
    height: 30px;
    }

  .sticky .navigation {
    height: 30px;
    }

  .sticky .navigation ul {
    line-height: 30px;
    height: 30px;
    }

  .sticky .navigation ul li {
    margin: 0 15px 0 0;
    }

  .sticky .navigation ul li a {
    font-size: 11px;
    }

  .banner-content h2 {
    font-size: 26px;
    }

  .banner-content h1 {
    font-size: 32px;
    }

  .item img.banner {
    height: 550px!important;
    }

  .banner-logo {
    margin: 0 0 18px 0;
    }

  .sec-head h2 {
    font-size: 40px;
    } 

  .sec-head h2 a {
    right: -37%;
    width: 75px; 
    }

  /* Home Page */

  /* Timetable Page */  

  .wod_sec {
    padding: 55px 0 80px 0;
    }

  .pricing_sec {
    padding: 55px 0 40px 0;;
    }

  .wh_is_crossfit_sec {
    padding: 55px 0 120px 0;
    }

  .contact_sec {
    padding: 55px 0 120px 0;
    }

  

  /* Timetable Page */  


  span.wpcf7-not-valid-tip {
    width: 36%;
    }

  .rc-anchor-light.rc-anchor-normal {
    border: 5px solid #176eb5!important;
    height: 63px!important;
    width: 294px!important; 
    }

  span.wpcf7-not-valid-tip {
      bottom: 25%!important;
      font-size: 12px;
      left: 50%!important; 
      transform: translate(-50%);    
      }

    div.wpcf7-validation-errors {
      width: 100%;
      font-size: 12px;
      bottom: 70px;
      }

    div.wpcf7-mail-sent-ok {
      width: 100%;
      font-size: 12px;
      bottom: 70px;
      }


    div.wpcf7-spam-blocked {
      width: 100%;
      font-size: 12px;
      bottom: 70px;
      }

    /* .banner-section {
      margin: 110px 0 0 0;
      } */


    .banner-section {
      margin: 63px 0 0 0;
      }

    .banner-logo img {
      width: 60px;
      height: 60px;
      }

    .visit-next img {
      width: 60px;
      height: 30px;
      }

    .visit-next {
      margin: 10px 0 0 0;
      }

    #owl-demo .owl-pagination {
      display: none;
      }


  
  }



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

  .social-footer ul li a {
      width: 50px;
      }

  }



  /* Portrait */
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {



    

    /* Home Page */

    .cross-content p {
      width: 100%;
      }

    .cross-content {
      margin: 25px 0 0 0px;
      text-align: center;
      }

    .crossfit {
      padding: 50px 0 50px 0;
      }

    .spl-work-outs {
      width: 47%;
      }

    .spl-work-outs h3 {
      font-size: 22px;
      height: 50px;
      }

    .speciality {
      padding: 120px 0 40px 0;
      }

    input.from-element {
      height: 50px;
      width: 95%;
      }

    .contact-sec {
      padding: 100px 0 50px 0;
      }

    .form-captcha {
      display: inline-block;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      }

    .address_section {
      padding: 40px 0;
      }

    .footer-contact a {
      width: 65%;
      }

    .weekend-details p b {
      font-size: 15px;
      }

    .weekend-details p span {
      font-size: 12px;
      } 

    .site-map ul li {
      margin: 0 0 5px 0;
      }

    .weekend-details {
      margin: 25px 0 0 0;
      padding: 25px 0 0 0;
      }

    .free-trail a {
      padding: 10px 25px;
      font-size: 16px;
      }

    .footer {
      margin: 0;
      padding: 60px 0 60px 0;
      }

    .copyright {
      padding: 30px 0;
      }

    /* Home Page */

  .price_cards {
    width: 95%;
    }

  table.crossfit-time-table thead tr th {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    }

  .sec-head {
    margin: 0 0 35px 0;
    }

  .table_sec h3 {
    margin: 0 0 50px 0;
    }

  .mar-top-head {
    margin-top: 40px!important;
    }

  .timetable_sec {
    padding: 55px 0 50px 0;
    }

  .crossfit-poster-sec p {
    font-size: 22px;
    line-height: 30px;
    }

  .crossfit-poster-sec img {
    height: 280px;
    }

  .spl-blocks ul li article {
    margin: 0 0 25px 0;
    }

  .wts_spl_sec {
    padding: 60px 0 70px 0;
    }

  .contact-area h2 {
    font-size: 32px;
    }

  .address_blocks p b {
    font-size: 20px;
    width: 40%;
    }

  .address_blocks p {
    font-size: 20px;
    }

  .social-footer ul {
    margin: 0 0 30px 0;
    }


  #form-captcha {
    border: 5px solid #176eb5!important;
    width: 312px;
    height: 86px;
    z-index: 99;
    }


  .banner-section {
    margin: 66px 0 0 0;
    }

  .wh_is_crossfit_sec,
  .pricing_sec,
  .wod_sec,
  .timetable_sec,.contact_sec {
    margin: 66px 0 0 0;
    }


  



}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

/* Timetable Page */  

  .crossfit-poster-sec p {
    font-size: 29px;
    line-height: 32px;
    }  

  .crossfit-poster-sec img {
    height: 320px;
    }

  .form-captcha {
    height: 86px;
    border: 2px solid #176eb5;
    }

  /* Timetable Page */

  #owl-demo .owl-pagination {
    display: block;
    }

  


}

 

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


  /* Home */

  .navigation {
    display: none;
    }

  .navigation-mobile {
    display: block;
    position: relative;
    }

  .mb-menu-ico {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%; 
    text-align: center;  
    }

  .mb-menu-ico article {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 50px;   
    height: 50px;
    border-radius: 50%;
    background: #231f20;
    position: relative;
    }

  .mb-menu-ico article i {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: auto;
    color: #ffffff;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
    }









 ul.mu-list {
  margin: 0;
  padding: 0px;
  float: left;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: transparent;
  z-index: 9999999;
  display: none;
  }




  ul.mu-list li {
    margin: 0 0 0px 0;
    padding: 10px 0;
    float: left;
    width: 100%;
    text-align: center;
    background: #176eb5;
    border-bottom: 2px solid #fff;
    }

  ul.mu-list li:last-child {
    border-bottom: none;
    }

  ul.mu-list li.active {
    background: #000000;
    }

  ul.mu-list li a {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    font-family: 'FuturaStd-Bold';
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    }

   ul.mu-list li.active a {
    color: #ffffff;
    }



  header .sticky .mb-menu-ico article i {
    font-size: 20px;
    }    

  header .sticky .mb-menu-ico article {
    width: 40px;
    height: 40px;
    }

  .overlay-menu {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 99999;
    display: none;
    }

  .header {
    padding: 0;
    }

  .header.sticky {
   padding: 10px 0 5px 0;
   transition: all 0.5s ease 0s;
   }

  /* From Banner */

  .banner-content h2 {
    font-size: 18px;
    }

  .banner-content h1 {
    font-size: 22px;
    margin: 5px 0 0 0;
    }

  .visit-next img {
    width: 40px;
    height: 20px;
    }

  .banner-logo {
    display: none;
    }

  .sec-head h2 {
    font-size: 28px;
    }

  .sec-head h2.for_mb_pull {
    margin-left: -18%;
    }

  .visit-next {
    margin: 15px 0 0 0;
    }

  .sec-head h2 a {
    right: -35%;
    width: 55px;
    }

  .cross-vedio iframe {
    height: 200px;
    }

  .cross-content p {
    font-size: 16px;
    width: 100%;
    text-align: center;
    } 

  .cross-content {
    margin: 25px 0 0 0;
    }

  .crossfit {
    padding: 50px 0 50px 0;
    }

  .spl-work-outs {
    padding: 0 15px;
    width: 90%;
    margin: 0 0 25px 0;
    height: auto;
    }

  .speciality {
    padding: 110px 0 40px 0;
    }

  .form-captcha {
    display: none;
    }

  input.from-element {
    width: 100%;
    height: 55px;
    margin: 0 0 25px 0;
    }

  input.submit-btn {
    margin: 25px 0 0 20px;
    font-size: 20px;
    }

  .contact-sec {
    padding: 100px 0 50px 0;
    }

  .xs-hide {
    display: none;
    }

  .speciality.spl-top-cen-blk:before,
  .contact-sec.con-top-cen-blk:before {
    left: 47%;
    }

    /* Home */




    /* Footer Mobile */

  .footer-mobile {
    margin: 0;
    padding: 35px 0 70px 0;
    width: 100%;
    float: left;
    background: #176eb5;
    display: block;
    }

  .mb-social {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
    }
  
  

  .mb-social ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    }

  .mb-social ul li {
    margin: 0 7% 0 0;
    padding: 0;
    width: 19%;
    float: left;
    
    }

  .mb-social ul li:last-child { 
    margin-right: 0;
    }

  .mb-social ul li a {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
    }

  .mb-social ul li a img {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    }

  .mb-contact-us {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
    }

  .mb-contact-us a { 
    margin: 0;
    padding: 5px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: 'FuturaStd-Bold';
    color: #ffffff;
    font-size: 16px;
    border: 3px solid #ffffff;
    text-align: center;
    }

  .mb-crossfit-journal {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: right;
    }

  .mb-crossfit-journal a {
    margin: 0;
    padding: 0;
    width: 90%;
    display: inline-block;
    }

  .mb-copy-right {
    margin: 25px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
    }

  .mb-copy-right p {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-size: 12px;
    color: #8bb7da;
    }

  .mb-free-trail {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    }

  .mb-free-trail span {
    margin: 0;
    padding: 12px 0;
    width: 100%;
    float: left;
    background: #231f20;
    text-align: center;
    font-family: 'FuturaStd-Bold';
    font-size: 20px;
    color: #0480c0;  
    border: 5px solid #ffffff;
    text-transform: uppercase;  
    }




  /* Footer Mobile */



  /* WOD PAGE */

  .wod_details {
    text-align: center;
    margin: 0 0 45px 0;
    }

  .pagination {
    margin: 20px 0 0 0;
    }

  .wod_sec {
    padding: 45px 0;
    }

  .pagination ul {
    text-align: center;
    }

  /* WOD PAGE */

  /* Pricing Page */
 
  .pricing_sec {
    padding: 50px 0 10px 0;
    }

  .price_cards p {
    padding: 20px 0 40px 0;
    }

  .price_cards p span {
    font-size: 16px;
    }

  .price_cards h3 {
    font-size: 20px;
    padding: 15px 0;
    }

 

  .price_cards a {
    font-size: 18px;
    }

  /* Pricing Page */

  /* What is crossfit */

  .crossfit-vedio iframe {
    height: 220px;
    }

  .crossfit_content {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    text-align: center;
    }

  .wh_is_crossfit_sec {
    padding: 40px 0 50px 0;
    } 


  /* Contact Page */

  .contact-area {
    text-align: center;
    margin: 45px 0 0 0;
    }

  .contact-area h2 {
    font-size: 32px;
    }

  .contact_map iframe {
    height: 290px;
    } 

  .mb-address_area {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
    display: block;
    }

  .mb-address_area article {
    margin: 40px 0 20px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    }

  .mb-address_area p {
    margin: 15px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    font-family: 'FuturaStd-Book';
    font-size: 22px;
    color: #000000;
    }

  .mb-address_area p a {
    margin: 0 10px;
    padding: 10px 24px;
    width: auto;
    display: inline-block;
    background: #0480c0;
    color: #ffffff;
    font-family: 'FuturaStd-Bold';
    font-size: 18px;  
    text-transform: uppercase;  
    }

  .mb-address_area p span {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    color: #000000;
    font-family: 'FuturaStd-Bold';
    font-size: 22px;  
    text-transform: uppercase; 
    }

  .contact_detail_area {
    margin: 15px 0 0 0;
    }

  .contact_sec {
    padding: 50px 0 60px 0;
    }

  input.con-input,
  textarea.con-text {
  text-align: center;
  }

/* Time Table Page */

  .spl-blocks ul {
    text-align: center;
    }

  .spl-blocks ul li {
    width: 49%;
    display: inline-block;
    float: none;
    margin: 0px auto 30px auto;
    vertical-align: top;
    }

  .crossfit-poster-sec p {
    font-size: 17px;
    line-height: 22px;
    width: 90%;
    } 

  .crossfit-poster-sec img {
    height: 170px;
    }

  .wts_spl_sec {
    padding: 50px 0 55px 0;
    }


  /* Accordian */

  /* .cus-accor {
      margin: 0;
      padding: 0;
      width: 100%;
      float: left;
      }
  
    .cus-accor a {
      margin: 0;
      padding: 20px 0;
      width: 100%;
      float: left;
      text-align: center;
      color: #000000;
      font-family: 'FuturaStd-Bold';
      font-size: 22px;  
      text-transform: uppercase;
      }
  
   */

    .sm-visible {
      display: block;
      }

   .panel-group .panel {
    border-radius: 0;
    margin-bottom: 20px;
    background: #176eb5;
    border: none;
    display: block;
    }    

  .cus-accor .panel-heading {
    padding: 0;
    }

  .cus-accor .panel-heading h4.panel-title a {  
    display: inline-block;  
    padding: 20px 10px;
    width: 100%;
    text-align: center;
    color: #000000;
    font-family: 'FuturaStd-Bold';
    font-size: 22px;  
    text-transform: uppercase;
    background: #ffffff;
    }

  .cus-accor .panel-body {
    padding: 5px;
    background: #0480c0;
    margin-top: 20px;
    border-top: none!important;
    }



  .cus-accor .panel-body table.mb-table:last-child {
    margin-bottom: 0;
    }

  table.mb-table {
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    }

  table.mb-table tbody {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    }

  table.mb-table tr {
    margin: 2px 0;
    padding: 0;
    width: 100%;
    float: left;
    }

  table.mb-table tr th {
    margin: 0;
    padding: 0;
    width: 30%;
    float: left;
    background: #ffffff;
    color: #000000;
    font-family: 'FuturaStd-Bold';
    font-size: 13px;  
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    text-align: center;
    }

  table.mb-table tr td {
    margin: 0 0 0 1%;
    padding: 0;
    width: 69%;
    float: left;
    background: #ffffff;
    font-family: 'FuturaStd-Book';
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    text-align: center;
    }

  table.mb-table tr td.da-bg {
    background: #000;
    color: #ffffff;
    }

  .timetable_sec {
    padding: 40px 0 50px 0;
    }

  .pagination .wp-pagenavi span.pages {
    display: none;
    }

  .pagination .wp-pagenavi {
    text-align: center;
    } 

  span.wpcf7-not-valid-tip {
      bottom: 4px!important;
      font-size: 12px;   
      left: 0px!important;   
      }

    div.wpcf7-validation-errors {
      width: 100%;
      font-size: 8px;
      bottom: 60px;
      }

    div.wpcf7-mail-sent-ok {
      width: 100%;
      font-size: 8px;
      bottom: 60px;
      }


    div.wpcf7-spam-blocked {
      width: 100%;
      font-size: 8px;
      bottom: 60px;
      }

    .sm-md-hide {
      display: block;
      }

    /* Any Qustion Contact Form */


.contact-area span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: 16px!important;
    bottom: 9px!important;
    width: 236px!important;
    }

.contact-area div.wpcf7-validation-errors {
    position: absolute;
    bottom: -50px;
    left: 51%;
    text-align: center;
    transform: translateX(-50%);
    width: 76%;
    font-size: 12px;
    }

.contact-area div.wpcf7-mail-sent-ok {
  position: absolute;
  bottom: -37px;
  left: 51%;
  text-align: center;
  transform: translateX(-50%);
  width: 76%;
  font-size: 12px;
  }

.banner-section {
  margin: 72px 0 0 0;
  }


.pagination .wp-pagenavi a.nextpostslink, .pagination .wp-pagenavi a.previouspostslink {
  margin: 0 5px;
  }

.pagination .wp-pagenavi a.first {
  width: 50px;
  height: 30px;
  line-height: 27px;
  font-size: 12px;
  }

.pagination .wp-pagenavi a.last {
  width: 50px;
  height: 30px;
  line-height: 27px;
  font-size: 12px;
  }

.pagination .wp-pagenavi a.nextpostslink, .pagination .wp-pagenavi a.previouspostslink,.pagination .wp-pagenavi a.page {
  font-size: 12px;
  width: 25px;
  height: 30px;
  line-height: 27px;
  }

.pagination .wp-pagenavi span.current {
  width: 35px;
  height: 35px;
  line-height: 23px;
  margin: 0 5px;
  font-size: 14px;
  }










  
  }




@media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 767px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) {




.banner-section {
    margin: 130px 0 0 0;
    }

  .wh_is_crossfit_sec,
  .pricing_sec,
  .wod_sec,
  .timetable_sec,.contact_sec {
    margin: 110px 0 0 0;
    }
    
.owl-theme .owl-controls {
    left: 0;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    bottom: -5%;
    width: 100%;
}

  }



  /* Landscape */
@media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 767px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) { 

    .header {
      padding: 0;
      }

    

    .header.sticky {
      padding: 0;
      } 

    ul.mu-list {
      overflow: auto;
      height: 104px;
      }

    .sticky .logo a {
      width: 35%;
      }

    .mb-menu-ico article {
      width: 45px;
      height: 45px;
      } 

    .mb-menu-ico article i {
      font-size: 22px;
      }


    .top-sapace-control {
      height: 25px;
      }

    .btm-sapace-control {
      height: 20px;
      }

    .headder {
      height: 80px;
      }

    .logo {
      height: 40px;
      width: 210px;
      }

    .banner-section {
    margin: 90px 0 0 0;
    }

  .wh_is_crossfit_sec,
  .pricing_sec,
  .wod_sec,
  .timetable_sec,.contact_sec {
    margin: 90px 0 0 0;
    }



}
 
.blank_bg {
  background: #176eb5!important;
  }

.blank_bg_mb {
  background: #0480C0!important;
  }

.custom-trial{margin-bottom:25px;}
.custom-trial span textarea{width:100%;max-height: 140px;}
#wpcf7-f139-o2 input.from-element{width:100%;}