@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/

/* beweb standard CSS reset */
* {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
}

/* set everything to 0 margin/padding -> makes it consistent across all browsers */
.normal ol, .mceContentBody ol, .normal ul, .mceContentBody ul {
	margin-left: 16px;
}

img {
	border: 0;
}

input {
	padding: 1px;
}

textarea {
	padding: 2px;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* prevent scrollbar disappearing making page jump */
xtable {
	margin: inherit;
}
/* end beweb standard CSS reset */

body {
	background-color: #fff;
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6, h7, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
}


ol, ul {
	padding-left: 0;
}

hr {
	width: 100%;
	border: 0 solid #D6D6D6;
	border-top-width: 1px;
}

li {
	margin-left: 65px;
}

.normal li {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 25px;
}

/* CONTENT TABLES - START */
body#tinymce table, div.normal table {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
}

body#tinymce table td, div.normal table td {
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

body#tinymce table.table-no-gridlines, div.normal table.table-no-gridlines {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-collapse: collapse;
}

body#tinymce table.table-no-gridlines td, div.normal table.table-no-gridlines td {
	padding: 5px;
	border: 0;
}

body#tinymce table.table-small, div.normal table.table-small {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	color: #777;
	font-size: 10px;
}

body#tinymce table.table-small td, div.normal table.table-small td {
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

body#tinymce table td p, div.normal table td p { /* FF fix */
	margin: 0;
}
/* CONTENT TABLES - END */

.main-side-container {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.normal, .mainbody, .projectMainBody {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	line-height: 150%;
	/*width: 430px;*/
	/*width: 630px;*/
	width: 100%;
	box-sizing: border-box;
}

.homebody {
	margin-top: 77px;
	margin-left: 59px;
	width: 346px;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 140%;
}

.pagetitle {
	width: 460px;
}

.role {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	margin: 4px 0;
}

.rightlink {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	color: #8E463B;
	margin-top: 4px;
	margin-bottom: 4px;
}

h1 {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 28px;
	color: #535353;
	/*width: 450px;*/
	line-height: 140%;
}

h2 {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #8E463B;
	line-height: 140%;
}

h3 {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 140%;
}

h4 {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8E463B;
}

.divider {
	position: relative;
	left: 30px;
}

a {
	color: #cc0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.subnav_selected, .subnav, .subnav a {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
}

.subnav_selected a, .subnav a:hover {
	color: #8E463B;
}

#main_nav {
	background-color: #1A2631;
	list-style: none;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#main_nav li {
	background-color: #1A2631;
	xfloat: left;
	padding-right: 20px;
	height: 15px;
}

#main_nav a:hover {
	background-color: #8E463B;
}

.sub_nav {
	background-color: #fff;
	list-style: none;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.sub_nav .active a {
	background-color: #8E463B;
}

.sub_nav li {
	background-color: #fff;
	float: left;
	padding-right: 20px;
	height: 15px;
}

.sub_nav a {
	background-color: #fff;
	color: #535353;
	height: 15px;
	text-decoration: none;
}

.sub_nav a:hover {
	color: #8E463B;
}

.projectNav {
	background-color: #fff;
	list-style: none;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 60px;
	border: 1px solid transparent;
}

.projectNav .active a {
	xcolor: #8E463B;
}

.active {
	margin-left: 0;
}

.projectNav li {
	background-color: transparent;
	float: left;
	padding-right: 2px;
	height: 15px;
	margin-left: 0;
}

.projectNav a {
	background-color: #fff;
	color: #535353;
	height: 15px;
	text-decoration: none;
}

.projectNav a:hover {
	color: #8E463B;
}

.leftMargin {
	/*margin-left: -10px; mn 20190913*/
	max-width: 1300px;
	margin: 0 auto;
}


#siteContainer {
	/* mn 20190913
	*z-index: 100;
	position: relative;
	margin: 0 auto;
	width: 880px;
	padding-top: 120px;
	background: url(images/home_bg.png) no-repeat -600px top white;*/
}

.inner-bodycontent {
	display: block;
	width: 100%;
	max-width: 1300px;
	padding: 60px 20px 20px;
	margin: 0 auto;
}

.mainbody {
	margin-bottom: 50px;
}

.mainbody.withSideMenu {
	width: 100%;
}

.sideMenu {
	width: 48%;
}

/*.sideMenu.with-tags {
    position: absolute;
    top: 0;
		right: -40px;
}*/

.contactus {
	list-style: none;
	margin-left: 0;
	margin-bottom: 30px; /*ZW 08082017 - submit button touches screen edge without margin at the bottom on mobile*/
}

.el {
	margin-left: 0 !important;
}

.captcha {
	margin-top: 10px;
	margin-bottom: 20px;
}

.spacer {
	clear: both;
	height: 25px;
}

.formText {
	margin-left: 50px;
}

.label {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #555;
}

.textArealabel {
	padding-top: 15px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #555;
}

.selectinputfield {
	width: 200px;
	height: 22px;
}

.btn {
	width: 100%;
	margin-left: 2px;
	border-radius: 3px;
	border: 2px solid #8E463B;
	font-family: Roboto, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #8E463B;
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 30px;
	text-align: center;
	background: white;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 480px) {
	.btn {
		width: auto;
	}
}

.btn.more-projects-btn {
	display: block;
	margin: 0 0 0 auto;
	height: 41px;
	line-height: normal;
}

