/* Para Webkit browsers (Chrome, Safari, Edge) */
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Para Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }

        html,
        body {
            width: 100% !important;
            overflow-x: hidden;
        }

        @font-face {
            font-family: 'Europa Bold';
            src: url("fonts/EuropaNuovaBold.ttf");
        }

        @font-face {
            font-family: 'Europa ExtraBold';
            src: url("fonts/EuropaNuovaExtraBold.ttf");
        }

        @font-face {
            font-family: 'Europa Light';
            src: url("fonts/EuropaNuovaLight.ttf");
        }

        @font-face {
            font-family: 'Europa Regular';
            src: url("fonts/EuropaNuovaRegular.ttf");
        }

        @font-face {
            font-family: 'Raleway Extrabold';
            src: url("fonts/Raleway-ExtraBold.ttf");
        }

        @font-face {
            font-family: 'Raleway Light';
            src: url("fonts/Raleway-Light.ttf");
        }

        @font-face {
            font-family: 'Raleway Semibold';
            src: url("fonts/Raleway-SemiBold.ttf");
        }

        @font-face {
            font-family: 'Raleway Medium';
            src: url("fonts/Raleway-SemiBold.ttf");
        }

        @font-face {
            font-family: 'Raleway Regular';
            src: url("fonts/Raleway-Regular.ttf");
        }

        @font-face {
            font-family: 'Raleway Bold';
            src: url("fonts/Raleway-Bold.ttf");
        }

        @font-face {
            font-family: 'Montserrat Medium';
            src: url("fonts/Montserrat-Medium.ttf");
        }

        @font-face {
            font-family: 'Montserrat Semibold';
            src: url("fonts/Montserrat-SemiBold.ttf");
        }

        @font-face {
            font-family: 'Montserrat Regular';
            src: url("fonts/Montserrat-Regular.ttf");
        }

        @font-face {
            font-family: 'Montserrat Bold';
            src: url("fonts/Montserrat-Bold.ttf");
        }

        @font-face {
            font-family: 'Montserrat ExtraBold';
            src: url("fonts/Montserrat-ExtraBold.ttf");
        }

        @font-face {
            font-family: 'Montserrat Italic';
            src: url("fonts/Montserrat-Italic.ttf");
        }

        .regular {
            font-family: 'Europa Regular';
        }

        .bold {
            font-family: 'Europa Bold';
        }

        .light {
            font-family: 'Europa Light';
        }

        .extrabold {
            font-family: 'Europa ExtraBold';
        }

        .rlight {
            font-family: 'Raleway Light';
        }

        .rextrabold {
            font-family: 'Raleway Extrabold';
        }

        .rSemibold {
            font-family: 'Raleway Semibold';
        }

        .rmedium {
            font-family: 'Raleway Medium';
        }

        .rRegular {
            font-family: 'Raleway Regular';
        }

        .rBold {
            font-family: 'Raleway Bold';
        }

        .mMedium {
            font-family: 'Montserrat Medium';
        }

        .mSemibold {
            font-family: 'Montserrat Semibold';
        }

        .mRegular {
            font-family: 'Montserrat Regular';
        }

        .mBold {
            font-family: 'Montserrat Bold';
        }

        .mExtraBold {
            font-family: 'Montserrat ExtraBold';
        }

        .mItalic {
            font-family: 'Montserrat Italic';
        }

        .a_none_style {
            text-decoration: none;
        }

        /* TAMAÑOS Y COLORES DE TEXTOS */
        .parrafo {
            font-size: 16px;
        }

        .H1 {
            font-size: 36px;
        }

        .H2 {
            font-size: 28px;
        }

        .H3 {
            font-size: 24px;
        }

        .H4 {
            font-size: 20px;
        }

        .DISPLAY {
            font-size: 47px;
        }

        .Small {
            font-size: 14px;
        }

        .Caption {
            font-size: 10px;
        }

        .matilona {
            color: #1B1A16;
        }

        .chicago {
            color: #595955;
        }

        .aluminium {
            color: #9B9A98;
        }

        .alabaster {
            color: #EEEDED;
        }

        .white {
            color: #FAFBFC;
        }

        .ok {
            color: #2E8241;
        }

        .error {
            color: #BA4B44;
        }

        /* TERMINAN TAMAÑOS Y COLORES DE TEXTOS */
        /* BACKGROUNDS */
        .bg-index {
            background-image: url('../img/bg-index.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            text-align: center;
            color: #FAFBFC;
            width: 100%;
            height: 100vh;
        }

        .fondo-verde-claro {
            background-color: #94C400;
            color: #FAFBFC;
        }

        .medio-circulo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
        }

        .que-es {
            height: 450px;
            margin-top: 47px;
        }

        .box-que-es {
            right: 0;
        }

        .que-es-box {
            position: relative;
        }

        .bg-btn-locales {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
            margin-left: 640px;
        }

        .bg-btn-locales2 {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
            margin-left: 250px;
        }

        .bg-btn-conce-mas {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
        }

        .bg-btn-enviar-form {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
            margin-left: 250px;
        }

        .bg-btn-enviar-form:hover {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
            margin-left: 250px;
        }

        .bg-btn-enviar-form:hover {
            background-color: #9EC33B;
            width: 210px;
            height: 60px;
            border-radius: 100px;
            margin-left: 250px;
        }

        .bg-gris {
            background-color: #E8E8E8;
            width: 100%;
            height: auto;
        }

        .bg-directorio {
            background-color: #E8E8E8;
        }

        .bg-presencia {
            background-color: #F5F5F5;
            width: 100%;
            height: 100%;
        }

        .bg-gris-2 {
            background-color: #F5F5F5;
            height: auto;
            margin-top: 80px;
        }

        .bg-contact-local {
            background-color: #F7F7F7;
        }

        .bg-mapa {
            background-image: url('../img/bg-mapa.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            width: 100%;
        }

        .bg-verde-oscuro {
            background-color: #307A54;
            width: 100%;
            height: 100%;
            color: #FAFBFC;
        }

        .bg-plazas-comerciales {
            background-image: url('../img/bg-plazas-comerciales.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 80vh;
            color: #FAFBFC;
            position: relative;
        }

        .bg-verde-claro {
            background-color: #94C400;
            width: 100%;
            height: 100%;
            color: #FAFBFC;
        }

        .bg-plaza {
            /*background-image: url('../img/bg-plaza-ermita.png');*/
            width: 100%;
            height: 90vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .bg-azul {
            background-color: #1F6C83;
            color: #FAFBFC;
            width: 320px;
            height: 320px;
        }

        .bg-azul-phone {
            background-color: #1F6C83;
            color: #FAFBFC;
            border-radius: 15px;
        }

        .bg-verde-cl-logo {
            background-color: #94C400;
            color: #FAFBFC;
            border: 16px solid transparent;
            width: 320px;
            height: 320px;
        }

        .bg-verde-cl-logo-phone {
            background-color: #94C400;
            color: #FAFBFC;
            border-radius: 15px;
        }

        .bg-verde-os-logo {
            background-color: #038C5A;
            color: #FAFBFC;
            width: 320px;
            height: 320px;
        }

        .bg-verde-os-logo-phone {
            background-color: #038C5A;
            color: #FAFBFC;
            border-radius: 15px;
        }

        .bg-verde-oscuro {
            background-color: #307A54;
            color: #FAFBFC;
        }

        .bg-logo {
            background-image: url('../img/bg-logo.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 320px;
            height: 320px;
        }

        .bg-menu-verde-os {
            background-color: #2E8D61;
            color: #FAFBFC;
        }

        .bg-mejor-plaza {
            background-image: url('../img/bg-mejor-plaza.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: auto;
        }

        .bg-prox-eventos {
            background-image: url('../img/bg-prox-eventos.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            color: #FAFBFC;
            position: relative;
        }

        .bg-prox-eventos-phone {
            background-image: url('../img/bg-prox-eventos.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            color: #FAFBFC;
            height: auto;
        }

        .bg-int-local {
            background-color: #9EC33B;
            color: #FAFBFC;
        }

        .bg-info-extra {
            background-color: #F8F8F8;
        }

        .bg-info-plaza {
            background-color: #FAFAFA;
            color: #1B1A16;
            height: 550px;
        }

        .bg-index-phone {
            background-image: url('../img/bg-index-phone.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 60vh;
            position: relative;
        }

        .bg-desc-cel {
            background-color: #F5F5F5;
            border-radius: 15px;
        }

        .bg-azul-modal {
            background-color: #1F6C83;
            color: #FAFBFC;
        }

        .bg-carrousel-phone-detalle {
            height: 80vh;
            left: 0;
        }

        .bg-mejor-plaza-slider {
            height: 70vh;
        }

        .bg-promociones {
            height: 70vh;
        }

        .bg-planos-phone {
            height: 70vh;
        }

        .bg-videos {
            background-color: #2B875E;
        }

        .bg-prox-eventos img {
            border: 10px solid #ffff;
        }

        /* TERMINA BACKGROUNDS */
        /* COLORES DE TEXTO */
        .verde-cl {
            color: #D2D904;
        }

        .verde-osc {
            color: #277E56;
        }

        .texto-verde {
            color: #2B875C;
        }

        .verde-otro {
            color: #9EC33B;
        }

        .gris {
            color: #707070;
        }

        .txt-normal {
            color: #242424;
        }

        .txt-normal2 {
            color: #3C3C3C;
        }

        .txt-normal3 {
            color: #404040;
        }

        .txt-promo {
            color: #1B1A16;
        }

        /* TERMINA COLORES DE TEXTO */
        /* BOTONES */
        .btn-conoce {
            border-radius: 100px;
            background: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            text-align: start;
        }

        .btn-conoce:hover {
            border-radius: 100px;
            background: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            text-align: start;
        }

        .btn-conoce:focus {
            border-radius: 100px;
            background: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            text-align: start;
        }

        .btn-ver-loc {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-ver-loc:hover {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-ver-loc:focus {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #FAFBFC;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-ver-loc2 {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
            /*margin-top: 5.5px;*/
        }

        .btn-ver-loc2:hover {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
        }

        .btn-ver-loc2:focus {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
        }

        .btn-ver-loc-ch {
            border-radius: 100px;
            height: 30px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
            /*margin-top: 5.5px;*/
        }

        .btn-ver-loc-ch:hover {
            border-radius: 100px;
            height: 30px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
        }

        .btn-ver-loc-ch:focus {
            border-radius: 100px;
            height: 30px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 170px;
        }

        .btn-ver-loc3 {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #247952;
            background-color: #247952;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-ver-loc3:hover {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #247952;
            background-color: #247952;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-ver-loc3:focus {
            border-radius: 100px;
            background-color: transparent;
            border: 1px solid #247952;
            background-color: #247952;
            width: 200px;
            margin-top: 5.5px;
        }

        .btn-enviar-form {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 180px;
            margin-top: 5.5px;
        }

        .btn-enviar-form:hover {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 180px;
            margin-top: 5.5px;
        }

        .btn-enviar-form:focus {
            border-radius: 100px;
            background-color: #9EC33B;
            border: 1px solid #9EC33B;
            width: 180px;
            margin-top: 5.5px;
        }

        .btn-scroll {
            border-radius: 100%;
            border: 2px solid #FAFBFC;
            width: 40px;
            height: 40px;
            margin-left: 125px;
            opacity: 1;
            -webkit-transition: all .5s ease-in 3s;
            transition: all .5s ease-in 3s;
            -webkit-animation: bounce 2s infinite 2s;
            animation: bounce 2s infinite 2s;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in;
            transform: scale(1);
        }

        .btn-scroll-phone {
            border-radius: 100%;
            border: 2px solid #FAFBFC;
            width: 40px;
            height: 40px;
            opacity: 1;
            -webkit-transition: all .5s ease-in 3s;
            transition: all .5s ease-in 3s;
            -webkit-animation: bounce 2s infinite 2s;
            animation: bounce 2s infinite 2s;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in;
            transform: scale(1);
            float: right;
            margin-top: -55px;
            margin-right: -5px;
        }

        @keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            40% {
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
            }

            60% {
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
            }
        }

        .btn-hover {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 100px;
            width: 120px;
            height: 30px;
        }

        .btn-hover:hover {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 100px;
            width: 120px;
            height: 30px;
        }

        .btn-hover:focus {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 100px;
            width: 120px;
            height: 30px;
        }

        .btn-hover h5 {
            font-size: 12px;
        }

        .btn-muestra-filtros {
            background-color: #9EC33B;
            border-color: #9EC33B;
            border-radius: 10px;
            color: #FAFBFC;
            width: 40px;
            height: 40px;
        }

        .btn-muestra-filtros:hover {
            background-color: #9EC33B;
            border-color: #9EC33B;
            border-radius: 10px;
            color: #FAFBFC;
            width: 40px;
            height: 40px;
        }

        .btn-muestra-filtros:focus {
            background-color: #9EC33B;
            border-color: #9EC33B;
            border-radius: 10px;
            color: #FAFBFC;
            width: 40px;
            height: 40px;
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            background-color: #2B875C !important;
        }

        .nav-pills .nav-link {
            border: 1px solid #2B875C;
            border-radius: 0.5rem;
            margin-right: 12px;
        }

        .nav-link {
            color: #2B875C;
            font-family: 'Montserrat Bold';
        }

        .btn-mapa {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 15px;
            width: 150px;
        }

        .btn-mapa:hover {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 15px;
            width: 150px;
        }

        .btn-mapa:focus {
            background: transparent;
            border: 1px solid #FAFBFC;
            border-radius: 15px;
            width: 150px;
        }

        .navbar-light .navbar-toggler {
            border-color: rgba(0, 0, 0, .0);
        }

        .btn-mapa-proy {
            background: transparent !important;
            border-color: #9EC33B !important;
            border-radius: 12px !important;
            width: 150px;
            height: 40px;
            color: #1B1A16 !important;
        }

        .btn-mapa-proy:hover {
            background: transparent !important;
            border-color: #9EC33B !important;
            border-radius: 12px !important;
            width: 150px;
            height: 40px;
            color: #1B1A16 !important;
        }

        .btn-mapa-proy:focus {
            background: transparent;
            border-color: #9EC33B;
            border-radius: 12px;
            width: 150px;
            height: 40px;
            color: #1B1A16 !important;
        }

        .btn-filtrar {
            background-color: #277F56;
            border-color: #277F56;
            color: #FAFBFC;
        }

        .btn-filtrar:hover {
            background-color: #277F56;
            border-color: #277F56;
            color: #FAFBFC;
        }

        .btn-filtrar:focus {
            background-color: #277F56;
            border-color: #277F56;
            color: #FAFBFC;
        }

        .btn-clean {
            background-color: #277F56;
            border-color: #277F56;
            border-radius: 100%;
            width: 50px;
            height: 50px;
        }

        .btn-clean:hover {
            background-color: #277F56;
            border-color: #277F56;
            border-radius: 100%;
            width: 50px;
            height: 50px;
        }

        .btn-clean:focus {
            background-color: #277F56;
            border-color: #277F56;
            border-radius: 100%;
            width: 50px;
            height: 50px;
        }

        .btn-clean img {
            width: 25px;
        }

        .btn-close {
            background-image: none;
            color: #FFFFFF;
            font-size: 2rem;
        }

        .btn-contactame-cel {
            border-radius: 50px;
            background-color: #9EC33B;
            border-color: #9EC33B;
            width: 180px;
        }

        .btn-contactame-cel:hover {
            border-radius: 50px;
            background-color: #9EC33B;
            border-color: #9EC33B;
            width: 180px;
        }

        .btn-contactame-cel:focus {
            border-radius: 50px;
            background-color: #9EC33B;
            border-color: #9EC33B;
            width: 180px;
        }

        .btn-mapa-proy-cel {
            background: transparent !important;
            border-color: #9EC33B !important;
            border-radius: 20px !important;
            color: #1B1A16 !important;
            width: 180px;
            height: 40px;
        }

        .btn-mapa-proy-cel:hover {
            background: transparent !important;
            border-color: #9EC33B !important;
            color: #1B1A16 !important;
            border-radius: 20px;
            width: 180px;
            height: 40px;
        }

        .btn-mapa-proy-cel:focus {
            background: transparent !important;
            border-color: #9EC33B !important;
            color: #1B1A16 !important;
            border-radius: 20px;
            width: 180px;
            height: 40px;
        }

        .btn-info-modal {
            background-color: #FFFFFF;
            border-color: #FFFFFF;
            border-radius: 35px;
            color: #1F6C83;
            width: 200px;
        }

        .btn-info-modal:hover {
            background-color: #FFFFFF;
            border-color: #FFFFFF;
            border-radius: 35px;
            color: #1F6C83;
            width: 200px;
        }

        .btn-info-modal:focus {
            background-color: #FFFFFF;
            border-color: #FFFFFF;
            border-radius: 35px;
            color: #1F6C83;
            width: 200px;
        }

        /* TERMINAN BOTONES */
        .espaciado {
            margin-right: 8px;
        }

        /* ICONOS */
        .logo-que {
            width: 200px;
        }

        .icono-presencia {
            width: 150px;
        }

        .logo-menu {
            position: relative;
            z-index: 1;
            margin-top: 20px;
        }

        .logo-menu-verde {
            width: 70px;
        }

        .logo-menu-phone {
            width: 45px;
        }

        .logo-menu-plazas {
            width: 120px;
            margin-bottom: 5.5rem;
        }

        .logo-menu-plazas2 {
            width: 120px;
            margin-bottom: 2rem;
        }

        .logo-footer-web {
            width: 170px;
            margin-bottom: 0.5rem;
        }

        .icono-form {
            width: 20px;
        }

        .icono-ubi-form {
            float: left;
            margin-bottom: 50px;
            margin-right: 1.3rem;
        }

        .icono-plaza {
            width: 70px;
            margin-left: 115px;
        }

        .icono-plaza-phone {
            width: 40px;
            float: left;
        }

        .fa-angle-down {
            color: #FAFBFC;
            font-size: 1.5rem;
        }

        .iconos-serv-gen {
            width: 80px;
        }

        .iconos-serv-gen2 {
            width: 60px;
        }

        .icono-dudas {
            width: 23px;
        }

        .fa-plus {
            font-size: 1rem;
        }

        .icono-ubi-deta-loc {
            float: left;
            margin-bottom: 20px;
        }

        .icono-det-loc {
            width: 25px;
            margin-right: 0.7rem;
        }

        .icono2-det-loc {
            width: 19px;
            margin-right: 0.9rem;
        }

        .icono-ubi-plaza {
            float: left;
            width: 25px;
            margin-bottom: 40px;
        }

        .icono-ubi-plaza2 {
            width: 25px;
        }

        .fb-sub-men {
            width: 13px;
        }

        .ig-sub-men {
            width: 20px;
        }

        .tw-sub-men {
            width: 20px;
        }

        .tk-sub-men {
            width: 18px;
        }

        .logo-coppel {
            width: 200px;
        }

        .logo-cinepolis {
            width: 200px;
        }

        .logo-smart {
            width: 180px;
        }

        .logo-converse {
            width: 100px;
        }

        .logo-vertiche {
            width: 250px;
        }

        .logo-bbva {
            width: 120px;
        }

        .logo-citibanamex {
            width: 200px;
        }

        .logo-telcel {
            width: 180px;
        }

        .logo-soriana {
            width: 180px;
        }

        .logo-form-index {
            width: 120px;
        }

        .icono-ubicacion {
            width: 14px;
            margin-right: 10px;
        }

        .fa-bars {
            color: rgba(255, 255, 255, 0.5);
        }

        .icono-mail-phone {
            width: 18px;
            margin-right: 0.4rem;
            float: left;
            margin-top: 0.7rem;
        }

        .icono-phone-menu-phone {
            width: 15px;
            margin-right: 0.4rem;
            float: left;
            margin-top: 0.7rem;
        }

        .icono-ubi-phone {
            width: 18px;
            margin-right: 0.4rem;
            float: left;
            margin-bottom: 5rem;
            margin-top: 0.7rem;
        }

        .logo-foot-phone {
            width: 80px;
        }

        .icono-esta-proy {
            width: 70px;
        }

        .scroll-ch {
            width: 15px;
        }

        .logo-plaza-modal {
            width: 50px;
            float: left;
            margin-right: 1rem;
        }

        /* TERMINA ICONOS */
        .txt-index {
            position: relative;
            padding-top: 200px;
            z-index: 1;
        }

        .txt-index h1 {
            position: relative;
            font-size: 90px;
        }

        .txt-fondo-verde {
            padding-top: 5rem;
        }

        .txt-fondo-verde p {
            line-height: 90%;
        }

        .txt-via-ofrece h1 {
            font-size: 7rem;
        }

        .txt-disfruta h1 {
            font-size: 7rem;
        }

        .txt-mision {
            font-size: 130px;
            margin-top: 0;
            margin-left: 1 !important;
        }

        .txt-nuestra {
            font-size: 85px;
            margin-bottom: 0;
            margin-left: 1rem !important;
        }

        .txt-presencia {
            line-height: 115%;
        }

        .txt-presencia2 h1 {
            font-size: 70px;
        }

        .txt-metros h1 {
            font-size: 50px;
        }

        .txt-crecer-negocio {
            position: absolute;
            top: 30%;
            right: 0;
            left: 50%;
        }

        .txt-crecer-negocio-phone {
            position: absolute;
            top: 12%;
            right: 0;
        }

        .txt-crecer-negocio-phone4 {
            position: absolute;
            top: 16%;
        }

        .txt-crecer-negocio-phone3 {
            position: absolute;
            top: 40%;
        }

        .txt-crecer-negocio h1 {
            color: #595955;
            font-size: 60px;
            line-height: 50%;
        }

        .txt-crecer-negocio-phone h1 {
            color: #595955;
            font-size: 25px;
        }

        .txt-crecer-negocio-phone2 h1 {
            color: #595955;
            font-size: 24px;
            margin-bottom: -2px;
        }

        .txt-crecer-negocio-phone3 h1 {
            color: #595955;
            font-size: 18px;
        }

        .txt-crecer-negocio-phone3 h3 {
            color: #595955;
            font-size: 12px;
        }

        .txt-crecer-negocio-phone4 h1 {
            color: #595955;
            font-size: 20px;
            margin-bottom: -2px;
        }

        .txt-crecer-negocio {
            margin-top: 100px;
        }

        .txt-conoce-plazas {
            position: relative;
            z-index: 1;
            margin-top: 60px;
        }

        .txt-event {
            margin-left: 5rem;
            padding-top: 0.5rem;
        }

        .txt-dire {
            margin-left: 4rem;
            padding-top: 0.5rem;
        }

        .txt-prom {
            margin-left: 1.5rem;
            padding-top: 0.5rem;
        }

        .txt-tit-index-phone {
            color: #FAFBFC;
            text-align: center;
            margin-top: 15rem;
        }

        .txt-promo-phone p {
            line-height: 80%;
        }

        /* TERMINAN TEXTOS */
        .nuestra-mision {
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 0;
        }

        .nuestra-mision-1 {
            position: relative;
            height: 94vh;
        }

        .chico {
            position: absolute;
            top: 10.5%;
            width: 33.5%;
            left: 200px;
            z-index: 1;
        }

        .chico-phone {
            position: absolute;
            top: 34%;
            width: 50%;
            left: -30px;
            z-index: 1;
        }

        .chico2-phone {
            position: absolute;
            top: 28.5%;
            width: 60%;
            left: -30px;
            z-index: 1;
        }

        .chico2 {
            position: absolute;
            top: -0%;
            width: 30.2%;
            left: 100px;
            z-index: 1;
        }

        .chica {
            position: absolute;
            top: 3.5%;
            width: 27.2%;
            left: 250px;
            z-index: 1;
        }

        .chica-phone {
            position: absolute;
            top: 25.5%;
            width: 52%;
            left: -10px;
            z-index: 1;
        }

        .presencia {
            position: relative;
        }

        .index {
            position: relative;
        }

        .crecer-negocio {
            position: relative;
        }

        .conoce-plazas {
            position: relative;
        }

        .degradado-2 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgb(0, 0, 0);
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 1) 100%);
        }

        /* CURVAS */
        .curva-arriba {
            position: absolute;
            top: 80.5%;
            left: 0;
            z-index: 1;
        }

        .curva-plaza-operacion {
            position: absolute;
            top: 83%;
            left: 0;
            z-index: 1;
        }

        .curva-plaza-operacion-phone {
            position: absolute;
            top: 68%;
            left: 0;
            z-index: 1;
        }

        .curva-2 {
            position: absolute;
            left: 0;
            top: 88%;
            z-index: 1;
        }

        .curva-2-phone {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1;
        }

        .curva-3 {
            position: absolute;
            left: 0;
            top: 0;
        }

        .curva-4 {
            position: absolute;
            left: 0;
            top: -30%;
        }

        .curva1-index-phone {
            position: absolute;
            bottom: -1%;
            left: 0;
        }

        /* TERMINA CURVA */
        /*  MENÚ MÓVIL */
        .accordion-item {
            background: transparent;
            border-color: transparent !important;
        }

        .accordion-button {
            background: transparent;
        }

        .accordion-button::after {
            background-image: url('../img/icono-felcha-abajo.png');
            background-size: 1rem;
            width: 1.25rem;
            height: 1rem;
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url('../img/icono-fleha-arriba.png');

        }

        .accordion-button:not(.collapsed) {
            color: #FAFBFC;
            background: transparent;
        }

        .accordion-footer:not(.collapsed) {
            color: #9B9A98;
            background: transparent;
        }

        .accordion-body h6 {
            font-size: 12px;
        }

        /* TERMINA MENÚ MÓVIL */
        /* MENÚ WEB */
        .logo-submenu-web {
            width: 100px;
        }

        .bg-menu-verde-cl {
            background-color: #C1E954;
            color: #000000;
        }

        .cel-sub-menu {
            width: 14px;
            margin-right: 0.5rem;
        }

        .mail-sub-menu {
            width: 17px;
        }

        .submenu-terrenos {
            padding-top: 10rem;
        }

        .borde-derecho-menu {
            border-right: 1px solid #FAFBFC;
        }

        .borde-derecho-menu h6 {
            font-size: 13px;
        }

        .borde-derecho-menu2 {
            border-right: 1px solid #1B1A16;
        }

        .borde-derecho-menu2 h6 {
            font-size: 13px;
        }

        /* MENÚ WEB TERMINA */
        .form-index label {
            font-family: 'Europa Light';
        }

        .form-index input {
            border-radius: 10px;
            font-family: 'Europa Light';
        }

        footer {
            color: #9B9A98;
            font-family: 'Montserrat Regular';
        }

        footer a {
            color: #9B9A98;
            font-family: 'Montserrat Regular';
        }

        footer h3 {
            color: #9EC33B;
        }

        .bb-mat {
            width: 300px;
        }

        .plaza {
            position: relative;
            margin-bottom: 100px;
        }

        .sobrepuestos {
            bottom: -20%;
            z-index: 200;
            position: absolute;
            left: 8% !important;
        }

        .promo-dir-events {
            display: flex;
            justify-content: center;
        }

        /* COLLAPSE DE CATEGORIAS */
        .collapsible {
            background: none;
            color: #000000;
            cursor: pointer;
            width: 100%;
            border-top-color: #FAFBFC;
            border-bottom: 2px solid #DEDEDE !important;
            border-left: none;
            border-right: none;
            text-align: left;
            outline: none;

        }

        .collapsible h5 {
            font-size: 15px;
        }

        .content {
            padding: 0 15px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            background: none;
            margin-left: 10px;
            margin-right: 10px;
        }

        .content h5 {
            margin-top: 10px;
        }

        .No_Categoria {
            background-color: #277E56;
            color: #FAFBFC;
            border-radius: 100%;
            float: right;
            width: 25px;
            height: 25px;
            font-family: 'Montserrat Regular';
            margin-top: -30px !important;
        }

        .No_Categoria h6 {
            font-size: 14px;
            margin-left: 0.6rem;
        }

        .num-1 {
            margin-top: -20px;
        }

        /* TERMINA COLLAPSE DE CATEGORIAS */
        .bordes {
            border-left: 1px solid #C7C7C7;
            border-right: 1px solid #C7C7C7;
        }

        /** LA MEJOR PLAZA **/
        .side-picture {
            transition: border-color 0.5s;
            width: 150px;
            position: relative;
        }

        .side-picture img {
            width: 150px;
            height: 60px;
        }

        .side-picture:hover {
            border-color: #36393b !important;
        }

        .side-picture.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        #main-image {
            width: 100%;
            height: auto;
        }

        /* PLANOS */
        .side-picture-planos {
            transition: border-color 0.5s;
            width: 150px;
            position: relative;
        }

        .side-picture-planos img {
            width: 150px;
            height: 60px;
        }

        .side-picture-planos:hover {
            border-color: #36393b !important;
        }

        .side-picture-planos.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        #main-image {
            width: 100%;
            height: auto;
        }

        /* HOVER DE LAS MARCAS */
        .contenedor-marcas {
            position: relative;
            width: 100%;
            float: left;
        }

        .contenedor-marcas img {
            position: absolute;
            left: 20%;
            transition: opacity 1.5s ease-in-out;
        }

        .contenedor-marcas img.top:hover {
            opacity: 0;
        }

        /* TERMINA EL HOVER DE LAS MARCAS */
        /* PLAZA DESARROLLO */
        .side-picture-plaza-Des {
            transition: border-color 0.5s;
            position: relative;
        }

        .side-picture-plaza-Des:hover {
            border-color: #36393b !important;
        }

        .side-picture-plaza-Des.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        /* DETALLE LOCAL */
        .side-picture-Det-loc {
            transition: border-color 0.5s;
            position: relative;
        }

        .side-picture-Det-loc:hover {
            border-color: #36393b !important;
        }

        .side-picture-Det-loc.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        /* PLANOS DE PLAZA */
        .side-picture-planos {
            transition: border-color 0.5s;
            position: relative;
        }

        .side-picture-planos:hover {
            border-color: #36393b !important;
        }

        .side-picture-planos.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        /* DETALLE PLAZA Y LOCAL */
        .side-picture-det {
            transition: border-color 0.5s;
            position: relative;
        }

        .side-picture-det:hover {
            border-color: #36393b !important;
        }

        .side-picture-det.active {
            transition: border 0.5s;
            border: 3px solid #C1E954 !important;
        }

        /* CARROUSEL DE PROMOCIONES  Y SLIDERS VERSIÓN CELULAR */
        .glider {
            overflow: hidden;
        }

        .glider div {
            margin: 5px;
        }

        .glider img {
            -o-object-fit: cover;
            object-fit: cover;
        }

        .glider-contain .glider-next,
        .glider-contain .glider-prev {
            font-size: 1.5rem;
            background: transparent;
            margin-top: 1rem;
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            border-radius: 50%;
        }

        .glider-next-2 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .glider-prev-2 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .glider-next-3 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .glider-prev-3 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .glider-next-4 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .glider-prev-4 {
            font-size: 1.5rem;
            background: transparent;
            color: #ffffff;
            border-radius: 50%;
        }

        .white-borde {
            border: 2px solid #fff;
        }

        .verde-borde {
            border: 3px solid #9EC33B;
        }

        /* TERMINA CARROUSEL DE PROMOCIONES Y SLIDERS VERSIÓN CELULARES*/
        .txt-raya-verde {
            float: left;
        }

        .icono-raya-verde {
            width: 90px;
        }

        .icono-raya-verde3 {
            width: 100px;
        }

        .icono-raya-verde2 {
            width: 80px;
        }

        .borde-derecho {
            border-left: 1.5px solid rgba(255, 255, 255, 0.5);
            rotate: 90deg;
            align-items: center;
            width: 100px;
        }

        .borde-derecho-web {
            border-right: 1px solid #FAFBFC;
        }

        /* PONER ICONO DE BUSQUEDA DENTRO DEL INPUT */
        .inner-addon {
            position: relative;
        }

        .right-addon .glyphicon {
            right: 0px;
        }

        .glyphicon {
            width: 45px;
        }

        .inner-addon .glyphicon {
            position: absolute;
            padding: 10px;
            pointer-events: none;
        }

        .right-addon input {
            padding-right: 30px;
            border-radius: 5px;
        }

        .fa-magnifying-glass {
            color: #9EC33B;
        }

        /* TERMINA PONER ICONO DE BUSQUEDA DENTRO DEL INPUT */
        .input-buscar-local {
            border-color: #9EC33B;
        }

        .contact-loc p {
            line-height: 70%;
        }

        /* FILTROS DE LOCALES DISPONIBLES */
        #ocultable {
            display: none;
        }

        #ocultable-phone {
            display: none;
        }

        .menu {
            display: none;
        }

        #menu {
            display: none;
        }

        .filtros {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .filtros2 {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .form-select {
            border: 1px solid #9EC33B;
            background-image: url('../img/icono-select.png');
            background-repeat: no-repeat;
            background-size: 10%;
            color: #6F6F6F;
            font-family: 'Raleway Medium';
            border-radius: 8px;
        }

        .form-ciudad {
            width: 120px;
        }

        .form-status {
            width: 120px;
        }

        .form-prop {
            width: 140px;
        }

        .form-tam {
            width: 140px;
        }

        .min-max {
            border: 1px solid #9EC33B;
            width: 260px;
            border-radius: 10px;
            background-color: #fff;
        }

        .form-min {
            width: 50px;
            height: 20px;
        }

        .form-max {
            width: 50px;
            height: 20px;
        }

        .form-min-max {
            display: flex;
            justify-content: center;
        }

        .tamano-local {
            border: 1px solid #9EC33B;
            width: 150px;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            font-family: 'Raleway Medium';
            color: #6F6F6F;
        }

        .btn-filtro-cel {
            border: 1px solid #9EC33B;
            width: 120px;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            font-family: 'Raleway Medium';
            color: #6F6F6F;
        }

        .icono-select {
            width: 12px;
        }

        #min-max {
            display: none;
            font-family: 'Raleway Medium';
            color: #6F6F6F;
            position: absolute;
            z-index: 2;
        }

        /* TERMINA FILTROS DE LOCALES DISPONIBLES */
        /* HOVER DE LOCALES */
        .local {
            position: relative;
        }

        .hover {
            background: rgba(158, 195, 59, 0.5);
            padding: 10px;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            cursor: pointer;
            color: #FAFBFC;
        }

        .local:hover .hover {
            opacity: 1;
        }

        .side-picture-det:hover .hover {
            opacity: 1;
        }

        .side-picture-planos:hover .hover {
            opacity: 1;
        }

        .side-picture:hover .hover {
            opacity: 1;
        }

        .side-picture-plaza-Des:hover .hover {
            opacity: 1;
        }

        .side-picture-Det-loc:hover .hover {
            opacity: 1;
        }

        .zoom {
            transition: transform .2s;
        }

        .zoom:hover {
            transform: scale(1.1);
            opacity: 1;
        }

        .logo-hover {
            width: 70px;
        }

        .image-local {
            width: 306px;
        }

        .desc-local h6 {
            font-size: 14px;
        }

        .desc-local p {
            line-height: 80%;
            color: #4D4D4D;
        }

        .desc-local span {
            font-size: 12px;
            padding-top: -100px;
        }

        .desc-local img {
            width: 12px;
        }

        /* TERMINA HOVER DE LOCALES */
        /*PAGINACIÓN LOCALES */
        .page-item.active .page-link {
            border-radius: 100%;
            background-color: #9EC33B;
            border-color: #9EC33B;
            font-family: 'Raleway Semibold';
        }

        .page-item .page-link {
            border-radius: 100%;
            background-color: #F7F7F7;
            border-color: #F7F7F7;
            color: #919191;
            font-family: 'Raleway Semibold';
            margin-left: 1rem;
            margin-right: 1rem;
            width: 40px;
            height: 40px;
        }

        .pagination-sm .page-item:first-child .page-link {
            border-top-left-radius: 100%;
            border-bottom-left-radius: 100%;
        }

        .pagination-sm .page-item:last-child .page-link {
            border-top-right-radius: 100%;
            border-bottom-right-radius: 100%;
        }

        .page-item:first-child .page-link {
            border-top-left-radius: 100%;
            border-bottom-left-radius: 100%;
        }

        .page-item:last-child .page-link {
            border-top-right-radius: 100% !important;
            border-bottom-right-radius: 100% !important;
        }

        /* TERMINA PAGINACIÓN LOCALES */
        /* PAGINACIÓN DE LOCALES DISPONIBLES
.paginacion-local-disp {
    align-items: center;
    color: #919191;
    display: flex;
    font-size: 1.25em;
    justify-content: center;
    margin: 0;
}
.paginacion {
    display: inline-block;
    position: relative;
}
.index-pag {
    cursor: pointer;
    display: inline;
    margin-right: 10px;
    padding-left: 5px;
    padding: 5px;
    user-select: none;
    -moz-user-select: none;
}
.index:last-child {
    margin: 0;
}
svg {
    left: -8px;
    position: absolute;
    top: -3px;
    transition: transform 500ms;
    width: 36px;
}
path {
    fill:#fff;
    stroke:#D2D904;
    stroke-dasharray: 150 150;
    stroke-width:2;
}
.paginacion.open:not(.flip) path {
    animation: OpenRight 500ms;
}
.paginacion.open.flip path {
    animation: OpenLeft 500ms;
}
.paginacion.i1 svg {
    transform: translateX(0);
}
.paginacion.i2 svg {
    transform: translateX(37px);
}
.paginacion.i3 svg {
    transform: translateX(72px);
}
.paginacion.i4 svg {
    transform: translateX(110px);
}
.paginacion.i5 svg {
    transform: translateX(145px);
}
.paginacion.i6 svg {
    transform: translateX(182px);
}
.paginacion.i7 svg {
    transform: translateX(218px);
}
.paginacion.i8 svg {
    transform: translateX(255px);
}
@keyframes OpenRight {
    25% { stroke-dasharray: 100 150; }
    60% { stroke-dasharray: 100 150; }
    100% { stroke-dasharray: 150 150; }
}
@keyframes OpenLeft {
    25% { stroke-dashoffset: -50px; }
    60% { stroke-dashoffset: -50px; }
    100% { stroke-dashoffset: 0; }
}
.bg-loader{
      background: transparent;
      border: none;
}
.spinner-grow.text-primary{
      color: #025373;
      background-color: #025373;
}*/
        .bg-modal-loader {
            background: rgba(0, 0, 0, 0.1);
        }

        /* TERMINA LOCALES DISPONIBLES */
        .ubi-det-loc h6 {
            font-size: 13px;
        }

        .bg-info-extra h2 {
            font-size: 16px;
        }

        .name-plaza p {
            line-height: 80%;
        }

        /* SERICIOS GENERALES */
        .servicios-generales {
            width: 350px;
            height: 350px;
        }

        /* CARROUSEL DE PRÓXIMOS EVENTOS */
        .cards-promociones {
            position: relative;
            height: 100vh;
        }

        .btn-control {
            max-width: 40px;
        }

        /****** SLIDER *******/
        .splide__spinner {
            border-left-color: #999;
        }

        .splide__arrow {
            background: transparent;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 100%;
            display: block;
            border: 2px solid #ffffff;
        }

        .splide__arrow svg {
            width: 1em;
            height: 1em;
            fill: #fff;
            transition: fill 0.2s linear;
            margin-top: 0;
            margin-left: 0;
        }

        .splide__arrow:hover {
            opacity: 1;
        }

        .splide__arrow:hover svg {
            fill: #fff;
        }

        .splide__pagination__page {
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #ccc;
            border-radius: 2.5px;
            margin: 3px;
            padding: 0;
            transition: all 0.2s linear;
            border: none;
        }

        .splide__pagination__page.is-active {
            transform: scale(1);
            background: #fff;
        }

        .splide__pagination__page:hover {
            cursor: pointer;
            background: #fff;
            opacity: 1;
        }

        .splide__progress__bar {
            width: 0;
            height: 3px;
            background: #fff;
        }

        .splide {
            padding: 3em;
        }

        .splide__slide {
            border-radius: 4px;
        }

        .splide__spinner {
            border: 2px solid #fff;
            border-left-color: transparent;
        }

        .splide--nav>.splide__track>.splide__list>.splide__slide {
            border: 3px solid #fff;
            cursor: pointer;
            opacity: 0.7;
            border-radius: 4px;
        }

        .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
            border-color: #fff;
            opacity: 1;
        }

        .splide--ttb>.splide__pagination {
            right: 1em;
        }

        .splide--ttb>.splide__pagination .splide__pagination__page {
            width: 5px;
            height: 20px;
        }

        .splide__slide img {
            width: 100%;
            height: auto;
        }

        .splide__pagination {
            display: none;
        }

        #primary-slider {
            margin-bottom: 45px;
            padding: 4% 10% 0;
        }

        path {
            stroke: #fff;
        }

        /* TERMINA SLIDER DE EVENTOS */
        /* ESTILOS WEB */
        #btn-control-web {
            max-width: 50px;
            margin-top: 120px;
        }

        .onboarding-card-web {
            left: 6%;
            position: absolute;
            user-select: none;
            visibility: hidden;
            top: 0;
        }

        .visible-card-web {
            opacity: 1;
            visibility: visible;
            animation-duration: 2s;
            animation-name: animTexto;
        }

        .onboarding-card-web__arrow {
            cursor: pointer;
        }

        /* TERMINA CARROUSEL PRÓXIMOS EVENTOS */
        /* LOADING */
        .loader-page {
            position: fixed;
            z-index: 25000;
            background: rgb(1, 38, 21);
            background: linear-gradient(204deg, rgba(1, 38, 21, 1) 7%, rgba(0, 61, 39, 1) 51%, rgba(1, 38, 21, 1) 100%);
            left: 0px;
            top: 0px;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .3s ease;
        }

        .loader-text {
            color: #fff;
            animation: slide-phrases-upward 15s;
            text-align: center;
        }

        @keyframes slide-phrases-upward {
            0% {
                transform: translateY(0px);
            }

            5% {
                transform: translateY(-50px);
            }

            10% {
                transform: translateY(-100px);
            }

            15% {
                transform: translateY(-150px);
            }

            20% {
                transform: translateY(-200px);
            }

            25% {
                transform: translateY(-250px);
            }

            30% {
                transform: translateY(-300px);
            }

            35% {
                transform: translateY(-350px);
            }

            40% {
                transform: translateY(-400px);
            }

            45% {
                transform: translateY(-450px);
            }

            50% {
                transform: translateY(-500px);
            }

            55% {
                transform: translateY(-550px);
            }

            60% {
                transform: translateY(-600px);
            }

            65% {
                transform: translateY(-650px);
            }

            70% {
                transform: translateY(-700px);
            }

            75% {
                transform: translateY(-750px);
            }

            80% {
                transform: translateY(-800px);
            }

            85% {
                transform: translateY(-850px);
            }

            90% {
                transform: translateY(-900px);
            }

            95% {
                transform: translateY(-950px);
            }

            100% {
                transform: translateY(-1000px);
            }
        }

        .box-text {
            display: flex;
            flex-flow: column;
            height: 250px;
            overflow: hidden;
            width: 750px;
            text-align: center;
        }

        .progress_bar {
            font-family: Arial;
            position: fixed;
            left: 0;
            bottom: 0;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            top: 140px;
            z-index: 999;
            height: calc(100vh - 60px);
        }

        .progress_bar__wrapper {
            overflow: hidden;
            border-radius: 20px;
            width: 450px;
            background-color: #c4c4c4;
            overflow: hidden;
        }

        .progress_bar__viewer {
            background: #CCD150;
            border-radius: 4px;
            height: 4px;
            transform: scaleX(0);
            transform-origin: 0 0;
        }

        .progress_bar.animate-loader .progress_bar__viewer {
            animation: FillAnimation 3s cubic-bezier(0.01, 1.06, 0.71, 1) forwards infinite;
        }

        .progress_bar.animate-loader .progress_bar__state::before {
            content: "";
            animation: TextChange 3s infinite;
        }

        .progress_bar__content {
            display: flex;
            flex-direction: column;
        }

        .progress_bar__state {
            margin-top: 24px;
            text-align: center;
            font-size: 14px;
            line-height: 1.5;
            font-weight: bold;
            color: #fff;
        }

        @keyframes FillAnimation {
            0% {
                transform: scaleX(0.028);
            }

            10% {
                transform: scaleX(0.028);
            }

            20% {
                transform: scaleX(0.028);
            }

            25% {
                transform: scaleX(0.24);
            }

            35% {
                transform: scaleX(0.24);
            }

            45% {
                transform: scaleX(0.24);
            }

            50% {
                transform: scaleX(0.624);
            }

            60% {
                transform: scaleX(0.624);
            }

            70% {
                transform: scaleX(0.624);
            }

            75% {
                transform: scaleX(0.928);
            }

            85% {
                transform: scaleX(0.928);
            }

            95% {
                transform: scaleX(0.928);
            }

            100% {
                transform: scaleX(1);
            }
        }

        @keyframes TextChange {
            0% {
                content: attr(data-start);
            }

            24% {
                content: attr(data-start);
            }

            25% {
                content: attr(data-middle);
            }

            99% {
                content: attr(data-middle);
            }

            100% {
                content: attr(data-end);
            }
        }

        /* TERMINA EL LOADING */
        /* ESTILOS CELULAR */

        .box-somos-phone {
            background-color: #9EC33B;
            color: #FAFBFC;
        }

        .box-somos-phone h6 {
            line-height: 90%;
        }

        .logo-box-somos {
            width: 80px;
        }

        .mision-phone {
            position: relative;
            height: 40vh;
        }

        .box-mision-phone {
            background-color: #9EC33B;
            width: 250px;
            height: 150px;
            margin-left: 4rem;
        }

        .box-mision-phone p {
            line-height: 50%;
        }

        .bg-mision-phone {
            position: absolute;
            top: 45%;
            left: 0;
            width: 100%;
        }

        .image-plaza {
            position: relative;
            height: 50vh;
        }

        .dir-tiendas {
            height: 300px;
            overflow-y: scroll;
        }

        .content-filtros {
            width: 70%;
            background-color: #fff;
            font-family: 'Montserrat Regular';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            display: none;
            border-right: 2px solid #9EC33B;
            border-bottom: 2px solid #9EC33B;
        }

        .form-filtros-celular input {
            border-color: #9EC33B;
            border-radius: 11px;
        }

        .form-filtros-celular label {
            font-size: 15px;
        }

        .input-max,
        .input-min {
            height: 35px;
        }

        .card {
            border-radius: 15px;
            background-color: #F5F5F5;
        }

        .card-header {
            background-color: #307A54;
            color: #FAFBFC;
        }

        .card-header:first-child {
            border-radius: 15px 15px 0px 0px;
        }

        .desplegable-conct {
            display: none;
        }

        /* TERMINASN ESTILOS CELULAR */
        /* MAPA DEL INDEX 
.mapa{
    position: relative;
    height: 100vh;
}
.plazas-mapa img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(0.97);
    transition: all 200ms ease-out;
    backface-visibility: hidden;
}
.plazas-mapa img.second {
    opacity: 1;
    transform: scale(1);
    z-index: 10;
}
.links-mapa{
    width: 300px;
    height: 300px;
    text-align: center;
    display: block;
    cursor: pointer;
}
.links-mapa img{
    width: 80px;
}
.links-mapa a{
    padding: 10px;
}
.plaza-moctezuma-link{
    position: absolute;
    top: 9.5%;
    left: 13.1%;
}
.plaza-vizcaino-link{
    position: absolute;
    top: 37%;
    left: 9%;
}
.plaza-parras-link{
    position: absolute;
    top: 22%;
    left: 39%;
}
.plaza-barrancos-link{
    position: absolute;
    top: 37.5%;
    left: 22%;
}
.plaza-ermita-link{
    position: absolute;
    bottom: 5%;
    right: 30.2%;
}
.plaza-tuxtla-link{
    position: absolute;
    bottom: -8%;
    right: 10%;
}
/* TERMINA EL MAPA DEL INDEX */
        /* MAPA SVG 

.mapa-div-svg{
    width: 70%!important;
    margin: auto;
}
.mapa-div-svg path{
    stroke: #ffff!important;
    stroke-width: 2px!important;
}
#bajaNorte, #chihuahua, #durango, #zacatecas, #nuevoLeon, #sanLuis, #tamaulipas, #aguascalientes, #colima, #jalisco, #michoacan, #nayarit, 
#campeche, #oaxaca, #puebla, #tabasco, #tlaxcala, #guanajuato, #guerrero, #hidalgo, #mexico, #morelos, #queretaro, #veracruz, #quintanaRoo, #yucatan{
    fill: #BCBCBC!important;
}
#bajaSur, #sonora, #sinaloa, #coahulia, #chiapas, #cdmx{
    fill: #94C500!important;
}
#bajaSur:hover{
    fill: #4D8C63important;
}
#sonora:hover{
    fill: #4D8C63important;
}
#sinaloa:hover{
    fill: #4D8C63important;
}
#coahulia:hover{
    fill: #4D8C63important;
}
#chiapas:hover{
    fill: #4D8C63important;
}
#cdmx:hover{
    fill: #4D8C63important;
}
/* TERMINA MAPA SVG */
        /* MAPA  CON INFO PLAZAS */
        .mapa {
            overflow: hidden;
        }

        .mapa-div {
            width: 70%;
            margin: auto;
        }

        #estado-Norte,
        #estado-Chihuahua,
        #estado-Durango,
        #estado-Zacatecas,
        #estado-NuevoLeon,
        #estado-SanLuis,
        #estado-Tamaulipas,
        #estado-Aguascalientes,
        #estado-Colima,
        #estado-Jalisco,
        #estado-Michoacan,
        #estado-Nayarit,
        #estado-Campeche,
        #estado-Oaxaca,
        #estado-Puebla,
        #estado-Tabasco,
        #estado-Tlaxcala,
        #estado-Guanajuato,
        #estado-Guerrero,
        #estado-Hidalgo,
        #estado-Mexico,
        #estado-Morelos,
        #estado-Queretaro,
        #estado-Veracruz,
        #estado-Chiapas,
        #estado-QuintanaRoo,
        #estado-Yucatan {
            stroke: #ffff;
            stroke-width: 2px;
            fill: #BCBCBC;
            -webkit-transition: fill 0.3s;
            -moz-transition: fill 0.3s;
            -ms-transition: fill 0.3s;
            -o-transition: fill 0.3s;
            transition: fill 0.3s;
        }

        #estado-Cdmx,
        #estado-Coahulia,
        #estado-Sinaloa,
        #estado-Chiapas,
        #estado-Sur,
        #estado-Sonora {
            fill: #9EC33B !important;
        }

        .modal-list-plazas {
            border-radius: 10px;
            border: none;
            background-color: #4D8C63;
            color: #ffff;
        }

        .mapa-div .is-active path {
            fill: #4D8C63;
        }

        .map__list {
            float: right;
            width: 100%;
            font-family: 'Montserrat Bold';
            margin: auto;
        }

        .map__list a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s;
            font-family: 'Montserrat Bold';
        }

        .btn-estado {
            width: 220px;
            height: 40px;
            border: 2px solid #4D8C63;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 1rem;
        }

        .btn-estado h5 {
            margin-top: 0.3rem;
        }

        .map__list a.is-active {
            color: #9EC33B;
            font-weight: bold;
            text-decoration: underline;
        }

        /* TERMINA MAPA CON INFO PLAZAS */
        /* RESPONSIVO */
        @media only screen and (min-width:320px) and (max-width: 479px) {
            .bg-plaza {
                height: 40vh;
            }

            .nav-pills .nav-link.active,
            .nav-pills .show>.nav-link {
                background-color: #2B875C !important;
            }

            .nav-pills .nav-link {
                border: 1px solid #2B875C;
                border-radius: 30px;
                margin-right: 12px;
            }

            .nav-link {
                color: #2B875C;
                font-family: 'Montserrat Bold';
            }

            .servicios-generales {
                width: auto;
                height: auto;
            }

            .chico-phone {
                width: 58%;
            }

            .bg-gris {
                height: auto;
            }

            .progress_bar__wrapper {
                width: 250px;
            }

            #phrase_box {
                width: 250px;
            }

            .mapa {
                height: 50vh;
            }

            .links-mapa {
                width: 40px;
                height: 40px;
                text-align: center;
                display: block;
                cursor: pointer;
            }

            .links-mapa img {
                width: 30px;
            }

            .links-mapa a {
                padding: 10px;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 9.5%;
                left: 16.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 20%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 18%;
                left: 41%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 24%;
                left: 27%;
            }

            .plaza-ermita-link {
                position: absolute;
                top: 38%;
                right: 38.5%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                top: 46%;
                right: 16%;
            }

            .bg-prox-eventos {
                height: auto;
            }

            .btn-muestra-filtros {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:hover {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:focus {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-ver-loc2 {
                width: 150px;
                height: 36px;
            }
        }

        @media only screen and (min-width:480px) and (max-width: 577px) {
            .chico-phone {
                width: 47%;
                left: 0;
                top: 13.4%;
            }

            .txt-crecer-negocio-phone {
                margin-left: -5rem;
            }

            .box-somos-phone {
                left: 30%;
            }

            .box-mision-phone {
                margin-left: 8rem;
            }

            .bg-mision-phone {
                top: 15%;
            }

            .bg-plaza {
                height: 40vh;
            }

            .curva-plaza-operacion-phone {
                top: 66%;
            }

            .bg-gris {
                height: auto;
            }

            .mapa {
                height: 50vh;
            }

            .links-mapa {
                width: 40px;
                height: 40px;
                text-align: center;
                display: block;
                cursor: pointer;
            }

            .links-mapa img {
                width: 30px;
            }

            .links-mapa a {
                padding: 10px;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 9.5%;
                left: 16.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 23%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 20%;
                left: 41%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 33%;
                left: 27%;
            }

            .plaza-ermita-link {
                position: absolute;
                bottom: 35%;
                right: 39.5%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                bottom: 26%;
                right: 16%;
            }

            .bg-prox-eventos {
                height: auto;
            }

            .btn-muestra-filtros {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:hover {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:focus {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .servicios-generales {
                width: auto;
            }

            .chico2-phone {
                width: 45.5%;
            }

            .txt-crecer-negocio-phone4 {
                position: absolute;
                top: 27%;
            }

            .btn-ver-loc2 {
                height: 43px;
            }
        }

        @media only screen and (min-width:578px) and (max-width: 767px) {
            .box-somos-phone {
                left: 30%;
                top: 15%;
            }

            .box-mision-phone {
                margin-left: 14rem;
            }

            .mision-phone {
                height: 59vh;
            }

            .chico-phone {
                width: 42.3%;
                left: 5%;
                top: 0;
            }

            .txt-crecer-negocio-phone {
                margin-left: -8rem;
            }

            .bg-plaza {
                height: 42vh;
            }

            .bg-gris {
                height: auto;
            }

            .chica-phone {
                width: 31%;
                left: 8%;
                top: 9%;
            }

            .txt-crecer-negocio-phone3 {
                margin-left: -8rem;
            }

            .mapa {
                height: 50vh;
            }

            .links-mapa {
                width: 40px;
                height: 40px;
                text-align: center;
                display: block;
                cursor: pointer;
            }

            .links-mapa img {
                width: 30px;
            }

            .links-mapa a {
                padding: 10px;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 9.5%;
                left: 16.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 25%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 23%;
                left: 41%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 40%;
                left: 27%;
            }

            .plaza-ermita-link {
                position: absolute;
                bottom: 23%;
                right: 40%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                bottom: 12%;
                right: 16%;
            }

            .bg-prox-eventos {
                height: auto;
                position: absolute;
            }

            .btn-muestra-filtros {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:hover {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .btn-muestra-filtros:focus {
                background-color: #9EC33B;
                border-color: #9EC33B;
                border-radius: 10px;
                color: #FAFBFC;
                width: 115px;
                height: 40px;
            }

            .somos-phone {
                height: auto;
            }

            .servicios-generales {
                width: auto;
                height: auto;
            }

            .chico2-phone {
                width: 37.5%;
                left: 10%;
                top: 8.4%;
            }
        }

        @media only screen and (min-width:768px) and (max-width: 1023px) {
            .curva-arriba {
                top: 90%;
            }

            .nuestra-mision-1 {
                height: 66vh;
            }

            .scroll-gde {
                display: none;
            }

            .curva-2 {
                top: 96%;
            }

            .chico {
                left: 0;
                width: 46%;
            }

            .bg-gris-2 {
                height: auto;
            }

            .sobrepuestos {
                position: relative;
                margin-top: 2rem;
            }

            .promo-dir-events {
                display: inline;
            }

            .borde-derecho-web {
                border: none;
            }

            .chico2 {
                left: 0;
                width: 43.5%;
            }

            .txt-crecer-negocio h1 {
                font-size: 37px;
            }

            .txt-crecer-negocio h3 {
                font-size: 18px;
                line-height: 70%;
            }

            .borde-derecho {
                visibility: hidden;
            }

            .chica {
                left: 5%;
                width: 37%;
            }

            .mapa {
                height: 80vh;
            }

            .links-mapa {
                width: 80px;
                height: 80px;
                text-align: center;
                display: block;
                cursor: pointer;
            }

            .links-mapa img {
                width: 50px;
            }

            .links-mapa a {
                padding: 10px;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 9.5%;
                left: 16.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 20%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 18%;
                left: 41%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 29%;
                left: 27%;
            }

            .plaza-ermita-link {
                position: absolute;
                bottom: 35%;
                right: 37%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                bottom: 26%;
                right: 16%;
            }

            .txt-crecer-negocio {
                top: 5%;
            }

            .txt-crecer-negocio-phone {
                position: absolute;
                top: 35%;
            }

            .txt-crecer-negocio-phone3 {
                position: absolute;
                top: 45%;
            }
        }

        @media only screen and (min-width:1024px) and (max-width: 1366px) {
            .curva-arriba {
                top: 85%;
            }

            .box-que-es {
                top: 0;
            }

            .curva-2 {
                top: 91%;
            }

            .chico {
                left: 10%;
                width: 41%;
            }

            .bg-gris-2 {
                height: auto;
            }

            .curva-plaza-operacion {
                top: 84%;
            }

            .sobrepuestos {
                left: 10%;
            }

            .chico2 {
                width: 37.7%;
            }

            .chica {
                left: 5%;
                width: 36%;
            }

            .txt-crecer-negocio h1 {
                font-size: 47px;
            }

            .links-mapa {
                width: 100px;
                height: 100px;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 4.5%;
                left: 13.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 20%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 25%;
                left: 41%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 35%;
                left: 27%;
            }

            .plaza-ermita-link {
                position: absolute;
                bottom: 22.4%;
                right: 36.5%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                bottom: 15%;
                right: 13%;
            }
        }

        @media only screen and (min-width: 1800px) and (max-width: 2000px) {
            .chico {
                width: 25%;
            }

            .nuestra-mision-1 {
                height: 85vh;
            }

            .chico2 {
                width: 29.1%;
            }

            .chica {
                width: 20.3%;
            }

            .plaza-moctezuma-link {
                position: absolute;
                top: 10.5%;
                left: 12.1%;
            }

            .plaza-vizcaino-link {
                position: absolute;
                top: 40%;
                left: 11%;
            }

            .plaza-parras-link {
                position: absolute;
                top: 20%;
                left: 38%;
            }

            .plaza-barrancos-link {
                position: absolute;
                top: 40%;
                left: 22%;
            }

            .plaza-ermita-link {
                position: absolute;
                bottom: 14%;
                right: 36.5%;
            }

            .plaza-tuxtla-link {
                position: absolute;
                bottom: 2%;
                right: 15%;
            }

            .sobrepuestos {
                left: 15% !important;
            }

        }

        /* RESPONSIVO EN MODO HORIZONTAL */
        only screen and (min-width:320px) and (max-width: 479px) and (orientation: landscape) {
            .bg-index-phone {
                height: 140vh;
            }

            .txt-index {
                padding-top: 50px;
            }

        }