@import url("./mobile-menu.css") only screen and (max-width: 1100px);
:root {
	--textDark: 120, 120, 120;
	--textLight: 255, 255, 255;
	--pageFrame: 1125px;
	--pageFrameLrg: 1315px;
	--maxWidth: 2000px;
	--padLess: 2.5rem;
	--padNorm: 3.75em;
	--padMore: 5rem;
}
a,
b,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
img,
li,
ol,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
	border: 0;
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
}
body {
	width: 100%;
	color: #787878;
	font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, Sans-Serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	letter-spacing: 0.3px;
}

/* AVAILABLE WEIGHTS: 

300
400
700 */

p,
li,
figcaption {
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 1.4em;
}
figure {
	margin: 1em 0;
}
strong {
	font-weight: 700;
}
img {
	max-width: 100%;
}
ul {
	margin-left: 50px;
}
h1,
h2,
h3,
h4 {
	margin-bottom: 0.5em;
	line-height: 120%;
	font-weight: 400;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 23.3px;
	line-height: 31.5px;
}
h3 {
	font-size: 1.2em;
	font-weight: 700;
}
h4 {
	font-size: 1.1em;
	font-weight: 700;
}

a {
	color: #b7b7b7;
	text-decoration: none;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
a:hover {
	text-decoration: none;
	color: #186b8f;
}

#page_body {
	position: relative;
}

#hero_frame {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: top center;
}
#body_designapproach #hero_frame,
#body_recognition #hero_frame,
#body_contact #hero_frame,
#body_team #hero_frame,
#body_hiring #hero_frame {
	height: 487px;
}

.page_frame {
	margin: 0px auto;
	position: relative;
	width: 1100px;
	max-width: none;
}
.page_frame_header_special {
	width: 67%;
}
.page_full {
	width: 90%;
	margin: 0 5%;
}
.page_full2 {
	position: relative;
	margin: 0 90px;
}
/* 2-column layouts only */
.page_sidebar {
	position: relative;
	width: 285px;
}
.page_content {
	position: relative;
	width: 650px;
}
.page_half {
	position: relative;
	width: 530px;
}

/* 3-column layouts only */

.page_tricol_left_double {
	/* width of first 2 columns */
	float: left;
	width: 750px;
	margin-right: 0px;
}
.page_tricol_right {
	float: right;
	width: 220px;
	margin-left: 30px;
}
.page_tricol_left {
	float: left;
	width: 220px;
	margin-right: 30px;
	text-align: right;
}
.page_tricol_content {
	/* middle column */
	float: right;
	width: 500px;
}

.page_tricol_right img {
	max-width: 100%;
}
.page_tricol_left img {
	max-width: 100%;
}
.page_tricol_content img {
	max-width: 100%;
}

.col_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page_col_1,
.page_col_2,
.page_col_3 {
	max-width: 33.33%;
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.col_container .bizango_content_data3,
.col_container .bizango_content_data4 {
	word-wrap: break-word;
}
@media only screen and (max-width: 1024px) {
	.page_col_1,
	.page_col_2,
	.page_col_3 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width: 640px) {
	.page_col_1,
	.page_col_2,
	.page_col_3 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* NAV */
#nav_frame {
	position: relative;
	width: 100%;
	height: 125px;
}
#nav {
	position: relative;
	float: right;
	margin-top: 57px;
}
/*#body_projects #nav,#body_show #nav{margin-right: 2%;}*/
#body_home #nav {
	/* margin-right: 40px; */
}
ul.nav {
	z-index: 999;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
ul.nav li {
	float: left;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.nav > li {
	padding: 0;
}
#nav a {
	display: block;
	float: left;
	color: #b7b7b7;
	line-height: 50px;
	padding: 0 25px 18px 25px;
	font-size: 22px;
	letter-spacing: 1.1px;
	font-weight: 300;
	text-decoration: none;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
#nav a.no-click-nav {
	cursor: default;
}
#nav a:hover,
#nav a.current,
.subNav a.current,
.subNav a:hover,
.showThumbs.current,
.current a {
	color: #186b8f;
	cursor: pointer;
}
#nav a#nav_hiring.current,
#nav a#nav_hiring {
	color: #c27436;
}
#nav a#nav_hiring.current:hover,
#nav a#nav_hiring:hover {
	color: #186b8f;
}

#projectNav {
	margin: 18px auto 24px;
}
#nav > .nav > li {
	position: relative;
}
#nav > .nav > li > .subnav {
	background-color: #186b8f;
	display: none;
	left: 0;
	margin-left: 0;
	max-width: 250px;
	position: absolute;
	top: 100%;
	width: auto;
	z-index: 9999;
}
#nav > .nav > li:hover > .subnav,
#nav > .nav > li:focus-within > .subnav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
#nav .subnav li {
	list-style: none;
	margin-left: 0;
	max-width: 100%;
	width: 100%;
}
#nav .subnav a {
	box-sizing: border-box;
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 300;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	max-width: 100%;
	padding: 7px 20px;
	text-transform: uppercase;
	width: max-content;
}
#nav .subnav li:hover {
	background-color: #10597f;
}
.subNav {
	list-style: none;
	display: inline-block;
	margin: 0 2% 0 auto;
	position: relative;
	z-index: 999;
}
.subNav li {
	display: inline;
	font-size: 25px;
	letter-spacing: 2.4px;
	margin: 0 14px;
	font-weight: 300;
}
.fake-select {
	background: rgb(244, 244, 244);
	display: none;
	max-width: 100%;
	min-width: 172px;
	position: relative;
	text-align: left;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	z-index: 999;
}
.fake-select button {
	background-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	color: #787878;
	padding: 5px 14px;
	position: relative;
	text-align: left;
	width: 100%;
}
.fake-select button::after {
	background-image: url(/images/sites/pbw/icon_down-arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 10px 12px;
	content: "";
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	width: 100%;
}
.fake-select button.active::after {
	/* transform: rotate(90deg); */
}
.fake-select .subnav-frame {
	background: rgb(244, 244, 244);
	display: none;
	position: absolute;
	width: 100%;
}
.fake-select .subNav {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.fake-select .subNav li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	max-width: 172px;
	width: 100%;
}
.fake-select .subNav a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #787878;
	display: inline-block;
	padding: 2px 14px;
	width: 100%;
}
#mobile_nav {
	display: none;
}

