.text-left {
   text-align: left !important;
}
.w-100 {
    width: 100vw;
}
.h-100 {
    height: 100vh;
}
.text-black {
   color:black !important;
}
.text-white {
   color: white !important
}
.border-zero {
   border:0px;
}
.background-none {
   background: none;
}
.testimonial-border {
   border-radius: 4px;
}
.gym-list-background {
   background-color: #F7F6F7;
   padding-bottom:100px;
}
.find-a-gym-logo {
   height: 13px;
   margin-bottom:3px;
   margin-right: 5px
}
.contact-us-widget {
   font-family: Poppins-SemiBold;
   font-size: 32px;
   color: #344143;
   letter-spacing: 0;
   line-height: 40px;
   margin: 0px;
   text-align: center !important;
 }
 .contact-us-widget-title {
   font-family: Inter !important;
   font-size: 18px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 30px;
   margin: 0px;
   text-align: center !important;
 }
.contact-us-hr {
   margin: 120px 0px 80px 0px
}
   .fit-image-center {
      object-fit: cover;
   }
   .text-aling-end {
      text-align:end;
   }
/* Centered text */
.centered {
   position: absolute;
   height: auto;
   width: 250px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 .play-button-in-center {
   position: absolute;
   height: auto;
   width: 70px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 .position-relative {
    position: relative;
 }
 .press-background-black {
     height: 400px;
     background-color: black;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
.get-the-app-margin {
    margin-right:30px;
 }
.padding-zero {
   padding:0px;
}
.padding-top-zero {
   padding-top:0px !important;
}
.margin-bottom-100 {
   margin-bottom:100px;
}
.bring-flexit {
   width: auto !important;
   padding:20px;
   margin-left: 12px
}
.bring-flexit2 {
   width: auto !important;
   padding:20px;
}
.mobile-navbar-border {
   border:none;
   border-radius: 0px;
}
.mobile-navbar-modal-close {
   padding: 25px 0px 25px 25px !important;
}

.testimonial-status {
   padding-left:5% !important;
}
.padding-top-100 {
   padding-top: 100px;
}
.text-align-end {
   text-align: end;
}
.padding-margin-bottom-zero {
   padding-bottom: 0px !important;
   margin-bottom: 0px;
}
.thumbnail-logo-height {
   max-height: 35px !important;
}
.justify-content-space-around {
   justify-content: space-around !important;
}

/* Font Inter */

@font-face {
    font-family: Inter;
    src: url("../assets/fonts/Inter/Inter-Regular.otf");
 }

@font-face {
    font-family: Inter-Regular;
    src: url("../assets/fonts/Inter/Inter-Regular.otf");
 }
 

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

/* Font Poppins */

@font-face {
    font-family: Poppins;
    src: url("../assets/fonts/Poppins/Poppins-Regular.otf");
 }
 
 @font-face {
   font-family: Poppins-SemiBold;
   src: url("../assets/fonts/Poppins/Poppins-SemiBold.otf");
 }

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





/* Font Hellix */

@font-face {
    font-family: Hellix;
    src: url("../assets/fonts/Hellix/Hellix-Regular.otf");
 }
 
 @font-face {
   font-family: Hellix-SemiBold;
   src: url("../assets/fonts/Hellix/Hellix-SemiBold.otf");
 }

 .gymlist-carousel-control-left {
   position: absolute;
   top:92%;
   left:78%
 }
 .gymlist-carousel-control-right {
   position: absolute;
   top:92%; 
   right:2% !important;
   width:auto;
 }
 /* Font Maison neue */

 
 @font-face {
    font-family: MaisonNeue-Bold;
    src: url("../assets/fonts/Maison/MaisonNeue-Bold.ttf");
 }

 @font-face {
   font-family: MaisonNeue;
   src: url("../assets/fonts/Maison/MaisonNeue-Book.ttf");
}
 
 /* Body css */
 
 body {
    font-family: Poppins;
    max-width: 100vw;
    overflow-x: hidden;
 }
 
 /* HTML css */
 html {
   scroll-behavior: smooth;
 }
 
 
 /* Hero images */
 
 .header-default {
   height: 87vh; 
   width: 100vw;
   min-height: 550px;

   background: #344143;
 }

 .hero-gradient {
   height: 87vh; 
   width: 100vw; 
   background-image: linear-gradient(203deg, rgba(18,19,20,0.00) 0%, rgba(18,19,20,0.60) 100%);

   min-height: 550px;
   background-position: center;
   /* Center and scale the image nicely */
   background-repeat: no-repeat;
   background-size: cover;
   /* Needed to position the navbar */
 }

 .bg-img-hero {
    /* The image used */
    /*background-image: url("../assets/images/heros/flexit-home.jpg");*/
    background-image: url("../assets/WebsiteFrame.jpg");
    alt: "girl doing plank in flexit gym";
	   min-height: 600px;
     height: 87%;
     width: 104vw;
    background-position: center;
    /* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-size: cover;
    /* Needed to position the navbar */
    position: relative;
 }
 .bg-img-hero-vptfb {
    /* The image used */
    /*background-image: url("../assets/images/heros/flexit-home.jpg");*/
    background-image: url("../assets/WebsiteFrameBlack.jpg");
    alt: "girl doing plank in flexit gym";
	   min-height: 700px;
     height: 100%;
     width: 104vw;
    background-position: center;
    /* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-size: cover;
    /* Needed to position the navbar */
    position: relative;
 }


 .sizzle {
    width: 100vw;
    height: 100vh;
 }
 
 .bg-img-hero-howitworks {
    /* The image used */
    background-image: url("../assets/images/heros/how-it-works-hero.jpg");
    alt:"Girl working out in a flexit gym";
    height: 87vh;
    width: 100vw;
    min-height: 550px;

    /* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-size: cover;
    /* Needed to position the navbar */
    position: relative;
 }
 
 .bg-img-hero-forgyms {
   /* The image used */
   background-image: url("../assets/images/heros/for-gyms-hero.jpg");
   alt: "Girl running in a tredmill in flexit partnered gym";

   height: 87vh;
   width: 100vw;
   min-height: 550px;

   /* Center and scale the image nicely */
   background-repeat: no-repeat;
   background-size: cover;
   /* Needed to position the navbar */
   position: relative;
}
.bg-img-hero-partners {
   /* The image used */
   background-image: url("../assets/images/heros/partner-hero.jpg");
   alt: "Guy happily working out in a flexit partnered gym";
   height: 87vh;
   width: 100vw;
   min-height: 600px;

   /* Center and scale the image nicely */
   background-repeat: no-repeat;
   background-size: cover;
   /* Needed to position the navbar */
   position: relative;
}
 
 /* Navigation bar */

 .navbarbiggerfont {
    color: black;
    font-size: 40px;
    font-weight: 900;
    line-height: 40px !important;
 }
 
 .navbar {
    color: white;
    background: transparent;
    border: 0px;
    font-family: Inter-Bold;
 }
 .row-margin-zero {
    margin-left: 0px;
    margin-right: 0px;
 }
 .iconbar-top-margin {
   margin-top: 14px;
 }
 
 /* Navbar brand- logo css */
 
 
 /* Navigation bar active and hover CSS*/
 
 .navbar-inverse .navbar-nav>.active>a :hover{
    color: white;
    background: transparent !important;
 }
 .navbar-inverse {
   background-color: transparent !important;
    border-color: transparent !important;
 }
 /*The buttons in the navigation bar */
 
 .navbar-inverse .navbar-nav>li>a {
    color: white !important;
    font-size: 14px;
    line-height: 13px;
    letter-spacing: 1px;
    margin-top: 10px;
 }

@media (min-width: 768px) and (max-width: 1025px){
.navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
 }
}

@media (min-width: 1025px){
.first-navbar{
	margin-left: 50px;
}
}

.navbar-new .navbar-nav>li>a {
   font-family: Inter;
   font-size: 14px;
   color: #272727;
   letter-spacing: 1px;
   line-height: 13px;
   margin-top: 10px;
}
 
.navbar-new .navbar-nav>li>a:hover {
   background-color: #FFF;
}
 
 
 /* Common modal CSS*/
 .modal-title {
 float: left !important;
 font-weight: bold;
 font-size: 20px;
 }

 #num-input {
     border: 0px;
     border-bottom : 1px black solid;
     margin-bottom:10px;
     font-size: 20px;
     width: 150px;
 }
 
 /* Caption CSS */
 
 .caption {
    width: 50%;
    padding-left: 120px;
 }
 
 .captionHeading {
    font-family: Poppins-SemiBold;
    color: white;
    font-size: 90px;
    line-height: 90px !important;
    margin-left: 0px !important;
 }

 .captionHeading2 {
    font-family: Poppins-SemiBold;
    color: white;
    font-size: 64px;
    line-height: 1.13 !important;
    margin-left: 0px !important;
 }
  .captionHeading3 {
    font-family: Poppins-SemiBold;
    color: #000;
    font-size: 32px;
    line-height: 40px !important;
    margin-left: 0px !important;
 }

  .captionHeading4 {
    font-family: Poppins-SemiBold;
    color: #000;
    font-size: 24px;
    line-height: 36px !important;
    margin-left: 0px !important;
 }


 .captionDescription {
    font-family: Inter;
    color: white;
    font-size: 1.5vw;
    letter-spacing: 0.011vw;
    margin-left: 0px !important;
 }

 .captionDescription2 {
    font-family: Inter;
    color: #000;
    font-size: 1.5vw;
    letter-spacing: 0.011vw;
    margin-left: 0px !important;
 }

 .watchVideo {
   font-family: Inter;
   font-size: 13px;
   color: #FFFFFF;
   letter-spacing: 0.9px;
   line-height: 13px;
 }
  
 /* Step progress bar for how it works section */


 .containerWithStepProgress {
    width: 85%;
    padding: 40px;
    text-align: left !important;
 }
 

 
 .StepProgress {
    position: relative;
    padding-left: 0px;
    list-style: none;
 }
 
 .StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 100px;
    bottom: -100px;
    height: 100%;
 }
 
 .StepProgress-item {
    position: relative;
    counter-increment: list;
    font-family: Poppins-SemiBold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 48px;
    padding-left: 15px;
 }
 

 .StepProgress-item:not(:last-child) {
    padding-bottom: 30px;
    border-left: 1px solid rgba(0,180,210,0.2);
 }
 
 .StepProgress-item::before {
    display: inline-block;
    border-left: 2px solid white;
    content: '';
    left: -30px;
    height: 100%;
    width: 10px;
    padding-left: 20px;
    color: #147FA9;
 }
 
 .StepProgress-item::after {
    content: counter(list);
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 0;
    left: -25px;
    width: 50px;
    height: 50px;
    border: 1px solid #147FA9;
    border-radius: 50%;
    background-color: #FFF;
    color: #147FA9;
 }
 
 .StepProgress-item.active::before {
    border-left: 2px solid black;
 }
 
 .StepProgress-item.active::after {
    content: counter(list);
    padding-top: 1px;
    width: 50px;
    height: 50px;
    left: -25px;
    font-size: 18px;
    text-align: center;
    color: white;
    border: 1px solid #147FA9;
    background-color: #147FA9;
 }
 
 .StepProgress-item.active strong {
    color: #147FA9;
 }
 
 .StepProgress strong {
    display: inline-block;
    padding-top: 4px;
    font-size: 20px;
 }
 #how-it-works-caption strong {
   display: inline-block;
   padding-top: 4px;
   font-size: 20px;
}
 