.btn:hover {
	border-color: #8E463B !important;
	background-color: #8E463B !important;
	text-decoration: none;
	color: white !important;
}

textarea.styled {
	width: 100px;
	height: 200px;
	padding: 5px;
}

.smallSpacer {
	height: 18px;
}

.commentWrapper {
	position: relative;
	width: 360px;
	margin-left: 0;
}

.commentWrapper .validation {
	top: 25px;
	right: 0;
	position: absolute;
}

a img {
	border: none;
}

table {
	border-spacing: 0;
}

table td {
	border-collapse: collapse;
}

#nav {
	padding: 5px 0;
	background-color: #1A2631;
	height: 22px;
	width: 300px;
	margin-left: 40px;
}

.nav-wrap {
	/* mn 20190913
	margin-top: 20px;
	margin-left: -2px;
	width:480px;
	*/
	display: flex;
	justify-content: center;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.subNavContainer {
	top: 0;
	display: flex;
	justify-content: center;
	position: absolute;
	xborder: 3px solid blue;
	height: 27px;
	left: 0;
	right: 0;
	padding: 8px 0;
	/*margin-left: 53px;*/
	/*width: 500px;*/
}

.subnavWrap {
	/*position: absolute;
	width: 100%;*/
}

.pagingnav-wrapper {
	margin-top: 20px;
	display: block;
}

.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

*:first-child + html .group {
	zoom: 1;
}


.year {
	margin-left: 0;
}

.yearText {
	color: #666;
	font-size: 11px;
}

.projectDetailsTable td {
	padding: 2px;
}

#example-one {
	margin: 0 42px 0 8px;
	list-style: none;
	position: relative;
	/*width: 530px;*/
}

#example-one li {
	display: inline-block;
	margin-left: 0;
}

#example-one a {
	color: #535353;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 14px;
}

/* FEATURED WORK - START */
.featured-work-container {
	display: block;
	width: 100%;
	background-color: #1a2631;
	padding: 40px 0 100px;
	overflow: hidden;
}

.featured-work-container.open {
	max-height: 2000px;
}

.show-more-container {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(to top,rgb(26, 38, 49) 30%,rgba(26, 38, 49,.9) 60%,transparent);
}

.animate-show-more .show-more-btn {
	transform: translate(-50%, -50%) rotate(0deg);
}

.show-more-btn {
	position: absolute;
	bottom: 10px;
	left: 50%;
	top: 50%;
	cursor: pointer;
	transform: translate(-50%, -50%) rotate(180deg);
	transition: all 0.2s ease-in;
}

.featured-work-inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;
}

.featured-work-title {
	color: #8E463B;
	font-weight: 700;
	padding: 0 20px 20px;
	-ms-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
}

.featured-work-item {
	color: #8E463B;
	font-weight: 700;
	padding: 0 20px 40px;
	flex-basis: 100%;
}

.project-heading {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.project-heading-a {
	color: #C94036;
}

.project-text {
	position: relative;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	color: #f1f1ee;
	line-height: 150%;
	overflow: hidden;
}

.mobile-toggle-text {
	display: none;
}

@media screen and (max-width: 1024px) {
	.project-text {
		max-height: 100px;
		padding-bottom: 0;
		transition: max-height 0.6s ease-in;
	}

	.project-text.open {
		max-height: 2000px;
		padding-bottom: 40px;
	}

	.project-text:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top,rgba(26, 38, 49,1),rgba(26, 38, 49,.9),transparent);
		transition: all 0.2s linear 1s;
	}

	.project-text.open:before {
		background: none;
		transition: all 0.2s linear 1s;
	}

	.project-text .mobile-toggle-text {
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.2s ease-in;
	}

	.project-text.open .mobile-toggle-text {
		transform: translateX(-50%) rotate(180deg);
		transition: all 0.2s ease-in;
	}
}

@media screen and (min-width: 980px) {
	.featured-work-container {
		max-height: 600px;
		transition: max-height 0.8s ease-in;
	}

	.show-more-container {
		display: block;
	}

	.featured-work-item {
		flex-basis: 50%;
		padding-bottom: 0;
	}

	.project-text {
		height: auto;
		overflow: auto;
	}
}

@media screen and (min-width: 1300px) {
	.featured-work-item {
		width: 25%;
		flex-basis: 25%;
	}
}
/* FEATURED WORK - END */

@media screen and (min-width: 344px) {
	#example-one a {
		font-size: 16px;
	}
}

#example-one a:hover {
	color: black;
}

#magic-line {
	position: absolute;
	bottom: -2px;
	left: 0;
	border-bottom: 2px solid #8E463B;
}

.current_page_item a {
	color: #8E463B !important;
}

.ie6 #example-one li, .ie7 #example-one li {
	display: inline;
}

.ie6 #magic-line {
	bottom: -3px;
}

/* TABLET-DESKTOP BREAK */
@media screen and (min-width:990px) {
	.mobile-nav {
		display: none;
	}

	#example-two {
		/*margin-left: 40px;*/
		list-style: none;
		position: relative;
		/*width: 480px;*/
	}

	#example-two li {
		display: inline-block;
		margin-left: 0;
	}

	#example-two li:not(.current_page_item_two):hover {
		border-bottom: 4px solid #8E463B;
	}

	#example-two li a {
		position: relative;
		z-index: 200;
		color: #ddd;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
		font-family: 'Roboto', arial, helvetica, sans-serif;
		font-size: 16px;
		outline: none;
		transition: all 0.2s ease-in-out;
	}

	#example-two li a:hover {
		color: white;
		background: #8E463B;
	}

	.current_page_item_two {
		border-bottom: 4px solid #8E463B;
	}

	.mainbody.withSideMenu {
		width: 48%;
	}
}