#footer {
	text-align: center;
	font-weight: 300;
	letter-spacing: 1.3px;
	font-size: 17px;
	padding-top: 60px;
}
#footer .social-links {
	margin-bottom: 30px;
}
.footer_text {
	margin-top: 11px;
	margin-bottom: 36px;
	color: #c6c6c6;
}
#footer .blueText {
	color: #106a91;
	font-size: 13.5px;
	letter-spacing: 0.05em;
}
.footer-logo {
	display: block;
	margin: 60px auto 0px auto;
	max-width: 350px;
	width: calc(100% - 40px);
}
.footer-logo img {
	margin-bottom: 20px;
}
.footer_text a {
	color: #c6c6c6;
}
.footer_text p {
	margin-bottom: 0;
}
#bizango {
	text-align: left;
	width: 190px;
	height: 12px;
	font-size: 10px;
	color: black;
	display: inline-block;
	background-image: url("/images/bizango-black-small.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 10px;
	padding: 4px 0 20px 0;
	letter-spacing: 0;
	opacity: 0.15;
	text-align: center;
}
.social {
	background-repeat: no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: bottom center;
}
.instagram {
	background-image: url(/images/sites/pbw/instagram.png);
}
.instagram:hover {
	background-position: top center;
}
.facebook {
	background-image: url(/images/sites/pbw/facebook.png);
}
.facebook:hover {
	background-position: top center;
}
.houzz {
	background-image: url(/images/sites/pbw/houzz.png);
}
.houzz:hover {
	background-position: top center;
}
/* REQUIRED FOR CMS */

.help {
	padding: 10px;
	background-color: #444;
	color: #eee;
	border: 1px dotted #999;
}
.help p a {
	color: #ddd;
	text-decoration: underline;
}

/*bookshelf pages */

.bookshelfrow {
	background-image: url("/images/bookshelf.png");
	background-repeat: no-repeat;
	background-position: 0px 261px;
}
.book_on_shelf {
	position: relative;
	float: left;
	width: 205px;
	margin: 30px 22px 20px 22px;
	height: 430px;
}
.book_on_shelf_img_holder {
	height: 252px;
	width: 100%;
}
.book_on_shelf img {
	max-width: 100%;
	height: 240px;
	display: block;
	margin: 0px auto;
	-webkit-box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.5);
}
.book_text {
	width: 200px;
}

/* OPTIONAL */

img.illustration {
	display: block;
	margin: 0px;
	margin-bottom: 20px;
}
.pages_subtemplate img.illustration {
	margin-bottom: 33px;
	margin-top: 24px;
}
#logo {
	display: inline-block;
	width: 346px;
	height: 48px;
	text-decoration: none;
	background-image: url("/images/sites/pbw/logo.gif");
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 41px;
	margin-left: 2px;
	position: relative;
	z-index: 1;
}

#body_home #logo {
	position: absolute;
	background-position: top;
}
#body_home.admin #logo {
	display: none;
}
#logo {
	background-image: url(/images/sites/pbw/logo_pbw-new.png);
	background-size: contain;
	height: 100px;
	margin-top: 36px;
	width: 400px;
	margin-left: 0;
}
.body_nothome #logo {
	/* margin-left: 0; */
	margin-top: 16px;
}

#body_home .homelilh {
	left: 0px;
}
#newsflash {
	padding: 20px;
	color: #c6c2c2;
	margin-top: 30px;
	margin-bottom: 20px;
}

#newsflash h2,
#newsflash h1 {
	color: #eee;
}

img.content_image {
	clear: left;
	display: block;
	float: left;
	margin: 10px 20px 20px 0px;
}

/*Home*/
.hero {
	width: 100%;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
#body_home .hero {
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.hero .ratio {
	padding-top: 68.417%;
	/*background-color:#eee;*/
	padding-top: 45%;
}

#body_home .hero .ratio {
	padding-top: 53.417%;
	padding-top: 46%;
}
.body_nothome .medium {
	display: none !important;
}
.home_text {
	text-align: justify;
	text-justify: auto;
	margin-bottom: 100px;
	margin-top: 115px;
}
.slick-prev,
#prev,
#prev2med {
	position: absolute;
	background: url(/images/sites/pbw/prev.png) center no-repeat;
	height: 27px;
	width: 29px;
	left: 8%;
	top: 49%;
	z-index: 900;
	border: none;
	text-indent: -1100px;
	cursor: pointer;
}
.down {
	position: absolute;
	background: url(/images/sites/pbw/down4.png) center no-repeat;
	height: 29px;
	width: 29px;
	left: 49%;
	top: 90%;
	z-index: 900;
	cursor: pointer;
}
.down.subScroller {
	display: block;
}
#body_home #prev,
.slick-prev {
	background: url(/images/sites/pbw/prev4.png) center no-repeat !important;
}
#body_home #next,
.slick-next {
	background: url(/images/sites/pbw/next4.png) center no-repeat !important;
}
#next,
#next2med,
.slick-next {
	position: absolute;
	background: url(/images/sites/pbw/next.png) center no-repeat;
	height: 27px;
	width: 29px;
	right: 8%;
	top: 49%;
	z-index: 900;
	border: none;
	text-indent: 1000px;
	cursor: pointer;
}

#cycle-2 {
	position: relative;
	z-index: 901;
	width: 90%;
	margin-left: 5%;
}
.thumb {
	position: relative;
	background-position: center center;
	margin: 20px 0px 0;
	cursor: pointer;
}
#cycle-2 .thumb {
	margin: 20px 5px 0;
}
.active-thumb .screen {
	width: 100%;
	padding-top: 100%;
	background-color: rgba(24, 107, 143, 0.8);
}