.stepprogress-item-wrapper {
   display: inline
}
.alignpara {
   padding-left: 28px;
   font-family: Inter;
   font-size: 18px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 30px;
}


@media(min-width:992px) {
   .lg-flex {
      display:flex;
      align-items:center;
      justify-content: center;
    }
    #how-it-works-caption {
      display: none;
      margin-bottom: 30px;
   }
}

@media(max-width:991px) {
   .StepProgress-item{
      display: inline-block !important;
   }
   .StepProgress-item:not(:last-child) {
      padding-bottom: 0px;
      border-top: 1px solid rgba(0,180,210,0.2);
      border-left: 0px;
   }
   .StepProgress-item::after {
      content: counter(list);
      display: inline-block;
      position: absolute;
      text-align: center;
      top: -25px;
      left: -25px;
      width: 50px;
      height: 50px;
      border: 1px solid #147FA9;
      border-radius: 50%;
      background-color: #FFF;
      color: #147FA9;
   }
   .StepProgress-item::before {
      display: inline-block;
      border-left: 2px solid white;
      content: '';
      left: -30px;
      height: 100%;
      width: 47px;
      padding-left: 20px;
      color: #147FA9;
   }
   
   .containerWithStepProgress {
      width: 100%;
      padding: 0px;
      text-align: center !important;
   }
   .StepProgress{
      text-align: center;
      margin-left: 95px;
   }
   .alignpara {
      padding-left: 0px;
   }
 }

 @media(min-width:320px) and (max-width:420px) {
   .StepProgress{
      text-align: end;
      margin-left: 0px ;
   }
   .align-content-mobile-center {
      text-align:center !important; 
      margin-left:25px
   }
 }
 
 .howitworksimg {
    padding: 0px 20px;
    width: auto;
 }
  
 /* Font Awesome CSS */
 
 .fa {
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    display: inline-table;
    color: white;
 }

 a.fa {
    border-radius: 50%;
    border: solid 1px white;
    padding: 20px;
    width: 61px;
    height: 16px;
    text-align: center
 }
 
 i.fa {
   display: inline-block;
   border-radius: 50%;
   box-shadow: 0px 0px 2px #fff;
   padding: 20px;
 
 }
 
 /* Font Awesome - Footer CSS*/
 
 footer a.fa {
    border: solid 1px #E9EBEC;
    margin-right: 1px;
 }
 
 footer .fa {
    color: black;
 }
 
 
 /* Signup form - Footer CSS */
 
 .form-control {
    height: 60px;
    max-width: 166px !important;
    border: 0px;
    border-radius: 2px;
    color: #344143;
    background-color:#F7F6F7;
 }

