/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
	position: relative;
}

.site-header .home-link {
	display: block;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 230px;
	padding: 0 20px;
	text-decoration: none;
	width: 100%;

	background: url(images/snip-logo1.png) no-repeat 160px 55px;
	color: #000;
	font-weight: 600;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", "Trebuchet MS", sans-serif;
	font-size: 75px;

	padding: 0 0 0 300px;
  -o-transition:-o-transform .1s linear;
  -moz-transition:-moz-transform .1s linear;
  -webkit-transition:-webkit-transform .1s linear;
  transition:transform .1s linear;
}

/*
.site-header .home-link:hover, .site-header .home-link:focus {
	background: url(images/snip-logo2.png) no-repeat 170px 40px;
	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg);
	-o-transform: rotate(12deg);
	transform: rotate(12deg);
}*/


.site-title {
	font-size: 75px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}

.site-header {
	background: transparent url(images/logo.png) no-repeat;
}

.site-description {
	color: #317572;
	font-weight: 100;
	font-size: 22px;
	font-family:  "myriad-pro-condensed-1","myriad-pro-condensed-2", "Trebuchet MS", sans-serif;
	margin: -10px 0 0 52px;
}

/*.site-description:hover {
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
*/

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	/*max-width: 1080px;*/
	max-width: 844px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #bddae6;
	color: #fff;
	-webkit-border-radius: 5px;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #FFF;
	border: 1px;
	border-color:#666;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	text-align:left;
	-webkit-border-radius: 5px;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #bddae6;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #317572;
	font-style: italic;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background-color: #DFDFDF;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 30px 22px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}