.cycle-slide {
}
.controls {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 90%;
	z-index: 900;
}
.controls2 {
	display: block;
	position: absolute;
	height: 100px;
	top: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 100%;
}
#next2 {
	position: absolute;
	background: url(/images/sites/pbw/next3.png) center no-repeat;
	height: 27px;
	width: 29px;
	right: 2%;
	bottom: -80px;
	z-index: 900;
}
#prev2 {
	position: absolute;
	background: url(/images/sites/pbw/prev3.png) center no-repeat;
	height: 27px;
	width: 29px;
	left: 2%;
	bottom: -80px;
	z-index: 900;
}
#cycle-2-controls {
	position: relative;
	display: none;
}
.centered_logo {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 200;
	pointer-events: none;
}
.centered_logo_new {
	display: block;
	margin: auto;
	max-height: 80%;
	max-width: 80%;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 600px) {
	#body_designapproach #hero_frame,
	#body_recognition #hero_frame,
	#body_contact #hero_frame,
	#body_team #hero_frame,
	#body_hiring #hero_frame {
		height: auto;
		margin-bottom: 20px;
	}
	.centered_logo_new {
		margin: 0 20px;
		max-width: calc(100% - 40px);
	}
	.white.up2 {
		display: none;
	}
}
.links {
	min-height: 110px;
	position: relative;
	z-index: 2;
}
.links > div p {
	font-size: 23px;
	margin-top: 39px;
	margin-bottom: 0;
}
.links > div a {
	letter-spacing: 4px;
	padding: 14px;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.links > div a:hover {
	color: #186b8f;
}

.angles {
	overflow: hidden;
	margin-top: -34px;
	margin-bottom: -69px;
	position: relative;
}
.ptb.angles {
	position: relative;
	padding-top: 47px;
	padding-bottom: 160px;
	z-index: 0;
}
#body_projects .angles {
	overflow: hidden;
	margin-top: 200px;
	margin-bottom: 69px;
}
.white.down {
	height: 200px;
	margin-top: -244px;
	background: white;
	-webkit-transform: rotate(3.3deg);
	transform: rotate(3.3deg);
	width: 120%;
}
#body_home .white.down {
	left: 0;
	top: -117px;
	margin-top: 0;
}
#body_projects .white.up {
	margin-bottom: 0;
	margin-top: -151px;
	-webkit-transform: rotate(-3.6deg);
	transform: rotate(-3.6deg);
}
#body_projects .angles .white.up2 {
	margin-bottom: -14px;
	margin-top: -62px;
	-webkit-transform: rotate(-0.6deg);
	transform: rotate(-0.6deg);
	height: 59px;
}
.white.up {
	height: 200px;
	margin-bottom: -244px;
	background: white;
	-webkit-transform: rotate(-1.6deg);
	transform: rotate(-1.6deg);
	width: 120%;
}
.white.up2 {
	height: 200px;
	background: white;
	-webkit-transform: rotate(-2.8deg);
	transform: rotate(-2.8deg);
	width: 120%;
	margin-top: -50px;
}
.dashed {
	height: 2px;
	background-image: url(/images/sites/pbw/dash.png);
}
.turned_left {
	/* IE 9 */
	-webkit-transform: rotate(-14deg); /* Chrome, Safari, Opera */
	transform: rotate(-14deg);
	width: 120%;
	margin-left: -20%;
	margin-top: -32px;
	-webkit-transform-origin: 87% 91%;
	transform-origin: 87% 91%;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}
#body_projects .angles .turned_left {
	/* IE 9 */
	-webkit-transform: rotate(-11deg); /* Chrome, Safari, Opera */
	transform: rotate(-11deg);
	width: 130%;
	margin-left: -20%;
	margin-top: 0;
	-webkit-transform-origin: -16% 92%;
	transform-origin: -16% 92%;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}
.turned_left.special {
	position: absolute;
	left: 0;
	top: 174px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.turned_right {
	/* IE 9 */
	-webkit-transform: rotate(14deg); /* Chrome, Safari, Opera */
	transform: rotate(14deg);
	width: 120%;
	margin-left: -20%;
	margin-top: -32px;
	-webkit-transform-origin: 87% 91%;
	transform-origin: 87% 91%;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
}
.turned_right2 {
	/* IE 9 */
	-webkit-transform: rotate(14deg); /* Chrome, Safari, Opera */
	transform: rotate(14deg);
	width: 120%;
	margin-left: -20%;
	margin-top: -32px;
	-webkit-transform-origin: 87% 91%;
	transform-origin: 87% 91%;
	margin-bottom: 32px;
	position: relative;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 415px;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}
.turned_right.special {
	position: absolute;
	left: 0;
	top: 415px;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

/*Standard pages*/
.pages_subtemplate #page_body * {
	font-weight: 300;
}
.pages_subtemplate #page_body p {
	font-size: 22px;
	letter-spacing: 0px;
}
.pages_subtemplate #page_body h4 {
	font-size: 23px;
	letter-spacing: 3px;
	color: #b7b7b7;
}
.pages_subtemplate #page_body h3 {
	font-size: 26px;
	letter-spacing: 5px;
	color: #b7b7b7;
}
.pages_subtemplate #page_body h2 {
	font-size: 28px;
	letter-spacing: 7.38px;
	color: #b7b7b7;
}
.pages_subtemplate #page_body h1 {
	font-size: 32px;
	letter-spacing: 7.6px;
}
.pages_subtemplate #page_body strong {
	font-weight: 400 !important;
}

.pages_subtemplate #page_body .alternate_style_number_fifty_three p {
	font-size: 20px;
	letter-spacing: 0px;
}

.pages_subtemplate #page_body .alternate_style_number_fifty_three h4 {
	font-size: 22px;
	letter-spacing: 0.5px;
	color: #b7b7b7;
}

.pages_subtemplate .turned_right {
	/* IE 9 */
	-webkit-transform: rotate(187deg); /* Chrome, Safari, Opera */
	transform: rotate(14deg);
	width: 120%;
	margin-left: -20%;
	margin-top: 1032px;
	-webkit-transform-origin: 87% 91%;
	transform-origin: 87% 91%;
	margin-bottom: -1032px;
	position: relative;
	z-index: 0;
}
.pages_subtemplate #page_body > .page_frame {
	z-index: 1;
}
.pages_subtemplate #page_body .subNav {
	margin-bottom: 30px;
}
.thumbs {
	position: relative;
	width: 23%;
	background-size: cover;
	background-color: gray;
	margin-right: 2.6%;
	float: left;
	margin-bottom: 2.6%;
	z-index: 1;
}
.thumbs:nth-of-type(4n) {
	margin-right: 0;
}
.ratio {
	padding-top: 100%;
	-webkit-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.thumbs .ratio:hover {
	background-color: rgba(24, 107, 143, 0.7);
	cursor: pointer;
}
.thumbs .ratio:hover > .hide {
	display: table;
}
.thumbs.clicked {
	background-color: transparent !important;
	padding-bottom: 29px;
	background-image: url(/images/sites/pbw/blueDown.png) !important;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: inherit;
}
.thumbs.clicked .ratio {
	background-color: rgba(24, 107, 143, 1);
}
.thumbs .rule,
.thumb .rule {
	width: 48%;
	margin: 10px 26%;

	height: 2px;
	background-image: url(/images/sites/pbw/dash2.png);
}
.thumbs .abs_middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.bio {
	margin: 40px auto;
}
.bio p {
	margin-left: 125px;
	margin-right: 125px;
}

.thumbs .table {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 5%;
	text-align: center;
	color: #d8d7d8;
	font-size: 20px;
	width: 90%;
	margin-top: 40%;
}
.thumbs .hide,
.projectThumbContainer .hide {
	display: none;
}

.thumbs .name,
.projectThumbContainer .name {
	text-transform: uppercase;
}

#body_projects #hero_frame {
	height: initial !important;
}
.projects_subtemplate p {
	font-size: 22px;
	margin-bottom: 12px;
	line-height: 29px;
}
#body_projects .login_mode {
	min-height: 350px;
}
#body_home .login_mode {
	height: 500px;
	background-color: #eee;
	overflow-y: auto;
	-webkit-box-shadow: inset 0 0 4px 4px #aaaaaa;
	box-shadow: inset 0 0 4px 4px #aaaaaa;
}
#body_projects #page_body h4 {
	font-size: 23px;
	letter-spacing: 3px;
	color: #b7b7b7;
}
#body_projectsy h3 {
	font-size: 26px;
	letter-spacing: 5px;
	color: #b7b7b7;
}
.projects_subtemplate h2 {
	font-size: 28px;
	letter-spacing: 7.38px;
	color: #b7b7b7;
}
.projectFlavor h2 {
	text-transform: uppercase;
	margin-bottom: 30px;
}