.sign-up-button {
   background-color:transparent; color:white; border: 0px; padding: 10px;
   color: #FFFFFF;
   font-family: Inter;
   font-size: 13px;
	  border-radius: 4px;
}

 .input-group-addon {
   height: 60px;
   width:120px;
   border: 0px;
   background-color: #147FA9;
   font-family: Inter;

   border-radius: 4px;
   font-size: 13px;
   color: #FFFFFF;
   letter-spacing: 0.9px;
   text-align: center;
   line-height: 13px;
 }

 .tailer {
   opacity: 0.3;
   font-family: Inter;
   font-size: 14px;
   color: #344143;
   letter-spacing: 0;
   line-height: 22px;
 }
 
 
 /* Action buttons throughout site */
 
 .actionbuttons {
   height: 60px;
   font-family: Poppins;
   width: 182px;
   border: 0;
   background-color: #147fa9;
   border-radius: 2px;
   font-weight: 600;
   font-size: 16px;
   color: #FFFFFF;
   letter-spacing: 0.27px;
   text-align: center;
   line-height: 13px;
 }

 .actionbuttonssm {
   height: 30px;
   font-family: Poppins;
   width: 300px;
   border: 0;
   background-color: #147fa9;
   border-radius: 2px;
   font-weight: 600;
   font-size: 13px;
   color: #FFFFFF;
   letter-spacing: 0.27px;
   text-align: center;
   line-height: 13px;
 }
 
 .getthappbutton {
   background-color: rgba(18,19,20,0.2);
   border-radius: 2px;
   font: Inter;
   font-size: 14px;
   color: #FFFFFF !important;
   letter-spacing: 1px;
   text-align: center;
   line-height: 13px;
 }

 .getthappbutton:hover {
   background-color: rgba(18,19,20,0.2);
 }
 
 
 /* List without styles for footer buttons*/
 
 .listwithoutstyle {
    list-style-type: none;
    padding-left: 0px;
 }
 
 
 /* How it works page*/
 
 .how-it-work-heading-description {
   text-align:start !important; 
   padding: 0px 0px !important;
}
.how-it-work-videocover{
   width:70%;
   box-shadow: 8px 8px 24px 3px rgba(0, 0, 0, 0.05);
   border-top:1px solid white;
}
 .Aligner-item {
    max-width: 100%;
    text-align: left;
    padding: 50px;
 }
 
 .hiwdescription {
   font-family: Inter;
   font-size: 24px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 36px;
   margin: 0px !important;
 }
 
 .hiwicons {
    height: 70px;
    width: 70px;
 }
 
 .font-weight-bold{
     font-weight: bold;
 }
 
.buttonincenter {
   position: absolute;
   height: 50px;
   width:50px
 }
.testimonial-image {
   width: 85%;
   padding:30px;
   height:578px;
   border-radius: 4px;
   object-fit: cover;
}

/* Styles related to FAQs */

.panel-body {
   border-top-width:0px !important;
   font-family: Inter;
   font-size: 14px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 22px;
  }
  .panel-heading {
    padding: 0px;
    border:0px;
    background-color: transparent  !important;
    border-color: transparent !important;
  }
  .panel {
    border:0px
  }
  .panel-title>a, .panel-title>a:active{
   display:block;
   padding: 15px 0px;
   font-family: Poppins-SemiBold;
   font-size: 18px;
   color: #344143;
   letter-spacing: 0;
   line-height: 24px;
   text-decoration: none;  
  }
  .panel-heading  a:before {
     font-family: 'Glyphicons Halflings';
     content: "\e114";
     float: right;
     transition: all 0.5s;
     color: #147FA9;
     opacity: 1;
  }
  .panel-heading.active a:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
      color: black;
      opacity: 0.20;
  } 
  .faqbody {
   background-color: white; 
   padding: 0px 100px 100px 100px; 
   margin-top: 100px
  }

  .search {
   width: 100%;
   position: relative;
   display: flex;
   margin-top:20px;
 }
 
 .searchTerm {
   width: 100%;
   height:60px !important;
   border: 3px solid #fff;
   border-right: none;
   padding: 5px;
   height: 20px;
   border-radius: 5px 0 0 5px;
   outline: none;
   color: #5A6F73 !important;
 }
 
 .searchTerm:focus{
   color: #fff;
 }
 
 .searchButton {
   width: 40px;
   height:60px !important;
   border: 1px solid #fff;
   background: #fff;
   text-align: center;
   color: #147FA9 !important;
   border-radius: 0 5px 5px 0;
   cursor: pointer;
   font-size: 20px;
 }
 

/* Request A Gym page */
.formtextarea {
   border: 0;
   outline: 0;
   background: transparent;
   height: 63px;
   width: 100%;
   border-bottom: 1px solid rgb(221, 213, 213)!important;

   font-family: Inter;
   font-size: 16px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 22px;
 }


 .row .image-col {
   background-image: url("../assets/images/bring-flexit-illo.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 100vh;
   background-position: center ;
 }
 .row .image-waitlist-pt {
   background-image: url("../assets/images/bring-flexit-pt.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 100vh;
   background-position: center ;
 }
.row .image-waitlist-ar {
   background-image: url("../assets/images/bring-flexit-ar.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 100vh;
   background-position: center ;
 }
 .row .image-col-contact {
   background-image: url("../assets/images/contact-illo.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 110vh;
   background-position: center ;
 }
 .row .image-col-partner {
   background-image: url("../assets/images/partner-illo.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 110vh;
   background-position: center ;
 }
 
/* Styles related to carousel*/
.carousel-control .left-img{
   z-index: 5;
   display: inline-block;
   left:-75px;
   height:60px !important;
   width:60px !important;
   position:relative;
   background: none;
 }
 .carousel-control .right-img{
   z-index: 5;
   display: inline-block;
   position:relative;
   right:-80px;
   height:60px !important;
   width:60px !important;
 }
 .navigation-icon {

   border: 1px solid #919191;  
   box-shadow: 8px 8px 24px 3px rgba(3,86,99,0.05);
   background: #FFFFFF;
   height: 60px;
   width: 60px;
   Border-radius: 30px;
 }
 .carousel-control.left, .carousel-control.right {
   background: none !important;
}
 h4 {
   margin: 20px 10px 10px;
 }
 

 
 #carousel-example-generic {
   margin: 20px auto;
   width: 400px;
 }
 
 #carousel-custom {
   margin: 20px auto;
   width: auto;
 }
 
 #carousel-custom .carousel-indicators {
   margin: 20px 0 0 55px;
   overflow: auto;
   position: static;
   text-align: center;
   white-space: nowrap;
   width: 90%;
   display: flex;
   justify-content: space-between;
 }
 
 #carousel-custom .carousel-indicators li {
   background-color: transparent;
   -webkit-border-radius: 0;
   border-radius: 0;
   display: inline-block;
   height: auto;
   margin: 0 !important;
   width: auto;
 }
 
 #carousel-custom .carousel-indicators li img {
   display: block;
   opacity: 0.5;
 }
 
 #carousel-custom .carousel-indicators li.active img {
   opacity: 1;
 }
 
 #carousel-custom .carousel-indicators li:hover img {
   opacity: 0.75;
 }
 
 #carousel-custom .carousel-outer {
   position: relative;
 }
 
.presstitle {
   display: block;
	color: #344143;
	font-family: Poppins;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}
.pressdescription {
      color: #5A6F73;
      font-family: "Inter";
      font-size: 18px;
      font-weight: 300;
      line-height: 30px;
}



body#tinymce {
   background: #FFFFFF
}

.gym-video-dialog{
   margin: 0 auto;
    /* background: transparent; */
    border: none;
    box-shadow: none;
}

.gym-video-content{
   width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: transparent;
}

.gym-video-header{
   padding: 0;
   border:none;
}

.gym-video-body{
}