.current_page_item_two a {
	color: white !important;
}

.ie6 #example-two li, .ie7 #example-two li {
	display: inline;
}

.thumbContainer a img {
	text-align: left;
}

.thumbContainer a img:hover {
	border: 2px solid #8E463B;
	text-align: left;
}

.thumbContainer .selected {
	border: 2px solid #8E463B;
}


.thumbContainer:hover {
	text-align: left;
}

.bodycontent {
	position: relative;
	margin-bottom: 20px;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

#logo {
	background: url(images/inside-logo.gif) no-repeat;
	background-color: #1A2631;
	width: 800px;
	height: 145px;
}

ul, menu, dir {
	padding: 0;
}

.thumbContainer {
	height: 60px;
	width: 320px;
	margin-top: 10px;
}

.ulthumbContainer {
	height: 60px;
	width: 320px;
	list-style: none;
	margin-left: 0;
}

.liThumbContainer {
	width: 56px;
	padding-right: 21px;
	padding-left: 0 !important;
	text-align: left;
	float: left;
	margin-left: 3px;
}

.imagePanelContainer {
	margin: auto 0;
	width: 320px;
}

.normalText {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 15px;
}

.pListLink a {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

.tagPanel {
	margin-top: 10px;
	margin-left: -10px;
}

/* Validation */
.validation {
	display: none;
	position: relative;
}

.validation .validation_outer {
	background: url('images/error_msg_arrow.png') 15px bottom no-repeat;
	padding-bottom: 11px;
	position: absolute;
	margin-top: -30px;
	left: 0;
	z-index: 9999;
	width: auto !important;
}

.validation .validation_inner {
	background: #e30418;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	padding: 8px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap !important;
}

@media screen and (min-width: 1320px) {
	#PayNowForm span {
		left: 160px;
	}
}

#validation_Reference.validation_outer {
	width: 300px !important;
}

.required-field {
	font-weight: bold;
	color: #e30418;
}

input.inputfield, .inputfield {
	width: 400px;
	height: 35px;
	padding: 5px;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
	font-size: 16px;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	border: 1px solid #918F90;
}

.mapContainer {
	xwidth: 470px;
	xheight: 400px;
	float: left;
	margin-top: 25px;
}

#mapInfo {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	width: 220px;
}

.InfoMessage {
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 16px;
	display: inline-block;
	/*margin-left: 60px;*/
	margin: 20px 0;
	color: #8E463B;
}

.project-info-list-container {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.projListContainer {
	width: 300px;
	height: 60px;
	/*float: left;*/
	margin-bottom: 20px;
}

.mapWrapper {
	height: 500px;
	width: 320px;
	margin-bottom: 15px;
}

/* PEOPLE - START */
.people-container {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 50px;
}

.person-container {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid lightgray;
}

.person-pic {
	cursor: default;
	margin: 0 auto 10px;
	display: block;
	width: 150px;
	height: 150px;
	text-decoration: none;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.person-pic:hover {
	background-position: -150px 0;
}

.person-name {
	font-weight: bold;
	text-align: center;
}

.person-title {
	text-align: center;
	margin-bottom: 20px;
}

.person-info ul {
	margin: 0;
}

@media screen and (min-width: 768px) {
	.person-container {
		display: flex;
	}

	.person-pic {
		margin-bottom: 0;
	}

	.person-details {
		flex-basis: calc(100% - 200px);
	}

	.person-name {
		text-align: left;
	}

	.person-title {
		text-align: left;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 980px) {
	.people-container {
		justify-content: space-between;
	}

	/* remove if dont want 2 columns*/
	.person-container {
		flex-basis: 49%;
	}
}
/* PEOPLE - END */

@media screen and (min-width: 1400px) {
	.mapWrapper {
		width: 610px;
		height: 610px;
	}

	/*mn 20190913
	#siteContainer {
		width: 1200px;
	}*/
}

.projListWrapper {
	/*width: 300px;*/
	padding-left: 2px;
	margin-bottom: 15px;
}

@media screen and (min-width: 1400px) {
	.projListWrapper {
		width: 610px;
	}
}

.clear {
	clear: both;
}

.pListLink {
	margin-left: 5px;
	float: left;
	width: 200px;
	line-height: normal;
}

.tags {
	margin: 0;
	padding: 0;
	right: 24px;
	bottom: -12px;
	list-style: none;
}

.tags li, .tags a {
	float: left;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-size: 11px;
	margin-bottom: 6px;
}

.tags a {
	margin-left: 20px;
	padding: 0 10px 0 12px;
	background: #8E463B;
	color: white;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.tags a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #8E463B transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}

.tags a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: -1px -1px 2px #004977;
	-webkit-box-shadow: -1px -1px 2px #004977;
	box-shadow: -1px -1px 2px #004977;
}

.tags .active a {
	background: #555;
	color: white;
}

.tags a:hover, .tags .active a {
	background: #555;
	color: white;
}

.tags a:hover:before, .tags .active a:before {
	border-color: transparent #555 transparent transparent;
	color: white;
}

.contactusWrapper {
	margin-top: 20px;
	margin-left: 73px;
}

.FeaturePic {
	-webkit-transition: all 2s ease 0s;
	-moz-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	-ms-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
	max-width: 300px;
}

#quote {
	/*border-top: 1px solid #ccc;*/
	padding-top: 20px;
	font-weight: lighter;
	opacity: 0;
	color: #666;
	margin-top: 25px;
	font-size: 21px;
	-webkit-transition: opacity 2s ease-in;
	-moz-transition: opacity 2s ease-in;
	-o-transition: opacity 2s ease-in;
	-ms-transition: opacity 2s ease-in;
	transition: opacity 2s ease-in;
}

.header {
	display: flex;
	position: relative;
	background-color: #1A2631;
	/*width: 530px;*/
}

.footerDivder {
	margin-left: 59px;
	width: 456px;
}

.footernav {
	margin-left: 59px;
}

#fbWrapper {
	border: none;
	overflow: hidden;
	width: 450px;
	height: 21px;
	display: inline;
	margin: 8px;
}

.fbButton {
	xmargin: 8px;
}

#mobile-nav {
	display: none;
}

