@media (max-width:320px) {
    .cabecera {
        height: 39px
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .slider_about {
        list-style: none;
        padding: 0px;
        margin: auto;
        width: 100%;
        height: 100%;
        position: relative;
        box-sizing: border-box;
        margin-top: 35px;
    }

    .cont3 {
        width: 100%;
        margin: auto;
        display: block;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #363636
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 12px
    }

    .columnasx3 {
        width: 100%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 16px
    }

    .sb-slider {
        padding-top: 70px
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 42%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;

    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px;
        font-size: 20px;
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .calculadora_text {
        width: 100%
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 5%;
        border-radius: 1.5em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .videoabout {
        width: 100%;
        height: auto
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 100%
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    /*    Cabecera Nueva*/
    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 74px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;

    }

    .cabecera2 img {
        /* max-width: 279px; */
        /* max-height: 200px; */
        width: 58%;
        height: 88px;
        /* padding: 4px; */
        margin-top: -3px;
        margin-left: 56px;
        padding-bottom: 7px;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {

        position: absolute;

        justify-content: center;

        margin-top: 70px;
        /*    margin-left: 22px;*/
        font-weight: 100;
        width: 54%;
        font-size: 44px;
        display: none;
        color: #D4AF37;


        /*    color: #e0dfdc;*/
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 11px 0 #1a1a1a,
            0 12px 0 #181818,
            0 13px 0 #161616,
            0 14px 0 #141414,
            0 15px 0 #121212,
            0 22px 30px rgba(0, 0, 0, 0.9);

        /*        font-family: vivaldi;  */
        /*    font-family: signature;*/
        font-family: blacksword;
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        z-index: 1;
    }

    .headercabecera {
        float: right;
        background: #2e2e2e;
        margin-top: -100px;
        margin-right: 4px;
        display: none;
    }

    .welcome {
        background: #b52d1e;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        top: 100px;
        margin-top: -37px;
    }

    .bx-viewport6 {
        background: url(../images/empresas/06.jpg);
        width: 100%;
        height: 400px;
        border-radius: 1em;
        display: none;
    }

    .container_servicios {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: 68px;
    }

    .footer_servicios {
        position: relative;
        margin-top: 71px;
        position: relative;
        clear: both;

        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 15px;
        color: #444;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .logo_empre {
        width: 100%;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 6px;
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, .3), 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(0, 0, 0, .3);
    }

    .arrow {
        display: none;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 80px;
    }

    .footerimg img {
        position: relative;
        width: 75%;
        margin-top: -62px;
        margin-left: 40px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }


    .footeresponsive {
        margin-top: 70px;
    }

    .columnasx1 {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .columnasx7 {
        font-size: 25px;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        float: left;
    }

    .contenedor-columnas_service h1 {
        color: #b52d1e;
        font-size: 42px;
        font-weight: 100;
        font-family: vivaldi;
        /* font-family: blacksword; */
        /* font-family: nrkis; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        /* font-family: Candlescript; */
        /* font-family: ITCEDSCR; */
        text-align: center;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 15px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        display: flex;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: inherit;
    }

    .text-cont2 {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 19px;
        color: #444;
        font-family: vijaya;
    }

    .contenedor-columnas_service .text-cont2 h1 {
        color: #b52d1e;
        font-family: LCALLIG;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 800;
        /* text-align: left; */
        font-size: 24px;
    }

    .container1 {
        width: 102%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .container4 {
        width: 96%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        /*        text-align: justify;*/
        /*        font-size: 20px;*/

        /* margin-left: 6%; */
    }

    .columnasxt p {
        font-size: 15px;
        color: #444;
        text-align: initial;
        word-spacing: 0px;
    }


    .tablogos {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 77px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    .slogan h3 {
        font-size: 31px;
    }

    .testrespon {
        width: 64%;
        height: auto;
    }

    .descriptest {
        vertical-align: middle;
        position: relative;
        float: right;
        margin-right: 450px;
    }

    .foostore {
        display: none
    }

    .logop2 {
        display: none
    }

    footer {
        position: relative;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    #partner2 {
        color: #fff;
        text-align: center;
        margin-left: 61px;
        margin-top: -58px;
    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 27%;
    }

    .img_footer2 img {
        width: 100%;
        border-radius: 0.2em;
    }

    .img_footer2 {
        width: 100%;
    }

    .contenedor-columnas_service .des_ser2 p {
        text-align: justify;
        font-size: 22px;
        color: #444;
        width: 90%;
    }

    .columnasxpvc {
        font-size: 25px;
        width: 97.333%;
        float: left;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        border-bottom: 1px solid #b79462;
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }

    .new {
        margin-top: 8px;
        border-radius: 1em;
        background: #fff;
        align-content: center;
        width: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
        padding-top: 120px;
    }

}

@media only screen and (min-width:360px) and (max-width:640px) {
    .cabecera {
        height: 39px
    }


    .cont3 {
        width: 100%;
        margin: auto;
        display: block;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .slider_about {
        list-style: none;
        padding: 0px;
        margin: auto;
        width: 100%;
        height: 100%;
        position: relative;
        box-sizing: border-box;
        margin-top: 35px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #363636
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 12px
    }

    .columnasx3 {
        width: 100%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 16px
    }

    .sb-slider {
        padding-top: 70px
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 42%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;
        display: none
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px;
        font-size: 20px;
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .calculadora_text {
        width: 100%
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 5%;
        border-radius: 1.5em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .videoabout {
        width: 100%;
        height: auto
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 100%
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    /*    Cabecera Nueva*/
    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 74px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;

    }

    .cabecera2 img {
        width: 43%;
        height: 130px;
        /* margin-left: 200px; */
        /* margin-top: -3px; */
        margin-left: -9px;
        padding-bottom: 7px;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {

        position: absolute;

        justify-content: center;

        margin-top: 70px;
        /*    margin-left: 22px;*/
        font-weight: 100;
        width: 54%;
        font-size: 44px;
        display: none;
        color: #D4AF37;


        /*    color: #e0dfdc;*/
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 11px 0 #1a1a1a,
            0 12px 0 #181818,
            0 13px 0 #161616,
            0 14px 0 #141414,
            0 15px 0 #121212,
            0 22px 30px rgba(0, 0, 0, 0.9);

        /*        font-family: vivaldi;  */
        /*    font-family: signature;*/
        font-family: blacksword;
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        z-index: 1;
    }

    .headercabecera {
        float: right;
        background: #2e2e2e;
        margin-top: -100px;
        margin-right: 4px;
        display: none;
    }

    .welcome {
        background: #b52d1e;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        top: 100px;
        margin-top: -37px;
    }

    .bx-viewport6 {
        background: url(../images/empresas/06.jpg);
        width: 100%;
        height: 400px;
        border-radius: 1em;
        display: none;
    }

    .container_servicios {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: 68px;
    }

    .footer_servicios {
        position: relative;
        margin-top: 71px;
        position: relative;
        clear: both;

        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 15px;
        color: #444;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .logo_empre {
        width: 100%;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 6px;
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, .3), 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(0, 0, 0, .3);
    }

    .arrow {
        display: none;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 80px;
    }

    .footerimg img {
        position: relative;
        width: 75%;
        margin-top: -62px;
        margin-left: 40px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }


    .footeresponsive {
        margin-top: 70px;
    }

    .columnasx1 {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .columnasx7 {
        font-size: 25px;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        float: left;
    }

    .contenedor-columnas_service h1 {
        color: #b52d1e;
        font-size: 42px;
        font-weight: 100;
        font-family: vivaldi;
        /* font-family: blacksword; */
        /* font-family: nrkis; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        /* font-family: Candlescript; */
        /* font-family: ITCEDSCR; */
        text-align: center;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 15px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        display: flex;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: inherit;
    }

    .text-cont2 {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 19px;
        color: #444;
        font-family: vijaya;
    }

    .contenedor-columnas_service .text-cont2 h1 {
        color: #b52d1e;
        font-family: LCALLIG;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 800;
        /* text-align: left; */
        font-size: 24px;
    }

    .container1 {
        width: 102%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .container4 {
        width: 96%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        /*        text-align: justify;*/
        /*        font-size: 20px;*/

        /* margin-left: 6%; */
    }

    .columnasxt p {
        font-size: 15px;
        color: #444;
    }

    .tablogos {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 77px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    .slogan h3 {
        font-size: 28px;
    }

    .datos {
        float: left;
        width: 100%;
        margin: 0px;
        color: #999;
    }

    .footerimg img {
        position: relative;
        width: 68%;
        margin-top: -7px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
        margin-left: 92px;
    }

    .testrespon {
        width: 100%;
        height: auto;
    }

    .descriptest {
        vertical-align: middle;
        position: relative;
        float: right;
        margin-right: 0;
        font-size: 12px;
        width: 100%;
    }

    .foostore {
        display: none
    }

    .logop2 img {
        width: 25%;
    }

    .logop img {
        width: 100%;
    }

    footer {
        position: relative;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    #partner2 {
        color: #fff;
        text-align: center;
        margin-left: 61px;
        margin-top: -58px;
    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 27%;
    }

    .img_footer2 img {
        width: 100%;
        border-radius: 0.2em;
    }

    .img_footer2 {
        width: 100%;
    }

    .contenedor-columnas_service .des_ser2 p {
        text-align: justify;
        font-size: 22px;
        color: #444;
        width: 90%;
    }

    .paversvsconcrete img {
        width: 90%;
        border-bottom: 1px solid #b79462;
    }

    .columnasxpvc {
        font-size: 25px;
        width: 97.333%;
        float: left;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        border-bottom: 1px solid #b79462;
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }

    .new {
        margin-top: 8px;
        border-radius: 1em;
        background: #fff;
        align-content: center;
        width: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
        padding-top: 120px;
    }

}

@media (max-width:640px) {
    .cabecera {
        height: 39px
    }

    .slider_about {
        list-style: none;
        padding: 0px;
        margin: auto;
        width: 100%;
        height: 100%;
        position: relative;
        box-sizing: border-box;
        margin-top: 35px;
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 12px
    }

    .columnasx3 {
        width: 100%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 16px
    }

    .sb-slider {
        padding-top: 70px
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 42%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;
        display: none
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px;
        font-size: 20px;
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .calculadora_text {
        width: 100%
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 5%;
        border-radius: 1.5em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .videoabout {
        width: 100%;
        height: auto
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 100%
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    /*    Cabecera Nueva*/
    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 74px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;

    }

    .cabecera2 img {
        /* max-width: 279px; */
        /* max-height: 200px; */
        width: 62%;
        height: 88px;
        /* padding: 4px; */
        margin-top: -3px;
        margin-left: 56px;
        padding-bottom: 7px;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {

        position: absolute;

        justify-content: center;

        margin-top: 70px;
        /*    margin-left: 22px;*/
        font-weight: 100;
        width: 54%;
        font-size: 44px;
        display: none;
        color: #D4AF37;


        /*    color: #e0dfdc;*/
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 11px 0 #1a1a1a,
            0 12px 0 #181818,
            0 13px 0 #161616,
            0 14px 0 #141414,
            0 15px 0 #121212,
            0 22px 30px rgba(0, 0, 0, 0.9);

        /*        font-family: vivaldi;  */
        /*    font-family: signature;*/
        font-family: blacksword;
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        z-index: 1;
    }

    .headercabecera {
        float: right;
        background: #2e2e2e;
        margin-top: -100px;
        margin-right: 4px;
        display: none;
    }

    .welcome {
        background: #b52d1e;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        top: 100px;
        margin-top: -37px;
    }

    .bx-viewport6 {
        background: url(../images/empresas/06.jpg);
        width: 100%;
        height: 400px;
        border-radius: 1em;
        display: none;
    }

    .container_servicios {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: 68px;
    }

    .footer_servicios {
        position: relative;
        margin-top: 71px;
        position: relative;
        clear: both;

        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 15px;
        color: #444;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .logo_empre {
        width: 100%;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 6px;
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, .3), 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(0, 0, 0, .3);
    }



    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 80px;
    }

    .footerimg img {
        position: relative;
        width: 75%;
        margin-top: -62px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }

    .footeresponsive {
        margin-top: 70px;
    }

    .columnasx1 {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .columnasx7 {
        font-size: 25px;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        float: left;
    }

    .contenedor-columnas_service h1 {
        color: #b52d1e;
        font-size: 42px;
        font-weight: 100;
        font-family: vivaldi;
        /* font-family: blacksword; */
        /* font-family: nrkis; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        /* font-family: Candlescript; */
        /* font-family: ITCEDSCR; */
        text-align: center;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 15px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        display: flex;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: inherit;
    }

    .cont3 {
        width: 100%;
        margin: auto;
        display: block;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .text-cont2 {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 19px;
        color: #444;
        font-family: vijaya;
    }

    .contenedor-columnas_service .text-cont2 h1 {
        color: #b52d1e;
        font-family: LCALLIG;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 800;
        /* text-align: left; */
        font-size: 24px;
    }

    .container1 {
        width: 102%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .container4 {
        width: 96%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        /* margin-left: 6%; */
    }

    .tablogos {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 77px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    .foostore {
        display: none
    }

    .logop2 img {
        width: 25%;
    }

    .logop img {
        width: 100%;
    }

    footer {
        position: relative;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    #partner2 {
        color: #fff;
        text-align: center;
        margin-left: 61px;
        margin-top: -58px;
    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 27%;
    }

    .img_footer2 img {
        width: 100%;
        border-radius: 0.2em;
    }

    .img_footer2 {
        width: 100%;
    }

    .contenedor-columnas_service .des_ser2 p {
        text-align: justify;
        font-size: 22px;
        color: #444;
        width: 90%;
    }

    .paversvsconcrete img {
        width: 90%;
        border-bottom: 1px solid #b79462;
    }

    .columnasxpvc {
        font-size: 25px;
        width: 97.333%;
        float: left;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        border-bottom: 1px solid #b79462;
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }

}

@media (max-width:667px) {
    .cabecera {
        height: 39px
    }

    .slider_about {
        list-style: none;
        padding: 0px;
        margin: auto;
        width: 100%;
        height: 100%;
        position: relative;
        box-sizing: border-box;
        margin-top: 35px;
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 12px
    }

    .columnasx3 {
        width: 100%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 16px
    }

    .sb-slider {
        padding-top: 76px
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 42%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px;
        font-size: 20px;
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .calculadora_text {
        width: 100%
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 5%;
        border-radius: 1.5em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .videoabout {
        width: 100%;
        height: auto
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 100%
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    /*    Cabecera Nueva*/
    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 74px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;

    }

    .cabecera2 img {
        /* max-width: 279px; */
        /* max-height: 200px; */
        width: 62%;
        height: 88px;
        /* padding: 4px; */
        margin-top: -3px;
        margin-left: 56px;
        padding-bottom: 7px;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {

        position: absolute;

        justify-content: center;

        margin-top: 70px;
        /*    margin-left: 22px;*/
        font-weight: 100;
        width: 54%;
        font-size: 44px;
        display: none;
        color: #D4AF37;


        /*    color: #e0dfdc;*/
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 11px 0 #1a1a1a,
            0 12px 0 #181818,
            0 13px 0 #161616,
            0 14px 0 #141414,
            0 15px 0 #121212,
            0 22px 30px rgba(0, 0, 0, 0.9);

        /*        font-family: vivaldi;  */
        /*    font-family: signature;*/
        font-family: blacksword;
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        z-index: 1;
    }

    .headercabecera {
        float: right;
        background: #2e2e2e;
        margin-top: -100px;
        margin-right: 4px;
        display: none;
    }

    .welcome {
        background: #b52d1e;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        top: 100px;
        margin-top: -37px;
    }

    .bx-viewport6 {
        background: url(../images/empresas/06.jpg);
        width: 100%;
        height: 400px;
        border-radius: 1em;
        display: none;
    }

    .container_servicios {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: 68px;
    }

    .footer_servicios {
        position: relative;
        margin-top: 71px;
        position: relative;
        clear: both;

        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 15px;
        color: #444;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .logo_empre {
        width: 100%;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 6px;
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, .3), 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(0, 0, 0, .3);
    }



    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 58px;
    }

    .footerimg img {
        position: relative;
        width: 75%;
        margin-top: -17px;
        margin-left: 40px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }

    .footeresponsive {
        margin-top: 100px;
    }

    .columnasx1 {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .columnasx7 {
        font-size: 25px;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        float: left;
    }

    .contenedor-columnas_service h1 {
        color: #b52d1e;
        font-size: 42px;
        font-weight: 100;
        font-family: vivaldi;
        /* font-family: blacksword; */
        /* font-family: nrkis; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        /* font-family: Candlescript; */
        /* font-family: ITCEDSCR; */
        text-align: center;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 15px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        display: flex;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: inherit;
    }

    .text-cont2 {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 19px;
        color: #444;
        font-family: vijaya;
    }

    .contenedor-columnas_service .text-cont2 h1 {
        color: #b52d1e;
        font-family: LCALLIG;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 800;
        /* text-align: left; */
        font-size: 24px;
    }

    .container1 {
        width: 102%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .container4 {
        width: 96%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        /* margin-left: 6%; */
    }

    .tablogos {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 77px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    .logop2 img {
        width: 100%;
    }

    .logop img {
        width: 100%;
    }

    footer {
        position: relative;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    #partner2 {
        color: #fff;
        text-align: center;
        margin-left: 61px;
        margin-top: -58px;
    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 27%;
    }

    .img_footer2 img {
        width: 100%;
        border-radius: 0.2em;
    }

    .img_footer2 {
        width: 100%;
    }

    .cont3 {
        width: 100%;
        margin: auto;
        display: block;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }

}

@media only screen and (min-width:321px) and (max-width:600px) {
    .cabecera {
        height: 42px
    }

    .slider_about {
        list-style: none;
        padding: 0px;
        margin: auto;
        width: 100%;
        height: 100%;
        position: relative;
        box-sizing: border-box;
        margin-top: 35px;
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 p {
        font-size: 15px
    }

    .columnasx3 {
        width: 100%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 19px
    }

    .sb-slider {
        padding-top: 100px;
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 48%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;
        display: none
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 7%;
        border-radius: 3.5em
    }

    .columnasx1 h3 {
        font-size: 20px
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px;
        font-size: 22px;
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .container1 {
        width: 102%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .container4 {
        width: 96%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        justify-content: center;
    }

    .form-oculto {
        display: none
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        height: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 250px
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 85%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    .video {
        width: 100%;
        height: 50%
    }

    .videoabout {
        width: 100%;
        height: 250px
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 14px;
    }

    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 107px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;

    }

    .cabecera2 img {
        width: 70%;
        height: 132px;
        /* margin-left: 200px; */
        /* margin-top: -3px; */
        margin-left: 34px;
        padding-bottom: 7px;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {

        position: absolute;

        justify-content: center;

        margin-top: 70px;
        /*    margin-left: 22px;*/
        font-weight: 100;
        width: 54%;
        font-size: 44px;
        display: none;
        color: #D4AF37;


        /*    color: #e0dfdc;*/
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 11px 0 #1a1a1a,
            0 12px 0 #181818,
            0 13px 0 #161616,
            0 14px 0 #141414,
            0 15px 0 #121212,
            0 22px 30px rgba(0, 0, 0, 0.9);

        /*        font-family: vivaldi;  */
        /*    font-family: signature;*/
        font-family: blacksword;
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        z-index: 1;
    }

    .headercabecera {
        float: right;
        background: #2e2e2e;
        margin-top: -100px;
        margin-right: 4px;
        display: none;
    }

    .welcome {
        background: #b52d1e;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        top: 100px;
        margin-top: -37px;
    }

    .bx-viewport6 {
        background: url(../images/empresas/06.jpg);
        width: 100%;
        height: 400px;
        border-radius: 1em;
        display: none;
    }

    .container_servicios {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: 68px;
    }

    .footer_servicios {
        position: relative;
        margin-top: 71px;
        position: relative;
        clear: both;

        margin-bottom: 0px;
        background: url(../images/footer.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px;
        font-family: Sansation;
        /* padding-top: 50px; */
        padding-bottom: 112px;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 15px;
        color: #444;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .logo_empre {
        width: 100%;
        margin: auto;
        border: 1px solid #fff;
        border-radius: 6px;
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, .3), 3px 3px 10px rgba(0, 0, 0, .3), -3px -3px 10px rgba(0, 0, 0, .3);
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 80px;
    }

    /*
    .footerimg img {
    position: relative;
    width: 55%;
    margin-top: -9px;
    box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    border-radius: 100%;
    margin-left: 148px;
}    
*/
    .footerimg img {
        display: none
    }

    .footeresponsive {
        margin-top: 0px;
    }

    .logop2 {
        width: 100%;
    }

    .columnasx1 {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    .arrow {
        display: none;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .columnasx7 {
        font-size: 25px;
        width: 100%;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        float: left;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 16px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        /* display: flex; */
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .contenedor-columnas_service h1 {
        color: #b52d1e;
        font-size: 51px;
        font-weight: 100;
        font-family: vivaldi;
        /* font-family: blacksword; */
        /* font-family: nrkis; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        /* font-family: Candlescript; */
        /* font-family: ITCEDSCR; */
        text-align: center;
        margin-top: 53px;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 19px;
        color: #444;
    }

    .cont2 {
        width: 80%;
        margin: auto;
        display: flex;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: inherit;
    }

    .text-cont2 {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 19px;
        color: #444;
        font-family: vijaya;
    }

    .contenedor-columnas_service .text-cont2 h1 {
        color: #b52d1e;
        font-family: LCALLIG;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: 800;
        /* text-align: left; */
        font-size: 24px;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        /*        text-align: justify;*/
        /*        font-size: 20px;*/

        /* margin-left: 6%; */
    }

    .columnasxt p {
        font-size: 15px;
        color: #444;
        text-align: initial;
        word-spacing: 0px;
    }

    .tablogos {
        width: 100%;
    }

    .tablogos2 {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 111px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    footer h1 {
        color: white;
        text-align: center;
        font-size: 30px;
        margin: 0;
        font-family: Sansation;
        margin-top: 77px;
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }

}

@media only screen and (min-width:601px) and (max-width:800px) {
    .cabecera {
        height: 45px
    }

    .new {
        margin-top: 8px;
        border-radius: 1em;
        background: #fff;
        align-content: center;
        width: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
        padding-top: 220px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera a {
        display: none
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #c3c3c3
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 p {
        font-size: 15px
    }

    .columnasx3 {
        width: 33.3%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 18px
    }

    .sb-slider {
        padding-top: 222px;
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 58%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;
        display: none
    }

    .columnasx1 h3 {
        font-size: 20px
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 10%;
        border-radius: 3em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        height: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 250px
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    .video {
        width: 100%;
        height: 50%
    }

    .videoabout {
        width: 100%;
        height: 500px
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 15px
    }

    .cabecera2 img {
        width: 28%;
        height: 105px;
        margin-top: 34px;
        margin-left: 0px;
    }

    .headercabecera {
        display: none
    }

    .cabecera2 h3 {
        position: relative;
        justify-content: center;
        margin-top: -18px;
        margin-left: 66px;
        font-weight: 100;
        width: 80%;
        font-size: 34px;
        color: #D4AF37;
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        font-family: blacksword;
        z-index: 1;
    }

    .bounceIn {
        -webkit-animation-duration: 15s;
        animation-duration: 18s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        display: none;
    }

    .contenedor-columnas_service .des_ser2 p {
        text-align: justify;
        font-size: 22px;
        color: #444;
        width: 90%;
    }

    .paversvsconcrete img {
        width: 88%;
        border-bottom: 1px solid #b79462;
    }

    .columnasxpvc {
        font-size: 25px;
        width: 99.333%;
        float: left;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        border-bottom: 1px solid #b79462;
    }

    #partner2 {
        color: #fff;
        text-align: center;
        margin-left: 61px;
        margin-top: -58px;
    }

    .logop2 img {
        width: 63%;
    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 23%;
    }

    .img_footer2 img {
        width: 100%;
        border-radius: 0.2em;
    }

    .img_footer2 {
        width: 100%;
    }

    .foostore {
        display: none;
    }

    .foostore img {
        display: none;
    }

    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 211px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;
        background: url(../images/back.jpg) no-repeat;
    }

    .center2 {
        text-align: center;
        margin-top: -56px;
        color: #eee;
        font-family: blacksword;
        font-size: 24px;
        font-weight: 100;
    }

    .columnasx3 {
        width: 44.3%;
        margin-left: 26px;
    }

    .columnasx7 {
        width: 44.3%;
        margin-left: 26px;
    }

    .contenedornuevo {
        height: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 80px;
    }

    .footerimg img {
        position: relative;
        width: 35%;
        margin-top: -68px;
        margin-left: 248px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }

    .footeresponsive {
        margin-top: 0px;
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        /* margin-left: 6%; */
    }

    .tablogos {
        width: 50%;
        position: relative;
        float: left;
    }

    .tablogos2 {
        width: 50%;
        position: relative;
        float: right;
    }

    .footerimg {
        display: none
    }

    .sb-slider {
        padding-top: 230px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }

    footer h1 {
        color: white;
        text-align: center;
        font-size: 30px;
        margin: 0;
        font-family: Sansation;
        margin-top: 72px;
    }

    #PhotoGallery1 .thumbnail {
        position: relative;
        /* min-height: 1px; */
        /* -webkit-box-sizing: border-box; */
        -moz-box-sizing: border-box;
        /* box-sizing: border-box; */
        float: left;
        padding: 3px 3px 3px 3px;
        width: 100%;
        /* text-align: center; */
        /* vertical-align: top; */
    }

    .youtubep {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width:801px) and (max-width:1000px) {
    .cabecera {
        height: 48px
    }

    .contenedor-columnas2 {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        box-sizing: content-box;
        clear: both;
        margin-top: 100px;
    }

    .cabecera h4 {
        max-width: 200px;
        font-size: 15px
    }

    .cabecera a {
        display: block;
        padding-left: 25px;
        padding-top: 12px;
        float: right;
        width: 100%;
        font-size: 14px
    }

    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 p {
        font-size: 15px
    }

    .columnasx3 {
        width: 33.3%
    }

    .columnasx3 p {
        font-size: 15px
    }

    .btn {
        font-size: 18px
    }

    .sb-slider {
        padding-top: 70px
    }

    .nav-arrows a {
        width: 25px;
        height: 31px;
        top: 42%
    }

    hr {
        width: 100%
    }

    .logo_pag {
        margin-top: 45px;
        margin-bottom: 3px;
        display: none
    }

    .columnasx1 h3 {
        font-size: 20px
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .columnasx1 h3 {
        font-size: 16px
    }

    .columnasx2 {
        width: 100%
    }

    .columnasx2 h4 {
        padding-bottom: 19px
    }

    .columnasx5 {
        width: 100%
    }

    .columnasx5 p {
        font-size: 15px
    }

    .columnasx5 h4 {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 20px
    }

    .form-oculto {
        display: none
    }

    .wap hr {
        width: 100%
    }

    .container5 {
        display: none
    }

    .headline.style-1 {
        display: none
    }

    .headline.style-2 {
        display: none
    }

    .headline.style-3 {
        display: none
    }

    .headline.style-4 {
        display: none
    }

    .headline.style-5 {
        display: none
    }

    .hr_oculto {
        display: none
    }

    .cont {
        display: block
    }

    .img-cont {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0
    }

    .img-cont img {
        margin: auto;
        width: 100%;
        height: auto;
        padding: 10%;
        border-radius: 3em
    }

    .text-cont {
        width: 100%;
        margin: 0 auto;
        padding-right: 0px;
        font-weight: 100;
        font-size: 15px;
        color: #444
    }

    .contenedor-columnas .text-cont h1 {
        text-align: center
    }

    .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 24px;
        width: 100%
    }

    .contenedor-columnas h1 {
        color: #b52d1e;
        font-size: 20px;
        font-weight: 800;
        font-family: Sansation;
        text-align: center
    }

    .container6 img {
        width: 100%;
        float: left;
        position: relative
    }

    .container6 p {
        font-size: 14px
    }

    .container7 img {
        width: 100%;
        float: left;
        position: relative;
        margin-top: -17px
    }

    .container7 p {
        font-size: 14px
    }

    .video {
        border-radius: 0.3em;
        width: 100%;
        height: 100%;
        align-items: center;
        margin: 0;
        box-sizing: border-box
    }

    .welcome h4 {
        font-size: 21px;
        padding: 6px
    }

    .columnasx1 p {
        font-size: 16px
    }

    .iframe {
        align-content: center;
        margin-left: 8px;
        width: 100%;
        height: 280px
    }

    ul.tabs li {
        width: 100%
    }

    .formulario {
        display: none
    }

    .datos-contacto {
        margin: auto;
        width: 90%;
        list-style: none;
        text-align: center center
    }

    .datos-contacto li {
        width: 100%;
        max-height: 20px;
        display: flex;
        color: #444;
        padding-bottom: 60px
    }

    .datos-contacto li a {
        width: 100%
    }

    .datos-contacto li img {
        width: 50px;
        margin: auto
    }

    .datos-contacto li a:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .datos-contacto h5 {
        letter-spacing: 0;
        text-align: left center;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        font-family: cursive;
        padding-top: 6px
    }

    .video {
        width: 100%;
        height: 50%
    }

    .videoabout {
        width: 100%;
        height: 500px
    }

    .columnasx2 {
        width: 100%;
        padding: 10px 10px;
        margin: 0
    }

    .columnasx2 p {
        padding: 0px;
        font-size: 15px
    }

    .columnasxq {
        width: 100%;
        float: right;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;

    }

    .columnasxt {
        width: 100%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        /* margin-left: 6%; */
    }

    .tablogos {
        width: 100%;
    }

    .footerimg {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 50%;
        float: left;
        margin: auto;
        text-align: justify;
        color: #444;
        margin-left: 40px;
    }

    .sb-slider {
        padding-top: 77px;
    }

    .wap {
        margin-top: -21px;
        /* border-radius: 1em; */
        background: #fff;
        align-content: center;
        width: 100%;
        height: 100%;
        box-shadow: 100%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        clear: both;
    }
}

@media screen and (max-width:1000px) {
    header {
        height: 0px
    }

    .container-menu label {
        width: auto;
        box-sizing: content-box;
        top: 7px;
        display: block;
        position: absolute;
        right: 7px
    }

    .container-menu label img {
        width: 30px;
        height: 30px;
        border-radius: 0.3em;
        cursor: pointer
    }

    .container-menu label img:hover {
        transition: all 0.3s;
        border-radius: 0.1em;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    body {
        transition: all 300ms
    }

    .body2 {
        transform: translateX(-300px)
    }

    .menu {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0px;
        right: -300px;
        background: #eff1f1;
        margin-top: 0px;
        overflow-y: scroll
    }

    .menu ul {
        flex-direction: column
    }

    .menu ul li {
        padding: 10px 20px;
        width: 100%;
    }

    .menu ul li ul {
        top: 0;
        border-bottom: 1px solid transparent;
        background: #eff1f1
    }

    .menu ul li:hover {
        border: 1px solid transparent;
        border-top: 4px solid transparent;
        transition: all 0.3s;
        border-radius: 0.1em;
        border: 1px solid #fff;
        border-top: 4px solid #fff;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        background: #c3c3c3
    }

    .menu ul li ul {
        width: 100%;
        position: relative;
        border: none;
        padding: 2px
    }

    .menu ul li ul li {
        border-bottom: 1px solid #fff
    }

    .menu ul li ul li:hover {
        background: #c3c3c3
    }
}

@media only screen and (min-width:1001px) and (max-width:1200px) {
    .cabecera a {
        padding-left: 0px;
        padding-top: 15px;
        font-size: 13px
    }

    .menu > ul li a {
        font-size: 15px;
        padding: 0px
    }

    .text-cont {
        font-size: 15px
    }

    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 200px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;
        background: url(../images/back.jpg)
    }

    .cabeceraimg {
        width: 100%;
    }

    .cabeceraimg img {
        width: 23%;
    }

    .headercabecera {
        float: right;
        /*        background: #2e2e2e;*/
        margin-top: -171px;
        margin-right: 4px;
    }



    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }

    .columnasx3 {
        font-size: 25px;
        width: 23.333%;
        float: left;
        padding: 10px 10px;
        box-sizing: border-box;
        margin: 4px;
        text-align: justify;
        font-size: 20px;
        color: #444;
        margin-left: 12px;
    }

    .footerimg img {
        position: relative;
        width: 26%;
        /*        margin-top: -46px;*/
        margin-left: 11px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }

    .foostore img {
        position: absolute;
        width: 13%;
        margin-top: 0px;
        top: 8px;
        right: 0px;
        margin-right: 57px;
    }

    .footerimg2 {
        width: 220%;
        position: relative;
        margin-top: 82px;
        padding-left: 10px;
        float: right;
        margin-right: 6px;
    }

    .footerimg3 {
        width: 220%;
        position: relative;
        margin-top: 55px;
        padding-left: 10px;
        float: right;
        margin-right: 6px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {
        position: relative;
        justify-content: center;
        margin-top: -31px;
        margin-left: -22px;
        font-weight: 100;
        width: 50%;
        font-size: 35px;
        color: #D4AF37;
        /* color: #e0dfdc; */
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff, 0 1px 0 #584f4f, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #444, 0 5px 0 #363636, 0 6px 0 #2c2c2c, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        /* font-family: vivaldi; */
        /* font-family: signature; */
        font-family: blacksword;
        /* font-family: nrkis; */
        /* font-family: mriamc; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        z-index: 1;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 95%;
        margin: auto;
        padding: 10px;
    }

    .columnasxt {
        width: 90%;
        float: left;
        padding: 19px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        margin-left: 6%;
    }

    .columnasx2 {
        width: 49%;
        float: left;
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
    }

    .contenedor-columnas_service .des_ser p {
        text-align: justify;
        font-size: 16px;
        color: #444;
    }

    .testrespon {
        width: 100%;
        height: 415px;
    }

    .testicon {
        width: 100%;
        position: relative;
        float: left;
    }

    .testicon1 {
        /* float: right; */
        width: 100%;
        position: relative;
        padding-bottom: 13px;
        padding-top: 15px;

    }

    .columnasxq {
        width: 100%;
        /* float: right; */
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 24px;
        color: #444;
        align-content: center;
    }

    .logo_empresas img {
        width: 95%;
        height: auto;
        margin: auto;
        padding: 10px;
    }

}

@media only screen and (min-width:1201px) and (max-width:1440px) {
    .cabecera a {
        padding-left: 0px;
        padding-top: 15px;
        font-size: 13px
    }

    .menu > ul li a {
        font-size: 17px;
        padding: 0px
    }

    .text-cont {
        font-size: 15px
    }

    .cabecera2 {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 200px;
        background: #2e2e2e;
        display: flex;
        box-sizing: border-box;
        background: url(../images/back.jpg);
        max-width: 1600px;
        position: static;

    }

    .cabeceraimg {
        width: 100%;
    }

    .cabeceraimg img {
        width: 23%;
    }

    .container_servicios2 {
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        margin: auto;
        padding: 0;
        text-align: justify;
        clear: both;
        position: relative;
        top: -8px;
    }


    .cabecera2 h4 {
        max-width: 560px;
        justify-content: center center;
        float: left;
        font-weight: 200;
        margin-top: 47px;
        margin-left: -275px;
        width: 100%;
        color: #fff;
        font-size: 40px;
        /*    font-family: vivaldi; 1 */
        /*    font-family: signature;*/
        /*    font-family: blacksword; 4*/
        /*    font-family: nrkis;*/
        /*    font-family: mriamc;*/
        /*    font-family: marchell;    */
        /*    font-family: KUNSTLER;    */
        /*     font-family: Candlescript; 2    */
        font-family: ITCEDSCR;
    }

    .cabecera2 h3 {


        position: relative;
        justify-content: center;
        margin-top: -81px;
        margin-left: -91px;
        font-weight: 100;
        width: 50%;
        font-size: 40px;
        color: #D4AF37;
        /* color: #e0dfdc; */
        letter-spacing: .1em;
        text-shadow: 0 -0.2px 0 #fff, 0 1px 0 #584f4f, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #444, 0 5px 0 #363636, 0 6px 0 #2c2c2c, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        /* font-family: vivaldi; */
        /* font-family: signature; */
        font-family: blacksword;
        /* font-family: nrkis; */
        /* font-family: mriamc; */
        /* font-family: marchell; */
        /* font-family: KUNSTLER; */
        z-index: 1;

    }

    .footerimg img {
        position: relative;
        width: 30%;
        margin-top: 38px;
        margin-left: 95px;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
        border-radius: 100%;
    }

    .columnasxB {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #444;
        width: 87%;
        margin: auto;
        padding: 10px;
    }

    .bx-viewport1 {
        background: url(../images/empresas/001.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport2 {
        background: url(../images/empresas/002.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport3 {
        background: url(../images/empresas/003.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport4 {
        background: url(../images/empresas/004.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport5 {
        background: url(../images/empresas/005.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport6 {
        background: url(../images/empresas/006.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport7 {
        background: url(../images/empresas/007.jpg) no-repeat;
        width: 100%;


    }

    .bx-viewport8 {
        background: url(../images/empresas/008.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .bx-viewport9 {
        background: url(../images/empresas/009.jpg) no-repeat;
        width: 80%;
        height: 320px;
        margin-left: 8%;
        border-radius: 0em;
    }

    .columnasxt {
        width: 90%;
        /*        float: left;*/
        padding: 19px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: justify;
        font-size: 20px;
        color: #444;
        margin-left: 6%;
    }

    .slogan h2 {
        font-size: 25px;
    }

    .slogan h3 {
        font-size: 20px;
    }

    .columnasxq {
        width: 95%;
        /*        float: right;*/
        padding: 20px 20px;
        box-sizing: border-box;
        margin: auto;
        text-align: center;
        font-size: 20px;
        color: #444;
        align-content: center;
    }

    .logo_empresas img {
        width: 90%;
        height: auto;
        margin: auto;
        padding: 10px;
    }

    #partner {
        background: url(../images/portfolio/partners/partner_bg.png) 50% 50% no-repeat;
        background-size: cover;
        margin-top: 50px;
        /*    margin-left: 110px;*/
    }

    #partner {
        color: #fff;
        text-align: center
    }

    #partner h2,
    #partner h3 {
        color: #fff
    }

    .partners ul {
        list-style: none;
        margin: -100px;
        padding: 0
    }

    .partners ul li {
        display: inline-block;
        float: left;
        width: 12%;
    }

    #partner2 {
        /*        background: #363636;*/
        background-size: cover;
        /*    margin-top: 50px;*/
        margin-left: 171px;
        /* margin-bottom: 61px; */
    }

    #partner2 {
        color: #fff;
        text-align: center
    }

    #partner2 h2,
    #partner2 h3 {
        color: #fff
    }

    .partners2 ul {
        list-style: none;
        margin: -80px;
        padding: 0;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 20px;

    }

    .partners2 ul li {
        display: inline-block;
        float: left;
        width: 8%;
    }

    #page-meta {
        margin-bottom: 20px;
    }

    #page-meta {
        margin-bottom: 20px;
    }

    #page-meta .title,
    #page-meta .breadcrumbs {
        border-left: 4px solid #d7dadb;
        padding-left: 12px;
    }

    #page-meta h1,
    #page-meta h2,
    #page-meta p {
        margin: 0;
        padding: 5px 0;
    }

    #page-meta h1 {
        font-size: 30px;
    }

    #page-meta h2 {
        color: #949393;
    }

    #page-meta #yit-breadcrumb a.current {
        color: #a96605;
    }

    #page-meta .slogan h2,
    #page-meta .slogan h3 {
        color: #030303;
        text-align: center;
    }

    #page-meta .slogan h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #page-meta .slogan h2 span {
        font-size: 30px;
    }

    #page-meta .slogan h3 {
        font-size: 21px;
        margin-top: 0px;
    }

    #page-meta .slogan h3 span {
        font-size: 18px;
    }

    a.btn-social,
    .btn-social {
        border-radius: 50%;
        color: #ffffff !important;
        display: inline-block;
        height: 54px;
        line-height: 54px;
        margin: 8px 4px;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s;
        webkit-transition: background-color .3s;
        width: 54px;
    }

    .btn-social .fa,
    .btn-social i {
        backface-visibility: hidden;
        moz-backface-visibility: hidden;
        ms-transform: scale(1);
        o-transform: scale(1);
        transform: scale(1);
        transition: all .25s;
        webkit-backface-visibility: hidden;
        webkit-transform: scale(1);
        webkit-transition: all .25s;
    }

    .btn-social:hover,
    .btn-social:focus {
        color: #fff;
        outline: none;
        text-decoration: none;
    }

    .btn-social:hover .fa,
    .btn-social:focus .fa,
    .btn-social:hover i,
    .btn-social:focus i {
        ms-transform: scale(1.3);
        o-transform: scale(1.3);
        transform: scale(1.3);
        webkit-transform: scale(1.3);
    }

    .btn-social.btn-xs {
        font-size: 9px;
        height: 24px;
        line-height: 13px;
        margin: 6px 2px;
        width: 24px;
    }

    .btn-social.btn-sm {
        font-size: 13px;
        height: 36px;
        line-height: 18px;
        margin: 6px 2px;
        width: 36px;
    }

    .btn-social.btn-lg {
        font-size: 22px;
        height: 72px;
        line-height: 40px;
        margin: 10px 6px;
        width: 72px;
    }

    .btn-behance {
        background-color: #1769ff;
    }

    .btn-facebook {
        background-color: #3b5998;
    }

    .btn-facebook:hover {
        background-color: #3b5998;
        border: 1px solid #ffffff;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    }

    .btn-googleplus {
        background-color: #dd4b39;
    }

    .btn-googleplus:hover {
        background-color: #dd4b39;
        border: 1px solid #ffffff;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    }

    .btn-instagram {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }

    .btn-instagram:hover {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        border: 1px solid #ffffff;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    }

    .btn-twitter {
        background-color: #55acee;
    }

    .btn-twitter:hover {
        background-color: #55acee;
        border: 1px solid #ffffff;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    }

    .btn-youtube {
        background-color: #e52d27;
    }

    .btn-youtube:hover {
        background-color: #e52d27;
        border: 1px solid #ffffff;
        box-shadow: 0 -0.2px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
    }

    .redes2 {
        margin-left: 1155px;
        margin-top: -315px;

    }

    .descriptest {
        vertical-align: middle;
        position: relative;
        float: right;

    }

    .testicon {
        width: 52%;
        position: relative;
        float: left;
    }

    .testicon1 {
        float: right;
        width: 46%;
        position: relative;
    }

    .videostest {
        width: 100%
    }

    .contenedor-columnas_service .des_ser p {
        text-align: center;
        font-size: 17px;
        color: #444;
    }

    .columnasxfree {
        box-sizing: border-box;
        text-align: justify;
        font-size: 20px;
        color: #fff;
        width: 80%;
        margin: auto;
        padding: 10px;
    }

    .footerimg2 {
        width: 180%;
        position: relative;
        margin-top: 115px;
        padding-left: 10px;
        float: right;
        margin-right: 7px;
    }

    .footerimg2 img {
        position: relative;
        width: 28%;
        margin-top: 13px;
        padding-left: 190px;
    }

    .footerimg2 img:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .footerimg3 {
        width: 180%;
        position: relative;
        margin-top: 74px;
        padding-left: 10px;
        float: right;
        margin-right: 7px;
    }

    .footerimg3 img {
        position: relative;
        width: 28%;
        margin-top: 13px;
        padding-left: 190px;
    }

    .footerimg3 img:hover {
        border-radius: 0.5em;
        background: rgba(0, 0, 0, 0.05);
        transition: all 0.3s;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .foostore {
        height: 0px;
        padding-left: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        float: right;
        margin: auto;
        text-align: justify;
        color: #444;
    }

    .foostore img {
        position: absolute;
        width: 14%;
        margin-top: 0px;
        top: 18px;
        right: 0px;
        margin-right: 109px;
    }

    .footerinfo {
        width: 100%;
        vertical-align: middle;
    }

    .footerinfo img {
        width: 2%;
        vertical-align: middle;
    }

    .pospagin {
        padding-left: 150px;
    }
}