body {
	background-color : #999;
}

#top {
	padding-left      : 21px;
	padding-top       : 35px;
	background-image  : url("../images/header_texture.png");
	background-repeat : repeat;
	max-height        : 140px;
	height            : 140px;
}

#footer {
	padding           : 37px;
	padding-left      : 25px;
	background-image  : url("../images/footer_texture.png");
	background-repeat : repeat;
	height            : 158px;
}


#wrapper {
	-webkit-box-shadow : 0px 0px 5px 5px #888;
	-moz-box-shadow    : 0px 0px 5px 5px #888;
	box-shadow         : 0px 0px 5px 5px #888;
	filter             : progid:DXImageTransform.Microsoft.Glow(color='#888', Strength='5')
}

.navbar {
	border-radius    : 0;
	background-color : #333;
	min-height       : 85px;
	padding-left     : 22px;
	margin-bottom    : 0px;
}

.wbox.teaser {
	min-height : 250px;
}


.masthead {

}

.masthead img {
	width : 100%;
}

#secondnav {
	color : #FFF;
}

#secondnav .content {

	margin-top    : 10px;
	margin-bottom : 10px;
	margin-left   : 36px;

}

#secondnav ul {
	margin  : 0px;
	padding : 0px;
}

#secondnav li {
	list-style : none;
	float      : left;
	padding    : 4px;
}


#secondnav li a {
	color         : #FFF;
	padding-right : 8px;
}

#secondnav .phone {
	margin-right : 50px;
}

#secondnav .phone img {
	margin-right : 12px;
}

#footer {
	color     : #FFF;
	font-size : 14px;
}

.mainwrap {
	background-image  : url("../images/sky.png");
	background-color  : #FFF;
	background-size   : cover;
	background-repeat : repeat-y scroll left top;

	-ms-filter        : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sky.png', sizingMethod='scale')";
}

.hand {
	background-image    : url("../images/hand.png");
	background-repeat   : no-repeat;
	background-position : right bottom;
	background-size     : 35%;

}

.navwrap {
	width     : 100%;
	max-width : 100%;
	margin    : 0px;
	padding   : 0px;

}

.navwrap ul {
	width     : 100%;
	max-width : 100%;
	margin    : 0px;
	padding   : 0px;
}

.clientlogin {
	background-color : #AEBF25;
	color            : #FFF;
	min-width        : 280px;
	padding-left     : 13px;
}


.clientlogin li {
	line-height : 20px;
}

.mainnav {
	width : 100%;
}


.main {

	padding     : 37px;
	padding-top : 18px;
	min-height  : 800px;

}

.wbox {
	position   : relative;
	background : rgba(255, 255, 255, 0.7);
	padding    : 8px;
}

.wbox.team_member {
	min-height : 157px;
}


.wbox.team_member .jobtitle {
	text-transform : uppercase;
	margin-bottom  : 14px;
}

.wbox.team_member p {
	margin-bottom : 4px !important;
}


.linkbox.wbox, .welcomeTeaser .wbox {

	margin-right : 18px;
}

.linkbox.wbox {

	max-width     : 256px;
	margin-bottom : 20px;
}

.linkbox .head {
	text-align     : center;
	border-bottom  : 2px solid #000;
	margin         : 0px;
	padding        : 0px;
	margin-top     : 4px;
	margin-bottom  : 8px;
	padding-bottom : 8px;
	padding-top    : 4px;
}

.linkbox:hover .head {
	border-bottom : 2px solid #FFF;
}

.linkbox .swapImage {
	width             : 50px;
	height            : 50px;
	background-repeat : no-repeat;
	display           : block;
	margin            : 0 auto;
	margin-bottom     : 6px;
}

.linkbox .link {
	margin-top : 4px;
	float      : right;
	color      : #AEBF25 !important;
}

.linkbox a.link, {

	text-decoration : none;
}

.linkbox a.link:hover, {
	color           : #AEBF25;
	text-decoration : none;
}

.linkbox:hover {
	background-color : rgba(51, 51, 51, 0.7);
	cursor           : pointer;
	cursor           : hand;
	color            : #FFF;
}

.linkbox:hover h2 {
	color : #FFF;
}

.linkbox:hover img {
	visibility : hidden;
}

.wbox.arrow:after {
	bottom         : 100%;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	position       : absolute;

	pointer-events : none;
}

.wbox.arrow:after {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : rgba(255, 255, 255, 0.7);
	border-width        : 11px;
	left                : 35px;
	margin-left         : 0;
}