.bigP p {
	font-size: 30px;
	letter-spacing: 7.6px;
	color: #b7b7b7;
	text-transform: uppercase;
	margin-bottom: 0;
}
#body_projects .bigP p {
	color: #787878;
}
#body_projects #project_info_h1 h1,
#body_projects #project_info_fr {
	color: #b7b7b7;
}
#body_projects #project_info_fr p {
	border-left: 1px solid #b7b7b7;
}
#body_projects h1 {
	font-size: 14px;
	margin-bottom: 14px;
	color: #b7b7b7;
}
#body_projects .hidden,
#body_show .hidden {
	display: none;
}
.projectThumbContainer {
	position: relative;
	width: 23%;
	background-size: cover;
	color: #d8d7d8;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	margin-bottom: 1.5%;
	z-index: 1;
	text-align: center;
	font-weight: 300;
}
.projectThumbContainer .thumb {
	width: 100%;
}
.projectThumbContainer .thumb a {
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
.projectThumbContainer .thumb a.touch {
	background-image: url(/images/sites/pbw/seegallery.gif);
}
.slickBGs {
	width: 100%;
	overflow: hidden;
}
.slickBGs img {
	min-width: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.slickBGs .ratio {
	padding-top: 46%;
}
.projectThumbContainer .table {
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
	font-size: 20px;
	width: 90%;
	height: 100%;
	margin: auto 5%;
	color: #d8d7d8;
}
.slickBGs .content_image_caption {
	padding: 0 20px;
}
.slick.big.mobile {
	display: none;
}

@-moz-document url-prefix() {
	.projectThumbContainer .table {
		padding-top: 30%;
	}
}
.projects-content-frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.projectThumbContainer .cell {
	height: 100%;
}

.projectThumbContainer .loc {
	font-size: 22px;
	margin: 9px auto;
	text-transform: lowercase;
	color: #acacac;
}
.thumb {
	position: relative;
	width: 100%;
	background-size: cover;
	background-color: gray;
	z-index: 1;
}
.thumb .ratio:hover {
	background-color: rgba(24, 107, 143, 0.8);
	cursor: pointer;
}
.thumb .ratio:hover > .hide {
	display: table;
}
/* li#featured{display: none;} */
/* .projectFlavor p{ margin-left:125px;margin-right: 125px;text-align: justify;} */
.grid {
	margin-bottom: 100px;
	margin-left: -1%;
	margin-right: -1%;
}
.projectFlavor {
	padding-bottom: 60px;
	padding-top: 20px;
	position: relative;
	z-index: 100;
}
.project_subNav a {
	display: inline-block;
	padding: 20px 30px;
	font-size: 24px;
}
.project_subNav {
	min-height: 50px;
}
.project_subNav2 {
	display: inline-block;
	min-height: 50px;
	font-weight: 300;
}
.project_subNav2 a {
	margin: 40px 20px 20px;
	font-size: 21px;
	display: inline-block;
	letter-spacing: 3.5px;
}
.project_subNav2 .bizango_asset_title {
	letter-spacing: 3.5px;
	color: #b7b7b7;
	font-size: 24px;
}
.project_subNav2 .project-nav-link {
	color: #b7b7b7;
	font-size: 13.5px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.mobile-hero-images-frame {
	display: none;
}
.proj-detail .similar-projects-title {
	margin-bottom: 40px;
}
.proj-detail .read-more-button {
	display: none;
}
.proj-detail .read-more-content {
	display: block;
}
.showThumbs {
	/*margin-left: 0!important;*/
}
.next {
	margin-right: 0 !important;
}
.project_subNav2 div {
	display: inline-block;
}
.start_text {
	overflow: hidden;
}
.keepreading {
	font-size: 25px;
	text-align: center;
	padding-top: 153px;
	margin-top: -142px;
	background: url(/images/sites/pbw/grad.png) bottom center repeat-x;
	z-index: 1;
	margin-bottom: 20px;
	position: relative;
	color: #186b8f;
	font-weight: 300;
	letter-spacing: 3px;
	cursor: pointer;
}
.extra {
	display: none;
}

.lilh h1 {
	font-size: 14px;
	margin-bottom: 14px;
	color: #b7b7b7;
}
.homelilh {
	position: absolute;
	top: 99px;
	left: 40px;
	width: 400px;
	left: 5%;
	text-align: left;
	color: #ddd;
	letter-spacing: 0.2em;
	font-size: 14px;
	text-transform: lowercase;
}

.admin.homelilh {
	top: 0;
	right: 300px;
}
/* collection list items */

.collection_list_item {
	clear: both;
	margin-bottom: 30px;
}
p.collection_list_item_readmore {
	text-align: right;
	clear: both;
}

#body_home #nav_home,
#body_home #nh {
	display: none;
}

/* EXPANDABLE BUY BUTTON WITH TOGGLE-ABLE LINKS */
#buy_button_container {
	position: relative;
} /* parent element for expandable buy button */

#buy_button {
	background-color: #222;
	color: #eee;
	padding: 10px 20px;
	text-decoration: none;
	display: block;
}

#buy_button.buy_button_open {
} /* open state for clickable part of the button */

#buy_button_container .buy_button_hidden {
	background-color: #222;
	color: #eee;
	padding: 10px 20px;
	display: none;
}

#buy_button_container .buy_button_hidden p a {
	color: #eee;
	display: block;
	text-decoration: none;
	padding: 10px 10px;
}

.slide {
	display: block;
	margin: 0 auto;
	max-height: 100%;
}

/* Breadcrumbs in Collections */

