нужно что бы поисковая форма была в 1 уровень из ссылками
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="The Page Description">
<style type="text/css">@-ms-viewport{width: device-width;}</style>
<title>diofjodjfodf</title>
<link rel="stylesheet" href="css/layers.min.css" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" media="screen">
<link rel="stylesheet" href="style.css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link rel="icon" href="favicon.ico">
<body class="page">
<header role="banner" class="transparent light">
<div class="row">
<div class="nav-inner row-content buffer-left buffer-right even clear-after">
<div id="brand">
<h1 class="reset"><!--<img src="img/logo.png" alt="logo">--><a href="home-01.html">cxvv</a></h1>
</div><!-- brand -->
<div class="widget widget_search">
<form role="search">
<span class="pre-input"><i class="icon icon-search"></i></span>
<input type="text" placeholder="Search..." value="" class="plain buffer">
</form>
</div>
<a id="menu-toggle" href="#"><i class="fa fa-bars fa-lg"></i></a>
<nav>
<ul class="reset" role="navigation">
<li class="menu-item">
<a href="">текст</a>
<ul class="sub-menu">
<li><a href=""> 1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
</ul>
</li>
<li class="menu-item">
<a href="home-01.html">текст</a>
</li>
<li class="menu-item">
<a href="">текст</a>
</li>
<li class="menu-item"><a href="">Регистрация</a></li>
</ul>
</nav>
</div><!-- row-content -->
</div><!-- row -->
</header>
::selection {
background: #FD685B;
color: #fff;
}
::-moz-selection {
background: #FD685B;
color: #fff;
}
::-webkit-input-placeholder {
color: #b3b3b3;
}
:-moz-placeholder {
/* Firefox 18- */
color: #b3b3b3;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #b3b3b3;
}
:-ms-input-placeholder {
color: #b3b3b3;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
/* font-size: 16px; */;
}
body {
background-color: #fbfbfb;
color: #333;
font-size: 1.125em; /* font-size: 18px; */
font-family: 'Open Sans', sans-serif;
line-height: 1.8;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: 'Montserrat', sans-serif;
line-height: 1.34;
text-rendering: auto; /* Android browser */
}
a {
color: #222;
text-decoration: underline;
}
input[type=""],
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
textarea,
textarea.plain {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1em;
border: 2px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.333em;
-moz-border-radius: 0.333em;
border-radius: 0.333em;
color: #333;
}
textarea:focus,
input:focus {
outline: 0;
}
textarea:not([type="button"]):hover,
input:not([type="button"]):hover {
border-color: #cad1d9 !important;
}
textarea:not([type="button"]):focus,
textarea:not([type="button"]):active,
input:not([type="button"]):focus,
input:not([type="button"]):active {
border-color: #88d3ff !important;
}
img {
display: block;
}
.centertxt {
text-align: center;
}
#main {
position: relative;
z-index: 10;
overflow: hidden;
background-color: #fbfbfb;
}
section {
overflow-x: hidden;
}
.last-special {
margin-right: 0% !important;
}
header {
position: fixed;
top: 0;
left: 0;
z-index: 9;
padding: 0.5rem 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.97);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.no-parallax header {
z-index: 9998 !important;
background-color: rgba(255, 255, 255, 0.97) !important;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
}
.no-parallax #intro {
position: relative !important;
}
.no-parallax header.transparent.light #brand a,
.no-parallax header.transparent.light nav > ul > li > a {
color: #333 !important;
}
header.transition {
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
header.transparent {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
header.transparent.light #brand a,
header.transparent.light nav > ul > li > a,
.caption {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
z-index: 9998;
background-color: #efefef;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
#brand h1 {
font-size: 1.556em;
line-height: 3rem;
}
nav {
position: relative;
display: inline-block;
float: right;
clear: none;
}
header.fixed-header.transparent.light #brand a,
header.fixed-header.transparent.light nav > ul > li > a {
color: #333;
text-shadow: none;
}
header.fixed-header.transparent.light nav > ul > li:hover > a {
border-bottom: 2px solid #333;
}
nav > ul,
nav > ul > li {
float: left;
clear: none;
}
nav > ul > li {
padding: 0 0.778em;
text-transform: uppercase;
font-weight: 700;
font-size: 0.778em;
font-family: 'Montserrat', sans-serif;
cursor: pointer;
}
nav > ul > li:last-child {
padding: 0 0 0 0.778em;
}
nav > ul > li > a {
line-height: 3rem;
}
nav > ul > li:hover > a {
border-bottom: 2px solid #333;
}
header.transparent.light nav > ul > li:hover > a {
border-bottom: 2px solid #fff;
}
nav li {
position: relative;
white-space: nowrap;
}
nav > ul li:hover > ul.sub-menu {
display: block;
/* show the submenu */;
}
nav .sub-arrow {
padding-left: 0.500em;
vertical-align: middle;
font-size: 0.714em;
}
nav ul.sub-menu {
position: absolute;
left: 0;
z-index: 9999;
/* level 2 */
display: none;
margin-bottom: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
nav ul.sub-menu ul.sub-menu {
top: 0px;
left: 100%;
/* level 3+ */
margin-top: -0.063rem;
padding-top: 0;
}
nav ul.sub-menu > li > a {
display: block;
padding: 0.5rem 1rem;
background-color: #F6F6F6;
font-size: 0.786em;
}
nav ul.sub-menu > li > a:hover {
background-color: #ebeb14;
color: #4e4e00;
}
nav ul.sub-menu > li:first-child > a {
border-radius: 2px 2px 0 0;
}
nav ul.sub-menu > li:last-child > a {
border-radius: 0 0 2px 2px;
}
#menu-toggle {
display: none;
color: #CCC;
text-decoration: none;
}
#menu-toggle i {
line-height: 2;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
#menu-toggle i.active {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#menu-toggle:hover {
color: #FD685B;
}
.widget {
font-size: 0.672em;
}
.widget h4 {
margin-top: 0;
color: #ccc;
}
.widget {
margin-bottom: 4.333em;
}
.widget_search input,
.search-no-results input {
padding-left: 3.077em;
width: 100%;
border: 3px solid #ddd;
border-radius: 1.538em;
}
.widget_search form,
.search-no-results form {
position: relative;
}
.pre-input {
position: absolute;
}
.pre-input i {
padding: 0.35em 0.6em 0.4em 1em;
color: #ccc;
line-height: 2.2 !important;
}
.widget h4 {
text-transform: uppercase;
font-size: 0.875rem;
}
