html , body { 
    background: url(../img/imagen-3.jpg) no-repeat center center fixed!important; 
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    max-width: 100%!important;
    height: 100%!important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    
  }
/* 
#parallax-certificacion{
    background: url(../img/imagen-3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 30em;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
} */



@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');




/* Base styling */

.search__container{
    z-index: 2!important;
    position: relative!important;
    background: rgba(255, 255, 255, 0.904);
 
height: 140px;
width: 55%;
left: 22%;
font-family: 'Russo One', sans-serif!important;
top: 28%;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #080808;
}


.search__title {
    position: relative;
    top: 10%!important;
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 700;
        text-align: center;
        color: #012058!important;
    }

.search__input {
        width: 100%;
        padding: 12px 24px;
        background-color: transparent;
        transition: transform 250ms ease-in-out;
        font-size: 18px;
        line-height: 18px;
        
        color: #000000;
        background-color: transparent;
/*         background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 93% center;
        border-radius: 10px;
        margin-left: 1%;
        width: 60%;
        border: 1px solid #01505e;
        transition: all 250ms ease-in-out;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

.search__input::placeholder {
            color: #646464;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

.search__input:hover,
        .search__input:focus {
            padding: 12px 0;
            outline: 0;
            border: 1px solid transparent;
            border-bottom: 1px solid #21365e;
            border-radius: 0;
            background-position: 100% center;
        }
.search__input:hover::placeholder{
    color:#646464;
}

footer{
    top: 100%;
    width: 100%;
    position: absolute;
}

.icon{
    margin-left: 17%;
}