#breadcrumbs {
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
#breadcrumbs li {
	font-size: 1em;
	list-style: none;
	display: inline-block;
}
#breadcrumbs a {
	color: red;
}
#breadcrumbs a:after {
	content: "\203A";
	padding-left: 5px;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

/* helpers-> clearfix */
.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tAc {
	text-align: center;
}
.tAr {
	text-align: right;
}
.tAj {
	text-align: justify;
}
.ptb {
	padding-top: 130px;
	padding-bottom: 130px;
}
.pt {
	padding-top: 130px;
}
.grayBG {
	background-color: #e3e3e3;
}
.grayBG2 {
	background-color: #f5f5f5;
}
.blueText {
	color: #186b8f;
}
.darkGray {
	color: #777777;
	font-weight: 400;
}
.table {
	display: table;
	width: 100%;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.blocklinks {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
body.admin .blocklinks {
	bottom: 100px;
}

#body_home .page_frame.nav {
	max-width: 1100px;
	padding: 0 40px;
	width: 100%;
}
.page_frame.lilh {
	left: 50%;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.newsletter-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.newsletter-container #mc_embed_signup {
	max-width: 100%;
}
/* Desktop Small */
@media only screen and (max-width: 1149px) {
	.page_frame {
		width: 100%;
	}
	#nav {
		margin-right: 5%;
	}
	.mSize2,
	.mSize,
	.page_half,
	.page_frame.nav,
	#body_home .page_frame.nav {
		width: 90%;
		margin: 0;
		padding: 0 5%;
	}
	#body_home .homelilh {
		left: 5%;
		max-width: 95%;
	}
}

/*- Mobile Styles Large */
@media only screen and (max-width: 1105px) {
	#nav,
	.pages_subtemplate .turned_right {
		display: none;
	}
	#logo {
		z-index: 1000;
	}
	#mobile_nav {
		display: block;
		text-align: right;
		padding-right: 5%;
		height: 50px;
		line-height: 50px;
		left: 0;
		cursor: pointer;
		width: 95%;
		position: absolute;
		top: 40px;
		z-index: 9999;
	}
	#mobile_nav .icon {
		background-image: url(/images/sites/pbw/icon_menu.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		font-size: 0;
		float: right;
		padding-left: 5px;
		width: 32px;
	}
	#mobile_nav .nav {
		position: absolute;
		width: 100%;
		top: 60px;
	}
	#mobile_nav .nav li {
		float: none;
		background-color: #f5f5f5;
		list-style: none;
		position: relative;
	}
	.nav__toggle-subnav {
		pointer-events: none;
	}
	#mobile_nav .nav .subnav {
		display: none;
		margin-left: 0;
	}
	#mobile_nav .nav .subnav li {
		padding: 0;
	}
	#mobile_nav .nav li a {
		border-bottom: 1px solid white;
		padding: 15px 0;
		display: block;
		font-size: 19px;
	}
	#mobile_nav .nav li a {
		padding-left: 5%;
		padding-right: 80px;
	}
	#mobile_nav .nav .subnav a {
		padding-right: 5%;
	}
	#body_home .homelilh {
		text-align: left;
	}
	.bookshelfrow {
		background-image: none;
	}
	.book_on_shelf {
		float: none;
		width: 90%;
		padding: 5%;
		height: auto;
		margin: 0;
	}
	.book_on_shelf_img_holder {
		width: 100%;
	}
	.book_on_shelf img {
		max-width: 100%;
		display: block;
		margin: 0px auto;
		-webkit-box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.5);
		box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.5);
	}
	.book_text {
		margin: 0 auto;
	}
	.page_tricol_right img.illustration {
		width: 50%;
		margin: 10px auto;
	}
	.collection_list_item {
		margin-bottom: 10px;
	}
	.page_tricol_left_double,
	.page_frame {
		float: none;
		width: 100%;
		margin: 0;
	}
	.controls {
		margin: 0 auto;
	}
	.page_full2,
	.page_full,
	.mSize,
	.links,
	.page_tricol_right,
	.page_tricol_left,
	.page_tricol_content,
	.page_content,
	.page_sidebar,
	.blog_main_column,
	.blog_header {
		width: 90%;
		margin: 0;
		padding: 0 5%;
	}
	.page_tricol_left {
		text-align: left;
	}
	.page_tricol_left img {
		display: block;
		margin: 0 auto;
	}
	#next {
		right: 0;
	}
	#prev {
		left: 0;
	}
	.project-intro {
		-webkit-box-ordinal-group: 100;
		-ms-flex-order: 99;
		order: 99;
	}
	.grid {
		margin-bottom: 30px;
	}

	.projectFlavor p {
		margin-left: 5%;
		margin-right: 5%;
		text-align: justify;
		margin-bottom: 24px;
	}
	/* .project_subNav2 a {margin: 17px 30px 25px!important;} */
	.projectThumbContainer {
		width: 31.333%;
	}
	.projectThumbContainer .table.hide {
		display: none !important;
	}
	.thumb .ratio:hover {
		background: none;
	}

	.cell {
		font-size: 14px;
	}

	.page_frame_header_special {
		width: 100%;
	}
	#body_home .white.down {
		top: -155px;
	}
	#body_home .links.group {
		display: none;
	}

	.subNav {
		margin: 0 5%;
	}
	.pages_subtemplate #page_body p,
	.projects_subtemplate p {
		font-size: 18px;
		margin-bottom: 12px;
		line-height: 23px;
	}

	#body_home h2 {
		font-size: 20.3px;
		line-height: 23.5px;
	}
	.ptb.angles {
		padding-top: 62px;
	}
	.pages_subtemplate #page_body h2 {
		font-size: 24px;
		letter-spacing: 6.38px;
	}
	.centered_logo {
		max-width: 30%;
	}
	.page_frame2 {
		overflow: hidden;
	}
	#next2 {
		right: 1%;
	}
	#prev2 {
		left: 1%;
	}
	.showThumbs,
	#cycle-2 {
		display: none !important;
	}
	.body_nothome .big {
		display: none !important;
	}
	.body_nothome .medium {
		display: block !important;
	}
	.slickBGs .ratio {
		padding-top: 43%;
	}
	.homelilh {
		top: 98px;
		left: 5%;
	}

	#body_home #logo {
		background-position: left top;
		margin-left: 0;
	}

	#body_home .slick.big .slick-next,
	#body_home .slick.big .slick-prev,
	#body_home .centered_logo,
	#body_home .slickBGs a.big {
		display: none !important;
	}

	.pages_subtemplate #page_body h2 {
		letter-spacing: 0;
		text-transform: capitalize;
	}
	.pages_subtemplate #page_body .mSize2 {
		margin-bottom: 80px;
	}
	#body_designapproach #page_body .mSize2 {
		padding: 0 10%;
		max-width: 80%;
	}
	.pages_subtemplate #page_body .mSize2.last {
		margin-bottom: 0;
	}
	#projectNav .subNav.desk {
		display: none;
	}
	.fake-select {
		display: block;
	}
	/* PROJ DETAIL PAGES */
	#body_projects #project_info_h1 h1,
	#body_projects #project_info_fr {
		text-align: center;
		width: 100%;
	}
	#body_projects #project_info_fr p {
		display: block;
		border: 0;
		padding: 0;
		width: 100%;
	}
	.proj-detail-content {
		background-color: #f5f5f5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 20px 20px 20px;
	}
	.proj-detail-content.active {
		padding-bottom: 60px;
	}
	.proj-detail .bizango_cms_asset {
		display: none;
	}
	.proj-detail .project_subNav2 a {
		margin: 5px 0;
	}
	.proj-detail .read-more-button {
		background: none;
		border: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #b7b7b7;
		font-size: 13.5px;
		letter-spacing: 0.1em;
		margin: 0 auto;
		padding: 10px;
	}
	.proj-detail .read-more-button,
	.proj-detail .extra {
		display: block;
	}
	.proj-detail .read-more-content,
	.proj-detail .keepreading {
		display: none;
	}
	.proj-detail .read-more-content p {
		color: #b7b7b7;
		font-weight: 300;
	}
	.proj-detail .bigP p {
		color: #787878;
		font-size: 27px;
		font-weight: 300;
		letter-spacing: 0.35em;
		line-height: 1.2em;
		text-align: center;
		text-transform: uppercase;
	}
	.mobile-hero-images-frame {
		display: block;
		margin-top: -4px;
	}
	.proj-detail .mobile-hero-img {
		margin: 4px 0;
		max-width: 100%;
		width: 100%;
	}
	.proj-detail #hero_frame,
	.proj-detail .dashed,
	.proj-detail #cycle-2-controls .proj-detail .cycle-slideshow {
		display: none;
	}
	.proj-detail .project_subNav2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
	}
	#body_projects .proj-detail .grayBG2 {
		margin-bottom: 0;
		margin-top: 0;
	}
	.proj-detail .similar-projects-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.proj-detail .grid {
		margin: 0 40px;
		max-width: calc(100% - 80px);
	}
	.proj-detail .grid .projectThumbContainer {
		margin-bottom: 30px;
	}
	.proj-detail .grid .thumb {
		margin-top: 0;
	}
	.proj-detail .grid .loc,
	.proj-detail .white.up2 {
		display: none;
	}
}