@media(min-width:768px) and (max-width:991px) {
   .desktop-padding-press {
      padding-left : 10px;
   }
}
@media(min-width:992px) and (max-width:1025px) {
   .desktop-padding-press {
      padding-left : 60px;
   }
}
@media(min-width:1025px) and (max-width:1200px) {
   .desktop-padding-press {
      padding-left : 60px;
   }
}
@media(min-width:1201px) {
   .desktop-padding-press {
      padding-left:70px;
   }
}
.navbar {
      background-image: linear-gradient(180deg, rgba(0,0,0,0.50) 10%, rgba(0,0,0,0.00) 100%) !important; 
      
}

.download-badge {
   height: 60px;
   width: 180px;
   margin: 10px;
}

.thumbnail-logobox {
   height:53px;
   width: 150px;
}

.writer {  
   margin-top:30px;
   margin-bottom:0px;
      height: 24px;
      width: 373px;
      color: #344143;
      font-family: "Inter";
      font-size: 16px;
      font-weight: bold;
      line-height: 24px;
      padding: 0px !important;
   }
.writerdesignation {
  
      height: 24px;
      width: 373px;
      color: #5A6F73;
      font-family: "Inter";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      padding: 0px !important;

}
.presspartnersdescription {
      height: 180px;
      width: 373px;
      color: #344143;
      font-family: "Inter" !important;
      font-size: 20px;
      font-weight: 300;
      line-height: 36px;
   
}



 @media(min-width:320px) and (max-width:420px) {
    
 .row .image-col {
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 40rem ;
   background-position: center ;
 }
 .row .image-waitlist-pt {
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 40rem ;
   background-position: center ;
 }
.row .image-waitlist-ar {
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 40rem ;
   background-position: center ;
 }
 .row .image-col-contact {
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 48rem;
   background-position: center ;
 }
 .row .image-col-partner {
   background-repeat: no-repeat;
   background-size: 100% auto;
   height: 40rem ;
   background-position: center ;
 }
 }
 @media(min-width:421px) and (max-width:600px) {
    
   .row .image-col {
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 58rem ;
     background-position: center ;
   }
   .row .image-col-contact {
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 66rem;
     background-position: center ;
   }
  .row .image-waitlist-ar {
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 58rem;
     background-position: center ;
   }
.row .image-waitlist-pt {
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 66rem;
     background-position: center ;
   }
   .row .image-col-partner {
      background-repeat: no-repeat;
      background-size: 100% auto;
      height: 58rem ;
      background-position: center ;
    }
   }
 
 @media (min-width: 768px) {
   .row .image-col:last-child { 
     background-size: auto 100%;
     height: 517px;
   }
 .row .image-waitlist-pt:last-child { 
     background-size: auto 100%;
     height: 517px;
   }
 .row .image-waitlist-ar:last-child { 
     background-size: auto 100%;
     height: 517px;
   }
   .row .image-col-contact:last-child { 
      background-size: auto 100%;
      height: 530px;
    }
   .row .image-col-partner:last-child { 
      background-size: auto 100%;
      height: 517px;
    }
 }


/* For gym page */


/* Contact-us page */
.contact-address{
   font-family: Inter;
   font-size: 16px;
   color: #5A6F73;
   letter-spacing: 0;
   line-height: 24px;
}

.contact-title {
   font-family: Inter-Bold;
   font-size: 13px;
   color: #344143;
   letter-spacing: 1.5px;
   line-height: 16px;
   margin-bottom: 20px;
   margin-top: 25px;
}


.thumnail-logo-box {
   display: flex;
   align-items: center;
   justify-content: center;
   height:93px;
   width:50%;
}

.thumbnail-logo-images {
   max-height: 25px;
   object-fit: contain;
}


/* Dynamic content css */
.base {
	height: 348px;
   width: 351px;
   max-width: 100%;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 8px 24px 3px rgba(3,86,99,0.05);
}

.gymimage {	
   height: 220px;	
   width: 90%;
   text-align: center;
   margin: 5% 5% 0% 5%;
}
.gymarea {	
   text-decoration: none;
   text-align: center !important;
   height: 24px;	
   margin-top:30px;
   padding-left:5px;
   padding-right:5px;
   font-family: "Inter-Bold";
}

.gymaddress {
      text-decoration: none;
       text-align: center !important;
      height: 24px;
      color: #5A6F73;
      padding-left:5px;
      padding-right:5px;
      font-family: "Inter";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      text-align: center;
}
#gym_count {
   padding-top:36px;
   padding-left:15px;
      color: #5A6F73;
      font-family: "Inter";
      font-size: 16px;
      line-height: 24px;
   }
   #slide-status {
      display: inline;
      text-align: left;
         color: #5A6F73;
         font-family: "Inter";
         font-size: 18px;
         font-weight: 300;
         line-height: 30px;
   }
  .testmonial-status {
     padding-left:5% !important;
  }
.multi-item-carousel .carousel-inner > .item {
   transition: 500ms ease-in-out left;
 }
 .multi-item-carousel .carousel-inner .active.left {
   left: -33%;
 }
 .multi-item-carousel .carousel-inner .active.right {
   left: 33%;
 }
 .multi-item-carousel .carousel-inner .next {
   left: 33%;
 }
 .multi-item-carousel .carousel-inner .prev {
   left: -33%;
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
   .multi-item-carousel .carousel-inner > .item {
     transition: 500ms ease-in-out left;
     transition: 500ms ease-in-out all;
     backface-visibility: visible;
     transform: none!important;
   }
 }
 .multi-item-carousel .carouse-control.left,
 .multi-item-carousel .carouse-control.right {
   background-image: none;
 }

.multi-item-carousel-control-left {
   position:absolute; 
   top:85%;
   left:75%
}
.multi-item-carousel-control-right {
   position:absolute; 
   top:85%;
   right:0%
}

/* Multi-item-carousel responsiveness */
/*xs*/


@media (max-width: 425px) {
   .col-6-mobile {
      width: 100% !important;
   }
   #dynamicinner > .active > div:last-child {display: none}
   #dynamicinner > .active > div:first-child {display: none}
   .gymlist-carousel-control-left {
      position: absolute;
      top:92%;
      left:60% !important;
    }

 }
 
 /*sm*/
 @media (min-width: 426px) and (max-width: 991px) {
   #dynamicinner > .active > div:last-child {display: none}

}
 
 /*md*/
 @media (min-width: 992px) and (max-width: 1199px) {

 }
 
 

.gymaddress {
      text-decoration: none;
       text-align: center !important;
      height: 24px;
      color: #5A6F73;
      font-family: "Inter";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      text-align: center;
}


.left-svg {
   height: 20px; 
   width:20px; 
   position:absolute; 
   top:30%; 
   left:10%
}

.right-svg {
   height: 20px; 
   width:20px; 
   position:absolute; 
   top:30%; 
   right:76%
}
 
/*Media query for carousel indicators - smaller screen*/
@media(max-width:475px) {
   .multi-item-carousel-control-left {
      position:absolute; 
      top:85%;
      left:60%;
   }
   .left-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      left:30%;
   }
   .right-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      right:30%;
   }
}

@media (min-width:476px) and (max-width:767px) {
   .multi-item-carousel-control-left {
      position:absolute; 
      top:85%;
      left:70%;
   }
   .left-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      left:20%;
   }
   .right-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      right:55%;
   }
}

