

a:hover {
	opacity: 0.8;
}

/* Main Site Container
-----------------------------------------------------*/

.container {
	margin: 30px auto;
	max-width: 1158px;
}



/* Top, Navigation and Logo 
-----------------------------------------------------*/

.top {
	display: block;
	padding: 0;
}

.top .navigation {
	display: block !important;
	background-image: url('../images/navigation-bg.png');
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 3px;
	position: static;
	background-color: transparent;
}

.top  a.hamburger {
	display: none;
}

.top .navigation > ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	justify-content: space-between;
	-ms-flex-pack: center;
	margin: 0 auto;
	padding: 0;
	max-width: 88%;
	background-image: none;
}

.top .navigation > ul > li {
	margin: 0px;
}

.top .navigation ul li {
	flex: 1;
	-ms-flex: 1;
}

.top .navigation ul li a {
	padding: 20px 10px;
	font-size: 18px;
	white-space: nowrap;
	color: inherit;
}


.top .navigation > ul li a.active, .top .navigation > ul > li > a:hover {
	background-image: url('../svg/nav-active-arrow.svg');
	background-size: 30px 15px;
	background-position: bottom center;
	color: #007dc4;
}


/* Nav Level 2 */

.top .navigation > ul > li > ul {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 5px #999999;
	width: 240px;
	border-top: 1px solid #D9D9D9;
	margin-left: -10px;
}

.top .navigation ul li:hover ul {
	display: block;
}

.top .navigation > ul > li > ul li a {
	text-align: left;
	text-transform: none;
	color: #A6A8AB;
	color: #777777;
	font-size: 18px;
	padding: 10px 15px;
	font-weight: normal;
}

.top .navigation > ul > li > ul li:first-child {
	margin-top: 20px;
}

.top .navigation > ul > li > ul li:last-child {
	margin-bottom: 50px;
}




.logo-strip {
	padding: 30px 10px 30px 140px;
}

.logo {
	width: 451px;
	height: 33px;
}



/* Banner 
-----------------------------------------------------*/

.banner {
	height: 375px;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.banner .inner {
	text-align: left;
	margin: 0 0 0 140px;
}

.banner .inner h4 {
	font-size: 95px;
}

.banner .inner h5 {
	font-size: 20px;
	margin: 10px 0 0 0 ;
	max-width: 500px;
	line-height: 130%;
}

/* Content
-----------------------------------------------------*/

.content {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	max-width: 920px;
	margin: 30px auto;
}

.content .left {
	flex: 2;
	-ms-flex: 2;
}

.content .right {
	flex: 0.5;
	-ms-flex: 0.5;
	margin-left: 60px;
}

.content .right > hr {
	margin-top: 0;
}


/* Sub Navigation
-----------------------------------------------------*/

.sub-navigation {
	padding-bottom: 0;
	display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	justify-content: center;
}

.sub-navigation ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.sub-navigation ul li a {
	padding: 20px;
	background-color: #FFFFFF;
	margin: 0;
}

.sub-navigation ul li a:hover, .sub-navigation ul li a.active {
	background-image: url('../svg/nav-active-arrow.svg');
	background-size: 30px 15px;
	background-position: bottom center;
}

.sub-navigation ul li:last-child a {
	margin-bottom: 0;
}

.sub-navigation .hamburger {
	display: none;
}



/* Quick Enquiry
-----------------------------------------------------*/

.quick-enquiry {
	left: auto;
	right: 50px;
	width: 250px;
}


img.right {
	float: right;
	margin-left: 30px;
}
