.search-icon {
border: 0;
outline: none;
width: 35px; height: 35px;margin: 0 15px; background-color:transparent
}
.search-icon img{padding:9px}
.search-toggle .search-icon.icon-close {
display: none;
}
.search-toggle.opened .search-icon.icon-search {
display: none;
}
.search-toggle.opened .search-icon.icon-close {
display: block;
}
.search-buton{background: #0070f5;
background: -moz-linear-gradient(45deg, #0070f5 0%, #1b3c78 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #0070f5), color-stop(100%, #1b3c78));
background: -webkit-linear-gradient(45deg, #0070f5 0%, #1b3c78 100%);
background: -o-linear-gradient(45deg, #0070f5 0%, #1b3c78 100%);
background: -ms-linear-gradient(45deg, #0070f5 0%, #1b3c78 100%);
background: linear-gradient(45deg, #0070f5 0%, #1b3c78 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070f5', endColorstr='#1b3c78', GradientType=1 );
border: 0; height: 50px;outline: none;margin: 0; padding: 10px; color: white; font-weight: 300; font-size: 1.2rem; text-transform: uppercase}
.search-container {
position: relative;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
max-height: 0;
overflow: hidden;
background-color: #eee;
}
.search-toggle{height: 70px}
.search-container.opened {
max-height:70px;width: 400px
}
.search-container input[type="text"] {
outline: none;
font-size: 1.6rem;
width:calc(100% - 110px);
background-color: inherit;
border: 0;
}
.search-container .search-icon {
vertical-align: middle;
}
.search-container {
position: absolute;top:100%; right:0px;z-index: 9; width: 400px; line-height: 1}
.search-container form{float: left; width: 100%; height:70px;}