/*Media query for carousel indicators - medium screen devices*/
@media(min-width:768px) and  (max-width:1200px) {
   .left-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      left:17% !important;
   }
   .right-svg {
      height: 20px; 
      width:20px; 
      position:absolute; 
      top:30%; 
      right:63% !important;
   }
}



 /* Media Query for Mobile Devices */
 @media (max-width: 767px) {
   #gym_count {
      max-width: 50%;
   }
   .press-background-black {
      height: 200px;
  }
   .gymlist-carousel-control-left {
      position: absolute;
      top:88%;
      left:70%;
    }
    .gymlist-carousel-control-right {
      position: absolute;
      top:88%; 
      width:auto
    }
   .padding-left-right-zero {
      padding-left: 0px;
      padding-right: 0px;
   }
   .margin-bottom-100 {
      margin-bottom:0px;
   }
   .get-the-app-margin {
      margin-right: 10px
   }
   .faqbody {
      background-color: white; 
      padding: 0px ; 
      margin-top: 100px
     }

   .text-left {
      text-align: center !important;
   }
    .navbar-nav {
       padding-top: 20%;
    }
    .navbar-inverse {
       padding: 30px 20px 30px 30px;
    }
    .navbar-new {
      padding: 30px 20px 30px 30px;
   }
    .modal-dialog {
       margin: 0px;
       border: 0px;
       text-align: left;
    }

    .navbar-brand {
       padding-left: 0px;
    }
    .modal-body .actionbuttons {
       margin: 15px;
    }
    .caption {
       position: absolute;
       bottom: 50px;
       width:90%;
       max-width:366px;
       padding-left: 30px;
       background-color: transparent;
    }
    .captionHeading {
       color: white;
       font-family: Poppins-SemiBold;
       font-size: 50px;
       line-height: 50px !important;
       margin-left: 0px !important;
    }
    .captionDescription {
       color: white;
       font-family: Inter;
       font-size: 20px;
       line-height: 28px;
       margin-left: 0px !important;
    }
    .bg-img-hero {
       height: 85vh;
       min-height: 550px !important;
       background-image: : url("../assets/VerticalDarkFrame");
       /*background-image: url("../assets/images/heros/mobile-flexit-home.jpg");*/
       alt: "Girl working out in a flexit gym";
    }
    .bg-img-hero-howitworks {
       height: 85vh;
       min-height: 550px !important;
       background-image: url("../assets/images/heros/mobile-hero-howitworks.jpg");
       alt: "Girl working out in a flexit gym";
    }
    .bg-img-hero-forgyms {
      height: 85vh;
      min-height: 550px !important;
      background-image: url("../assets/images/heros/mobile-for-gyms-hero.jpg"); 
      alt: "Girl running in a tredmill in flexit partnered gym";
      
   }
   .bg-img-hero-partners {
      height: 85vh;
      min-height: 550px !important;
      background-image: url("../assets/images/heros/mobile-partner-hero.jpg"); 
      background-size: cover;
      alt: "Guy happily working out in a flexit partnered gym";
   }
   .hero-gradient {
      height: 85vh;
      min-height: 550px !important;
   }
   .header-default {
      height: 85vh;
      min-height: 550px !important;
   }
    .close {
       font-size: 28px;
    }
    .howitworksimg {
       padding: 0px;
       max-width: 100vw;
    }
    .headingtitle {
      padding-top: 20px;
      margin-bottom: 0px !important;
      font-family: Inter-Bold;
      font-size: 13px;
      color: #147FA9;
      letter-spacing: 1.5px;
      text-align: center;
      line-height: 16px;
    }
    .headingdescription {
       font-size: 32px;
       padding: 0px 10px;
       font-family: Poppins;
       color: #272727;
       letter-spacing: -0.4px;
       text-align: center;
       line-height: 44px;
       padding-bottom: 30px;
    }
 .headingdescription2 {
       font-size: 32px;
       padding: 0px 10px;
       font-family: Poppins;
       font-weight: 600;
       color: #ffffff;
       letter-spacing: -0.4px;
       text-align: center;
       line-height: 1.25;
       
    }
    footer {
       background-color: white;
       position: relative;
       padding: 30px;
       width: 100%;
    }
    footer a {
       color: grey;
       font: Inter;
       font-size: 16px;
       line-height: 24px;
    }
    footer a:hover {
       font: Inter;
       color: #777;
       text-decoration: none;
    }
    .containerWithBadges {
       padding: 0px;
    }
    .footerHeading {
         font-family: Poppins-SemiBold;
         font-size: 18px;
         color: #344143;
         letter-spacing: 0;
         line-height: 50px;
    }
    .footerItem {
      font-family: Inter;
      font-size: 16px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 35px;
    }
    .badgeheading {
      font-family: Poppins-SemiBold;
      font-size: 32px;
      color: #344143;
      letter-spacing: 0;
      line-height: 40px;
      margin: 0px;
    }
    .badgeSubtitle {
      font-family: Inter !important;
      font-size: 18px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 30px;
      margin: 0px;
    }
    .badgeSubtitle2 {
      font-family: Inter !important;
      font-size: 16px;
      color: #ffffff;
      font-stretch: normal;
      letter-spacing: 0;
      line-height: 1.5px;
      margin: 0px;
    }
    .badgedescription {
       font-size: 18px;
       line-height: 30px;
    }
    .signupdescription {
       font-size: 14px;
       line-height: 22px;
       font-family: Inter;
       color: #5A6F73;
       letter-spacing: 0;
       margin-top: 20px;
    }
    .termsandconditionsrow {
       color: #777;
       font-size: 13px;
       line-height: 22px;
       padding-bottom: 40px;
    }
    .alignbadge {
       text-align: center;
    }
    .sup-trademark {
       vertical-align: super;
       font-size: 10px;
    }
    .sup-trademark-footer {
      vertical-align: super;
      font-size: 5px !important;
   }
    /* For mobile only*/
    .navbar-inverse .navbar-toggle .icon-bar {
       background-color: #e2e0e0;
    }
    .navbar-new .navbar-toggle .icon-bar {
      background-color: black;
   }
    .navbar-inverse .navbar-toggle {
       border-color: white;
    }
    .text-page-contents {
       padding: 30px 30px !important;
       font: Inter !important;
       font-size: 18px;
       background-color: #EAEFF0
    }
    .text-page-contents2 {
       padding: 0px 0px !important;
       font: Inter !important;
       font-size: 18px;
       background-color: #EAEFF0
    }
    .Aligner-item {
       max-width: 100%;
       text-align: center;
       padding: 50px;
    }
    .testimonial-image {
      width: 100%;
      padding:30px;
      height: 378px;
      border-radius: 4px;
      object-fit: cover;
   }
   .testimonial-text {
      padding: 30px;
   }
   .logo-box {
      display: flex;
      align-items: center;
      justify-content: center;
      height:100px;
      width:50%;
   }
   
   .logo-images {
   height: 29px;
   width: 97px;
   }

   .gym-video-dialog{
      margin: 0;
       /* background: transparent; */
       border: none;
       box-shadow: none;
       width: 100%;
       height: 100%;
   }
   
   .gym-video-content{
      width: 100%;
      height: 100%;
       box-shadow: none;
       border: none;
       border-radius: 0;
       background: transparent;
       padding: 0;
   }
   
   .gym-video-header{
      position: fixed;
      z-index: 10001;
      right: 20px;
      top: 45px;
   }
   
   .gym-video-body{
      padding: 0;
      width: 100%;
      height: 100%;
   }

   #flexItGymvideo {
      width:100%;
      height:100%;
     }
	 #flexItGymvideo2 {
      width:100%;
      height:100%;
     }
	 #flexItGymvideo3 {
      width:100%;
      height:100%;
     }
	 #flexItGymvideo4 {
      width:100%;
      height:100%;
     }
 #flexItGymvideo5 {
      width:100%;
      height:100%;
     }
 #flexItGymvideo6 {
      width:100%;
      height:100%;
     }

   .gym-video-modal{
      padding:0 !important;
   }

   
   
 }
 
 
 /* Media Query for Tablets Ipads portrait mode */
 
 @media (min-width: 768px) and (max-width: 1024px) {


    .navbar-inverse {
        padding: 34px 10px 38px 10px;
        margin-bottom: 0px;
     }
     .navbar-new {
      padding: 34px 120px 38px 120px;
      margin-bottom: 0px;
   }
     .caption {
        position: absolute;
        bottom: 50px;
        width: 55%;
        padding-left: 120px;
     }
  .captionpt {
        position: absolute;
        bottom: 50px;
        width: 75%;
        padding-left: 120px;
     }
     .captionHeading {
        font-family: Poppins-SemiBold;
        color: white;
        font-size: 90px;
        line-height: 90px !important;
        letter-spacing: -0.65px;
        margin-left: 0px !important;
     }
     .captionDescription {
        font-family: Inter;
        color: white;
        font-size: 24px;
        line-height: 36px;
        margin-left: 0px !important;
     }
     .watchVideo {
      font-family: Inter;
      font-size: 13px;
      color: #FFFFFF;
      letter-spacing: 0.9px;
      line-height: 13px;
    }
     .navbar-brand {
        padding-top: 5px;
     }
     footer {
        background-color: white;
        position: relative;
        padding: 50px;
        width: 100%;
     }
     footer a {
        color: grey;
        font: Inter;
        font-size: 16px;
        line-height: 24px;
     }
     footer a:hover {
        font: Inter;
        color: #777;
        text-decoration: none;
     }
     .containerWithBadges {
        padding: 0px 100px 80px 100px;
     }
     .footerHeading {
         font-family: Poppins-SemiBold;
         font-size: 18px;
         color: #344143;
         letter-spacing: 0;
         line-height: 50px;
     }
     .footerItem {
      font-family: Inter;
      font-size: 16px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 35px;
    }
     .badgeheading {
         font-family: Poppins-SemiBold;
         font-size: 32px;
         color: #344143;
         letter-spacing: 0;
         line-height: 40px;
     }
     .badgeSubtitle {
      font-family: Inter !important;
      font-size: 18px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 30px;
      margin: 0px
    }
     .badgedescription {
        font-size: 18px;
        line-height: 30px;
     }
     .signupdescription {
         font-size: 14px;
         line-height: 22px;
         font-family: Inter;
         color: #5A6F73;
         letter-spacing: 0;
         margin-top: 20px;
   }
     .termsandconditionsrow {
        color: #777;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 40px;
     }
     .alignbadge {
        text-align: center;
     }
     .sup-trademark {
        vertical-align: super;
        font-size: 24px;
     }
     .headingtitle {
        padding-top: 100px;
        margin-bottom: 0px !important;
        font-family: Inter-Bold;
        font-size: 13px;
        color: #147FA9;
        letter-spacing: 1.5px;
        text-align: center;
        line-height: 16px;
     }
     .headingdescription {
        padding: 0px 10px;
        font-family: Poppins-SemiBold;
        font-size: 45px;
        color: #344143;
        letter-spacing: -0.4px;
        text-align: center;
        line-height: 54px;
        padding-bottom: 44px;
     }
     .text-page-contents {
        padding: 40px 40px !important;
        font-size: 20px;
        font: Inter !important;
        background-color: #EAEFF0
     }
    .text-page-contents2 {
        padding: 0px 0px !important;
        font-size: 20px;
        font: Inter !important;
        background-color: #EAEFF0
     }
     /* Only for laptops*/
     .Aligner {
        display: flex;
        align-items: center;
        justify-content: center;
     }
     #flexItGymvideo {
      width:100%;
      height:400px;
     }
	   #flexItGymvideo2 {
      width:100%;
      height:400px;
     }
     .testimonial-text {
      padding: 30px !important;
   }
   .desktop-left-align {
      text-align: left !important;
   }
   .logo-box {
      display: flex;
      align-items: center;
      justify-content: center;
      height:150px;
      width:250px;
   }
 }
 
