body,
html {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #fff;
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

.space0 {
    margin-top: 5px;
    margin-bottom: 5px
}

.space1 {
    margin-top: 10px;
    margin-bottom: 10px
}

.space2 {
    margin-top: 20px;
    margin-bottom: 20px
}

.space3 {
    margin-top: 30px;
    margin-bottom: 30px
}

.space4 {
    margin-top: 40px;
    margin-bottom: 40px
}

.space5 {
    margin-top: 50px;
    margin-bottom: 50px
}

.space6 {
    margin-top: 60px;
    margin-bottom: 60px
}

.space7 {
    margin-top: 70px;
    margin-bottom: 70px
}

.space8 {
    margin-top: 80px;
    margin-bottom: 80px
}

.space9 {
    margin-top: 90px;
    margin-bottom: 90px
}

.space10 {
    margin-top: 100px;
    margin-bottom: 100px
}

.no-padding {
    margin: 0;
    padding: 0
}

.descargar_app{
    width: 100%;
}

/*******************************************************************************************************************/
/* Small screens */
@media only screen {}

/* Define mobile styles */
@media only screen and (max-width: 768px) {
    .contenedor {
        padding: 0px 20px;
    }

    .alcentro {
        text-align: center;
    }

    .logo {
        width: 120px;
        position: absolute;
        z-index: 10;
        margin-left: 10px;
        margin-top: 10px;
    }

    .formulario,
    .mapa {
        width: 93%;
        margin: 20px;
    }

    .formulario {
        padding: 50px;
    }

    .logoamarillo {
        width: 150px;
        margin-left: 175px;
    }

    .logoamarillo2 {
        width: 150px;
    }

    .logofooter {
        max-width: 200px;
        margin: 0px auto;
        margin-top: -50px;
    }

    .redes ul li a i {
        color: #E4A400;
        font-size: 1.5em;
    }

    .redes2 ul li a i {
        color: #ffffff;
        font-size: 2em;
    }

    .administracion {
        width: 300px;
    }

    .instalacionesy-m {
        width: 300px;
    }

    .suministrogas {
        width: 300px;
    }

    .solicitaservicio {
        width: 300px;
    }

    .ventainsumos {
        width: 300px;
    }

    .administraciontext {
        font-size: 0.4em;
    }

    .instalacionesy-mtext {
        font-size: 0.4em;
    }

    .suministrogastext {
        font-size: 0.4em;
    }

    .solicitaserviciotext {
        font-size: 0.4em;
    }

    .ventainsumostext {
        font-size: 0.4em;
    }

    .imggas {
        width: 300px;
        margin: 0px auto;
    }

    .ofrecemos h3 {
        text-align: center;
    }

    .pagos {
        width: 100%;
    }

    .instalaciones1 {
        font-size: .4em;
    }

    .instalaciones1 h2 {
        margin-left: 200px;
        padding-bottom: 20px;
    }

    .formulario {
        background-color: #2A3363;
        border-radius: 0px;
        text-align: center;
    }

    .formulario h3 {
        font-family: MyriadPro-Bold;
        font-size: 2em;
        color: #fff;
    }

    .formularioacceso {
        position: absolute;
        z-index: 200;
        top: -320px;
        right: 30px;
        background-color: rgba(42, 51, 99, 0.97) !important;
        padding-right: 20px;
        border: 2px solid #1f2750;
    }

    .estiloform {
        margin-bottom: 10px;
    }

    .logincx {
        margin-top: -200px;
    }

    .menusec {
        display: block;
        text-align: right;
        margin-right: 30px;
    }

    .menusec ul li a {
        color: #fff;
        font-size: 1.8em;
    }

    .menusec ul li a i {
        position: absolute;
        margin-top: -15px;
    }

    .logins {
        font-size: .8em !important;
        background-color: #E5A500;
        padding: 10px;
        border-radius: 6px;
        border: 2px solid #fff;
        color: #fff;
    }

    .menup {
        display: block;
        top: -550px;
        right: 30px;
        position: absolute;
        z-index: 200;
        border-radius: 10px;
        background-color: rgba(42, 51, 99, 0.97);
        padding: 20px 20px 20px 0px;
    }

    .menup ul li {
        color: #fff;
    }

    .menup ul li a {
        color: #fff;
        margin-bottom: 10px;
        padding: 10px;
        display: block;
    }

    .btncontacto {
        border-radius: 10px;
    }

    .redes {
        display: none;
    }

    .fondo-quienes-somos h2 {
        margin-top: 100px;
        color: #fff;
        font-size: 2em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos p {
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        text-align: center;

    }

    .fondo-tutoriales h2 {
        margin-top: 50px;
        color: #E5A500;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales p {
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos {
        background: url(../img/1inicio/quienes-somos-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-tutoriales {
        background: url(../img/1inicio/tutoriales-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-cultura {
        background: url(../img/1inicio/cultura-general-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-contacto {
        background: url(../img/1inicio/ubicacion.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fill {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 20px;
    }

    .fondo-tutoriales h2 {
        margin-top: 50px;
        color: #E5A500;
        font-size: 3em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales p {
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    .thumbsvideo {
        display: inline;
    }

    .cajaz {
        position: absolute;
        z-index: 100;
        background-color: #E5A500;
        padding: 10px;
        color: #2A3363;
        margin-top: 20px;
    }

    .cajaz h2 {
        font-size: 1.5em;
    }

    .logopeke {
        float: right;
        margin-top: -52px;
        margin-right: -125px;
    }

    .numero {
        color: #ffff;
        font-weight: bold;
        font-size: 2em;
        text-align: center;
    }

    .icophone {
        margin-top: 10px;
        text-align: center;
    }

    .icophone i {
        font-size: 5em;
        color: #E5A500;
        text-align: center;
    }

    .icoubi i {
        font-size: 1em;
        color: #E5A500;
        text-align: center;
    }

    .text {
        padding-right: 20px;
    }

    .text h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 1.5em;
    }

    .text4 h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 1.5em;
    }

    .admin1 {
        background: url(../img/2administracion-condominios/1.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .admin2 {
        background: url(../img/2administracion-condominios/2.jpg) no-repeat right center;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .admin3 {
        background: url(../img/2administracion-condominios/3.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .admin4 {
        background: url(../img/2administracion-condominios/4.jpg) no-repeat right center;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .textoim h2 {
        font-family: MyriadPro-Bold;
        color: #ffffff;
        font-size: 1em;
        text-align: center;
    }

    .flama-azul {
        width: 20px;
        margin: 0px auto;
    }

    .venta1 {
        background: url(../img/4venta-de-insumos/1-01.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta2 {
        background: url(../img/4venta-de-insumos/1-02.jpg) no-repeat left top;
        background-size: 80%;
    }

    .venta3 {
        background: url(../img/4venta-de-insumos/1-03.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta4 {
        background: url(../img/4venta-de-insumos/1-04.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta5 {
        background: url(../img/4venta-de-insumos/1-05.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta6 {
        background: url('../img/4venta-de-insumos/1-06.jpg') no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .suministro-gas {
        background: url(../img/5servicio-suministro-gas-lp/1-01.jpg) no-repeat right center;
        background-size: 90%;
    }

    .flamasuministro {
        width: 100%;
    }

    .ventajas h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 1em;
    }

    .img-registro {
        background: url(../img/2administracion-condominios/5-01.jpg) no-repeat left center;
        background-size: 90%;
    }

    .img-registro h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 3em;
        text-align: center;
        vertical-align: middle;
    }

    .menuserv h2 {
        color: black;
        font-family: 'Oswald', sans-serif;
        font-size: 1em;
    }



    .textservx {
        max-width: 300px;
        margin: 0px auto;
        font-size: 10em;


    }

    .textservx h4 {
        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #1a31a8;
        border-radius: 100px;

    }

    .listaservicios {
        margin-top: -50px;
    }

    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx h4 {
        border-radius: 30px;
        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #2A3363;

        font-size: 19px;
        font-family: MyriadPro-Bold;
    }

    .listaservicios {
        margin-top: -50px;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 769px) {}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .contenedor {
        padding: 0px 20px;
    }

    .logo {
        width: 150px;
        position: absolute;
        z-index: 10;
        margin-left: 10px;
        margin-top: 10px;
    }

    .logoamarillo {
        width: 250px;
    }

    .logoamarillo2 {
        width: 200px;
    }

    .formulario,
    .mapa {
        max-width: 700px;
        margin: 0px auto;
    }

    .formulario {
        padding: 50px;
    }

    .logofooter {
        max-width: 200px;
        margin: 0px auto;
        margin-top: -20px;
    }

    .redes ul li a i {
        color: #E4A400;
        font-size: 1.6em;
    }

    .redes2 ul li a i {
        color: #ffffff;
        font-size: 2em;
    }

    .administracion {
        width: 400px;
    }

    .instalacionesy-m {
        width: 400px;
    }

    .suministrogas {
        width: 400px;
    }

    .solicitaservicio {
        width: 400px;
    }

    .ventainsumos {
        width: 400px;
    }

    .administraciontext {
        font-size: 0.7em;
    }

    .instalacionesy-mtext {
        font-size: 0.7em;
    }

    .suministrogastext {
        font-size: 0.7em;
    }

    .solicitaserviciotext {
        font-size: 0.7em;
    }

    .ventainsumostext {
        font-size: 0.7em;
    }

    .pagos {
        max-width: 800px;
        margin: 0px auto;
    }

    .instalaciones1 {
        font-size: .7em;
        align-items: center;
    }

    .formularioacceso {
        position: absolute;
        z-index: 200;
        top: -320px;
        right: 30px;
        background-color: rgba(42, 51, 99, 0.97) !important;
        padding-right: 20px;
        border: 2px solid #1f2750;
    }

    .estiloform {
        margin-bottom: 10px;
    }

    .logincx {
        margin-top: -200px;
    }

    .menusec {
        display: block;
        text-align: right;
        margin-right: 30px;
    }

    .menusec ul li a {
        color: #fff;
        font-size: 1.8em;
    }

    .menusec ul li a i {
        position: absolute;
        margin-top: -15px;
    }

    .logins {
        font-size: .8em !important;
        background-color: #E5A500;
        padding: 10px;
        border-radius: 6px;
        border: 2px solid #fff;
        color: #fff;
    }

    .menup {
        display: block;
        top: -550px;
        right: 30px;
        position: absolute;
        z-index: 200;
        border-radius: 10px;
        background-color: rgba(42, 51, 99, 0.97);
        padding: 20px 20px 20px 0px;
    }

    .menup ul li {
        color: #fff;
    }

    .menup ul li a {
        color: #fff;
        margin-bottom: 10px;
        padding: 10px;
        display: block;
    }

    .btncontacto {
        border-radius: 10px;
    }

    .redes {
        display: none;
    }

    .fondo-quienes-somos,
    .fondo-tutoriales {
        padding: 20px;
    }

    .fondo-quienes-somos h2 {
        margin-top: 100px;
        color: #2A3363;
        font-size: 4em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos p {
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales h2 {
        margin-top: 50px;
        color: #E5A500;
        font-size: 3.0em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales p {
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos {
        background: url(../img/1inicio/quienes-somos-01.jpg) no-repeat right bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-tutoriales {
        background: url(../img/1inicio/tutoriales-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-cultura {
        background: url(../img/1inicio/cultura-general-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-contacto {
        background: url(../img/1inicio/ubicacion.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .videos {
        max-width: 480px;
        margin: 0px auto;
    }

    .cajaz {
        position: absolute;
        z-index: 100;
        background-color: #E5A500;
        padding: 15px;
        color: #2A3363;
        margin-top: 50px;
    }

    .cajaz h2 {
        font-size: 3em;
    }

    .logopeke {
        float: right;
        margin-top: -52px;
        margin-right: -125px;
    }

    .numero {
        color: #ffff;
        font-weight: bold;
        font-size: 2em;
    }

    .icophone {
        margin-top: 10px;
    }

    .icophone i {
        font-size: 5em;
        color: #E5A500;
    }

    .icoubi i {
        font-size: 1em;
        color: #E5A500;
        text-align: center;
    }

    .text h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 2.6em;
    }

    .text4 h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 2.5em;
    }

    .admin1 {
        background: url(../img/2administracion-condominios/1.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin2 {
        background: url(../img/2administracion-condominios/2.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin3 {
        background: url(../img/2administracion-condominios/3.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin4 {
        background: url(../img/2administracion-condominios/4.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .imggas {
        width: 600px;
        margin: 0px auto;
    }

    .textoim h2 {
        font-family: MyriadPro-Bold;
        color: #ffffff;
        font-size: 1.3em;
        text-align: center;
    }

    .flama-azul {
        max-width: 50px;
        margin: 0px auto;
    }

    .venta1 {
        background: url(../img/4venta-de-insumos/1-01.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta2 {
        background: url(../img/4venta-de-insumos/1-02.jpg) no-repeat left top;
        background-size: 80%;
    }

    .venta3 {
        background: url(../img/4venta-de-insumos/1-03.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta4 {
        background: url(../img/4venta-de-insumos/1-04.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta5 {
        background: url(../img/4venta-de-insumos/1-05.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta6 {
        background: url('../img/4venta-de-insumos/1-06.jpg') no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .suministro-gas {
        background: url(../img/5servicio-suministro-gas-lp/1-01.jpg) no-repeat right center;
        background-size: 90%;
    }

    .flamasuministro {
        width: 40%;
    }

    .suministro-gas {
        background: url(../img/5servicio-suministro-gas-lp/1-01.jpg) no-repeat right center;
        background-size: 90%;
    }

    .flamasuministro {
        width: 40%;
    }

    .ventajas h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 1.4em;
    }

    .img-registro {
        background: url(../img/2administracion-condominios/5-01.jpg) no-repeat left center;
        background-size: 90%;
    }

    .img-registro h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 3em;
        text-align: center;
        padding-right: 50px;
        vertical-align: middle;
    }

    .menuserv h2 {
        color: black;
        font-family: 'Oswald', sans-serif;
        font-size: 1em;
    }

    .cotizac {
        width: 400px;
    }


    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx h4 {
        border-radius: 30px;
        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #2A3363;

        font-size: 25px;
        font-family: MyriadPro-Bold;
    }

    .listaservicios {
        margin-top: -50px;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 993px) {}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .contenedor {
        padding: 0px 20px;
    }

    .logo {
        width: 250px;
        position: absolute;
        z-index: 1;
    }

    .logoamarillo {
        width: 300px;
    }

    .logoamarillo2 {
        width: 200px;
        position: absolute;
    }

    .formulario,
    .mapa {
        max-width: 900px;
        margin: 0px auto;
    }

    .formulario {
        padding: 50px;
    }

    .formulario h3 {
        font-family: MyriadPro-Bold;
        font-size: 1em;
        color: #fff;
    }

    .logofooter {
        width: 250px;
        margin-top: 40px;
    }

    .administracion {
        width: 450px;
    }

    .instalacionesy-m {
        width: 450px;
    }

    .suministrogas {
        width: 450px;
    }

    .solicitaservicio {
        width: 450px;
    }

    .ventainsumos {
        width: 450px;
    }

    .pagos {
        max-width: 900px;
        margin: 0px auto;
    }

    .instalaciones1 {
        font-size: .9em;
        align-items: center;
    }

    .menup ul li a {
        border-radius: 10px;
        background-color: #fff;
        color: #2A3363;
        padding: 10px;
        font-weight: bold;
        font-size: 1em;
        padding-bottom: 5px;
    }

    .redes ul li a i {
        color: #E4A400;
        font-size: 1.8em;
    }

    .redes2 ul li a i {
        color: #ffffff;
        font-size: 3em;
    }

    .menusec {
        display: none;
    }

    .menup {
        display: block;
    }

    .menup ul {
        margin-left: -35px;
        margin-top: -6px;
    }

    .menup ul li {
        float: left;
        list-style: none;
        margin-right: 10px;
    }

    .redes {
        display: block;
    }

    .fondo-quienes-somos,
    .fondo-tutoriales {
        padding: 20px;
    }

    .fondo-quienes-somos h2 {
        margin-top: 100px;
        color: #2A3363;
        font-size: 5em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos p {
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales h2 {
        margin-top: 50px;
        color: #E5A500;
        font-size: 5em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales p {
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        margin-left: 40px;
        text-align: center;
    }

    .fondo-quienes-somos {
        background: url(../img/1inicio/quienes-somos-01.jpg) no-repeat right bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }



    .fondo-tutoriales {
        background: url(../img/1inicio/tutoriales-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-cultura {
        background: url(../img/1inicio/cultura-general-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-contacto {
        background: url(../img/1inicio/ubicacion.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .videos {
        max-width: 480px;
        margin: 0px auto;
    }

    .cajaz {
        position: absolute;
        z-index: 100;
        background-color: #E5A500;
        padding: 15px;
        color: #2A3363;
        margin-top: 50px;
    }

    .cajaz h2 {
        font-size: 5em;
    }

    .logopeke {
        float: right;
        margin-top: -52px;
        margin-right: -125px;
    }

    .numero {
        color: #ffff;
        font-weight: bold;
        font-size: 2em;
    }

    .icophone {
        margin-top: 10px;
    }

    .icophone i {
        font-size: 5em;
        color: #E5A500;
    }

    .icoubi i {
        font-size: 2em;
        color: #E5A500;
        text-align: center;
    }

    .text h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 2.6em;
    }

    .text4 h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 2.5em;
    }

    .admin1 {
        background: url(../img/2administracion-condominios/1.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin2 {
        background: url(../img/2administracion-condominios/2.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin3 {
        background: url(../img/2administracion-condominios/3.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin4 {
        background: url(../img/2administracion-condominios/4.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .imggas {
        width: 600px;
        margin: 0px auto;
    }

    .textoim h2 {
        font-family: MyriadPro-Bold;
        color: #ffffff;
        font-size: 2.5em;
        text-align: center;
    }

    .venta1 {
        background: url(../img/4venta-de-insumos/1-01.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta2 {
        background: url(../img/4venta-de-insumos/1-02.jpg) no-repeat left top;
        background-size: 80%;
    }

    .venta3 {
        background: url(../img/4venta-de-insumos/1-03.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta4 {
        background: url(../img/4venta-de-insumos/1-04.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta5 {
        background: url(../img/4venta-de-insumos/1-05.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta6 {
        background: url('../img/4venta-de-insumos/1-06.jpg') no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .suministro-gas {
        background: url(../img/5servicio-suministro-gas-lp/1-01.jpg) no-repeat right center;
        background-size: 90%;
    }

    .flamasuministro {
        width: 40%;
    }

    .ventajas h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 1.7em;
    }

    .img-registro {
        background: url(../img/2administracion-condominios/5-01.jpg) no-repeat left center;
        background-size: 90%;
    }

    .img-registro h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 3em;
        text-align: center;
        padding-right: 50px;
        vertical-align: middle;
    }

    .menuserv h2 {
        color: black;
        font-family: 'Oswald', sans-serif;
        font-size: 1em;
    }

    .cotizac {
        width: 500px;
    }


    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx h4 {
        border-radius: 30px;
        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #2A3363;

        font-size: 30px;
        font-family: MyriadPro-Bold;
    }

    .listaservicios {
        margin-top: -50px;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Extra Large screens */
@media only screen and (min-width: 1201px) {}

@media only screen and (min-width: 1201px) {
    .contenedor {
        padding: 0px 20px;
    }

    .logo {
        width: 350px;
        position: absolute;
        z-index: 1;
    }

    .logoamarillo {
        width: 350px;
        position: absolute;
    }

    .logoamarillo2 {
        width: 300px;
        position: absolute;
    }

    .formulario,
    .mapa {
        max-width: 1150px;
        margin: 0px auto;
    }

    .formulario {
        padding: 50px;
    }

    .logofooter {
        width: 250px;
        margin-top: 40px;
    }

    .administracion {
        width: 550px;
    }

    .instalacionesy-m {
        width: 550px;
    }

    .suministrogas {
        width: 550px;
    }

    .solicitaservicio {
        width: 400px;
    }

    .ventainsumos {
        width: 400px;
    }

    .pagos {
        max-width: 1000px;
        margin: 0px auto;
    }

    .instalaciones1 {
        font-size: .9em;
        align-items: center;
    }

    .menup ul li a {
        border-radius: 10px;
        background-color: #fff;
        color: #2A3363;
        padding: 10px;
        font-weight: bold;
        font-size: 1.1em;
        padding-bottom: 5px;
    }

    .redes ul li a i {
        color: #E4A400;
        font-size: 2em;
    }

    .redes2 ul li a i {
        color: #ffffff;
        font-size: 3em;
    }

    .menusec {
        display: none;
    }

    .menup {
        display: block;
    }

    .menup ul {
        margin-left: -35px;
        margin-top: -6px;
    }

    .menup ul li {
        float: left;
        list-style: none;
        margin-right: 10px;
    }

    .block {
        display: block;
    }

    .fondo-quienes-somos,
    .fondo-tutoriales {
        padding: 20px;
    }

    .fondo-quienes-somos h2 {
        margin-top: 100px;
        color: #2A3363;
        font-size: 7em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos p {
        color: #fff;
        font-size: 1.7em;
        font-weight: bold;
        text-align: center;
        margin-right: 40px;
        margin-left: 40px;
    }

    .fondo-tutoriales h2 {
        margin-top: 50px;
        color: #E5A500;
        font-size: 7em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-tutoriales p {
        color: #fff;
        font-size: 1.7em;
        font-weight: bold;
        text-align: center;
    }

    .fondo-quienes-somos {
        background: url(../img/1inicio/quienes-somos-01.jpg) no-repeat right bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }



    .fondo-tutoriales {
        background: url(../img/1inicio/tutoriales-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-cultura {
        background: url(../img/1inicio/cultura-general-01.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondo-contacto {
        background: url(../img/1inicio/ubicacion.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .videos {
        max-width: 550px;
        margin: 0px auto;
    }

    .cajaz {
        position: absolute;
        z-index: 100;
        background-color: #E5A500;
        padding: 15px;
        color: #2A3363;
        margin-top: 50px;
    }

    .cajaz h2 {
        font-size: 6em;
    }

    .logopeke {
        float: right;
        margin-top: -52px;
        margin-right: -125px;
    }

    .numero {
        color: #ffff;
        font-weight: bold;
        font-size: 2em;
    }

    .icophone {
        margin-top: 10px;
    }

    .icophone i {
        font-size: 5em;
        color: #E5A500;
    }

    .icoubi i {
        font-size: 2em;
        color: #E5A500;
        text-align: center;
    }

    .text h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 3em;
    }

    .text4 h2 {
        text-align: center;
        font-family: MyriadPro-Bold;
        color: #9C9BA0;
        font-size: 2.5em;
    }

    .admin1 {
        background: url(../img/2administracion-condominios/1.jpg) no-repeat left top;
        background-size: 90%;
        background-repeat: no-repeat;
    }

    .admin2 {
        background: url(../img/2administracion-condominios/2.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin3 {
        background: url(../img/2administracion-condominios/3.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .admin4 {
        background: url(../img/2administracion-condominios/4.jpg) no-repeat left top;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .imggas {
        width: 600px;
        margin: 0px auto;
    }

    .textoim h2 {
        font-family: MyriadPro-Bold;
        color: #ffffff;
        font-size: 3em;
        text-align: center;
    }


    .venta1 {
        background: url(../img/4venta-de-insumos/1-01.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta2 {
        background: url(../img/4venta-de-insumos/1-02.jpg) no-repeat left top;
        background-size: 80%;
    }

    .venta3 {
        background: url(../img/4venta-de-insumos/1-03.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta4 {
        background: url(../img/4venta-de-insumos/1-04.jpg) no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta5 {
        background: url(../img/4venta-de-insumos/1-05.jpg) no-repeat right top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .venta6 {
        background: url('../img/4venta-de-insumos/1-06.jpg') no-repeat left top;
        background-size: 80%;
        background-repeat: no-repeat;
    }

    .suministro-gas {
        background: url(../img/5servicio-suministro-gas-lp/1-01.jpg) no-repeat right center;
        background-size: 90%;
    }

    .flamasuministro {
        width: 40%;
    }

    .ventajas {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 2em;
    }

    .fotodescarga {
        overflow: hidden;
    }

    .imghidden {
        margin-top: -100px;
    }

    .img-registro {
        background: url(../img/2administracion-condominios/5-01.jpg) no-repeat left center;
        background-size: 90%;
    }

    .img-registro h2 {
        font-family: MyriadPro-Bold;
        color: #2A3363;
        font-size: 3em;
        text-align: center;
        padding-right: 50px;
        vertical-align: middle;
    }

    .menuserv h2 {
        color: black;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1em;
    }

    .cotizac {
        width: 700px;
    }

    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx h4 {
        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #1a31a8;
        border-radius: 30px;
    }

    .listaservicios {
        margin-top: -50px;
    }

    .textservx {
        max-width: 300px;
        margin: 0px auto;

    }

    .textservx h4 {

        color: #fff !important;
        padding: 20px 20px 50px 20px;
        background-color: #2A3363;

        font-size: 30px;
        font-family: MyriadPro-Bold;
    }

    .listaservicios {
        margin-top: -50px;
    }

    /******************************************************************************************************************/
}

/*******************************************************************************************************************/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.contenedor {
    max-width: 1300px;
    margin: 0px auto;

}

.logins {
    cursor: pointer;
}

.fondo-top {
    background-color: #2A3363;

}

.formularioacceso h2 {
    color: #ffffff;
    margin: 0px;
    font-size: 1.3em;
    font-weight: bold;
}

.formularioacceso p {
    color: #E4A400;
    font-size: 1em;
    font-weight: bold;
}

.barramenu,
.equismenu {
    color: #fff;
    font-size: 1.5em;
    cursor: pointer;
}

.btncontacto {
    background-color: #E4A400 !important;
}

.formularioacceso {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-right: 10px;
}

.estiloform {
    background-color: #fff;
    border-radius: 4px;
    border: none;
    padding: 7px;
    font-size: 1.1em;
    width: 100%;
    color: #000;
}

.bg-footer {
    background-color: #2B3464;
    padding-bottom: 40px;
}

.bg-footer h2 {
    color: #E5A500;
    font-family: MyriadPro-Bold;
    font-size: 3em;
}

.bg-footer h3 {
    color: #E5A500;
    font-family: MyriadPro-Bold;
    font-size: 1.8em;
}

.bg-footer h4 {
    color: #ffff;
    font-family: MyriadPro-Bold;
    font-size: 1.1em;

}

.bg-footer h5 {
    color: #ffff;
    font-family: MyriadPro-Bold;
    font-size: 1.5em;

}

.registrate {
    background-color: #2A3363;
    border-radius: 10px;
    color: #ffff;
    border: none;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-family: MyriadPro-Bold;
    text-align: center;
    vertical-align: middle;
    padding-right: 32px;
    padding-left: 32px;
}

.registrate2 {
    background-color: #E0040B;
    border-radius: 10px;
    color: #ffff;
    border: none;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-family: MyriadPro-Bold;
    padding-right: 32px;
    padding-left: 32px;
}

.ingresa {
    background-color: #C92925;
    border-radius: 7px;
    color: #ffff;
    border: none;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 1.0em;
    font-family: MyriadPro-Bold;
    text-align: center;
    vertical-align: middle;
    padding-right: 20px;
    padding-left: 20px;
}

/************ 5 columnas ************/
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13 {
    min-height: 1px;
    position: relative;
}

.col-xs-13 {
    float: left;
    width: 20%;
}

@media (min-width: 768px) {
    .col-sm-13 {
        float: left;
        width: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-13 {
        float: left;
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-13 {
        float: left;
        width: 20%;
    }
}

/***************************/
.fondo-amarillo {
    background-color: #E5A500;
    padding: 20px;

}

.menuserv {
    text-align: center;
}

.menuserv a img:hover {
    transform: scale(1.2);
    transition: all .5s;
}

.menup ul li a:hover {
    transform: scale(1.2);
    transition: all .5s;
}

.secom {
    color: #E5A500;
}

.culturaz {
    margin-top: 50px;
    padding-top: 10px;
    padding-left: none;
    background-color: #E5A500;
    color: #2A3363 !important;
    font-size: 6em;
    font-family: MyriadPro-Bold;
    text-align: center;
}

.fondo-cultura p {
    color: #fff;
    font-size: 1.7em;
    font-family: MyriadPro-Bold;
    text-align: center;
    background-color: rgba(43, 52, 100, 0.5);
    margin-right: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 200px;
    padding-bottom: 140px;
}

.mapa {
    text-align: center;
}

.formulario {
    background-color: #2A3363;
    border-radius: 0px;
    text-align: center;
}

.formulario h3 {
    font-family: MyriadPro-Bold;
    font-size: 2em;
    color: #fff;
}

.form-control {
    border-radius: 0px;
}

.form-control-msj {
    height: 170px;
    width: 1050px;
}

.btncobro {
    background-color: #C92925;
    border-radius: 10px;
    border: none;
    padding: 10px;
    color: #fff;
    font-size: 1.5em;
    font-family: MyriadPro-Bold;
    margin:20px auto;
}

.contenedorfooter {
    background-color: #2A3363;
}

.textopiedep {
    text-align: center;
}

.iztacalco {
    color: #fff;
    font-size: 1.7em;
    font-family: MyriadPro-Bold;
    text-align: center;
    padding-bottom: 40px;
}

.fondo-topamarillo {
    /* background-color: #E5A500; */
    background-color: #2A3363;;
}

.fondo-topamarillo p {
    color: #2A3363;
    font-family: MyriadPro-Bold;
    font-size: 1.1em;
}

.logoamarillo {
    margin-top: 20px;
    margin-left: 40px;

}

.menusvc h2 {
    color: black;
    font-family: MyriadPro-Cond;
    font-size: 1em;
    margin-bottom: 30px;
}

.iconflama {
    text-align: center;
}

.rojo {
    color: #C92925;
}

.i-tutoriales {
    text-align: center;
}

.i-contacto {
    text-align: center;
}

.contenedorpago {
    padding-top: 30px;
    padding-right: 50px;
    padding-left: 15px;
    padding-bottom: 50px;
    background-color: #E5A500;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 2.5em;
}

.contenedorpago h2 {
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 40px;

}

.cotizacion-serv {
    padding-left: -20px;
}

.pagos {
    background-color: #E5A500;
    text-align: center;
}

.adminstracion-de-condominios {
    margin-top: 100px;
    text-align: center;
}

.adminstracion-de-condominios h2 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 7em;
    margin-bottom: 100px;
}

.instalaciones-y-mantenimiento {
    margin-top: 100px;
    text-align: center;
}

.instalaciones-y-mantenimiento h2 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 7em;
    margin-bottom: 100px;
}

.instalaciones1 {
    background-image: url('../img/3instalaciones-y-mantenimiennto/img1-01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.flama-azul {
    max-width: 100px;
    margin: 0px auto;
}

.instalaciones2 {
    background-image: url('../img/3instalaciones-y-mantenimiennto/img2-01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.flama-amarilla {
    text-align: center;
}

.instalaciones3 {
    background-image: url('../img/3instalaciones-y-mantenimiennto/img3-01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}


.instalaciones4 {
    background-image: url('../img/3instalaciones-y-mantenimiennto/img4-01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.instalaciones5 {
    background-image: url('../img/3instalaciones-y-mantenimiennto/img5-01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.flama-amarilla {
    text-align: center;
}

.logocontacto {
    margin-right: 100px;
}

.venta-de-insumos {
    margin-top: 100px;
    text-align: center;
}

.venta-de-insumos h2 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 7em;
    margin-bottom: 100px;
}

.venta2 h3 {
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #9C9BA0;
    font-size: 3em;
}

.venta3 h3 {
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #9C9BA0;
    font-size: 4.3em;
}

.venta4 h3 {
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #9C9BA0;
    font-size: 4.3em;
}

.venta5 h3 {
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #9C9BA0;
    font-size: 4.3em;
}

.venta6 h3 {
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #9C9BA0;
    font-size: 4.3em;
}

.marcas {
    padding-top: 30px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
    background-color: #E5A500;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;

}

.marcas h2 {
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 40px;
    font-size: 2.5em;
}

.marcas {
    background-color: #E5A500;
    text-align: center;
}

.servicio-suministro-de-gas {
    margin-top: 100px;
    text-align: center;
}

.servicio-suministro-de-gas h2 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 7em;
    margin-bottom: 100px;
}

.textoli {
    font-family: MyriadPro-Bold;
    color: #ffff;
    font-size: 3.4em;
    text-align: left;
}

.applogo {
    padding-left: 0px;
}

.appimg {
    padding-left: 0px;
}

.baseroja {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 21%, rgba(224, 4, 11, 1) 21%);
}

.ofrecemos {
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 200px;
    margin-top: -500px;
}

.ofrecemos h3 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #ffff;
    font-size: 2.5em;
    margin-bottom: 100px;
}

.ofrecemos h3 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #ffff;
    font-size: 2.5em;
    margin-bottom: 80px;
}

.lista-ofrecemos {
    border: #E5A500 7px solid;
    margin-right: 15px;
    margin-left: 15px;
}

.lista h2 {
    margin-top: 100px;
    text-align: left;
    font-family: MyriadPro-Bold;
    color: #ffff;
    font-size: 2.5em;
    margin-bottom: 100px;
}

.cuadro-registro {
    text-align: center;
    background-color: #2A3363;
    -webkit-box-shadow: -15px 14px 0px -4px rgba(230, 0, 0, 1);
    -moz-box-shadow: -15px 14px 0px -4px rgba(230, 0, 0, 1);
    box-shadow: -15px 14px 0px -4px rgba(230, 0, 0, 1);
    padding: 20px;
    color: #ffff;
}

.formulario-re {
    text-align: center;
    background-color: #2A3363;
}

.formulario-re p {
    font-family: MyriadPro-Bold;
    font-size: 1.5em;
}

.solicita-servicio {
    background-image: url('../img/6solicita-un-servicio/secom.jpg');
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.solicita-servicio {
    padding-top: 100px;
    text-align: center;
}

.solicita-servicio h2 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: 7em;
    margin-bottom: 100px;
}

.solicita-servicio h4 {
    margin-top: 100px;
    text-align: center;
    font-family: MyriadPro-Bold;
    color: #2A3363;
    font-size: em;
    border-radius: 10px;
}

.cotizaci {
    text-align: center;
    padding-right: 50px;
}

.fas fa-phone-alt {
    color: #E5A500;
}

.logopequeno {
    width: 150px;
}

.submit {
    background-color: #ffff;
    border-radius: 10px;
    margin-right: 00px;
    margin-left: 00px;
}

.gracias {
    color: #2A3363;
    font-family: MyriadPro-Bold;
    font-size: 3em;
}

.servivcio {
    background-color: #ffffff;
}
/* -------------------------- recaptcha ------------------------------- */
.submitForm[disabled="true"],
.submitForm[disabled]{
    background-color: #868686 !important;
    cursor: not-allowed !important;
}
.g-recaptcha{
    display: flex;
    justify-content: center;
    padding: 1.5rem;
}