/***************** HEADER ******************/
.nav-header {
    width: 80%;
}

/***************** HEADER (end) ******************/


/***************** INICIO ******************/

#frame_dog {
    top: 65%;
}


/* Seccion la colina */

#vect1 {
    width: 40vw;
}

#vect2 {
    position: relative;
    bottom: 20vw;
    left: 8vw;
    width: 25vw;
}

#txt-col {
    margin-top: 50px;
}


/* Seccion proceso de despedida */

.sec-proceso {
    margin-top: 0;
}

#frames-proc {
    width: 90%;
}

#huella {
    left: 100px;
    top: -50px;
}

#fr1 {
    left: 100px;
    top: -100px;
    width: 45vw;
}

#fr2 {
    position: relative;
    top: -40px;
}

.align-proc {
    padding-top: 120px;
}


/* Seccion planes */

#align-plan {
    top: 20vw;
}

.sub-pl {
    top: 70px;
}

.imgpl {
    width: 50px;
}

#plan_sub {
    font-size: 1.2em;
    width: 50%;
}

.fondo-pl {
    width: 95%;
    position: relative;
    top: -70px;
    left: 40px;
}

#pl1 {
    position: absolute;
    top: -10px;
    left: -60px;
}

#pl2 {
    position: absolute;
    top: -90px;
    right: 35%;
}

#pl3 {
   
}
#pl-line {
    left: -90px;
}

@media only screen and (min-width: 1025px) and (max-width: 1190px) {
    .fondo-pl {
        width: 110%;
        left: -50px;
    }
    #align-plan {
        top: 25vw;
    }
}


/* Seccion instalaciones */

#img-inst {
    position: absolute;
    /* top: -7vw; */
    top: -100px;
    left: -55px;
}

#align-grd {
    width: 90%;
}

#guardian {
    width: 100%;
}

#spiral {
    bottom: 15px;
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .title2 {
        font-size: 3em;
    }
}


/***************** INICIO (end) ******************/


/***************** PROCESO ******************/

.align_content2 {
    width: 90%;
}

#bird {
    left: 300px;
}

#next-p {
    width: 65%;
}


/***************** PROCESO ******************/

@media only screen and (min-width: 601px) and (max-width: 1180px) {
    .sec-p .align-pr,
    .sec2-p .align-pr {
        flex-direction: column;
    }
    .num {
        padding-bottom: 100px;
    }
    #num3 {
        padding-top: 150px;
    }
    #bird {
        left: 200px;
    }
}


/***************** PROCESO (end) ******************/


/***************** PROCESO (end) ******************/


/***************** SERVICIO ******************/

.simg {
    width: 55%;
}

#izq-s {
    width: 35%;
}

#izq-s h1 {
    font-size: 2.5em;
}

#chih2 {
    width: 80%;
    left: 50px;
}

#canv {
    width: 110%;
}

#f1 {
    width: 90%;
}

#simg1 {
    top: 0px;
    width: 65%;
}

#f2 {
    width: 100%;
}

#simg3 {
    top: -40px;
    left: 0px;
}


/***************** SERVICIO (end) ******************/


/***************** CONTACTO ******************/

#contactt {
    width: 40%;
}

.map {
    width: 100%;
    height: 650px;
}


/***************** CONTACTO (end) ******************/


/***************** BLOG ******************/

#btn_float {
    padding: 10px 0;
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    #categ.visible #ct_categ {
        display: block;
        height: 250px;
        overflow: scroll;
    }
}

#categ {
    width: 6%;
}

#categ.visible {
    width: 35%;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: transparent !important;
    background-color: white;
}


/* Personalizar plan*/

#cont_p1 {
    width: 70%;
    margin: auto;
    padding: 100px 0;
}


/***************** BLOG (end) ******************/

/***************** PRODUCTOS ******************/

.cd-popup-container {
    max-width: 50%;
}



/***************** PRODUCTOS (end) ******************/

/***************** FOOTER ******************/
.form{
    width: 45%;
}
#formC {
    margin: 20px auto;
    width: 85%;
}

.a {
    width: 30%;
}

.b {
    width: 20%;
}

.c {
    width: 25%;
}

#cat-f img {
    width: 120%;
}

/***************** FOOTER (end) ******************/

@media only screen and (min-width: 1025px) and (max-width: 1229px) {
    .nav-header {
        width: 82%;
    }
    .purple a {
        padding: 5px 10px;
    }
    .purple a:hover {
        padding: 5px 10px;
    }
    .categ_prod {
        width: 70%;
    }
}