/*- Mobile Styles phone*/
@media only screen and (max-width: 659px) {
	.has-mobile-images .slick.big.desk {
		display: none;
	}
	.has-mobile-images .slick.big.mobile {
		display: block;
		margin-bottom: 34px;
	}
	.has-mobile-images .slickBGs img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
		width: 100%;
	}
	.has-mobile-images .slickBGs .ratio {
		padding-top: 133vw;
	}
	.slickBGs a.big {
		display: none;
	}

	.cell {
		font-size: 12px;
	}
	.thumbs .table {
		margin-top: 30%;
	}
	.thumbs .ratio:hover > .hide {
		display: none;
	}
	.thumbs.clicked .table,
	.thumbs.clicked:hover .table {
		display: table;
		margin-top: 5px;
	}
	.thumbs .rule,
	.thumb .rule {
		margin: 3px 26%;
	}
	.bio p {
		margin-left: 25px;
		margin-right: 25px;
	}

	#body_home .hero .ratio {
		padding-top: 75%;
	}
	.pages_subtemplate #page_body h4 {
		font-size: 17px;
	}
	.pages_subtemplate #page_body .subnav-frame {
		margin: 0 10%;
		max-width: 80%;
		text-align: left;
	}
	.subNav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 30px 0;
	}
	.subNav li {
		margin: 0;
	}
	.projectFlavor {
		padding-bottom: 10px;
		padding-top: 40px;
	}
	#projectNav {
		margin: 0;
	}
	.projectThumbContainer {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.homelilh {
		position: relative; /*top:98px;left:30px;*/
		top: 0px;
		left: 0px;
		width: inherit;
		text-align: center;
		font-size: 10px;
		left: 5%;
	}
}
/*- Mobile Styles small phone*/
@media only screen and (max-width: 500px) {
	#nav_frame {
		height: 22vw;
	}
	#mobile_nav .nav {
		top: 15vw;
	}
	#logo {
		height: 48px;
	}
	#body_home #logo,
	#logo,
	.body_nothome #logo {
		/*        width: 80%;
        background-size: contain;
        height: 50px;
        background-position: center;
        margin-left: 10%;
        margin-top: 60px;
*/
		background-size: contain;
		margin-left: 0;
		margin-top: 30px;
		width: calc(100% - 95px);
		background-position: left top;
		/* margin-left: 8%;         */
	}
	#mobile_nav {
		top: 25px;
	}
	#mobile_nav .icon {
		width: 22px;
	}
	#project_info_h1 h1 {
		font-size: 14px !important;
	}
	.grid {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	.element-item {
		display: block;
		max-width: 98%;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
	}
	.pages_subtemplate #page_body .subNav li {
		/* margin: 0 10px; */
	}
}

.project_gallery_editmode h2 {
	text-transform: uppercase;
}

.project_slideshow_images_admin {
	float: left;
	width: 150px;
	margin: 20px;
	height: 150px;
}

.project_slideshow_images_admin img {
	max-width: 150px;
	max-height: 150px;
}
.project_slideshow_images_container_admin {
	height: 500px;
	background-color: #eee;
	overflow-y: auto;
	-webkit-box-shadow: inset 0 0 4px 4px #aaaaaa;
	box-shadow: inset 0 0 4px 4px #aaaaaa;
	position: relative;
	z-index: 100;
}

#project_info_h1 {
	padding-top: 18px;
	position: relative;
}
#project_info_h1 h1 {
	font-size: 24px;
	line-height: 29px;
	color: #787878;
	letter-spacing: 0.15em;
	float: left;
}
#project_info_fr {
	float: left;
	margin-left: 20px;
}
#project_info_fr p {
	float: left;
	border-left: 1px solid #787878;
	padding-left: 20px;
	letter-spacing: 0.15em;
}

.categoryintrotextthing h1,
#body_projects .categoryintrotextthing h1 {
	color: #787878;
	font-size: 24px;
	letter-spacing: 0.15em;
	line-height: 29px;
	/* margin-left:125px; */
}