#flexItGymvideo7 {
     width:100%;
     height:500px;
    }
 
 /* Media Query for Laptops and Desktops */
 
 @media (min-width: 1025px) {

    .navbar-inverse {
       padding: 34px 120px 23px 120px;
       margin-bottom: 0px;
    }
    .navbar-new{
      padding: 34px 120px 23px 120px;
      margin-bottom: 0px;
   }
    .caption {
       position: absolute;
       bottom: 50px;
       width: 70%;
       padding-left: 120px;
    }
    .captionHeading {
       font-family: Poppins-SemiBold;
       color: white;
       font-size: 90px;
       line-height: 90px !important;
       letter-spacing: -0.65px;
       margin-left: 0px !important;
    }
    .captionDescription {
       font-family: Inter;
       color: white;
       font-size: 24px;
       line-height: 36px;
       margin-left: 0px !important;
    }
    .watchVideo {
      font-family: Inter;
      font-size: 13px;
      color: #FFFFFF;
      letter-spacing: 0.9px;
      line-height: 13px;
    }
    .navbar-brand {
       padding-top: 5px;
    }
    footer {
       background-color: white;
       position: relative;
       padding: 60px 80px 0px 80px;
       width: 100%;
    }
    footer a {
       color: grey;
       font: Inter;
       font-size: 16px;
       line-height: 24px;
    }
    footer a:hover {
       font: Inter;
       color: #777;
       text-decoration: none;
    }
    .containerWithBadges {
      padding: 0px 100px 80px 100px;
    }
    .footerHeading {
         font-family: Poppins-SemiBold;
         font-size: 18px;
         color: #344143;
         letter-spacing: 0;
         line-height: 50px;
    }
    .footerItem {
      font-family: Inter;
      font-size: 16px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 35px;
    }
    .badgeheading {
      font-family: Poppins-SemiBold;
      font-size: 32px;
      color: #344143;
      letter-spacing: 0;
      line-height: 40px;
      margin: 0px;
    }
    .badgeSubtitle {
      font-family: Inter !important;
      font-size: 18px;
      color: #5A6F73;
      letter-spacing: 0;
      line-height: 30px;
      margin: 0px
    }
    .badgedescription {
       font-size: 18px;
       line-height: 30px;
    }
    .signupdescription {
         font-size: 14px;
         line-height: 22px;
         font-family: Inter;
         color: #5A6F73;
         letter-spacing: 0;
         margin-top: 20px;
   }
    .termsandconditionsrow {
       color: #777;
       font-size: 14px;
       line-height: 22px;
       padding-bottom: 40px;
    }
    .alignbadge {
       text-align: end;
    }
    .sup-trademark {
       vertical-align: super;
       font-size: 24px;
    }
    .headingtitle {
      padding-top: 100px;
      margin-bottom: 0px !important;
      font-family: Inter-Bold;
      font-size: 13px;
      color: #147FA9;
      letter-spacing: 1.5px;
      text-align: center;
      line-height: 16px;
    }
.headingtitle2 {
      padding-top: 0px;
      margin-bottom: 0px !important;
      font-family: Inter-Bold;
      font-size: 13px;
      color: #147FA9;
      letter-spacing: 1.5px;
      text-align: center;
      line-height: 16px;
    }
    .headingdescription {
      padding: 0px 10px;
      font-family: Poppins-SemiBold;
      font-size: 45px;
      color: #272727;
      letter-spacing: -0.4px;
      text-align: center;
      line-height: 54px;
      padding-bottom: 44px;
    }
    .text-page-contents {
       padding: 80px 130px !important;
       font-size: 20px;
       background-color: #EAEFF0;
       font: Inter !important;
    }
 .text-page-contents2 {
       padding: 20px 20px !important;
       font-size: 20px;
       background-color: #EAEFF0;
       font: Inter !important;
    }
    /* Video Modal */
    #flexItGymvideo {
     align:center;
     width:8100%;
     height:650px;
    }
	 #flexItGymvideo2 {
     width:100%;
    display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }
 #flexItGymvideo3 {
     width:100%;
     display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }
 #flexItGymvideo4 {
     width:100%;
     display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }
 #flexItGymvideo5 {
     width:100%;
     display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }
 #flexItGymvideo6 {
     width:100%;
     display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }
 #flexItGymvideo7 {
     width:100%;
     display: block;
  margin-left: auto;
  margin-right: auto;
     height:650px;
    }

    .logo-box {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      height:200px;
      border-right: 1px solid #E9EBEC;
      border-bottom: 1px solid #E9EBEC;
   }
   .mountain-fitness-height {
      height: 76.5px;
   }

   .logo-box:last-child{
      border-right: 0px;
   }
   
    /* Only for laptops*/
    .Aligner {
       display: flex;
       align-items: center;
       justify-content: center;
    }
    .desktop-left-align {
      text-align: left !important;
   }
 }

 
 @media (min-width: 992px){
     .termsrow {
        padding-left:20px;
     }
     #demoObject {
      -webkit-box-shadow: 8px 8px 24px 3px rgba(3,86,99,0.05);
      box-shadow: 8px 8px 24px 3px rgba(3,86,99,0.05);

      background: #FFFFFF;
      position: relative;
      z-index: 10;
      background: #FFFFFF;
      border-radius: 4px;
      margin-bottom: 30px;
      margin-top: 30px;
   }
   #demoObject > div > div > img {
      height:400px;
   }
   #demoObject > div:first-child() {
      background-color: black;
   }
   .press-carousel-control-left {
      position: absolute;
      top:40%;
      left: -6%;
   }
   .press-carousel-control-right {
      position: absolute;
      top:40%;  
      right: -6% !important; 
   }

 }
