/* ===================================
    imagen type - contacto
====================================== */
.type-contacto {
     position: absolute;
     z-index: 1;
     top: -100%;
     left: -390px;
}

.rotate {
     animation: rotation 8s infinite linear;
   }
   
   @keyframes rotation {
     from {
       transform: rotate(0deg);
     }
     to {
       transform: rotate(359deg);
     }
}
/* ===================================
    form - contacto
====================================== */
#contact-form input, #contact-form textarea {
     background-color: #E2E6EF;
}

.box-contacto {
     border-radius: 15px;
}

.form-msj-error {
    border-radius: 0.25rem;
    color: #2f3a3b;
    background-color: #f0cc01;
    padding: 10px 15px;
}

.input-error {
    border: solid 1px red !important;
}

/* ===================================
    social media icons - contacto
====================================== */
.icons-rrss-contacto > a {
     border: 1px solid #F26522;
     border-radius: 100px;
 }
.icons-rrss-contacto .circle-rrss:hover {
    border: 1px solid #123686;
    border-radius: 100px;
 }
 /* .icons-rrss-contacto .rrss-fb:hover {
     border: 1px solid #045AA5;
     border-radius: 100px;
 }
 .icons-rrss-contacto .rrss-ig:hover {
     border: 1px solid #17A8BF;
     border-radius: 100px;
 }
 .icons-rrss-contacto .rrss-yt:hover {
     border: 1px solid #7A2DB1;
     border-radius: 100px;
 }
 .icons-rrss-contacto .rrss-in:hover {
     border: 1px solid #303083;
     border-radius: 100px;
 } */
/* ===================================
    whatsapp btn - contacto
====================================== */
.btn-whatsapp-contacto div {
     background-color: #2EB843;
     height: 2rem;
     color: #ffffff;
     border-radius: 0 0 15px 15px;

     moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
.btn-whatsapp-contacto:hover div {
     background-color: #123787;
 }