.welcomeTeaser {

}

.welcomeTeaser .wbox {
	height : 170px;
}

.welcomeTeaser .wbox.content {
	width : 531px;
}

.welcomeTeaser .wbox.image {
	padding    : 0px;
	max-width  : 255px;
	text-align : center;

}

.welcomeTeaser .wbox.image img {
	margin : 1px;
}

.subnav {
	background-color : rgba(51, 51, 51, 0.7);
	color            : #FFF;
	margin-left      : 15px;
	padding          : 14px;
	font-size        : 14px;
}

.subnav ul {
	margin     : 0px;
	padding    : 0px;
	list-style : none;
}

.subnav ul > li {
	line-height : 28px;
}

.subnav ul > li > a {
	color          : #FFF;

	font-size      : 14px;
	font-weight    : 300;
	letter-spacing : 2px;
	text-transform : uppercase;
	vertical-align : middle;

}

.subnav ul > li > a:hover {
	color           : #AEBF25;
	text-decoration : none;
}

li.current > a {
	border-bottom : 3px solid #AEBF25;
}

li.section > a {
	color : #AEBF25 !important;
}

ul.navbar-nav {

}


.navbar-nav > li > a {
	color          : #FFF;
	font-size      : 20px;
	font-weight    : 300;
	text-transform : uppercase;
	letter-spacing : 2px;

	margin         : 0px;
	padding        : 0px;
	margin-left    : 15px;
	margin-right   : 15px;
	padding-top    : 34px;
	padding-bottom : 4px;
	vertical-align : middle;
}

.clientlogin a:hover {
	color : #000 !important;
}

.navbar-nav > li > a:hover {
	color      : #AEBF25;
	background : none;
}

.clientlogin img {
	padding-bottom : 3px;
}

.rightbox {

}

.rightbox img {
	padding          : 4px;
	background-color : rgba(255, 255, 255, 0.7);
}

.container {
	padding-left  : 0px;
	padding-right : 0px;
}

.newsmenu ul li:nth-child(6) {
	margin-bottom : 20px
}

@media all and  (min-width : 1200px) {
	.container {
		max-width : 1192px !important;
	}
}

.note-popup-overlay {
	position   : fixed;
	inset      : 0;
	background : rgba(0, 0, 0, 0.6);
	z-index    : 9998;
	display    : none;
}

.note-popup {
	position       : fixed;
	top            : 50%;
	left           : 50%;
	transform      : translate(-50%, -50%);
	width          : 70%;
	max-width      : 600px;
	background     : #FFF;
	display        : none;
	z-index        : 9999;
	border-radius  : 6px;
	overflow       : hidden;
	box-shadow     : 0 8px 30px rgba(0, 0, 0, 0.25);
	flex-direction : row;
}

.popup-image {
	width               : 35%;
	background-size     : cover;
	background-position : center;
	min-height          : 220px;
}

.popup-content {
	width           : 65%;
	padding         : 20px;
	position        : relative;
	display         : flex;
	flex-direction  : column;
	justify-content : space-between;
}

/* Close Button */
.popup-close {
	position        : absolute;
	top             : 12px;
	right           : 15px;
	font-size       : 22px;
	text-decoration : none;
	color           : #000;
	line-height     : 1;
}

.popup-close:hover {
	opacity : 0.6;
}

.note-popup h2 {
	margin-top    : 0;
	margin-bottom : 15px;
}

.popup-link {
	align-self      : flex-end;
	margin-top      : 20px;
	text-decoration : none;
	color           : #000;
	font-weight     : 600;
	border-bottom   : 1px solid #000;
}

.popup-link:hover {
	opacity : 0.7;
}

body.popup-active {
	overflow : hidden;
}

@media (max-width : 768px) {
	.note-popup {
		width     : 85%;
		max-width : 550px;
	}

	.note-popup h2 {
		font-size : 24px;
	}

	.popup-image {
		min-height : 180px;
	}

	.popup-content {
		padding : 15px;
	}
}

@media (max-width : 480px) {
	.note-popup {
		width     : 90%;
		max-width : 500px;
	}

	.popup-image {
		min-height : 150px;
	}

	.popup-content {
		padding : 12px;
	}

	.popup-close {
		font-size : 20px;
		top       : 8px;
		right     : 10px;
	}
}

.navbar.clientlogin {
	display     : flex;
	align-items : center;
	padding     : 12px;
}

.new-hp svg {
	width  : 70%;
	height : auto;
}