#mobileBarsLink {
	display: none;
}

.fbWrapper {
	height: 38px;
}

@media (max-width: 989px) {
	.bodycontent {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.tagPanel {
		position: relative;
		xmin-height: 700px !important;
	}

	.mapWrapper {
		width: 100% !important;
	}

	.mapHeader {
		text-align: center !important;
		margin-bottom: 10px;
	}

	.thumbContainer {
		display: table; /* Allow the centering to work */
		margin: 0 auto;
	}

	.ulthumbContainer {
		min-width: 100%;
		width: 100% !important;
		list-style: none;
		padding-top: 20px;
	}

	.LocationAware {
		margin-bottom: 20px !important;
	}

	.LocationAware h2 {
		text-align: center !important;
		margin: 10px 0 !important;
	}

	.LocationAware input {
		width: 100% !important;
	}

	.projListContainer {
		/*width: 70% !important;
		margin-top: 0 !important;
		margin-bottom: 30px;*/
	}

	.ulthumbContainer li {
		display: inline;
		width: 25%;
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.logoMobile {
		padding: 28px 0 10px 14px;
	}

	#siteContainer, .header, #nav, .subNavContainer, h1 {
		width: 100% !important;
	}

	.thumbContainer {
		width: 100% !important;
	}

	.mainbody, .sideMenu {
		width: 100%;
	}

	.mainbody {
		word-wrap: break-word;
	}

	.imagePanelContainer {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	#quote p {
		margin-right: 0 !important;
	}

	.projListWrapper h3 {
		margin-top: 0;
		margin-bottom: 25px;
	}

	.displayAll {
		width: 70%;
		WORD-WRAP: break-word;
		DISPLAY: BLOCK;
		height: 70px;
	}

	.pListLink {
		float: none !important;
		width: auto !important;
	}

	.liThumbContainer {
		text-align: center;
	}

	/*#footer {
		display: none !important;
	}*/

	.projListWrapper {
		width: 100% !important;
		padding-left: 0 !important;
		overflow-x: hidden;
		overflow-y: hidden;
		min-height: 700px;
	}

	.normal, .projectMainBody, H1 {
		width: 100%;
	}

	footer #quote {
		margin-top: 0 !important;
	}


	.header {
		left: 0 !important;
	}

	#nav {
		padding: 0 !important;
		margin-left: 0 !important;
	}

	.subNavContainer {
		margin-left: 0 !important;
	}

	/*mn 20190913
	#siteContainer {
		min-width: auto;
		background: none !important;
	}*/

	#footer .divider {
		width: 100% !important;
	}

	.footerDivder {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.footernav {
		margin-left: 0 !important;
		background-color: white;
	}

	.divider {
		left: 0 !important;
	}

	.leftMargin {
		margin-left: 0 !important;
	}

	.fbButton {
		margin: 0 !important;
	}

	.fbButton {
		xdisplay: none !important;
	}

	.backGroundTop {
		height: 100px;
	}

	.fbIframe {
		height: 50px !important;
		background-color: white;
		margin-left: 20px;
		padding-top: 10px;
	}

	.g-plusone {
		width: 100% !important;
	}

	.fbWrapper, .fbButton {
		display: none !important;
	}

	#mobileBarsLink, .mobile-nav {
		display: block;
		position: absolute;
		right: 20px;
		top: 46.5px;
	}

	#image-nav {
		display: none !important;
	}

	.subnavWrap {
		display: table;
		margin: 0 auto;
		padding-left: 10px;
		width: 95%;
	}

	#example-one {
		width: 100% !important;
		min-width: 100% !important;
		list-style: none !important;
		margin: 0 !important;
		display: none;
	}

	ul#example-one li {
		display: inline;
	}

	img {
		max-width: 100%;
	}

	input {
		width: 90% !important;
		float: none !important;
		height: 30px;
		/*margin: 0 auto !important;*/
	}

	.contactusWrapper {
		margin-top: 20px;
		margin-left: 3%;
		width: 97%;
	}

	.normal .normal {
		margin-left: 0 !important;
		max-height: 5000em;
	}


	#Comments {
		width: 90% !important;
	}


	.validation .outer {
		left: inherit !important;
		right: 1px;
	}

	.mobile-nav {
		display: block;
		top: 46.5px;
		right: 15px;
		width: 30px;
		height: 29px;
		z-index: 1100;
	}

	.mobile-menu {
		position: fixed;
		padding: 118px 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000;
		background-color: rgba(0,0,0,.88);
		z-index: 1000;
		-ms-opacity: 0;
		opacity: 0;
		-webkit-transition: opacity ease-in-out .5s;
		-moz-transition: opacity ease-in-out .5s;
		-ms-transition: opacity ease-in-out .5s;
		-o-transition: opacity ease-in-out .5s;
		transition: opacity ease-in-out .5s;
		display: none;
	}

	.mobile-menu.visible {
		-ms-opacity: 1;
		opacity: 1;
		-webkit-overflow-scrolling: touch;
		overflow: scroll !important;
	}

	.mobile-menu-item {
		list-style-type: none;
		margin-left: 0;
	}

	#magic-line-two {
		display: none;
	}

	.mobile-menu .mobile-menu-item a {
		font-family: 'Roboto', arial, helvetica, sans-serif;
		letter-spacing: 6px;
		display: block;
		text-transform: uppercase;
		text-align: center;
		margin: 0 56px;
		padding: 16px 0;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid rgba(70,70,70,.8);
	}
}

