.header .site-navigation
{
	position: relative;
	overflow: hidden;
	position: fixed;
	z-index: 1040;
	height: 50px;
	width: 100%;
	top: 0;
}

.header .site-navigation a
{
	background-color: #00423a;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	display: block;
	float: left;
	color: #fff;
	width: 45%;
}

.header .site-navigation a.active
{
	font-family: "Playfair", serif;
	background-color: #fff;
	color: #00423a;
}

.header .site-navigation a.bba
{
	padding-right: 50px;
	width: 55%;
}

.header .site-navigation a.mobile-toggle
{
	background-image: url(../images/icon-menu-toggle1x.png);
	background-image: -webkit-image-set(
		url(../images/icon-menu-toggle1x.png) 1x,
		url(../images/icon-menu-toggle2x.png) 2x
	);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ff4900;
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	right: 0;
	top: 0;
}

.header .member-login
{
	display: none;
}

.header .logo-main-navigation-container ul.navigation
{
	display: none;
}

.mobile-navigation-container
{
	position: absolute;
	overflow: hidden;
	z-index: 10000;
	display: none;
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
}

.mobile-navigation-container .mobile-navigation
{
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50);
	background-color: #fff;
	position: absolute;
	margin-left: 50px;
	height: 100%;
	width: 100%;
	top: 0;
}

.mobile-navigation-container .mobile-navigation a.close
{
	background-image: url(../images/icon-close-red-1x.png);
	background-image: -webkit-image-set(
		url(../images/icon-close-red-1x.png) 1x,
		url(../images/icon-close-red-2x.png) 2x
	);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	height: 25px;
	width: 25px;
	right: 65px;
	top: 15px;
}

.mobile-navigation-container .mobile-navigation .member-login
{
	padding-top: 55px;
}

.mobile-navigation-container .mobile-navigation .member-login a
{
	border-left: 5px solid #00B4D7;
	border-top: 1px solid #E6E6E9;
	font-family: "Playfair", serif;
	text-decoration: none;
	padding-left: 10px;
	line-height: 50px;
	font-size: 20px;
	display: block;
	color: #00B4D7;
}

.mobile-navigation-container .mobile-navigation ul.navigation
{
	border-bottom: 1px solid #E6E6E9;
}

.mobile-navigation-container .mobile-navigation ul.navigation ul
{
	display: none;
}

.mobile-navigation-container .mobile-navigation ul.navigation li a
{
	
	border-left: 5px solid #ffffff;
	border-top: 1px solid #E6E6E9;
	font-family: "Playfair", serif;
	text-decoration: none;
	padding-left: 10px;
	line-height: 50px;
	font-size: 20px;
	display: block;
	color: #00423a;
}

.main-navigation-menu
{
	display: none;
}

@media only screen and (min-width: 768px)
{
	.header .site-navigation
	{
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1200px)
{
	.mobile-navigation-container
	{
		display: none;
	}
	
	.header .site-navigation a,
	.header .site-navigation a.bba
	{
		padding: 0;
		width: 50%;
	}
	
	.header .site-navigation a.mobile-toggle
	{
		display: none;
	}
	
	.header .member-login
	{
		margin: 10px 20px 0 0;
		text-align: right;
		display: block;
	}
	
	.header .member-login a
	{
		font-family: "Playfair", serif;
		text-decoration: none;
		line-height: 19px;
		font-size: 14px;
		color: #00B4D7;
	}
	
	.header .member-login a.logout
	{
	color: #00423a;
	}
	
	.header .logo-main-navigation-container ul.navigation
	{
		margin: 65px 10px 0 0;
		display: block;
		float: right;
	}
	
	.header .logo-main-navigation-container ul.navigation li
	{
		display: inline;
		margin: 0 18px;
	}
	
	.header .logo-main-navigation-container ul.navigation li a
	{
		font-family: "Playfair", serif;
		text-decoration: none;
		line-height: 22px;
		font-size: 20px;
		color: #00423a;
	}
	
	.header .logo-main-navigation-container ul.navigation li.active a,
	.header .logo-main-navigation-container ul.navigation li.open a,
	.header .logo-main-navigation-container ul.navigation li a:hover
	{
		color: #4c7b75;
	}
	
	.header .logo-main-navigation-container ul.navigation li ul
	{
		display: none;
	}
	
	.main-navigation-menu
	{
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.50);
		background-color: #fff;
		padding: 30px 0 200px;
		position: absolute;
		width: 600px;
		z-index: 10;
		right: 0px;
	}
	
	.main-navigation-menu a.close
	{
		background-image: url(../images/menu-close-1x.png);
		background-image: -webkit-image-set(
			url(../images/menu-close-1x.png) 1x,
			url(../images/menu-close-2x.png) 2x
		);
		background-position: top left;
		background-repeat: no-repeat;
		position: absolute;
		display: block;
		height: 51px;
		width: 51px;
		right: 20px;
		top: 30px;
	}
	
	.main-navigation-menu .title
	{
		font-family: "Playfair", serif;
		padding: 0 100px 0 30px;
		margin-bottom: 20px;
		line-height: 51px;
		font-size: 48px;
		color: #717073;
	}
	
	.main-navigation-menu .navigation ul li
	{
		display: block;
	}
	
	.main-navigation-menu .navigation ul li a
	{
		font-family: "Playfair", serif;
		text-decoration: none;
		line-height: 50px;
		font-size: 28px;
		padding: 0 30px;
		display: block;
		color: #717073;
	}
	
	.main-navigation-menu .navigation ul li a:hover
	{
		background-color: rgba(113, 112, 115, 0.2);
	}
	
	.main-navigation-menu .navigation ul li li a
	{
		font-family: "Playfair", serif;
		padding-left: 60px;
	}
	
	.main-navigation-menu .navigation ul li ul > li:before
	{
		content: "–";
		font-family: "Playfair", serif;
		position: absolute;
		line-height: 50px;
		margin-left: 30px;
		font-size: 28px;
	}
	
	.main-navigation-menu .contact-details
	{
		position: absolute;
		padding-top: 100px;
		line-height: 30px;
		font-size: 20px;
		color: #717073;
		bottom: 30px;
		left: 30px;
	}
	
	.main-navigation-menu .contact-details span
	{
		display: inline-block;
		width: 70px;
	}
	
	.main-navigation-menu .contact-details a
	{
		text-decoration: none;
		color: #DA1D46;
	}
}