@media (max-width:991px) {
   .actionbuttons-textpage {
      width: 100% !important;
    }
    .press-carousel-control-left {
      position: absolute;
      top:88%;
      left: 70%;
    }
    .press-carousel-control-right {
      position: absolute;
      top:88%;  
    }
    
}

@media (min-width:320px) and (max-width:475px) {
   .press-carousel-control-left {
      position: absolute;
      top:88%;
      left: 60%;
    } 
}
 @media (min-width:1025px) {
    .navbar-inverse {
        padding: 34px 90px 23px 90px;
        margin-bottom: 0px;
     }
     .navbar-new {
      padding: 34px 120px 23px 120px;
      margin-bottom: 0px;
   }

 }
 .find-gym-page .text-page-headings{
   font-family: Poppins-SemiBold;
   font-size: 45px;
   color: #344143;
   letter-spacing: -0.4px;
   line-height: 54px;
   text-align: left;
}

.find-gym-page .text-para{
   font-family: Inter;
   font-size: 19px;
   color: #5A6F73;
   letter-spacing: 0px;
   line-height: 24px;
   font-size: 18px;
}

.find-gym-page .text-page-desc{
    padding-top: 24px;
}

.find-gym-page .map-list-cout-result{
   line-height: 66px;
   text-align: left;
   visibility: hidden;
}

.find-gym-page .map-div{
   width: 100%;
   height: 550px;
}

.find-gym-page .map-wrapper{
   margin-top: 80px;
}