/* ckeditor styles */
.text-transform--upper {
	text-transform: uppercase;
}
.letter-spacing--wide {
	letter-spacing: 0.3em;
}
.text-size--large {
	/* font-size: 18px; */
	font-size: 1.375rem;
	margin-bottom: 43px;
}
.text-weight--light {
	font-weight: 300;
}
@media only screen and (min-width: 1105px) {
	.text-size--large {
		font-size: 1.375rem;
	}
}
/* blocks */
.blocks_subtemplate .block .page_frame {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 20px;
	width: auto;
}
.hover-background-color__black[data-state="hover"],
.hover-background-color__black.hover--active:hover,
.hover-background-color__black.hover--active:focus-within {
	background-color: #186b8f;
}
.hover-image-opacity__medium[data-state="hover"] > .block__bg-img {
	opacity: 0.2;
}
.block_type__hero .bizango_cms_content > *:last-child {
	margin-bottom: 0;
}
@media (hover: hover) {
	.block_type__boxes.hover-image-opacity__medium .hover--active:hover > .block__bg-img,
	.block_type__boxes.hover-image-opacity__medium .hover--active:focus-within > .block__bg-img {
		opacity: 0.2;
	}
}

.block_type__boxes {
}
.block_type__boxes .boxes-frame {
	gap: 20px;
}
.block_type__boxes.boxes-per-row__4 .box__outer-frame,
.block_type__boxes.boxes-per-row__4 .admin-frame {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	width: calc(25% - 15px); /* 3/4 of gap size */
}
.block_type__boxes .box,
.block_type__boxes .box-bg {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.block_type__boxes .box-content,
.block_type__boxes .box-content-no-hover,
.block_type__boxes .box .bizango_cms_content {
	-webkit-transition: color 0.3s ease, opacity 0.3s ease;
	transition: color 0.3s ease, opacity 0.3s ease;
}
.block_type__boxes .box-content {
	padding: 20px 10px;
}
.block_type__boxes .box-icon {
	max-width: 200px;
}
.block_type__boxes .bizango_content_rich2 {
	color: #acacac;
}
.block_type__boxes .bizango_content_rich2 h2 {
	font-size: 22px;
	font-weight: 300;
}
.block_type__boxes .box-content .big-text {
	font-size: 20px;
	text-align: center;
}
.block_type__boxes .box-content .big-text .bizango_cms_content > *:last-child {
	margin-bottom: 0;
}
.block_type__boxes .box-content .big-text .bizango_content_prose {
	text-transform: uppercase;
}
.block_type__boxes .box-content .big-text .rule {
	width: 48%;
	margin: 10px 26%;
	height: 2px;
	background-image: url(/images/sites/pbw/dash2.png);
}
.block_type__boxes.block__admin-view .boxes-frame[data-state="hover"] .aspect-ratio {
	display: none;
}
.block_type__boxes.block__admin-view .box-content--hover {
	position: relative;
}
.block_type__boxes.block__admin-view .box--admin {
	word-break: break-word;
}
.box__tab-list {
	pointer-events: none;
}
@media (hover: none) {
	.box__tab-list {
		opacity: 1;
		pointer-events: auto;
	}
}
@media only screen and (max-width: 640px) {
	.block_type__boxes .icon-frame,
	.block_type__boxes.show-icons__true .icon-frame {
		display: block;
	}
}
@media only screen and (max-width: 880px) {
	.block_type__boxes .box__outer-frame,
	.block_type__boxes.boxes-per-row__4 .box__outer-frame,
	.block_type__boxes.boxes-per-row__3 .box__outer-frame,
	.block_type__boxes.block__admin-view .admin-frame,
	.block_type__boxes.boxes-per-row__4.block__admin-view .admin-frame,
	.block_type__boxes.boxes-per-row__3.block__admin-view .admin-frame {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		width: calc(50% - 15px); /* 3/4 of gap size */
	}
}
@media only screen and (max-width: 540px) {
	.block_type__boxes.block_type__boxes .box__outer-frame,
	.block_type__boxes.block_type__boxes.block__admin-view .admin-frame {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
}
/* SERVICES COLLECTION 2024 */
.block h1 {
	font-family: "proxima-nova";
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
	.block h1 {
		font-size: 2.5625rem;
	}
}
.block > .page_frame {
	max-width: var(--pageFrame);
}
/* PADDING */
.block.padding-top__none,
.block.banner-padding-top__none {
	padding-top: 0;
}
.block.padding-bottom__none,
.block.banner-padding-bottom__none {
	padding-bottom: 0;
}
.block.padding-top__less,
.block.banner-padding-top__less {
	padding-top: var(--padLess);
}
.block.padding-top__normal,
.block.banner-padding-top__normal,
.block.hero-padding-top__less,
.block--hero.padding-top__less {
	padding-top: var(--padNorm);
}
.block.padding-top__more,
.block.banner-padding-top__more,
.block.hero-padding-top__normal,
.block--hero.padding-top__normal {
	padding-top: var(--padMore);
}
.block.hero-padding-top__more,
.block.block--hero.padding-top__more {
	padding-top: 8.5rem;
}
.block.padding-bottom__less,
.block.banner-padding-bottom__less {
	padding-bottom: var(--padLess);
}
.block.padding-bottom__normal,
.block.banner-padding-bottom__normal,
.block.hero-padding-bottom__less,
.block--hero.padding-bottom__less {
	padding-bottom: var(--padNorm);
}
.block.padding-bottom__more,
.block.banner-padding-bottom__more,
.block.hero-padding-bottom__normal,
.block--hero.padding-bottom__normal {
	padding-bottom: var(--padMore);
}
.block.hero-padding-bottom__more,
.block.block--hero.padding-bottom__more {
	padding-bottom: 8.5rem;
}
@media only screen and (max-width: 768px) {
	.block.padding-top__less,
	.block.hero-padding-top__less,
	.block--hero.padding-top__less {
		padding-top: 1.5rem;
	}
	.block.padding-top__normal,
	.block.hero-padding-top__less,
	.block--hero.padding-top__less {
		padding-top: 2em;
	}
	.block.padding-top__more,
	.block.hero-padding-top__normal,
	.block--hero.padding-top__normal {
		padding-top: 2.5em;
	}
	.block.hero-padding-top__more {
		padding-top: 3rem;
	}
	.block.padding-bottom__less {
		padding-bottom: 1.5rem;
	}
	.block.padding-bottom__normal,
	.block.hero-padding-bottom__less,
	.block--hero.padding-bottom__less {
		padding-bottom: 2em;
	}
	.block.padding-bottom__more,
	.block.hero-padding-bottom__normal,
	.block--hero.padding-bottom__normal {
		padding-bottom: 2.5em;
	}
	.block.hero-padding-bottom__more,
	.block--hero.padding-bottom__more {
		padding-bottom: 3rem;
	}
}
/* THEMES */
.block.background-color__black,
.block.background-color__black .block__bg-img,
.button-background-color__black .faq-dropdown__button,
.block.parallax__yes.background-color__black .block__bg-img,
.text-area-background-color__black .pop-box,
.story_block_full.block-style__split.text-area-background-color__black,
.story_panel.text-area-background-color__black:not(.box-style__outline) .col-2 {
	background-color: #000;
	fill: #000;
}
.story_panel.text-area-background-color__black.box-style__outline .col-2 {
	border-color: #000;
}
.block.background-color__white,
.block.background-color__white .block__bg-img,
.button-background-color__white .faq-dropdown__button,
.block.parallax__yes.background-color__white .block__bg-img,
.text-area-background-color__white .pop-box,
.story_block_full.block-style__split.text-area-background-color__white,
.story_panel.text-area-background-color__white:not(.box-style__outline) .col-2 {
	background-color: #fff;
	fill: #fff;
}
.story_panel.text-area-background-color__white.box-style__outline .col-2 {
	border-color: #fff;
}
.background-color__white .bizango_cms_content,
.button-background-color__white .faq-dropdown__button,
.story_panel.block.text-area-background-color__white:not(.box-style__outline)
	.col-2
	.bizango_cms_content
	.block.text-area-background-color__white
	.pop-box
	.bizango_cms_content
	.background-color__white
	.text
	.btn-style__blank {
	color: rgb(var(--textDark));
}
.block.background-color__black .bizango_cms_content,
.button-background-color__black .faq-dropdown__button,
.story_panel.block.text-area-background-color__black:not(.box-style__outline)
	.col-2
	.bizango_cms_content
	.block.text-area-background-color__black
	.pop-box
	.bizango_cms_content
	.background-color__black
	.text
	.btn-style__blank {
	color: rgb(var(--textLight));
}
/* BLOCKS */
.block {
	padding: var(--padNorm) 0;
}
.block_type__project-images .col-1 {
	padding: 0;
}
.block_type__project-images .project-images__images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -9px;
}
.project-images__images img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100vw;
	padding: 0 9px;
	margin-bottom: 18px;
	max-height: 460px;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%;
}
/* ADMIN */
.project-images__images .bizango_image_controls {
	position: absolute;
	z-index: 1;
}
@media only screen and (min-width: 1000px) {
	.project-images__images img {
		height: 50vw;
		max-height: 560px;
		max-width: 33.333%;
	}
	/* OPTIONS */
	.image-columns__3-stacked .project-images__images {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 628px;
	}
	.image-columns__3-stacked .project-images__images img:first-of-type {
		height: 100vw;
		margin: 0;
		max-height: 628px;
		max-width: 39.2%;
		padding: 9px;
	}
	.image-columns__3-stacked .project-images__images img:nth-of-type(2),
	.image-columns__3-stacked .project-images__images img:nth-of-type(3) {
		margin: 0;
		max-height: 314px;
		max-width: 60.8%;
		padding: 9px;
		width: 100%;
	}
	.image-columns__4 .project-images__images img {
		max-width: 25%;
	}
	.image-columns__5 .project-images__images {
		margin: 0 -6px;
	}
	.image-columns__5 .project-images__images img {
		max-width: 20%;
		padding: 0 6px;
	}
}
/* 1 COL BLOCK UPDATE */
.block_type__1-column .bizango_cms_content h2,
.block_type__story-block .bizango_cms_content h2 {
	color: #b7b7b7;
	font-size: 28px;
	letter-spacing: 7.38px;
	margin-bottom: 30px;
}
.block_type__1-column.full-width-image__yes .element__image img {
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.block_type__1-column .all-cols-wrap {
		margin: 0 -20px;
	}
}
/* STORY BLOCK */
.block_type__story-block .col-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
	padding: 0;
}
.block h2 {
	color: #b7b7b7;
	font-size: 1.4375rem;
	letter-spacing: 0.25em;
}
.block .story-block__text {
	margin: 0 20px;
	width: 100%;
}
/* .block .story-block__text h2 {
	line-height: 0.7em;
}
.block .story-block__text .bizango_cms_content > *:last-child {
	margin-bottom: 30px;
} */
.block .story-block__img {
	margin: 0 20px;
	width: 100%;
}

