/*
input {
    outline: none;
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}
*/

nav input[type=search] {
    /* background: url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon-cutout.png) no-repeat 0 center; */
    background: url(/application/themes/vpf/images/search-icon-cutout.png) no-repeat 0 center;
    padding: 9px 20px 9px 32px;
    width: 55px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 25px;
    height: 25px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    border: none;
    line-height: normal;
}

nav input[type=search]:hover,
nav input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #fff;
    cursor: auto;
}

nav input[type=search]::-moz-placeholder,
nav input[type=search]::-webkit-input-placeholder,
nav input[type=search]:-moz-placeholder,
nav input[type=search]:-ms-input-placeholder {
    color: transparent;
}

nav input[type=search]:focus:-moz-placeholder,
nav input[type=search]:hover:-moz-placeholder,
nav input[type=search]:focus::-moz-placeholder,
nav input[type=search]:hover::-moz-placeholder,
nav input[type=search]:focus::-webkit-input-placeholder,
nav input[type=search]:hover::-webkit-input-placeholder {
    color: #999;
}