* {
	xoutline: 1px solid red !important;
}

.bewebdonate {
	margin-left: 30px;
}

/* Fancy */
.fancy {
	display: inline-block;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name: shake-slow;
	-ms-animation-name: shake-slow;
	animation-name: shake-slow;
	-webkit-animation-duration: 5s;
	-ms-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
	-ms-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes shake-slow {
	0% {
		-webkit-transform: translate(0px,0px) rotate(0deg);
	}

	2% {
		-webkit-transform: translate(-1px,3px) rotate(-1.5deg);
	}

	4% {
		-webkit-transform: translate(-4px,5px) rotate(-1.5deg);
	}

	6% {
		-webkit-transform: translate(-1px,6px) rotate(-0.5deg);
	}

	8% {
		-webkit-transform: translate(5px,-4px) rotate(-3.5deg);
	}

	10% {
		-webkit-transform: translate(-7px,-3px) rotate(-3.5deg);
	}

	12% {
		-webkit-transform: translate(-1px,8px) rotate(2.5deg);
	}

	14% {
		-webkit-transform: translate(3px,-5px) rotate(-1.5deg);
	}

	16% {
		-webkit-transform: translate(1px,0px) rotate(2.5deg);
	}

	18% {
		-webkit-transform: translate(-6px,-10px) rotate(-0.5deg);
	}

	20% {
		-webkit-transform: translate(3px,-2px) rotate(1.5deg);
	}

	22% {
		-webkit-transform: translate(0px,0px) rotate(-2.5deg);
	}

	24% {
		-webkit-transform: translate(-5px,-4px) rotate(1.5deg);
	}

	26% {
		-webkit-transform: translate(-1px,3px) rotate(-3.5deg);
	}

	28% {
		-webkit-transform: translate(1px,1px) rotate(-3.5deg);
	}

	30% {
		-webkit-transform: translate(-4px,8px) rotate(1.5deg);
	}

	32% {
		-webkit-transform: translate(-9px,7px) rotate(-3.5deg);
	}

	34% {
		-webkit-transform: translate(4px,-9px) rotate(-2.5deg);
	}

	36% {
		-webkit-transform: translate(1px,-6px) rotate(-2.5deg);
	}

	38% {
		-webkit-transform: translate(-4px,0px) rotate(-2.5deg);
	}

	40% {
		-webkit-transform: translate(3px,-7px) rotate(0.5deg);
	}

	42% {
		-webkit-transform: translate(4px,4px) rotate(-0.5deg);
	}

	44% {
		-webkit-transform: translate(8px,-4px) rotate(-2.5deg);
	}

	46% {
		-webkit-transform: translate(9px,9px) rotate(-3.5deg);
	}

	48% {
		-webkit-transform: translate(6px,-8px) rotate(-0.5deg);
	}

	50% {
		-webkit-transform: translate(-1px,4px) rotate(-3.5deg);
	}

	52% {
		-webkit-transform: translate(4px,6px) rotate(-1.5deg);
	}

	54% {
		-webkit-transform: translate(9px,-3px) rotate(2.5deg);
	}

	56% {
		-webkit-transform: translate(8px,-2px) rotate(-3.5deg);
	}

	58% {
		-webkit-transform: translate(-2px,-9px) rotate(-0.5deg);
	}

	60% {
		-webkit-transform: translate(-1px,-5px) rotate(2.5deg);
	}

	62% {
		-webkit-transform: translate(-8px,3px) rotate(2.5deg);
	}

	64% {
		-webkit-transform: translate(6px,-2px) rotate(-3.5deg);
	}

	66% {
		-webkit-transform: translate(-5px,9px) rotate(-1.5deg);
	}

	68% {
		-webkit-transform: translate(3px,1px) rotate(-0.5deg);
	}

	70% {
		-webkit-transform: translate(6px,4px) rotate(-1.5deg);
	}

	72% {
		-webkit-transform: translate(-6px,-5px) rotate(1.5deg);
	}

	74% {
		-webkit-transform: translate(-8px,0px) rotate(-0.5deg);
	}

	76% {
		-webkit-transform: translate(-5px,-8px) rotate(1.5deg);
	}

	78% {
		-webkit-transform: translate(5px,-3px) rotate(-1.5deg);
	}

	80% {
		-webkit-transform: translate(-6px,-3px) rotate(-1.5deg);
	}

	82% {
		-webkit-transform: translate(7px,8px) rotate(-1.5deg);
	}

	84% {
		-webkit-transform: translate(-6px,9px) rotate(0.5deg);
	}

	86% {
		-webkit-transform: translate(1px,8px) rotate(-3.5deg);
	}

	88% {
		-webkit-transform: translate(-9px,-2px) rotate(1.5deg);
	}

	90% {
		-webkit-transform: translate(4px,-6px) rotate(-1.5deg);
	}

	92% {
		-webkit-transform: translate(0px,-1px) rotate(0.5deg);
	}

	94% {
		-webkit-transform: translate(2px,-9px) rotate(2.5deg);
	}

	96% {
		-webkit-transform: translate(-9px,1px) rotate(-2.5deg);
	}

	98% {
		-webkit-transform: translate(-9px,-5px) rotate(-3.5deg);
	}
}

@-ms-keyframes shake-slow {
	0% {
		-ms-transform: translate(0px,0px) rotate(0deg);
	}

	2% {
		-ms-transform: translate(-10px,5px) rotate(-2.5deg);
	}

	4% {
		-ms-transform: translate(7px,7px) rotate(-3.5deg);
	}

	6% {
		-ms-transform: translate(8px,-7px) rotate(-2.5deg);
	}

	8% {
		-ms-transform: translate(-8px,3px) rotate(-0.5deg);
	}

	10% {
		-ms-transform: translate(3px,-10px) rotate(-1.5deg);
	}

	12% {
		-ms-transform: translate(-9px,-6px) rotate(2.5deg);
	}

	14% {
		-ms-transform: translate(-2px,-6px) rotate(-0.5deg);
	}

	16% {
		-ms-transform: translate(6px,-1px) rotate(0.5deg);
	}

	18% {
		-ms-transform: translate(5px,-1px) rotate(0.5deg);
	}

	20% {
		-ms-transform: translate(7px,-5px) rotate(-0.5deg);
	}

	22% {
		-ms-transform: translate(-8px,5px) rotate(2.5deg);
	}

	24% {
		-ms-transform: translate(0px,4px) rotate(2.5deg);
	}

	26% {
		-ms-transform: translate(-1px,2px) rotate(-1.5deg);
	}

	28% {
		-ms-transform: translate(-1px,-1px) rotate(1.5deg);
	}

	30% {
		-ms-transform: translate(-5px,-5px) rotate(2.5deg);
	}

	32% {
		-ms-transform: translate(0px,7px) rotate(-0.5deg);
	}

	34% {
		-ms-transform: translate(-9px,3px) rotate(-0.5deg);
	}

	36% {
		-ms-transform: translate(3px,-5px) rotate(-2.5deg);
	}

	38% {
		-ms-transform: translate(5px,2px) rotate(-0.5deg);
	}

	40% {
		-ms-transform: translate(6px,-3px) rotate(0.5deg);
	}

	42% {
		-ms-transform: translate(-4px,-6px) rotate(-0.5deg);
	}

	44% {
		-ms-transform: translate(9px,2px) rotate(-3.5deg);
	}

	46% {
		-ms-transform: translate(6px,-4px) rotate(1.5deg);
	}

	48% {
		-ms-transform: translate(6px,5px) rotate(2.5deg);
	}

	50% {
		-ms-transform: translate(-9px,-2px) rotate(-2.5deg);
	}

	52% {
		-ms-transform: translate(-7px,9px) rotate(-0.5deg);
	}

	54% {
		-ms-transform: translate(-5px,-5px) rotate(-3.5deg);
	}

	56% {
		-ms-transform: translate(-6px,-10px) rotate(1.5deg);
	}

	58% {
		-ms-transform: translate(-3px,1px) rotate(-3.5deg);
	}

	60% {
		-ms-transform: translate(3px,5px) rotate(2.5deg);
	}

	62% {
		-ms-transform: translate(-1px,-8px) rotate(2.5deg);
	}

	64% {
		-ms-transform: translate(6px,-7px) rotate(-0.5deg);
	}

	66% {
		-ms-transform: translate(-7px,-1px) rotate(0.5deg);
	}

	68% {
		-ms-transform: translate(-3px,-4px) rotate(-1.5deg);
	}

	70% {
		-ms-transform: translate(-10px,9px) rotate(2.5deg);
	}

	72% {
		-ms-transform: translate(9px,9px) rotate(2.5deg);
	}

	74% {
		-ms-transform: translate(-6px,8px) rotate(-0.5deg);
	}

	76% {
		-ms-transform: translate(-5px,-10px) rotate(-2.5deg);
	}

	78% {
		-ms-transform: translate(-7px,-9px) rotate(-0.5deg);
	}

	80% {
		-ms-transform: translate(8px,-4px) rotate(2.5deg);
	}

	82% {
		-ms-transform: translate(9px,4px) rotate(-0.5deg);
	}

	84% {
		-ms-transform: translate(-1px,-1px) rotate(2.5deg);
	}

	86% {
		-ms-transform: translate(-6px,-3px) rotate(0.5deg);
	}

	88% {
		-ms-transform: translate(-2px,-4px) rotate(0.5deg);
	}

	90% {
		-ms-transform: translate(5px,1px) rotate(0.5deg);
	}

	92% {
		-ms-transform: translate(1px,2px) rotate(-3.5deg);
	}

	94% {
		-ms-transform: translate(-5px,-10px) rotate(1.5deg);
	}

	96% {
		-ms-transform: translate(-6px,3px) rotate(-3.5deg);
	}

	98% {
		-ms-transform: translate(-1px,-7px) rotate(-2.5deg);
	}
}

@keyframes shake-slow {
	0% {
		transform: translate(0px,0px) rotate(0deg);
	}

	2% {
		transform: translate(6px,-7px) rotate(2.5deg);
	}

	4% {
		transform: translate(8px,-8px) rotate(2.5deg);
	}

	6% {
		transform: translate(1px,-8px) rotate(-3.5deg);
	}

	8% {
		transform: translate(-3px,4px) rotate(-0.5deg);
	}

	10% {
		transform: translate(0px,-3px) rotate(1.5deg);
	}

	12% {
		transform: translate(-1px,2px) rotate(0.5deg);
	}

	14% {
		transform: translate(6px,6px) rotate(-1.5deg);
	}

	16% {
		transform: translate(-7px,4px) rotate(-0.5deg);
	}

	18% {
		transform: translate(7px,8px) rotate(-3.5deg);
	}

	20% {
		transform: translate(-6px,2px) rotate(1.5deg);
	}

	22% {
		transform: translate(9px,5px) rotate(-1.5deg);
	}

	24% {
		transform: translate(7px,-2px) rotate(0.5deg);
	}

	26% {
		transform: translate(-7px,-10px) rotate(-0.5deg);
	}

	28% {
		transform: translate(-10px,-8px) rotate(-1.5deg);
	}

	30% {
		transform: translate(8px,4px) rotate(0.5deg);
	}

	32% {
		transform: translate(0px,4px) rotate(1.5deg);
	}

	34% {
		transform: translate(-8px,6px) rotate(-0.5deg);
	}

	36% {
		transform: translate(-5px,7px) rotate(1.5deg);
	}

	38% {
		transform: translate(-4px,-4px) rotate(-1.5deg);
	}

	40% {
		transform: translate(9px,4px) rotate(-1.5deg);
	}

	42% {
		transform: translate(9px,-5px) rotate(2.5deg);
	}

	44% {
		transform: translate(-5px,-4px) rotate(-2.5deg);
	}

	46% {
		transform: translate(7px,-7px) rotate(1.5deg);
	}

	48% {
		transform: translate(-5px,8px) rotate(0.5deg);
	}

	50% {
		transform: translate(9px,1px) rotate(-1.5deg);
	}

	52% {
		transform: translate(-9px,-5px) rotate(-3.5deg);
	}

	54% {
		transform: translate(-2px,9px) rotate(1.5deg);
	}

	56% {
		transform: translate(6px,-1px) rotate(1.5deg);
	}

	58% {
		transform: translate(-6px,0px) rotate(-0.5deg);
	}

	60% {
		transform: translate(3px,1px) rotate(1.5deg);
	}

	62% {
		transform: translate(5px,-7px) rotate(-0.5deg);
	}

	64% {
		transform: translate(9px,2px) rotate(2.5deg);
	}

	66% {
		transform: translate(6px,0px) rotate(-2.5deg);
	}

	68% {
		transform: translate(5px,-4px) rotate(-2.5deg);
	}

	70% {
		transform: translate(-8px,5px) rotate(-2.5deg);
	}

	72% {
		transform: translate(-6px,-2px) rotate(0.5deg);
	}

	74% {
		transform: translate(-3px,7px) rotate(-3.5deg);
	}

	76% {
		transform: translate(-7px,-8px) rotate(-3.5deg);
	}

	78% {
		transform: translate(-1px,-2px) rotate(2.5deg);
	}

	80% {
		transform: translate(8px,6px) rotate(-2.5deg);
	}

	82% {
		transform: translate(-2px,-9px) rotate(2.5deg);
	}

	84% {
		transform: translate(8px,-10px) rotate(-0.5deg);
	}

	86% {
		transform: translate(-6px,0px) rotate(2.5deg);
	}

	88% {
		transform: translate(-1px,9px) rotate(-3.5deg);
	}

	90% {
		transform: translate(-7px,8px) rotate(1.5deg);
	}

	92% {
		transform: translate(-10px,-8px) rotate(0.5deg);
	}

	94% {
		transform: translate(-8px,6px) rotate(1.5deg);
	}

	96% {
		transform: translate(4px,-9px) rotate(2.5deg);
	}

	98% {
		transform: translate(-4px,9px) rotate(0.5deg);
	}
}

/* Easter egg on People page */
@-webkit-keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

/* HTML Logo*/
#beweb-logo-html {
	width: 1200px;
	margin: 0 auto;
}

