.search_box
{
	display: inline-block;
}

.slide-right {
    text-align: center;
}
.search_box.input_box
{
	width:80%;
  margin: 0 auto;
}
.slide-top .search_box.input_box input[type="text"]
{
	text-align: left;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 2% 2% 2% 4%;
  background: none;
  color: #000000;
  font-size: 36px;
  font-family: 'Anton', sans-serif;
}
.slide-right .search_box.input_box input[type="text"]
{
	text-align: left;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 2% 2% 2% 4%;
  background: none;
  color: #000000;
  font-size: 36px;
  font-family: 'Anton', sans-serif;
}
.slide-right
{
	position: absolute;
	width: 100%;
	z-index: 100;
	top:0;
}
.admin-bar .slide-right
{
	top:32px;
}
.slide-top{text-align: center;}
.slide-top .search_box.input_box {
    width: 80%;
    margin: 0 auto;
}

/*===CSS FOR ANIMATED SEARCH FORM====*/
.animated-search-form{
    position:Relative;
margin:0 auto;
}
.animated-search-form input:focus{
    width:200px;
    height:40px;
    border-radius:40px;
    padding: 0 20px;
    line-height: 2em;
    font-weight: 100;
    font-size: 12px;
  cursor:auto;
}
 

.animated-search-form input{
    float: right;
    border: 1px solid #fff;
    outline: none;
    width: 20px;
    cursor: pointer;
    -webkit-transition: .2s all ease-in;
    -moz-transition: .2s all ease-in;
    transition: .2s all ease-in;
    height: 20px;
    color: #000;
    border-radius: 40px;
    background: none;
    font-size: 0;
}
.animated-search-form .close span{
width:1px;
height:12px;
border-radius:2px;
background:#fff;
display:inline-block;}
.animated-search-form .close{opacity: 1;}
.animated-search-form .front{
    position:absolute;
    right:24px;
    top:13px;
    transform: rotate(-45deg);
    opacity:0;
    animation-delay: 2s;
    -webkit-transition:.2s all ease-in;
    -moz-transition:.2s all ease-in;
    transition:.2s all ease-in;

}
        

.animated-search-form .back{
    position:absolute;
    right: -2px;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition:.2s all ease-in;
} 
      
        

.animated-search-form input:focus + div .front{
   opacity:1;
    -webkit-transition-delay: .2s; 
    -moz-transition-delay: .2s; 
    transition-delay: .2s;
    -webkit-transform: rotate(45deg);        
    -moz-transform: rotate(45deg);        
    transform: rotate(45deg);        
}
        

.animated-search-form input:focus + div .back{
    right:24px;
    top:13px;
}