@import 'assets/css/main.css';
@import 'vd.css';
@import 'video.css';
.btnPk {
    width: 15%;

    /*font-size: .8rem;*/
}
#hazin{
    font-size: 30px
}

#unin{
    font-size: 2.3rem
}


.imgRot{
    width: 40%;
    display:block;
    margin:auto;
}

#logofot{
    width: 90%
}

#prinin{
    font-weight: 800;
    color:#4b78b8;
}

#hazserv{
    color: #1c3560; 
    font-size: 30px;
}
#apropromo{
    font-size: 30px
}

#botvari{
    position: relative;
    float: right;
    bottom: 2px;
}
#botbrocales{
    position: relative;float: right;bottom: 62px;
}
#bottina{
    float: right; position: relative; bottom: 60px;
}
#botmaner{
    float: right;
    position: relative;
    bottom: 149px;
}
#botsani{
    float: right; position: relative;bottom: 150px
}

#alf{
    width: 17%;
}
#alf2{
    width: 17%;
}
#imgdica{
    width: 17%;
}

#proaircre{
    width: 17%;
}

#procelucre{
    width: 16%;
}

#sanipro{
    width: 17%;
}

#sanipros{
    width: 17%;
}
#saniproc{
    width: 17%;
}
#saniproq{
    width: 17%;
}
#saniprot{
    width: 17%;
}
#lomi{
    width: 17%; position: relative;top: 8px;
}
/*Medidas responsivas*/
@media screen and (max-width:2560px){
    .res{
        margin-top: -17%;
    }
}


@media screen and (max-width:1920px){
    .res{
        margin-top: -20%;
    }
}
@media screen and (max-width:1440px){
    .res{
        margin-top: -7%;
    }
    #promoback{
        margin-top: 16%;    
    }
}

@media screen and (max-width:1024px){
    a .logo{
        transition: all 0.2s ease-out;
        max-height: 29px;
        transform:  scale(3);
        position: relative;
        left: 44%;
        top: 15%;
    }

    #portfolio{
        margin-top: 5%;
    }
    #hero{
        margin-top: 5%;
    }
    #ases{
        width: 131%;
        position: relative;
        right: 20%;
    }
    .res{
        margin-top: 5%;
    }
    #promoback{
        margin-top: 16%;    
    }
}

@media screen and (max-width:1230px){
   
    #promoback{
        margin-top: 16%;    
    }
}




@media screen and (max-width:768px){
    a .logo{
        transition: all 0.2s ease-out;
        max-height: 28px;
        transform: scale(3);
        position: relative;
        left: 15%;
        top: 10%;
    }
    .btnPk{
        width: 20%;
        font-size: .6rem;
    }

    #hero{
        margin-top: 5%;
    }
    #haz{
        margin-top: 5%;
    }
    #ases{
        width: 105%;
    position: relative;
    right: 7%;
    }
    .modal-body p{
        font-size: 1.50rem;
    }
    
}


@media screen and (max-width:480px){
    a .logo{
        transition: all 0.2s ease-out;
        max-height: 23px;
        transform: scale(3);
        position: relative;
        left: 45%;
    }
    .btnPk{
        width: 50%;
    }
    .modal-body p{
        font-size: 1rem;
        padding: 0 1rem;
    }
}



@media screen and (max-width:425px){
    a .logo{
        transition: all 0.2s ease-out;
        max-height: 25px;
        transform: scale(3);
        margin: auto;
        position: relative;
        left: 42%;
    }

    #hazin{
        font-size: 20px;
    }
    #unin{
        color: black;
        font-size: 1.5rem;
    }

    .imgRot{
        width: 100%;
    }
    #haz{
        font-size: 23px;
    }
    /*.owl-pagination{
        display: none;
    }*/


    #logofot{
        margin-left: 24%;
        width: 50%;
    }
    #ases{
        width: 59%;
        margin-left: 26%;
    }
    #prinin{
        font-size: 29px;
    }
    #cinin{
        margin-top: -32%;
    }
    .res{
        margin-top: -72%;
    }
    .btnPk{
        font-size: 0.7rem;
    }
    #compserv{
        font-size: 26px;
        
    }

    #hazserv{
        font-size: 23px;
    }
    #banserv{
        margin-top: -20%;
    }
    #nuesin{
        margin-bottom: 14px;
    }
    #promoback{
        margin-top: -47%;
    }
    #apropromo{
        font-size: 25px;
    }
   .promosec{
    margin-top: 0%;
   }
   #contactdat{
    margin-top: 30px;
   }
   #scrollUp{
    font-size: 24px;
   }

   #botvari{
   
    position: relative;
    bottom: 22px;
    font-size: 0.5rem;
   }
   #botpuer{
    position: relative;
    left: 18px;
    bottom: 48px;
    font-size: 0.5rem;
   }
   #botpega{
    position: relative;
    bottom: 33px;
    left: 14px;
    font-size: 0.4rem;
   }
