/* BUTTONS */

.btn-blu1 {display: inline-block; padding: 1rem 6rem; background: #55E3FB;
    border-radius: 5px; border: none; border-radius: 4px; color: #2640AB; text-decoration: none; transition: all 0.8s; font-size: 1.4rem; font-weight: 900; cursor: pointer; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.btn-blu1:hover {background:#10aaf8; transition: all 0.8s; }

.btn-grad1 {display: inline-block; padding: 1rem 6rem; background: linear-gradient(107.04deg, #2640AB -6.47%, #2640AB -3.7%, #440784 92.51%); opacity: 1; border-radius: 5px; color: #fff; text-decoration: none; transition: all 0.64s;  font-size: 1.4rem; font-weight: 900; letter-spacing: 0.07rem; cursor: pointer; }
.btn-grad1:hover {opacity: 0.8; transition: all 0.8s; }




/* INPUTS */
input {
    width: 10vw;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: 0.6s all;
    }

textarea {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    height: 150px;
    } 
input:focus {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15) ;
    border: 1px solid #eee;
    transition: 0.6s all;
    }
textarea:focus {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15) ;
    border: 1px solid #eee;
    transition: 0.6s all;
    }    


input.search {
    width: 13vw;
    padding: 6px 55px 6px 10px;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    transition: 0.6s all;
}

.search-icon {
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
}

@media screen and (max-width: 992px) {
    input.search {
        width: calc(100% - 20px);
    }

}