#beweb-logo-html {
	width: 120px;
	display: block;
	/*margin: 30px 0 0 28px; mn 20190913*/
	margin: 15px;
}

#beweb-logo-html .cube {
	background-color: transparent;
	width: 19px;
	height: 19px;
	margin: 0 4px 4px 0;
	float: left;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 0;
}

#beweb-logo-html .cube:last-child {
	margin-right: 0;
}

#beweb-logo-html .cube-row-4 .cube {
	margin-bottom: 0;
}

#beweb-logo-html .cube-row-3 .cube {
	padding: 4px;
}

#beweb-logo-html .cube.brown {
	background-color: #8e463b;
}

#beweb-logo-html .cube.red {
	background-color: #cc0033;
}

#beweb-logo-html .cube.black {
	background-color: #000;
}

#beweb-logo-html .cube.white {
	background-color: #fff;
}


@-moz-keyframes flash {
	0% {
		background-color: #cc0033;
	}

	2% {
		background-color: transparent;
	}

	4% {
		background-color: #cc0033;
	}
}

@-webkit-keyframes flash {
	0% {
		background-color: #cc0033;
	}

	2% {
		background-color: transparent;
	}

	4% {
		background-color: #cc0033;
	}
}

@keyframes flash {
	0% {
		background-color: #cc0033;
	}

	2% {
		background-color: transparent;
	}

	4% {
		background-color: #cc0033;
	}
}

