@import url(https://fonts.googleapis.com/css?family=Pacifico);

.navbar-brand {
    background-position: center;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain
}

.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before{
    background-color: #FFF
}

body,
footer,
html {
    background-color: #FFF
}

.index,
.titulos .gigante,
.titulos h2,
footer {
    position: relative
}

#go-top,
.datepicker.datepicker-dropdown {
    cursor: pointer
}

@font-face {
    font-family: 'Gotham Book';
    src: url(../fonts/GothamBook.woff2) format('woff2'), url(../fonts/GothamBook.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Thin.woff2) format('woff2'), url(../fonts/Gotham-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Light.woff2) format('woff2'), url(../fonts/Gotham-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Bold.woff2) format('woff2'), url(../fonts/Gotham-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Black.woff2) format('woff2'), url(../fonts/Gotham-Black.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Hey Charlie';
    src: url(../fonts/Hey-Charlie.woff2) format('woff2'), url(../fonts/Hey-Charlie.woff) format('woff');
    font-style: normal
}

@font-face {
    font-family: 'Edo sz';
    src: url(../fonts/edosz.woff2) format('woff2'), url(../fonts/edosz.woff) format('woff'), url(../fonts/edosz.ttf) format('truetype');
}

@font-face {
    font-family: 'Bebas Neue';
    src: url(../fonts/Bebas-Neue.ttf);
}

@font-face {
    font-family: 'Outfit';
    src: url(../fonts/Outfit-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url(../fonts/Outfit-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url(../fonts/Outfit-Black.ttf);
    font-weight: 900;
    font-style: normal;
}

body,
html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Gotham Book';
    color: #000
}
#sitios-modal .modal-dialog {
    max-width: 700px;
}
#sitios-modal img {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
}
#sitios-modal .logo {
    display: block;
    width: 250px;
    margin: 35px auto 15px;
}
#sitios-modal h1 {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: #0ac9bb;
    margin: 15px auto 25px;
}
#sitios-modal .titulo {
    font-size: 1.1rem;
    font-weight: bold;
    color: #282828;
    text-align: center;
    margin: 12px auto;
}
#sitios-modal .modal-body {
    padding: 0;
}
#sitios-modal .btn {
    display: table;
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #fff;
    background-color: #0ac9bb;
    border: 1px solid #0ac9bb;
    padding: 12px 45px;
    margin: 12px auto 20px;
    text-transform: uppercase;
}


.login-pagina .form-control,
h1 {
    font-family: Gotham;
    font-weight: 700;
    font-style: normal
}

:focus {
    outline: 0 !important
}

body {
    overflow-x: hidden
}

footer {
    z-index: 99;
    padding-top: 10px;
    background-color: #FFFFFF;
    padding-bottom: 10px
}

footer p {
    color: #000000;
    font-size: 16px
}

footer a {
    font-size: 14px;
    color: #000000
}

footer a:hover {
    text-decoration: none;
    color: #000000
}

.footer-logo {
    display: block;
    height: 70px;
    font-size: 0;
    background-position: end center;
    background-image: url(../img/logo-negro.png);
    background-repeat: no-repeat;
    background-size: contain
}

.footer-links {
    text-align: right
}

.footer-links a {
    border: 2px solid #000000;
    font-size: 35px;
    line-height: 35px;
    color: #000000;
    margin: 0 5px;
    padding: 10px 15px;
}

/* .footer-links a:hover {
    color: #FF277F;
    border-color: #FF277F;
} */

.footer-links a:first-child {
    padding: 10px 12px;
}

.footer-links a:first-child svg{
    /* margin: 0 -1vw -1vw 0; */
    margin: 0 -1vw -10px 0;
}

.footer-links a:first-child:hover svg path{
    fill: #3EB7EC;
}


.footer-links a:first-child span {
    background-color: #FF277F;
    line-height: 30px;
}

.footer-links a:last-child {
    padding: 10px 12px;
}

footer ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

footer li{
    list-style-type: none;
    margin-right: 1rem;
}

footer li a{
    color: #000000 !important;
    font-size: 15px;
}

footer li a:hover{
    color: #000000 !important;
    font-weight: bolder;
}

.navbar-brand {
    width: 210px;
    height: 100px;
    font-size: 0
}

.logoblanco {
    background-image: url(../img/logo-blanco.png)
}

.bsnav-mobile .navbar {
    background-color: #FFF;
    overflow: visible;
    padding: 110px 0 15px;
}

.navbar {
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    font-size: 18px;
    font-weight: normal;
}


.nav-link,
.nav-link[type=button] {
    font-family: 'Outfit' !important;
    display: inline-block;
    color: #000 !important;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-control:focus,
.nav-link[type=button]:focus {
    outline: 0;
    box-shadow: none
}

.container-navbar-publico .nav-link:hover{
    /* font-weight: bold; */
    /* text-shadow: 1px 1px 5px #000; */
}

.container-navbar-publico a.nav-link{
    padding: 5px 15px !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
}

.container-navbar-publico .nav-item{
    margin: 0px 5px;
}

.container-navbar-publico ul>.nav-item:nth-child(4) .nav-link{
    background-color: #283B5C;
    border-radius: 25px;
    padding: 5px 30px !important;
    color: #FFF !important;
}
.container-navbar-publico ul>.nav-item:nth-child(4) .nav-link:hover{
    background-color: #FFF !important;
    color: #283B5C !important;
    border: 1px solid #283B5C !important;
    font-weight: 400;
}

.container-navbar-publico .nav-link::after {
    content: none !important;
}

.nav-link:hover {
    color: #FFF;
}

.active {
    font-weight: 700
}

.nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #FFF
}
.nav-link.dropdown-toggle::after {
    content: '';
    display: inline;
    width: inherit;
    height: inherit;
    background: transparent
}
.navbar .dropdown-item {
    background-color: transparent!important;
    color: #16181b!important;
}

.inicio-cardio,
.inicio-jumpit,
.inicio-zumba {
    background-attachment: fixed
}

.nav-link:hover::after {
    width: 100%
}

nav .nav-link {
    padding-right: 1.5rem
}

@media (min-width:767px) {
    .movil {
        display: none
    }
    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 15px 0 !important
    }
}