/* OPTIONS */
.block_type__story-block.reverse-columns__yes .col-1 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media only screen and (min-width: 1000px) {
	.block_type__story-block .all-cols-wrap .col-1 {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 0;
	}
	.block .story-block__text {
		margin: 0 20px;
		margin-top: -0.5em;
		max-width: 50.38%;
		width: 100%;
	}
	.block .story-block__img {
		margin: 0 20px;
		max-width: 41.55%;
		width: 100%;
	}
	.block .story-block__img {
		margin-left: auto;
	}
	.block_type__story-block.reverse-columns__yes .story-block__img {
		margin-left: 20px;
		margin-right: auto;
	}
}
/* RELATED PROJECTS */
.related-projects__title {
	margin-bottom: 36px;
}
.related-projects__projects-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* margin: 0 -10px; */
	position: relative;
	width: 100%;
}
.related-projects__project {
	margin: 0 0px 20px 0px;
	max-width: calc(100% - 20px);
	position: relative;
	text-align: center;
	width: 100%;
}
.related-projects__project img {
	height: 80vw;
	margin-bottom: 10px;
	max-height: 419px;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%;
}
.related-projects__project-title .bizango_cms_content {
	font-size: 1.25rem;
	color: #b7b7b7;
	letter-spacing: 0.1em;
}
.related-projects__project-link {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* ADMIN */
.block__admin-view .related-projects__projects-container {
	padding-top: 60px;
}
.related-projects__projects-container .bizango_content_controls {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.limit + .bizango_content_controls .bizango_content_controls_add {
	opacity: 0.3;
	pointer-events: none;
}
@media only screen and (min-width: 480px) {
	.related-projects__project {
		margin: 0 10px 20px 10px;
		max-width: calc(50% - 20px);
	}
	.related-projects__project img {
		height: 44vw;
		max-height: 441px;
		max-width: 100%;
	}
}
@media only screen and (min-width: 1020px) {
	.related-projects__project {
		max-width: 215px;
	}
	.related-projects__project img {
		height: 50vw;
		max-height: 215px;
		max-width: 215px;
	}
}