.find-gym-page .map-searchbox{
   background-image: url(../assets/images/right.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: white;
    padding-right: 25px;
    outline: none;
    max-width: 100% !important;
    box-shadow: 2px 2px 8px #d8d8d8;
}

.find-gym-page .map-list-container{
   position: absolute;
   top: 0;
   display: block;
   width: 550px;
   height: 100%;
   padding:20px 0 4px 20px;
   overflow: hidden;
}

.find-gym-page .map-list-container .map-list-inner-container{
   /* height: 100%; */
   overflow: auto;
   transition: 0.5s transform;
   transform: translateY(0);
}

.find-gym-page .map-list-container .maplist-no-data{
    width: 100%;
   background-color: white;
   height: 98%;
   box-shadow: 0 8px 24px 3px rgba(3,86,99,0.05);
   padding: 74px 59px;
   text-align: center;
   display: none;
}

.find-gym-page .map-list-container .maplist-no-data .title{
   color: #147FA9;
   font-family: Inter;
   letter-spacing: 1.5px;
   line-height: 16px;
   text-align: center;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 10px;
}

.find-gym-page .map-list-container .maplist-no-data .no-data-caption{
   color: #344143;
   font-family: Poppins;
   font-size: 45px;
   font-weight: 600;
   letter-spacing: -0.4px;
   line-height: 54px;
   text-align: center;
   margin-bottom: 30px;
}

.find-gym-page .map-list-container .maplist-no-data .desc{
   color: #5A6F73;
   font-family: Inter;
   line-height: 36px;
   text-align: center;
   color: #5A6F73;
   font-size: 24px;
   font-weight: 300;
   margin-bottom: 30px;

}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item{
   width: 100%;
   min-height: 162px;
   background-color: white;
   display: block;
   margin-bottom: 20px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item ul {
   margin: 0;
   list-style: none;
   width: 100%;
   height: 100%;
   padding: 0;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-img{
   width: 175px;
   height: 162px;
   display: inline-block;
}

.map-list-item-img .list-gym-img{
   width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc{
   padding: 20px;
   display: inline-block;
   height: 100%;
   width: 355px;
   top: 0;
   position: absolute;
}

.find-gym-page .showall {
   text-align: center;
   border: 1px solid rgba(8, 8, 18, .1);
   border-radius: 2px;
   padding: 23px;
   display: none;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .area{
   color: rgba(0,180,210,1);
    font-family: Inter;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .address{
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(8,8,18,0.1);
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .address .name{
   color: rgba(52,65,67,1);
   font-family: Poppins;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   padding-bottom: 5px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .address .add{
   color: rgba(90,111,115,1);
   font-family: Inter;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .status{
   color: rgba(52,65,67,1);
   font-family: Inter;
   font-size: 14px;
   font-weight: bold;
   line-height: 22px;
   padding-top:10px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc .status>span{
   padding-right:20px;
}









.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected{
   width: 100%;
   min-height: 162px;
   background-color: #dee8fa;
   display: block;
   margin-bottom: 20px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected ul {
   margin: 0;
   list-style: none;
   width: 100%;
   height: 100%;
   padding: 0;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-img{
   width: 175px;
   height: 162px;
   display: inline-block;
}

.map-list-item-img .list-gym-img{
   width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc{
   padding: 20px;
   display: inline-block;
   height: 100%;
   width: 355px;
   top: 0;
   position: absolute;
}

.find-gym-page .showall {
   text-align: center;
   border: 1px solid rgba(8, 8, 18, .1);
   border-radius: 2px;
   padding: 23px;
   display: none;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .area{
   color: rgba(0,180,210,1);
    font-family: Inter;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 16px;
    padding-bottom: 10px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .address{
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(8,8,18,0.1);
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .address .name{
   color: rgba(52,65,67,1);
   font-family: Poppins;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   padding-bottom: 5px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .address .add{
   color: rgba(90,111,115,1);
   font-family: Inter;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .status{
   color: rgba(52,65,67,1);
   font-family: Inter;
   font-size: 14px;
   font-weight: bold;
   line-height: 22px;
   padding-top:10px;
}

.find-gym-page .map-list-container .map-list-inner-container .map-list-item-selected .map-list-item-desc .status>span{
   padding-right:20px;
}













.find-gym-page .map-indicator-wrapper{
   padding-top:40px;
}

.find-gym-page .map-list-location{
   text-align: right;
}

.find-gym-page .map-indicator-wrapper .maplist-indicator{
   display: none;
}

.find-gym-page .map-indicator-wrapper .maplist-indicator .maplist-carousel-indicator{
   box-shadow: 0 4px 8px 0 rgba(3,86,99,0.05);
    width: 60px;
    height: 60px;
    background-color: white;
    border: none;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.find-gym-page .map-indicator-wrapper .maplist-indicator .maplist-carousel-indicator.disabled{
   pointer-events: none;
   background-color: none;
   border: 1px solid #080812;
   opacity: 0.1;
   cursor: not-allowed;
}


.find-gym-page .map-indicator-wrapper .maplist-indicator .maplist-carousel-indicator .indicator-arrow{
   width: 24px;
   height: 24px;
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color: #147FA9;
}

.find-gym-page .map-indicator-wrapper .maplist-indicator .maplist-carousel-indicator.disabled .indicator-arrow{
   pointer-events: none;
   color:#080812;
} 

.find-gym-page .map-indicator-wrapper .gym-location-wrapper{
   width: 60px;
   height: 60px;
   border: 1px solid rgba(8, 8, 18, 0.1);
   border-radius: 50%;
   display: inline-block;
   position: relative;
   cursor: pointer;
   margin-right: 15px;
}

.find-gym-page .map-indicator-wrapper .gym-location-logo{
   width: 24px;
   height: 24px;
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color: #147FA9;
   filter: invert(48%) sepia(83%) saturate(591%) hue-rotate(143deg) brightness(98%) contrast(101%);
}

.find-gym-page .map-indicator-wrapper .gym-location{
   display: inline-table;
}

.find-gym-page .map-indicator-wrapper:after{
   clear: both;
   display: block;
   content: "";
   height: 0;
}

.find-gym-page .map-indicator-wrapper .gym-location .gym-location-list{
   display: table-cell;
}

.find-gym-page .map-indicator-wrapper .gym-location .loc-text{
   vertical-align: middle;
}

.find-gym-page .text-small{
   color: #5A6F73;
   font-family: Inter;
   line-height: 13px;
   font-size: 13px;
}

.map-marker-outer-circle{
   display: block;
   border: none;
   cursor: pointer;
   height: 50px;
   width: 50px;
   background: linear-gradient(0deg, rgba(0,156,204,0.1) 0%, rgba(0,180,210,0.1) 100%);
   border-radius: 50%;
}

.map-marker-inner-circle{
   display: block;
   border: none;
   cursor: pointer;
   height: 25px;
   width: 25px;
   background: rgba(0,180,210,1);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   border-radius: 50%;
}

.find-gym-page a {
      color: inherit;
}

.gym-state-dropdown-wrapper{
   position: relative;
   cursor: pointer;
   display: inline-block;
}

/* .gym-state-dropdown-wrapper::after{
   content: '\25BC';
   font-size: 20px;
   color: #147FA9;
} */

.gym-state-dropdown{
   opacity: 0;
   height: 0;
   cursor: pointer;
   width: 0;
   display: none;
}

.gym-state-selected{
   border-bottom:2px solid #147FA9
}

.gym-state-dropdown-list{
   display: inline-block;
   position: absolute;
   left: 0;
   top: 62px;
   min-width: 100%;
   z-index: 1001;
   background-color: white;
   box-shadow: 2px 2px 3px #868080, -2px 2px 3px #868080;
   max-height: 256px;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0;
   list-style: none;
   font-size: 30px;
   text-align: left;
}

.gym-state-dropdown-list li{
   padding: 5px 20px;
}

.gym-state-dropdown-list li:hover{
   cursor: pointer;
   background-color: #147FA9;
   transition: 0.2ms;
   transform: scale(1.01);
}






.gym-city-dropdown-wrapper{
   position: relative;
   cursor: pointer;
   display: inline-block;
}

/* .gym-city-dropdown-wrapper::after{
   content: '\25BC';
   font-size: 20px;
   color: #147FA9;
} */

.gym-city-dropdown{
   opacity: 0;
   height: 0;
   cursor: pointer;
   width: 0;
   display: none;
}

.gym-city-selected{
   border-bottom:2px solid #147FA9
}

.gym-city-dropdown-list{
   display: inline-block;
   position: absolute;
   left: 0;
   top: 62px;
   min-width: 100%;
   z-index: 1001;
   background-color: white;
   box-shadow: 2px 2px 3px #868080, -2px 2px 3px #868080;
   max-height: 256px;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0;
   list-style: none;
   font-size: 30px;
   text-align: left;
}

.gym-city-dropdown-list li{
   padding: 5px 20px;
}

.gym-city-dropdown-list li:hover{
   cursor: pointer;
   background-color: #147FA9;
   transition: 0.2ms;
   transform: scale(1.01);
}








.toggle-dropdown{
   display: none;
}

.dropdown-arrow{
   padding-left: 10px;
}

.find-gym-page .showall {
   display: none;
}

@media (max-width:767px){
   .how-it-work-heading-description {
      text-align:center !important; 
      padding: 0px 0px;
   }
   .how-it-work-videocover{
      width: 90%;
   }
   .find-gym-page .map-list-container{
      position: relative;
      width: 100%;
      padding-left: 0;
      max-height: 1138px;
   }

   .find-gym-page .map-list-container .map-list-inner-container .map-list-item{
      width: 100%;
      height: auto;
   }

   .find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-desc{
      width: 100%;
      position: relative;
   }

   .find-gym-page .map-list-container .map-list-inner-container .map-list-item .map-list-item-img{
      width: 100%;
      height: 180px;
   }

   .find-gym-page .search-wrapper{
      width: 100%;
   }

   .hidden-mobile{
      display: none;
      visibility: hidden;
      height: 0;
   }

   .find-gym-page .map-list-location {
      text-align: center;
   }

   .find-gym-page .showall {
      display: block;
      cursor: pointer;
      margin-top: 20px;
   }

   .find-gym-page .showall-expand{
      max-height: unset;
   }
}

.swal-text {
  font-family: Inter;
  display: block;
  margin: 22px;
  text-align: center;
  color: #272727;
}

.swal-button{

    height: 60px;
    font-family: Poppins;
    width: 182px;
    border: 0;
    background-color: #147fa9;
    border-radius: 2px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.27px;
    text-align: center;
    line-height: 13px;
}