#botbrocales{
    position: relative;
    bottom: 35px;
    font-size: 0.5rem;
}

   #botdepo{
    position: relative;
    bottom: 42px;
    left: 25px;
    font-size: 0.5rem;
   }
   #botmaner{
    position: relative;
    bottom: 42px;
    left: 25px;
    font-size: 0.5rem;
   }
   #botsani{
    position: relative;
    bottom: 43px;
    font-size: 0.4rem;
    left: 32px;
   }
   #bottina{
    position: relative;
    bottom: 22px;
    font-size: 0.5rem;
   }
   #botpvc{
    position: relative;
    bottom: 50px;
    font-size: 0.5rem;
    left: 64px;
   }
   .tabs-circle-top .tab a{
       display: flex;
   }
   .owl-pagination .owl-page span{
    width: 9px;
    height: 9px;
   }
   #proaircre{
    width: 20%;
}

#procelucre{
    width: 20%;
}
#puert{
    margin-bottom: -7px;
}
.grifp{
    position: relative;
    right: 33px;
}

#alf{
    width: 14%;
}
#imgdica{
    width: 14%;
}
#alf2 {
    width: 11%;
}
.sanip{
    position: relative;
    right: 10%;
}

#sanipro{
    width: 14%;
}
#sanipros{
    width: 14%;
}
#saniproc{
    width: 14%;
}

#saniproq{
    width: 14%;
}
#saniprot{
    width: 14%;
}

#lomi{
    width: 17%;
    position: relative;
    top: 2px;
}
#carf{
    position: relative;
    width: 17%;
    bottom: -3px;
}
#tewh{
    margin-bottom: 3px;
    font-size: 12px;
    margin-top: 9px;
}
#tecon{
    margin-top: 1px;
}
#mailcon{
    font-size: 15px;
}
#contub{
    position: relative;
    left: -32px;
}
}
@media screen and (max-width:375px){
    a .logo{
        transition: all 0.2s ease-out;
        max-height: 25px;
        transform: scale(3);
        margin: auto;
        position: relative;
        left: 42%;
    }

    #hazin{
        font-size: 20px;
    }
    #unin{
        color: black;
        font-size: 1.5rem;
    }

    .imgRot{
        width: 100%;
    }
    #haz{
        font-size: 23px;
    }
    /*.owl-pagination{
        display: none;
    }*/


    #logofot{
        margin-left: 24%;
        width: 50%;
    }
    #ases{
        width: 59%;
        margin-left: 26%;
    }
    #prinin{
        font-size: 29px;
    }
    #cinin{
        margin-top: -32%;
    }
    .res{
        margin-top: -72%;
    }
    .btnPk{
        font-size: 0.7rem;
    }
    #compserv{
        font-size: 26px;
        
    }

    #hazserv{
        font-size: 23px;
    }
    #banserv{
        margin-top: -20%;
    }
    #nuesin{
        margin-bottom: 14px;
    }
    #promoback{
        margin-top: -47%;
    }
    #apropromo{
        font-size: 25px;
    }
   .promosec{
    margin-top: 0%;
   }
   #contactdat{
    margin-top: 30px;
   }
   #scrollUp{
    font-size: 24px;
   }

   #botvari{
   
    position: relative;
    bottom: 22px;
    font-size: 0.5rem;
   }
   #botpega{
    position: relative;
    bottom: 44px;
    left: 14px;
    font-size: 0.4rem;
   }
#botbrocales{
    position: relative;
    bottom: 35px;
    font-size: 0.5rem;
}

   #botdepo{
    position: relative;
    bottom: 42px;
    left: 25px;
    font-size: 0.5rem;
   }
   #botmaner{
    position: relative;
    bottom: 42px;
    left: 25px;
    font-size: 0.5rem;
   }
   #botsani{
    position: relative;
    bottom: 43px;
    font-size: 0.4rem;
    left: 32px;
   }
   #bottina{
    position: relative;
    bottom: 22px;
    font-size: 0.5rem;
   }
   #botpvc{
    position: relative;
    bottom: 76px;
    font-size: 0.5rem;
    left: 64px;
   }
   .tabs-circle-top .tab a{
       display: flex;
   }
   .owl-pagination .owl-page span{
    width: 9px;
    height: 9px;
   }
   #proaircre{
    width: 20%;
}

#procelucre{
    width: 20%;
}
#puert{
    margin-bottom: -7px;
}
.grifp{
    position: relative;
    right: 33px;
}

#alf{
    width: 14%;
}
#imgdica{
    width: 14%;
}
#alf2 {
    width: 11%;
}
.sanip{
    position: relative;
    right: 16%;
}

#sanipro{
    width: 14%;
}
#sanipros{
    width: 14%;
}
#saniproc{
    width: 14%;
}

#saniproq{
    width: 14%;
}
#saniprot{
    width: 14%;
}

}