#beweb-logo-html .cube.red {
	animation-name: flash;
	animation-duration: 6000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#beweb-logo-html .cube-row-1 .cube.red {
	animation-delay: 2s;
}

#beweb-logo-html .cube-row-2 .cube.red {
	animation-delay: 2.5s;
}

#beweb-logo-html .cube-row-4 .cube.red {
	animation-delay: 3s;
}

@media (max-width: 1320px) {
	#beweb-logo-html {
		margin: 15px;
	}
}

.no-display {
	display: none;
}

.btn-show-all-wrapper {
	width: 300px;
}

.btn-show-all {
	width: 50px;
	height: 19px;
	margin: 15px auto 0;
	opacity: 0.6;
	cursor: pointer;
	-moz-transition: 0.2s transform ease-in-out;
	-o-transition: 0.2s transform ease-in-out;
	-webkit-transition: 0.2s transform ease-in-out;
	transition: 0.2s transform ease-in-out;
}

.btn-show-all.collpse {
	-moz-transform: rotate3d(1, 0, 0, 180deg);
	-ms-transform: rotate3d(1, 0, 0, 180deg);
	-o-transform: rotate3d(1, 0, 0, 180deg);
	-webkit-transform: rotate3d(1, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg);
}

.btn.contact-us-submit {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn.contact-us-submit:hover {
	cursor: pointer;
	color: #fff;
	background-color: #8e463b;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.normal iframe {
	box-sizing: border-box;
}

.logos-area {
	padding: 20px;
}

.logos-list {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}

.logo-box {
	margin: 10px;
}

@media screen and (min-width: 950px) {
	.logos-list {
		justify-content: flex-start;
	}

	.logo-box {
		margin: 10px 35px;
	}
}

/* EXPERIMENT - VERTICAL NAVIGATION */
@media screen and (min-width: 980px) {
	.vertical-nav .header {
		position: fixed;
		width: 150px;
		height: 100%;
		z-index: 500;
	}

	.vertical-nav .nav-wrap {
		top: 149px;
	}

	.vertical-nav .nav-wrap li {
		width: 100%;
		border-bottom: 2px solid #1a2631;
	}

	.vertical-nav .nav-wrap .current_page_item_two {
		background-color: white;
	}

	.vertical-nav .nav-wrap .current_page_item_two a {
		color: #1a2631 !important;
	}

	.vertical-nav .nav-wrap li a {
		text-align: center;
		text-transform: capitalize;
	}

	.vertical-nav .bodycontent {
		padding-left: 150px;
	}
}

/* LIGHTBOX START */
.lightbox-image-links-container {
	display: flex;
	justify-content: flex-start;
	overflow-x: scroll;
}

@media screen and (min-width:600px) {
	.lightbox-image-links-container {
		overflow: auto;
	}
}

.lightbox-sml-image-container {
	display: inline-block;
	margin: 10px;
	line-height: 0;
	cursor: pointer;
}

.lightbox-sml-image {
	display:block;
	width: 240px;
	height: 120px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.lightbox-sml-image:first-child {
	margin-left: 0;
}

.gallery-modal-container {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-moz-transition: opacity 1.4s ease;
	-o-transition: opacity 1.4s ease;
	-webkit-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	z-index: 1000;
}

.gallery-modal-container.show {
	display: flex;
	justify-content: space-around;
	opacity: 1;
}

.gallery-modal-container .modal-image-container {
	display: inline-block;
	position: relative;
	line-height: 0;
	max-width: 90%;
	max-height: 100%;
	overflow:hidden;
	align-self: center;
}

.gallery-modal-container .modal-image-container.loading-image:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 32px;
	height: 32px;
	background: url('images/spinner.gif') 50% no-repeat;
}

.gallery-modal-container.modal-image-container.loading-image .gallery-modal-image {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.gallery-modal-container .gallery-modal-image {
	transition: filter 0.4s linear;
	max-width: 1350px;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.gallery-modal-container .left-arrow {
	position: absolute;
	width: 26px;
	height: 40px;
	background-image: url('images/carousel-arrows-fff.png');
	top: 50%;
	left: 20px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	z-index: 40;
	cursor: pointer;
	opacity: 0.6;
}

.gallery-modal-container .left-arrow:hover {
	opacity: 1;
}

.gallery-modal-container .left-arrow:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	padding: 40px;
	transform: translate(-50%,-50%);
}

.gallery-modal-container .right-arrow {
	position: absolute;
	width: 26px;
	height: 40px;
	background-image: url('images/carousel-arrows-fff.png');
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(180deg);
	transition: opacity 0.4s ease;
	z-index: 40;
	cursor: pointer;
	opacity: 0.6;
}

.gallery-modal-container .right-arrow:hover {
	opacity: 1;
}

.gallery-modal-container .right-arrow:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	padding: 40px;
	transform: translate(-50%,-50%);
}

/* LIGHTBOX END */