<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>404</title>
<link rel="stylesheet" href="http://www.elle.ro/wp-content/themes/elle-sixteen/css/source/font-awesome.min.css">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Yeseva+One&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700italic,700,600italic,600,400italic,300,300italic&subset=latin,latin-ext);

body{ margin:0px;
	padding:0px;
	font-family:'Yeseva One', cursive;}
	
a{color:#000; text-decoration:none;}

.content-404{ width:1162px;
    padding:70px 0px;
	border-bottom:1px #e5e5e5 solid;
	margin:0 auto; }
	
.clear-fixed{clear:both;}
	
.logo { width:50%; float:left; }

.home { width:50%;
float:right;
text-align:right;
font-family:'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
}

.image-responsive { max-width:100%;
	display:block;
	height:auto; }

.search-404{ width:100%;
	margin:70px 0px;
	position:relative; }

.fa-caret-left{ padding-right:7px; }

.form-404{width:100%; position:absolute; top:25%; text-align:center;}

.error-404{ font-size:62px; color:#fff; }

.page-not-found{ font-size:22px;
	color:#fff;
	border-bottom:2px #fff solid;
	margin-left:20px;
	padding-bottom:5px;
	position:relative; top:-17px; }
	
.form-container{ width:620px;
	padding:20px 30px;
	margin:45px auto;
	box-sizing:border-box;
	text-align:left;
	background:#fff; }
	
.form-container input[type="text"]{ border:0px;
	width:80%;
	float:left;
	font-family:'Source Sans Pro', sans-serif;
	height:35px;
	font-size:24px; }

.form-container input[type="text"]:focus{ outline: none; }

.form-container input[type="submit"]{ border:0px;
	float:right;
	width:20%;
	height:35px;
	background:url("http://www.elle.ro/wp-content/themes/elle-sixteen/assets/404_search.png") top right no-repeat; }

.form-container input[type="submit"]:focus{ outline: none; }

ul { list-style-type:none; margin:0 auto; max-width:750px; padding:0px; }

ul li {width:auto;
display:inline;
padding:0px 17px;
font-family:'Source Sans Pro', sans-serif; }

@media only screen and (max-width:1200px){

.content-404{ width:100%;
	padding:20px 7px 0px 7px;
	border-bottom:0px;
	box-sizing: border-box; }
	
.search-404{ margin:30px 0px; }
	
.error-404{ font-size:30px; color:#fff; }

.page-not-found{ font-size:14px;
	top:-10px; }
	
ul { width:100%; padding-bottom:20px; }

}

@media only screen and (max-width:768px){

.form-container input[type="text"]{ font-size:13px; }

.form-container{ width:95%;
	padding:7px 5px;
	margin:7px 7px; }
	
ul li {width:100%;
	display:block;
	padding:10px 0px;
	border-bottom:1px #e5e5e5 solid;}
}	
</style>
</head>

<body>

  <div class="content-404">
  
   <div class="logo">
	   <a href="http://www.elle.ro"><img src="http://www.elle.ro/wp-content/themes/elle-sixteen/assets/logo.png" /></a>
   </div>
   
   <div class="home">
		<a href="http://www.elle.ro"><i class="fa fa-caret-left"></i>Home</a>
   </div>
   
   <div class="clear-fixed"></div>
   
   <div class="search-404">
    
	<div class="form-404">
	
	 <span class="error-404">404</span>
	 <span class="page-not-found">Pagina nu a fost gasita</span>
	 
	 <form action="http://www.elle.ro" method="get">
		 <div class="form-container">
			<input type="text" placeholder="Cauta prin site..." name="s" value=""/>
			<input type="submit" name="submit" value=""/>
			<div class="clear-fixed"></div>
		 </div>
	 </form>
	
	</div>
	<img src="http://www.elle.ro/wp-content/themes/elle-sixteen/assets/404_03.png" alt="elle" class="image-responsive"/>
	
   </div>
   
   <ul>
    <li><a href="http://www.elle.ro/category/fashion/">Fashion</a></li>
	<li><a href="http://www.elle.ro/category/beauty/">Beauty</a></li>
	<li><a href="http://www.elle.ro/category/people/">People</a></li>
	<li><a href="http://www.elle.ro/category/health-diet/">Health & Diet</a></li>
	<li><a href="http://www.elle.ro/category/lifestyle/">Lifestyle</a></li>
	<li><a href="http://www.elle.ro/category/astrologie/">Astrologie</a></li>
	<li><a href="http://www.elle.ro/category/elle-decoration/">Elle Decoration</a></li>
   </ul>
   
  </div>
  
</body>

</html>