@media (max-width:991px) {
    nav button {
        z-index: 6
    }
    .navbar-brand {
        height: 60px;
        width: 140px
    }
    .navbar-nav {
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.bg-brush-azul {
    background-image: url(../img/section/brush-azul.png);
    background-repeat: no-repeat;
    background-size: 250px 114px
}

.bg-brush {
    background-image: url(../img/section/brush.png);
    background-repeat: no-repeat
}

.isotipo,
.login-logo {
    background-image: url(../img/iso.png);
    background-repeat: no-repeat
}

.bg-azul {
    background-color: #9ac6c7;
    text-align: center;
    padding: 7px 35px
}

.btn-mini,
.btn-outline-primary {
    background-color: transparent;
    color: #FFF
}

.color-blanco {
    color: #FFF
}

.color-azul {
    color: #9ac6c7
}

.color-rosa {
    color: #ff5f67
}

.color-gris {
    color: grey
}

p {
    font-size: 17px;
    letter-spacing: -.4px
}

a:hover {
    color: inherit
}

.btn-mini {
    border: 1px solid #FFF;
    border-radius: 0;
    padding: 10px 5px;
    font-size: 13px
}

.btn-mini:hover {
    text-decoration: none;
    color: #FFF
}

.btn-outline-primary {
    border: 1px solid #FFF;
    border-radius: 0;
    padding: 10px 50px;
    font-size: 18px;
    letter-spacing: -1.5px
}

.btn-outline-primary:hover {
    background-color: #FFF;
    color: #D9CF4B;
    border: 1px solid #D9CF4B
}

.btn.btn-primary {
    border: 1px solid #D9CF4B;
    /* border: 1px solid #9ac6c7; */
    border-radius: 25px;
    background-color: #D9CF4B;
    /* background-color: #9ac6c7; */
    padding: 5px 20px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: -1.5px
}

.btn.btn-outline-secondary,
.btn.btn-secondary {
    margin: 0 auto;
    padding: 5px 30px;
    font-size: 18px;
    letter-spacing: -1.5px;
    display: block;
    text-align: center
}

.btn.btn-primary:hover {
    background-color: #FFF;
    color: #D9CF4B;
    /* color: #9ac6c7; */
}

.btn.btn-secondary {
    border: 1px solid #ff5f67;
    border-radius: 0;
    background-color: transparent;
    color: #ff5f67
}

.btn.btn-secondary:hover {
    background-color: #ff5f67;
    color: #FFF
}

.btn.btn-outline-secondary {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    border: 1px solid #ff5f67;
    border-radius: 0;
    background-color: transparent;
    color: #ff5f67
}

.btn.btn-outline-secondary:hover {
    background-color: #ff5f67;
    color: #FFF
}

.btn.btn-outline-third {
    border: 1px solid #727272;
    border-radius: 0;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 15px;
    color: #727272;
    letter-spacing: -1.5px
}

.btn.btn-outline-third:hover {
    border: 1px solid #FFF;
    color: #FFF;
    background-color: #727272
}


.form-control.info {
    text-transform: lowercase;
    font-weight: 400;
    font-family: inherit
}

.btn-blanco-primary,
.cambia-tu-vida h2,
.modal-footer input,
.titulos h2 b {
    font-family: Gotham;
    font-style: normal
}

.login-pagina a.enlace {
    color: #FFF;
    text-align: left;
    display: inherit
}

.login-pagina a:hover {
}

.login-pagina .modal-footer {
    margin-bottom: 0;
    border: 0 solid
}
/* Login */



/* --- */
.body-login {
    height: 100vh;
}
.body-login .col-md-6 {
    padding: 0;
}
.body-login .fotografia {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background-image:url(../img/bg/login.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.body-login .form-login {
    background-image: linear-gradient(to right bottom, #9cc7c8, #86c4c7, #6cc0c7, #4cbdc8, #06b9c9);
    background-color: #9ac6c7;
    height: 100%;
}
.body-login .bg-blanco {
    position: absolute;
    background-color: #fff;
    width: 80%;
    height: 80%;
    overflow: auto;
    margin-top: auto;
    margin-bottom: auto;
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
    padding: 40px;
}
.body-login .logo {
    max-height: 105px;
    margin-bottom: 50px;
}
.body-login .form-control {
    border-radius: 0;
    border: 0;
    background-color: #eaeaea;
}
.body-login .label {
    margin-bottom: 0;
    color: #201f21;
}
.body-login .pass,
.body-login .registrate {
    padding: 7px 12px;
    font-size: .9rem;
    background-color: #fff;
}
.body-login .d-inline-block:first-child {
    float: left;
}
.body-login .d-inline-block:last-child {
    float: right;
}
.body-login .enlaces {
    margin-bottom: 65px;
}
.body-login .enlaces a {
    font-weight: 700;
}
.body-login .enlaces a:hover {
    text-decoration: none;
}
.body-login .pass {
    color: #9ac6c7;
    padding-left: 0;
    padding-right: 0;
}
.body-login .registrate {
    background-color: #9bc7c8;
    color: #fff;
}

.body-login .submit {
    display: block;
    margin: 0 auto;
    background-color: #83e967;
    padding: 7px 24px;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
}

.index {
    z-index: 0;
    position: relative;
    /* background-image: url(../img/header/julio2024/PORTADA_PRINCIPAL_FITGYM.webp); */
    background: 
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
        url(../img/header/abril2025/PORTADA_PRINCIPAL_FITGYM.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center ;
    /* background-color: #000; */
    height: 800px;
}

.index .titulos {
    text-transform: uppercase;
    text-align: center
}

.portada-index{
    position: absolute;
    display:flex;
    /* background-color: #06b9c9; */
    height: 700px;
    width: 100%;
    top:100px;
    padding: 0 5%;
    justify-content: center;
}

.porti-parati-texto{
    align-self: end;
    padding-bottom: 170px;
    flex: 100%;
}

.porti-parati-imagen{
    /* background-color: #cd278b; */
    flex: 50%;
    align-self: center;
}
.porti-parati-blank{
    /* flex:30%; */
    flex:10%;
    align-self: center;
}

.portada-index-movil{
    position: relative;
    /* background-image: url(../img/header/abril2025/PRINCIPAL_FITGYM.png); */
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
    height: 700px;
    flex: 100%;
    padding-bottom: 170px;
    align-content: end;
    display: none;
}

.porti-parati-imagen img{
    position: relative;
    z-index: 1;
    width: 100%;
}

.titulos h2 {
    z-index: 2;
    font-size: 40px;
    margin-top: 100px;
    margin-left: 70px;
    margin-bottom: 0;
    color: #FFF;
    text-align: center
}

.titulos h2 b {
    font-weight: 700
}

.titulos .gigante {
    text-align: center;
    font-size: 90px;
    line-height: 100px;
    padding: 0;
    z-index: 0;
    color: #FFF;
    margin: 0 0 3% 8%;
    background-color: transparent
}


.titulos .izquierda {
    margin: 0 auto;
    padding: 0 20px 5px;
    font-size: 100px
}

.buscar-sucursal-boton{
    font-family: "Outfit", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 30px;
    background-color: #3EB7EC85 !important;
    border-color: #3EB7EC85 !important;
}

.buscar-sucursal-boton:hover{
    background-color: #3EB7EC !important;
    border-color: #3EB7EC !important;
    color: #FFFFFF !important;
}

.footer-links.blanco {
    margin-bottom: 65px;
    padding-right: 0
}

.footer-links.blanco a {
    color: #FFF;
    border-color: #FFF
}

.header-png {
    position: absolute;
    top: 6%;
    left: 11%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 600px;
    height: auto;
    z-index: 2
}

/* Fit Studio Gimnasio Prescencial */
.gimnasio-prescencial{
    background-color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 45px;
    position: relative;
    z-index: 0;
    font-family: 'Bebas Neue', cursive;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 15px;
    background-image: url(../img/logo-rosa.png);
    background-repeat:no-repeat;
    background-size: contain;
    background-position:center;
    height: 150px;
}

.titulo-gimnasio-prescencial{
    color: #fff;
    font-size: 90px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    letter-spacing: 15px;
}

/* Mosaico Fitstore */
.mosaico-fitstore {
  display: grid;
  grid-template-columns: 49vw 50vw;
  grid-template-rows: 22vw 22vw;
  background-color: #FFF;
  position: relative;
  z-index: 0;
}

.mosaico-fitstore > div {
  text-align: center;
}

.mosaico-fitstore-1 {
  grid-row: 1 / 3;
  background-color: #FFF;
  background-image: url(../img/header/julio2024/BANNER_FIT\ STORE.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center ;
  filter: brightness(0.9);
  height: 44vw;
}
.mosaico-fitstore-2 {
  background-image: url(../img/header/julio2024/FRASE_FITGYM.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #FFF;
  height: 24vw;
  width: 50vw;
}

.mosaico-fitstore-3 {
  /* background-color: #656565; */
  background-image: url(../img/header/julio2024/FITSTORE.webp);
  background-repeat: no-repeat;
  /* background-size: contain; */
  background-size: cover;
  /* background-position: center; */
  background-position: top;
  background-color: #FFF;
  /* height: 24vw; */
  width: 50vw;

}

.mosaico-fitstore-3 div{
  height: 100%;
  padding: 5px 0;
}

.mosaico-fitstore-3 div img{
  height: 15vw;
}

.mosaico-fitstore-3 a{
    text-decoration: none;
    color: inherit;
}

.explora-fitstore{
  font-family: 'Outfit', sans-serif;
  font-weight: normal;
  margin-top: 1vw;
  margin-left: 3vw;
  margin-bottom: 0;
  font-size: 1.5vw;
  color: #3EB7EC;
  /* color: #424242; */
}

.mosaico-fitstore-3 a:hover div img{
    transition: 1s;
    height: 16vw;
}

.mosaico-fitstore-3 a:hover .explora-fitstore{
    transition: 1s;
    margin-left: 5vw; /* SET THE SLIDER TO BE 0 */
}

.etiqueta-fitstore{
    position: absolute;
    top: 5vw;
    left: 5vw;
    font-family: 'Outfit';
    color: #fff;
    background-color: #000;
    width: fit-content;
    padding: 5px;
    border-radius: 30px;
    font-size: 1vw;
    letter-spacing: 3px;
    font-weight: bold;
}

.etiqueta-fitstore.etq-1{
    top: 4vw;
    left: 22vw;
    background-color: #0100D8;
    color: #fff;
}

.etiqueta-fitstore.etq-2{
    top: 26vw;
    left: 6vw;
    background-color: #3EB7EC;
    color: #fff;
}

.etiqueta-fitstore.etq-3{
    top: 32vw;
    left: 30vw;
    background-color: #FF277F;
    color: #fff;
}

/*Wish for it, work for it */
.wish-for-it-work-for-it-container{
    height: 200px;
    background-color: #FFF;
    line-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wish-for-it{
    /* font-family: 'Bebas Neue', cursive; */
    font-family: 'Outfit';
    color: #FF277F;
    font-size: 80px;
    text-transform: uppercase;
    /* letter-spacing: 10px; */
    font-weight: 900;
}

.work-for-it{
    /* font-family: "Hey Charlie", cursive; */
    /* font-family: "Edo sz", normal; */
    font-family: 'Outfit';
    /* color: #FF277F; */
    color: transparent !important; 
    -webkit-text-stroke: 2px #FF277F;
    text-stroke: 2px #FF277F;
    font-size: 70px;
    text-transform: uppercase;
    /* letter-spacing: 10px; */
    font-weight: 900;
}

@media (min-width: 1200px) {
    .container-navbar-publico{
        max-width: 1750px;
    }
}

@media (max-width: 992px){
    .container-navbar-publico{
        max-width: 1000px;
    }
    .navbar{
       font-size: 15px !important;
    }
}

@media (min-width:1700px) {
    .header-png {
        left: 18%
    }
}

@media (max-width:1350px) and (min-width:1281px) {
    .titulos h1.gigante {
        line-height: 87px;
        font-size: 100px
    }
}

@media (max-width:1280px) and (min-width:768px) {
    .titulos h1.gigante {
        line-height: 66px;
        font-size: 80px
    }
    .header-png {
        top: 15%;
        width: 350px
    }
    
}

@media (max-width:991px) {
    .titulos h1.gigante {
        margin-left: 0;
        z-index: 2;
        text-align: center
    }
    /* .index .titulos .derecha {
        z-index: 2;
        position: relative
    } */
    .titulos h2 {
        font-size: 28px;
        margin-left: 0
    }
    .body-login .d-inline-block:first-child {
        float: none;
    }
    .body-login .d-inline-block:last-child {
        display: block!important;
        text-align: left!important;
        float: none;
    }
}

@media (max-width:767px) {
    .desk {
        display: none;
    }
    .navbar .dropdown-menu {
        border: 0!important;
        background-color: transparent;
    }
    .navbar .dropdown-item {
        padding-left: 0;
        color: #fff!important;
    }
    .slick-dots {
        margin-bottom: 25px;
    }
    .slick-dots li button::before {
        font-size: 35px;
    }
    .slick-dots li.slick-active button::before {
        opacity: 1;
    }
    .seccion-team .slick-prev {
        left: 5px;
    }
    .seccion-team .slick-next {
        right: 5px;
    }
    .seccion-team .slick-slide img {
        padding: 10px;
    }
    .titulos,
    .titulos h1.derecha,
    .titulos h2 {
        text-align: center
    }
    .titulos h2 {
        font-size: 25px;
        margin-left: 0
    }
    .titulos h1.gigante {
        font-size: 58px;
        margin: 0 auto;
        line-height: 40px;
        z-index: 2;
        text-align: center
    }
    /* .titulos h1.derecha {
        position: relative;
        z-index: 3;
        font-size: 32px;
        margin-top: 10px
    } */
    .header-png {
        width: 270px;
        z-index: 0;
        top: 100px
    }
    .footer-links.blanco {
        margin-right: 15px
    }
    .body-login .fotografia {
        height: 25vh;
    }
    
    .body-login .form-login {
        height: 95vh;
    }
    .body-login .bg-blanco {
        margin: auto;
        height: 100%;
        padding: 20px;
    }
    .body-login .logo {
        display: block;
        margin: 0 auto 35px auto;
        max-height: 55px;
    }
    .body-login .enlaces {
        margin-bottom: 25px;
    }  
    
}

.modal-login .modal-content {
    border-radius: 0;
    border: 0 solid;
    width: 80%;
    margin: 0 auto;
    background-color: #9ac6c7
}

.modal-login .modal-footer,
.modal-login .modal-header {
    border: 0 solid
}

.isotipo {
    background-position: 56% center;
    background-size: contain;
    width: 100%;
    height: 100px;
    font-size: 0;
    margin: 20px auto 0
}

.caja-dos,
.inicio-cardio,
.inicio-jumpit,
.inicio-zumba {
    background-repeat: no-repeat;
    background-size: cover
}
.inicio-zumba {
    background-repeat: no-repeat;
    background-size: cover
}
.modal-login .fa-lock,
.modal-login .fa-user {
    display: block;
    margin: 0 auto;
    font-size: 25px;
    color: #FFF
}

.modal-login .modal-body .form-control {
    border: 0 solid;
    border-radius: 0;
    margin-bottom: 25px;
    background-color: transparent;
    border-bottom: 2px solid #FFF;
    color: #FFF;
    text-align: center
}


.modal-login .fa-lock {
    left: 25px
}

.inicio-servicios,
.paquetes,
.sobre {
    position: relative
}

.modal-footer {
    margin-bottom: 30px
}

.modal-footer input {
    display: block;
    width: 100%;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 auto 7px
}

.modal-login .modal-footer .link {
    display: inline-block;
    margin: 10px 0 0;
    text-align: left;
    font-size: 15px;
    color: #FFF;
    letter-spacing: -1.5px
}

.modal-login .modal-footer a:hover {
    color: #9ac6c7;
}

.wz-wrapper {
    width: auto;
    background-color: transparent
}

.btn-outline-blanco-primary {
    border: 1px solid #FFF;
    border-radius: 0;
    background-color: #FFF;
    padding: 10px 50px;
    font-size: 18px;
    color: #9ac6c7;
    letter-spacing: -1.5px
}

.btn-blanco-primary,
.btn-outline-blanco-primary:hover {
    border: 1px solid #FFF;
    background-color: transparent;
    color: #FFF
}

.btn-blanco-primary {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 50px;
    font-size: 18px
}

.paquetes,
.sobre {
    background-color: #FFF
}

.btn-blanco-primary:hover {
    background-color: #FFF;
    color: #9ac6c7;
    border: 1px solid #FFF
}

.modal-login button.close,
.modal-login button.close:hover {
    color: #FFF;
    text-shadow: none;
    opacity: 1
}

.linea-separador {
    border-top: 2px solid #FFF
}

.sobre--new{
    position: relative;
    z-index: 3;
    /* padding: auto auto; */
    /* background-image: linear-gradient(25deg, rgba(241,241,241,1) 59%, rgba(253, 74, 0) 100%); */
    background-color: #FFFFFF;
    border-radius: 0px 0px 50px 50px;
}

.sobre--new-logos{
    position: relative;
    z-index: 3;
    padding: auto auto;
    background-color: #FFFFFF;
}

.sobre-fit--new{
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}

.sobre-fit--new-imagen{
    margin-left: 5%;
    /* height: 600px; */
    /* height: 500px; */
    /* max-width:75%; */
    flex: 50%;
    border-radius: 25px;
    overflow: hidden;
    /* background-image: url(../img/header/enero2025/ENFITSTUDIO.webp); */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-position: center ; */
}

.sobre-fit--new-texto{
    flex: 50%;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    text-align: left;
}

.sobre-fit--new-texto p{
    color: #FFF;
}

.sobre--new .titulos h1{
    text-align: left;
    /* letter-spacing: 5px; */
    /* font-family: 'Bebas Neue', cursive !important; */
    font-family: 'Outfit' !important;
    /* line-height:80px; */
    /* font-size: 90px; */
    font-size: 50px;
}
.sobre--new .titulo-uno {
    color: #FFF;
    margin-bottom: 0;
    font-weight: 700;
    /* text-shadow: 2px 0 #f8281e, -2px 0 #f8281e, 0 2px #f8281e, 0 -2px #f8281e,
    1px 1px #f8281e, -1px -1px #f8281e, 1px -1px #f8281e, -1px 1px #f8281e; */
}

.sobre--new .titulo-dos {
    color: #FF277F;
    font-weight: 900;
    padding-bottom: 4px;

    /* text-shadow: 2px 0 #ffffff, -2px 0 #ffffff, 0 2px #ffffff, 0 -2px #ffffff,
    1px 1px #ffffff, -1px -1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff; */
}
.sobre--new p {
    margin-bottom: 25px;
    font-size: 20px;
}

.sobre-fit-imagen img{
    max-width: 30vw;
    height: auto;
}

.sobre--new .row{
    margin: 0 !important;
}

.sobre--new-logos .row{
    margin: 0 !important;
}

.sobre--new .subtitulo {
    position: relative;
    font-size: 45px;
    /* font-family: 'Hey Charlie', cursive; */
    font-family: 'Outfit';
    font-weight: 900;
    /* color: #0EA80E; */
    color: #0EA80E !important;
    /* -webkit-text-stroke: 2px #0EA80E;
    text-stroke: 2px #0EA80E; */
    text-align: center;
    margin: 0 auto 55px;
    letter-spacing: 3px;
}
.sobre--new .subtitulo::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 150px;
    background-color: #fff;
    margin: 0 auto -15px;
}
.sobre--new .enlace {
    display: block;
    -moz-transform: scale(.96);
    -webkit-transform: scale(.96);
    -o-transform: scale(.96);
    -ms-transform: scale(.96);
    transform: scale(.96);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.sobre--new-logos .enlace {
    display: block;
    text-align: center;
    -moz-transform: scale(.96);
    -webkit-transform: scale(.96);
    -o-transform: scale(.96);
    -ms-transform: scale(.96);
    transform: scale(.96);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.sobre--new .enlace img{
    max-height: 150px;
    filter: grayscale(100%);
}

.sobre--new-logos .enlace img{
    /* max-height: 150px; */
    max-height: 200px;
    /* filter: grayscale(100%); */
}

.sobre--new .enlace:hover img {
    filter: grayscale(0%);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.sobre--new-logos .enlace:hover img {
    filter: grayscale(0%);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* Elige tu fit más cercano */
.elige-tu-fit{
    /* font-family: 'Bebas Neue', cursive; */
    font-family: 'Outfit';
    position: relative;
    z-index: 0;
    background-color: #FFFFFF;
    color: #FBA632;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    /* text-transform: uppercase; */
    font-weight: 900;
    font-size: 50px;
    /* letter-spacing: 10px; */
    text-align: center;
    line-height: 1.2;
}

.elige-tu-fit span{
    /* color: #FF277F; */
    color: transparent !important; 
    -webkit-text-stroke: 2px #FF277F;
    text-stroke: 2px #FF277F;
    text-transform: uppercase;
    font-size: 90px;
    /* text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, */
    /* 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000; */
}

.carrousel-sucursales{
    background-color: #FFFFFF;
}

.carrousel-sucursales img{
    aspect-ratio: 16/9;
    margin: 0 auto;
    max-height: 100%;
}

.carrousel-sucursales li{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 10px;
    /* background-color: #a1a1a1; */
    background-color: #FF92C4;
}

.carrousel-sucursales li.active{
    /* background-color: #424242; */
    background-color: #FF277F;
}

.carousel-control-next-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF277F' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF277F' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    /* width: 80px; */
    /* height: 80px; */
}

.clases-horarios-sucursales img{
    background-color:#FFFFFF;
    width: 100%;
    /* aspect-ratio: 16/9; */
    object-fit:cover;
}

.banner-inscribete{
    display: flex;
    flex: 50%;
    background: url("../img/header/julio2024/BANNER\ PIE\ DE\ PAGINA.webp"), #FFFFFF;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: cover;
    width: 100%;
    aspect-ratio: 16/3;
    justify-content: end;
    align-items: center;
}

.banner-inscribete div{
    width: 70%;
}

.banner-inscribete p{
    font-family: 'Outfit', sans-serif;
    color:#FF277F;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3vw;
    letter-spacing: 5px;
    line-height: 3.5vw;
}

.inscribete-boton{
    font-family: 'Outfit', sans-serif;
    width: 30vw;
    font-size: 2vw;
    font-weight: 600;
    border-radius: 30px;
    border-width: 4px;
}
.inscribete-boton:hover {
    color: #FFFFFF !important;
    background-color: #0EA80E !important;
    border-color: #0EA80E !important;
}

.paquetes {
    z-index: 3;
    padding-bottom: 150px
}

.paquetes .card {
    border: 1px solid #9ac6c7
}

.paquetes .card.rosa {
    border: 1px solid #ff5f67
}

.paquetes .card-header {
    background-color: #9ac6c7;
    color: #FFF;
    font-size: 40px
}

.paquetes .card-header.rosa,
.paquetes .card-title.rosa {
    background-color: #ff5f67
}

.paquetes .card-title {
    color: grey;
    font-size: 40px;
    padding: 10px 0;
    font-family: Gotham;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 15px;
    text-transform: uppercase
}

.small,
small {
    font-size: 50%
}

.paquetes .card-body {
    color: #000;
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 400
}
li small {
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
}
.inicio-jumpit .btn-blanco-primary,
.sobre .btn-blanco-primary {
    font-weight: 700;
    font-size: 18px;
    font-family: Gotham;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase
}

.paquetes .btn-primary.rosa {
    background-color: #ff5f67;
    border-color: #ff5f67
}

.paquetes .btn-primary.rosa:hover {
    background-color: #FFF;
    color: #ff5f67;
    border-color: #ff5f67
}
.paquetes .boton-rosa {
    display: block;
    font-weight: 700;
    font-size: 22px;
    font-family: Gotham;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff;
    background-color: #ff5f67;
    border: 1px solid #ff5f67;
    padding: 12px 45px;
    margin: 12px auto 50px;
    text-transform: uppercase
}
.paquetes .boton-rosa:hover {
    color: #ff5f67;
    background-color: transparent;
    text-decoration: none
}
.paquetes .boton-verde {
    display: block;
    font-weight: 700;
    font-size: 22px;
    font-family: Gotham;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff;
    background-color: #8cd152;
    border: 1px solid #8cd152;
    padding: 12px 45px;
    margin: 12px auto 50px;
    text-transform: uppercase
}
.paquetes .boton-verde:hover {
    color: #8cd152;
    background-color: transparent;
    text-decoration: none
}

.inicio-servicios {
    height: 220vh;
    overflow: hidden;
    z-index: 0
}

.inicio-jumpit {
    background-image: url(../img/header/inicio-jumpit-octubre.jpg);
    background-position: center 32%;
    height: 220vh
}

.inicio-jumpit div.row {
    background-color: rgba(0, 0, 0, .3)
}

.sobre .btn-blanco-primary {
    border: 1px solid #ff5f67;
    border-radius: 0;
    background-color: transparent;
    padding: 10px 100px;
    color: #ff5f67
}

.sobre .btn-blanco-primary:hover {
    background-color: #ff5f67;
    color: #FFF
}

.inicio-jumpit .btn-blanco-primary {
    border: 1px solid #ff5f67;
    border-radius: 0;
    background-color: transparent;
    padding: 10px 50px !important;
    color: #FFF
}

.inicio-jumpit .btn-blanco-primary:hover {
    background-color: #ff5f67 !important;
    color: #FFF;
    border-color: #ff5f67 !important
}

.servicio-titulo {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    margin: 250px auto 15px;
    font-weight: 500
}

.caja-tres .btn,
.caja-tres .servicio-titulo b {
    font-weight: 700
}

.inicio-servicios .btn {
    padding: 5px 20px;
    font-size: 15px;
    margin: 0 auto;
    display: block;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content
}

.inicio-servicios .btn:hover {
    background-color: #9ac6c7;
    border: 1px solid #9ac6c7;
    color: #FFF
}

.caja-uno {
    position: fixed;
    top: 15%
}

.caja-dos,
.caja-tres {
    position: absolute;
    height: 110vh
}

.caja-dos {
    left: 0;
    z-index: 0;
    background-image: url(../img/header/inicio-jumpit.jpg);
    background-position: center
}

.caja-tres {
    right: 0;
    z-index: 1;
    background-color: #9ac6c7
}

.inicio-cardio,
.inicio-servicios-extras,
.inicio-zumba {
    position: relative;
    height: 200vh
}


.caja-tres .btn {
    font-family: Gotham;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #FFF;
    border-radius: 0;
    background-color: transparent;
    padding: 10px 50px !important;
    font-size: 18px;
    color: #FFF
}

.caja-tres .btn:hover {
    background-color: #FFF !important;
    color: #ff5f67;
    border-color: #FFF !important
}

.caja-tres .servicio-titulo {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    margin: 250px auto 15px;
    font-family: 'Gotham Book';
    font-weight: 700;
    font-style: normal
}

.caja-tres .servicio-titulo b,
.recomendaciones h1 {
    font-family: Gotham;
    font-style: normal
}

.caja-tres ul li {
    list-style-type: disc;
    color: #FFF;
    font-size: 17px;
    letter-spacing: -.2px
}

.inicio-servicios-extras {
    z-index: 0;
    overflow-y: initial;
    background-image: url(../img/bg/servicios-extras.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}

.inicio-zumba {
    left: 0;
    /* background-image: url(../img/header/inicio-zumba.jpg); */
    background-position: left center;
    background-size: auto 200%;
    z-index: 1
}

.inicio-cardio {
    right: 0;
    /* background-image: url(../img/header/inicio-cardio.jpg); */
    background-position: center left;
    z-index: 1
}

.clases .section-titulo::after,
.recomendaciones .section-titulo {
    background-image: url(../img/bg/tiradecolor.png);
    background-position: center top
}

.clases .section-titulo::after,
.clases-en-linea,
.recomendaciones .section-titulo {
    background-repeat: no-repeat;
    background-size: contain
}

.caja-cinco,
.caja-cuatro {
    position: absolute;
    z-index: 1;
    height: 110vh
}
.caja-cuatro h4 small,
.caja-cinco h4 small {
    background-color: #9ac6c7;
    padding: 4px 7px;
}

.caja-cuatro {
    left: 0;
    background-color: rgba(140, 209, 82, .7)
}
.caja-cinco a,
.caja-cuatro a {
    display: table;
    margin: 5px 0 0;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 7px 35px;
    border: 1px solid #fff;
    text-decoration: none;
}

.caja-cinco {
    right: 0;
    background-color: rgba(56, 90, 27, .6)
}

.caja-cinco .servicio-titulo {
    padding: 7px 15px
}

.caja-cinco .servicio-titulo,
.caja-cuatro .servicio-titulo {
    margin: 0 auto 15px
}

.recomendaciones.index {
    position: relative;
    z-index: 5;
    background-color: #8cd152;
    background-image: none;
    padding-bottom: 350px;
    margin-bottom: 0
}
.separador-index {
    overflow: hidden;
    background: #fff;
    position: relative;
}
.section hr {
    background-color: #fff;
    z-index: 99;
    margin-top: 50px;
    margin-bottom: 25px;
}
hr {
    margin: 150px 100px 20px;
    border-top: 3px solid rgba(0, 0, 0, .1)
}
.seccion-frases {
    position: relative;
    z-index: 4;
    background-image: url(../img/frases/frases-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.seccion-frases img {
    max-height: 487px;
    margin: 0 auto;
}
.seccion-frases .carousel-indicators {
    margin-left: 60%;
}
.seccion-frases .carousel-indicators li {
    height: 10px;
}
.seccion-team {
    position: relative;
    background-color: #e7e7e7;
    padding-top: 75px;
    padding-bottom: 35px;
    z-index: 4;
}
.seccion-team .titulo-uno {
    color: #7f7f7f;
    font-family: Gotham;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
}
.seccion-team .titulo-dos {
    color: #ff5f67;
    font-family: Pacifico, cursive;
    line-height: 25px;
    font-size: 3.5rem;
}
.seccion-team .slick-slide {
    padding: 3px 15px;
    margin: 35px 0 30px 0;
}
.seccion-team .slick-prev::before, 
.seccion-team .slick-next::before {
    color: #000;
}
.seccion-team p {
    font-family: Gotham;
    font-weight: 300;
    font-size: 1rem;
}
 
.instagram_gallery img {
    padding: 0 6px;
}
.seccion-instagram {
    position: relative;
    background-color: #fff;
    z-index: 4;
    padding-top: 125px;
    padding-bottom: 35px;
    
}
.seccion-instagram .titulo-uno {
    color: #80c9c9;
    font-family: Gotham;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
}

.seccion-instagram .titulo-dos {
    color: #80c9c9;
    font-family: Pacifico, cursive;
    line-height: 25px;
    font-size: 2.7rem;
}

.seccion-instagram .link {
    color: #7f7f7f;
    font-family: Gotham;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
    position: relative;
    top: 8px;
    border: 2px solid #7f7f7f;
    padding: 2px 3px;
}
.seccion-instagram .link:hover {
    text-decoration: none;
}


.recomendaciones .informacion {
    padding-top: 150px
}

.recomendaciones h1 {
    display: block;
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #FFF;
    margin: 0 auto 35px;
    text-transform: uppercase
}

.recomendaciones h5 {
    display: block;
    font-size: 20px;
    line-height: 23px;
    font-family: 'Gotham Book';
    font-weight: 700;
    font-style: normal;
    color: #FFF;
    margin-bottom: 15px
}

.clases h3,
.recomendaciones h3 {
    font-size: 60px;
    font-family: Pacifico, cursive;
    line-height: 25px
}

.recomendaciones .section-titulo {
    padding-top: 100px;
    padding-bottom: 90px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content
}

.clases {
    background-color: #FFF;
    position: relative;
    padding: 110px 0 110px;
    z-index: 4
}
.clases .info {
    padding: 45px 15px;
}
.clases h1 {
    font-size: 2rem;
}
.clases .boton {
    display: block;
    font-weight: 700;
    font-size: 20px;
    font-family: Gotham;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff;
    background-color: #9ac6c7;
    border: 1px solid #9ac6c7;
    padding: 12px 45px;
    margin: 12px auto 50px;
    text-transform: uppercase
}
.clases .boton:hover {
    color: #9ac6c7;
    background-color: transparent;
    text-decoration: none
}




.clases .color-verde {
    color: #8cd152;
}

.destacado h2,
.header h1 {
    font-family: Gotham;
    font-style: normal
}

.clases .section-titulo {
    padding-top: 100px;
    padding-bottom: 90px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content
}

.clases .section-titulo::after {
    content: "";
    opacity: .3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    margin-left: 15%;
    margin-right: 15%;
    width: 150px
}

.recomendaciones a {
    color: #FFF;
    text-decoration: underline
}

.recomendaciones p {
    color: #FFF;
    margin-bottom: 55px
}

.recomendaciones ul {
    padding-left: 0
}

.recomendaciones ul li {
    color: #FFF;
    list-style: none;
    font-size: 13px;
    letter-spacing: -.4px
}

.header h1,
.metodo-jumpit h1 {
    font-size: 50px;
    font-weight: 500
}

.recomendaciones-img {
    margin-top: 15px
}

.recomendaciones-img > div {
    display: block;
    text-align: center;
    margin: 0 auto
}

.recomendaciones-img img {
    margin: 25px;
    height: 150px;
    width: auto
}

.recomendaciones-png {
    max-width: 350px;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    margin: auto;
    right: 0
}

.clases-en-linea.mini {
    padding-top: 150px
}

.clases-en-linea h1 {
    font-weight: 500
}

.clases-en-linea {
    position: relative;
    z-index: 4;
    background-color: #FFF;
    padding-top: 120px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 60px;
    background-image: url(../img/section/brush-clases.png);
    background-position: center 74%
}

h1.book {
    background-image: none !important
}

.jumpit {
    background: linear-gradient(rgba(140, 209, 82, .5), rgba(140, 209, 82, .5)), url(../img/header/jumpit.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.destacado,
.metodo-jumpit h1 {
    background-repeat: no-repeat;
    background-size: contain
}

.metodo-jumpit {
    margin-top: 100px
}

.metodo-jumpit h1 {
    padding-top: 50px;
    background-image: url(../img/section/brush.png);
    background-position: left center;
    margin-bottom: 0;
    padding-bottom: 35px
}

.header h1 {
    display: block;
    color: #FFF;
    text-align: center;
    padding: 7px 35px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    background-color: #9ac6c7;
    margin: 250px auto 200px
}

.destacado {
    margin: 30px auto 85px;
    background-image: url(../img/bg/comillas.png);
    background-position: center;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    padding: 10px 60px
}

.destacado h2 {
    position: relative;
    z-index: 2;
    font-weight: 300;
    font-size: 40px;
    color: grey
}

.destacado h3 {
    color: #9ac6c7;
    font-size: 80px;
    line-height: 25px;
    font-family: Pacifico, cursive
}

.contacto {
    background: linear-gradient(rgba(140, 209, 82, .5), rgba(140, 209, 82, .5)), url(../img/header/contacto.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.deja-tu-mensaje {
    margin-top: 115px;
    margin-bottom: 110px
}

.deja-tu-mensaje h2 {
    padding-bottom: 60px;
    text-align: center;
    margin-bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 30% 0;
    background-image: url(../img/section/brush-dos.png);
    font-size: 40px;
    color: grey
}

.alert-success {
    border: 1px solid #727272;
    border-radius: 0;
    background-color: transparent;
    padding: 5px 20px;
    font-size: 15px;
    color: #727272;
    letter-spacing: -1.5px
}

.ubicacion .informacion h1,
.ubicacion .informacion p {
    color: #FFF;
    text-align: right
}

.ubicacion {
    background-color: #9ac6c7
}

.ubicacion > .contenedor {
    padding-left: 0;
    overflow: hidden
}

.slideanim {
    visibility: hidden;
    visibility: visible\9
}

.slideanim.slide {
    visibility: visible;
    animation: slide 2s
}

.slideanim::after {
    content: "";
    display: table;
    clear: both
}

@keyframes slide {
    0% {
        opacity: 1;
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.ubicacion .informacion h1 {
    padding-top: 200px;
    font-size: 40px;
    margin-bottom: 30px
}

#mapa-contenedor,
#ubicacion-contenedor {
    overflow: hidden;
    height: 700px
}

#mapa-contenedor {
    height: 700px
}

#ubicacion {
    position: absolute
}

.formulario.input,
.formulario.label,
.formulario.span,
.formulario.textarea {
    display: block;
    margin: 10px;
    padding: 5px;
    border: none;
    letter-spacing: -.8px;
    font-size: 15px
}

.formulario-preguntas input,
.formulario-preguntas label,
.formulario-preguntas span,
.formulario-preguntas textarea {
    padding: 5px;
    letter-spacing: -.8px;
    font-size: 1rem;
    color: #727272
}

.alert {
    letter-spacing: -.8px;
    font-size: 15px;
    color: #727272
}

.formulario-preguntas textarea {
    border: 0 solid;
    border-bottom: 1px solid #727272;
    resize: none
}

input:focus,
textarea:focus {
    outline: 0
}

.formulario input,
.formulario input + label > span,
.formulario input:focus + label > span,
.formulario input:valid + label > span,
.formulario textarea,
.formulario textarea + label > span,
.formulario textarea:focus + label > span,
.formulario textarea:valid + label > span {
    font-weight: 300;
    color: #727272;
    letter-spacing: -.8px
}

.formulario input,
.formulario textarea {
    background-color: transparent;
    border-radius: 0;
    padding-bottom: 5px;
    border: 0;
    width: 100%;
    transition: padding-top .2s ease, margin-top .2s ease;
    padding-top: 20px;
    overflow-x: hidden
}

.formulario input + label,
.formulario textarea + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0 0 20px;
    width: 100%;
    border-top: 1px solid #727272;
    -webkit-transition: width .4s ease;
    transition: width .4s ease;
    height: 0
}

.formulario input:focus + label,
.formulario textarea:focus + label {
    width: 100%;
    border-color: #727272
}

.formulario input:focus,
.formulario input:valid {
    padding-top: 20px
}

.formulario textarea,
.formulario textarea:focus,
.formulario textarea:valid {
    margin-top: 15px
}

.formulario input:focus + label > span,
.formulario input:valid + label > span {
    top: -50px
}

.formulario textarea:focus + label > span,
.formulario textarea:valid + label > span {
    top: -110px
}

.formulario input:valid + label,
.formulario textarea:valid + label {
    border-color: #727272
}

.formulario input:invalid,
.formulario textarea:invalid {
    box-shadow: none
}

.formulario input + label > span,
.formulario textarea + label > span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #727272;
    top: -25px;
    left: 0;
    -webkit-transition: top .2s ease, font-size .2s ease, color .2s ease;
    transition: top .2s ease, font-size .2s ease, color .2s ease
}

input.campo + label > span {
    font-weight: 300;
    margin: 0;
    position: relative!important;
    color: #727272;
    top: -50px;
    left: 0;
    -webkit-transition: top .2s ease, font-size .2s ease, color .2s ease;
    transition: top .2s ease, font-size .2s ease, color .2s ease
}

.formulario {
    margin-bottom: 60px
}

#modal-aviso .modal-content {
    border: 0 solid;
    border-radius: 0;
    box-shadow: none
}

#modal-aviso .modal-header {
    border-radius: 0
}

#modal-aviso .btn.btn-primary {
    font-size: 17px
}

#modal-aviso .modal-footer {
    margin-bottom: 5px
}

.registro {
    background: linear-gradient(rgba(140, 209, 82, .5), rgba(140, 209, 82, .5)), url(../img/header/administrador.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.registro.imagen {
    background: linear-gradient(rgba(255, 95, 103, .5), rgba(255, 95, 103, .5)), url(../img/header/administrador.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.haz-tu-registro {
    margin-top: 115px;
    margin-bottom: 110px
}

.haz-tu-registro h2 {
    font-size: 40px;
    color: grey;
    padding-bottom: 60px;
    background-image: url(../img/section/brush.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain
}


#go-top,
#go-top:hover {
    background: #ff5f67
}

.haz-tu-registro h1 {
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 500
}
.codigo-usuario h3 a {
    font-size: 18px;
    color:  #9ac6c7;
    border:  1px solid #9ac6c7;
    padding:  10px 50px;
 }
.codigo-usuario .btn.btn-primary {
    margin-top: 15px;
    
}
.codigo-usuario .form-data {
    display: block;
    padding: 8px 12px;
}

.recomendaciones.pagina {
    padding-bottom: 50px;
    
    position: relative;
    z-index: 5;
    background-color: #ff5f67;
    background-image: none;
    margin-bottom: 0
}

#go-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0
}

#go-top.show {
    opacity: 1
}

.terminos {
    background: linear-gradient(rgba(140, 209, 82, .5), rgba(140, 209, 82, .5)), url(../img/header/terminos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.terminos-texto li,
.terminos-texto p {
    color: grey
}

.terminos-pago {
    margin-top: 80px;
    height: 180px;
    overflow-y: scroll;
    border: 1px solid #CCC;
    padding: 15px
}

.fecha {
    border: 1px solid grey;
    border-radius: 0
}

span.month,
span.year {
    display: block;
    padding: 5px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.datepicker-switch {
    width: 150px;
    text-align: center
}

.faq {
    background: linear-gradient(rgba(140, 209, 82, .5), rgba(140, 209, 82, .5)), url(../img/header/faq.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.preguntas-frecuentes {
    padding-top: 50px;
    padding-bottom: 90px;
}
.preguntas-frecuentes h1 {
    margin-bottom: 10px;
}
.preguntas-frecuentes p {
    margin-bottom: 40px;
}
.preguntas-frecuentes .card {
    border: 0;
    border-radius: 0;
    margin-bottom: 15px;
}
.preguntas-frecuentes #accordion .card-header {
    border: 0;
    border-radius: 0;
    background-color: rgba(154, 198, 199, .4);
    padding: 5px 0px .5px 15px;
}
.preguntas-frecuentes .btn-link {
    color: #000;
}

.preguntas-frecuentes .card-body {
    color: #727272;
}

/* Responsivo */
@media (max-width:991px) {
    .animateme{
		transform: none !important;
		opacity: 1 !important;
	}
    .caja-dos,
    .inicio-cardio .servicio-titulo,
    .inicio-zumba .servicio-titulo {
        display: none
    }
    .caja-tres,
    .caja-uno {
        position: relative
    }
    .recomendaciones-img img {
        height: 100px;
        width: auto;
        margin: 15px
    }
    .clases-en-linea {
        padding-top: 100px
    }
    .clases h3 {
        font-size: 45px
    }
    .servicio-titulo {
        width: 100%;
        font-size: 1.5rem
    }
    .caja-uno h1 {
        margin-top: 0
    }
    .inicio-jumpit div.row {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .inicio-servicios,
    .inicio-servicios-extras {
        height: auto
    }
    .inicio-servicios-extras {
        overflow: hidden
    }
    .inicio-jumpit {
        background-image: url(../img/header/inicio-jumpit-octubre.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: inherit;
        height: auto;
        background-position: center center
    }
    .inicio-cardio,
    .inicio-zumba {
        height: 70vh
    }
    .inicio-zumba {
        background-size: cover
    }
    .caja-tres {
        display: block;
        height: auto;
        padding: 50px 0
    }
    .caja-cinco,
    .caja-cuatro {
        padding-top: 50px;
        padding-bottom: 50px 15px;
        display: block;
        height: 70vh
    }
    .caja-tres .servicio-titulo {
        width: auto
    }
    .caja-cuatro {
        top: 0
    }
    .caja-cinco {
        top: 70vh
    }
    .caja-cinco p,
    .caja-cuatro p {
        font-size: 15px
    }
    
    .body-login .submit {
        margin-left: 0;
    }
    
    .titulo-gimnasio-prescencial{
        font-size: 50px;
        font-weight: bold;
    }

    .wish-for-it-work-for-it-container {
        line-height: 50px;
    }

    .wish-for-it{
        font-size: 60px;
        letter-spacing: 10px;
    }

    .work-for-it{
        font-size: 60px;
        letter-spacing: 10px;
    }

    .portada-index{
        padding:0;
    }
    .portada-index-movil{
        background-size: contain;
        display: block;
        /* padding:300px 5%; */
    }
    .porti-parati-texto, .porti-parati-imagen, .porti-parati-blank{
       display: none;
    }

    .sobre--new p {
        margin-bottom: 25px;
        font-size: 20px;
    }

    .sobre--new .titulos h1{
        /* line-height:80px; */
        /* font-size: 80px; */
        font-size: 35px;
    }

}

@media (min-width:768px) {
    .esconder {
        display: none
    }
    .esconder.desk {
        display: block
    }
}

@media (max-width:989px) and (min-width:767px) {
    .body-login .bg-blanco {
        height: 100%;
        padding-top: 25px;
    }
    .body-login .label {
        font-size: 14px;
    }
    .body-login .logo {
        max-height: 60px;
        margin-bottom: 25px;
    }
    .body-login .enlaces {
        margin-bottom: 25px;
    }
}

@media (max-width:767px) {
    .sobre {
        padding-top: 100px;
    }
    .background-brush {
        background-size: 170px 120px;
    }
    .modal-login .fa-lock,
    .modal-login .fa-user {
        display: block;
        float: none;
        margin: 0 auto;
        position: relative
    }
    .datepicker.datepicker-dropdown {
        width: 15rem
    }
    .datepicker.datepicker-dropdown .table-condensed,
    .wz-wrapper {
        width: 100%
    }
    .btn-blanco-primary,
    .btn-outline-blanco-primary {
        padding: 10px 0;
        font-size: 15px
    }
    .cambia-tu-vida h2  {
        font-size: 25px;
        text-align: center
    }
    .modal-login .fa-lock,
    .modal-login .fa-user {
        display: block;
        font-size: 25px;
        text-align: center
    }
    .modal-login .fa-lock {
        left: 0
    }
    .modal-login .modal-body .form-control {
        margin: 0 auto 15px
    }
    .cambia-tu-vida h3 {
        text-align: center;
        font-size: 36px
    }
    .inicio-servicios-extras {
        z-index: 0;
        background-image: url(../img/header/inicio-zumba.jpg);
        background-position: center center;
        background-size: cover;
        background-attachment: fixed
    }
    .inicio-cardio h1,
    .inicio-zumba h1 {
        visibility: visible
    }
    .inicio-cardio div.row,
    .inicio-jumpit div.row,
    .inicio-zumba div.row {
        height: auto;
        padding-top: 150px;
        padding-bottom: 150px
    }
    .inicio-servicios {
        height: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .inicio-servicios-extras {
        height: auto
    }
    .caja-dos,
    .esconder.desk {
        display: none
    }
    .servicio-titulo {
        font-size: 25px;
        display: table;
        text-align: center;
        width: unset;
        margin: auto
    }
    .recomendaciones-png {
        position: relative;
        margin-top: 45px !important
    }
    .recomendaciones-img img {
        height: 45px;
        width: auto;
        margin: 15px
    }
    .recomendaciones.index {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .clases-en-linea h1:last-child {
        font-size: 30px;
        line-height: 35px
    }
    .destacado h3 {
        font-size: 45px;
        text-align: center
    }
    .destacado h2 {
        text-align: center;
        font-size: 20px
    }
    .header h1 {
        width: auto;
        font-size: 20px;
        margin: 170px auto 160px
    }
    .deja-tu-mensaje h2,
    .haz-tu-registro h1,
    .haz-tu-registro h2,
    .recomendaciones h1 {
        font-size: 25px
    }
    .instagram_feed {
        position: relative;
        margin-top: 35px;
    }
    .seccion-frases img {
        max-height: 300px;
    }
    .sobre .animate {
        height: auto;
        top: -25px;
    }
    .seccion-frases .carousel-indicators {
        margin-left: 70%;
    }
    .seccion-frases .carousel-indicators li {
        height: 5px;
        width: 20px;
    }
    .ubicacion .informacion h1 {
        padding-top: 100px
    }
    #ubicacion {
        position: relative
    }
    #mapa-contenedor {
        padding-right: 0;
        padding-bottom: 0;
        height: 300px
    }
    #ubicacion-contenedor {
        height: auto;
        padding-bottom: 150px
    }
    .formulario {
        margin-bottom: 15px
    }
    .recomendaciones .desk {
        display: none
    }
    .body-login .submit {
        margin-left: auto;
    }

    .sobre-fit--new {
        flex-wrap: wrap;
    }

    .sobre-fit--new-imagen{
        /* height: 500px; */
        /* height: 270px; */
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .sobre-fit--new-texto h1{
        text-align: center !important;
    }

    .sobre-fit--new-texto {
        text-align: center;
    }

    .wish-for-it-work-for-it-container{
        height: 140px;
        line-height: 40px;
    }

    .wish-for-it{
        font-size: 50px;
        letter-spacing: 10px;
    }

    .work-for-it{
        font-size: 45px;
        letter-spacing: 6px;
    }

    .portada-index-movil{
        background-size: contain;
        display: block;
        /* padding: 300px 5%; */
    }

    .banner-inscribete p{
        font-size: 4vw;
    }

    footer .footer-links {
        margin: 30px 0;
    }

    .footer-links {
        text-align: center;
    }

    footer ul {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .footer-logo {
        margin: 0 auto;
        background-position: center;
    }
    
}

@media (max-width:580px) {
    .recomendaciones h3 {
        font-size: 45px;
        line-height: 55px
    }
    .titulos h2 {
        font-size: 23px
    }
    .wz-wrapper label {
        font-size: 13px
    }
    .wz-wrapper h3 {
        font-size: 23px
    }
    .preguntas-frecuentes h1 {
        font-size: 2.2rem;
    }
    .mosaico-fitstore {
        grid-template-columns: 50vw 50vw;
        grid-template-rows: 50vw 40vw;
        background-color: #e8e8e8;
    }
    
    .mosaico-fitstore > div {
      text-align: center;
    }
    
    .mosaico-fitstore-1 {
        grid-column: 1/3;
        height: 100%;
    }
    .mosaico-fitstore-2 {
      height: 25vw;
    }
    
    .mosaico-fitstore-3 div{
      padding: 5px 0;
    }
    
    .mosaico-fitstore-3 div img{
      height: 20vw;
    }
    
    .explora-fitstore{
      margin-top: 1vw;
      margin-left: 3vw;
      margin-bottom: 0;
      font-size: 2vw;
    }

    .mosaico-fitstore-3 a:hover div img{
        transition: 1s;
        height: 22vw;
    }

    .wish-for-it-work-for-it-container{
        height: 110px;
        line-height: 35px;
    }

    .wish-for-it{
        font-size: 40px;
        letter-spacing: 6px;
    }

    .work-for-it{
        font-size: 35px;
        letter-spacing: 5px;
    }

    .sobre-fit--new-imagen{
        /* height: 300px; */
    }

    .sobre--new .subtitulo {
        font-size: 35px;
    }

    .sobre--new .enlace img{
        filter: grayscale(0%);
    }

    .sobre--new-logos .enlace img{
        filter: grayscale(0%);
    }
    /* Elige tu fit más cercano */

    .elige-tu-fit{
        font-size: 40px;
        line-height: 40px;
        height: 120px;
    }

    .elige-tu-fit span{
        font-size: 50px;
    }

    .carrousel-sucursales li{
        width: 10px;
        height: 10px;
    }
    
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 20px;
        height: 20px;
    }

    .carousel-indicators{
        bottom: 0px !important;
    }

    .banner-inscribete p{
        font-size: 3.5vw;
        letter-spacing: 3px;
        /* font-weight: 600; */
    }

    .buscar-sucursal-boton{
        font-size: 20px;
    }

    .sobre--new p {
        margin-bottom: 25px;
        font-size: 18px;
    }

    .etiqueta-fitstore{
        font-size: 0.7rem;

    }

    .etiqueta-fitstore.etq-1{
        top: 12vw;
        left: 44vw;
    }
    
    .etiqueta-fitstore.etq-2{
        top: 46vw;
        left: 12vw;
    }
    
    .etiqueta-fitstore.etq-3{
        top: 64vw;
        left: 60vw;
    }

}